@charset "utf-8";
@media only screen and (max-width: 768px) {
    #MainNav {width: 100%; position: fixed; font-family: Sansation; font-size: 12pt; z-index: 5;}
    #MainNav .main{width: 100%; height: 80px; background-color: white; background-position: center; background-repeat: no-repeat; background-color: #133c86; box-shadow: 0px 3px 5px 0px #585858; }
    #MainNav .main .container{ position: relative;}
    #MainNav .main .container .ifca {float: left;}
    #MainNav .main .container .ifca.img {}
    #MainNav .logoarea {height: 58px; background-color: #ffffff00; width: 120px; }
    #MainNav .main .container .NavLogo { max-width: 250px; z-index: 100; position: absolute; margin-top: -20px; margin-left: -10px;}
    #MainNav .main .container .openM.active{display:none;}
    #MainNav .main .container .openM {display: block; position: absolute; right: 0; top:-2px; z-index: 6; background-color: #0D73BF; width: 60px; height: 60px; padding: 1.5%; text-align: center; cursor: pointer;}
    #MainNav .main .container .openM{padding-top: 13px;}
    #MainNav .main .container .closeM{display: none;}
    #MainNav .main .container .closeM.active {display: block; position: absolute; right: 0; top:-2px; z-index: 7; background-color: #eeeeee; width: 60px; height: 60px; padding: 1.5%; text-align: center; cursor: pointer;}
    #MainNav .main .container .openM i{font-size: 20pt; color: #fff; padding-top: 5px;} 
    #MainNav .main .container .closeM i{font-size: 20pt; color: #0D73BF;}
    #MainNav #Manu.active { display: block;}
    #MainNav #Manu {display:none; background-color: #eeeeee; padding-top: 10px; padding-bottom: 10px; box-shadow: 0px 5px 5px 0px #ccc;}
    #MainNav #Manu .container{ display: none;}
    #MainNav #Manu .container ul { list-style: outside; padding: 0px; font-family: Sansation; background-color: #0D73BF;}
    #MainNav #Manu .container ul a{ color:black;}
    #MainNav #Manu .container ul a:hover{text-decoration: none; }
    #MainNav #Manu .container ul li{list-style: none; padding: 5px; margin-top: 5px; margin-bottom: 5px; font-size: 14px;}
    #MainNav #Manu .container ul li:hover{background-color: #0D73BF; color: #fff;}
    #MainNav #Manu .container ul li i{color: #0D73BF; font-size: 16pt; width: 35px;}
    #MainNav #Manu .container ul li:hover i{color: #fff;}
    #MainNav #Manu .container .productLink img{width:80%;}
    #MainNav #Manu .container .NavTitle{font-weight: 700; margin-bottom: 15px;}
    #MainNav #Manu .container .NavTitle.Complementary{margin-top:30px;}
    #MainNav #Manu .container .col1{padding-left: 10px; margin-top: 50px;}
    #MainNav #Manu .container .col2{ margin-top: 25px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding-left: 10px; padding-right: 10px; }
    #MainNav #Manu .container .col2 .s_col1, #MainNav #Manu .container .col2 .s_col2, #MainNav #Manu .container .col2 .s_col3 {}
    #MainNav #Manu .container .col2 .s_col1 img, #MainNav #Manu .container .col2 .s_col2 img, #MainNav #Manu .container .col2 .s_col3 img {padding-left: 0; margin-bottom:15px;}
    #MainNav #Manu .container .col3{ margin-top: 25px; padding-left: 10px;}
    #MainNav #Manu .container .KidCareer{width: 220px; float: left; margin-left: -50px; padding-bottom: 0px;}
    #MainNav #Manu .container .NavHire{margin-top: 75px;}
    .nav{background:#0D73BF;}

    #slider {width: 100%; height: 300px; overflow: hidden;}
    .slides {position: relative; margin: 0; padding: 0; }
    .slide { position: absolute; list-style-type: none; text-align: center; width: 100%; height: 100px; top: 0; left:0;}
    #slider ul li{}
    #slider ul li .sliderContent{ max-width: 376px; width: 100%; position: absolute; margin-left: 50%; left: -187.5px;}
    #slider h2{font-size:28px; color:#fff; font-weight: bold;}
    #slider h3{color:#fff; font-size: 20px;}
    .productitem {display: none;}

    .canvas, .video {height: auto; width: 100%; min-width: auto;}
    .video-responsive {width: 100%; position: absolute;}
    .video {display: none;}
    .replacevid {display: absolute;}
}
/*@media (max-width:767px){.visible-phone{display:block;} .hidden-phone{display:none;} .hidden-desktop{display:block;} .visible-desktop{display:none;}}@media (min-width:768px) and (max-width:979px){.visible-tablet{display:block;} .hidden-tablet{display:none;} .hidden-desktop{display:block;} .visible-desktop{display:none;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:18px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top{margin-left:-20px;margin-right:-20px;} .container{width:auto;} .row-fluid{width:100%;} .row{margin-left:0;} .row>[class*="span"],.row-fluid>[class*="span"]{float:none;display:block;width:auto;margin:0;} .thumbnails [class*="span"]{width:auto;} input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .input-prepend input[class*="span"],.input-append input[class*="span"]{width:auto;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:20px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.762430939%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid > .span12{width:99.999999993%;} .row-fluid > .span11{width:91.436464082%;} .row-fluid > .span10{width:82.87292817100001%;} .row-fluid > .span9{width:74.30939226%;} .row-fluid > .span8{width:65.74585634900001%;} .row-fluid > .span7{width:57.182320438000005%;} .row-fluid > .span6{width:48.618784527%;} .row-fluid > .span5{width:40.055248616%;} .row-fluid > .span4{width:31.491712705%;} .row-fluid > .span3{width:22.928176794%;} .row-fluid > .span2{width:14.364640883%;} .row-fluid > .span1{width:5.801104972%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:714px;} input.span11, textarea.span11, .uneditable-input.span11{width:652px;} input.span10, textarea.span10, .uneditable-input.span10{width:590px;} input.span9, textarea.span9, .uneditable-input.span9{width:528px;} input.span8, textarea.span8, .uneditable-input.span8{width:466px;} input.span7, textarea.span7, .uneditable-input.span7{width:404px;} input.span6, textarea.span6, .uneditable-input.span6{width:342px;} input.span5, textarea.span5, .uneditable-input.span5{width:280px;} input.span4, textarea.span4, .uneditable-input.span4{width:218px;} input.span3, textarea.span3, .uneditable-input.span3{width:156px;} input.span2, textarea.span2, .uneditable-input.span2{width:94px;} input.span1, textarea.span1, .uneditable-input.span1{width:32px;}}@media (max-width:979px){body{padding-top:0;} .navbar-fixed-top{position:static;margin-bottom:18px;} .navbar-fixed-top .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .navbar .nav-collapse{clear:left;} .navbar .nav{float:none;margin:0 0 9px;} .navbar .nav>li{float:none;} .navbar .nav>li>a{margin-bottom:2px;} .navbar .nav>.divider-vertical{display:none;} .navbar .nav .nav-header{color:#999999;text-shadow:none;} .navbar .nav>li>a,.navbar .dropdown-menu a{padding:6px 15px;font-weight:bold;color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .navbar .dropdown-menu li+li a{margin-bottom:2px;} .navbar .nav>li>a:hover,.navbar .dropdown-menu a:hover{background-color:#222222;} .navbar .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .navbar .dropdown-menu:before,.navbar .dropdown-menu:after{display:none;} .navbar .dropdown-menu .divider{display:none;} .navbar-form,.navbar-search{float:none;padding:9px 15px;margin:9px 0;border-top:1px solid #222222;border-bottom:1px solid #222222;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);} .navbar .nav.pull-right{float:none;margin-left:0;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;} .btn-navbar{display:block;} .nav-collapse{overflow:hidden;height:0;}}@media (min-width:980px){.nav-collapse.collapse{height:auto !important;overflow:visible !important;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:30px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.564102564%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid > .span12{width:100%;} .row-fluid > .span11{width:91.45299145300001%;} .row-fluid > .span10{width:82.905982906%;} .row-fluid > .span9{width:74.358974359%;} .row-fluid > .span8{width:65.81196581200001%;} .row-fluid > .span7{width:57.264957265%;} .row-fluid > .span6{width:48.717948718%;} .row-fluid > .span5{width:40.170940171000005%;} .row-fluid > .span4{width:31.623931624%;} .row-fluid > .span3{width:23.076923077%;} .row-fluid > .span2{width:14.529914530000001%;} .row-fluid > .span1{width:5.982905983%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:1160px;} input.span11, textarea.span11, .uneditable-input.span11{width:1060px;} input.span10, textarea.span10, .uneditable-input.span10{width:960px;} input.span9, textarea.span9, .uneditable-input.span9{width:860px;} input.span8, textarea.span8, .uneditable-input.span8{width:760px;} input.span7, textarea.span7, .uneditable-input.span7{width:660px;} input.span6, textarea.span6, .uneditable-input.span6{width:560px;} input.span5, textarea.span5, .uneditable-input.span5{width:460px;} input.span4, textarea.span4, .uneditable-input.span4{width:360px;} input.span3, textarea.span3, .uneditable-input.span3{width:260px;} input.span2, textarea.span2, .uneditable-input.span2{width:160px;} input.span1, textarea.span1, .uneditable-input.span1{width:60px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;}}*/
/* IPhone6 */
@media only screen and (max-width: 485px) {
    .AllServicesManu li{width: 100%;}
    #MainNav #Manu .container .col2{border-left: none;}
    .productitem {display: none;}
}
@media only screen and (min-width: 767px) {
    .col-md-4 { width: 33.33333333%; float: left;}
}

@media only screen and (max-width: 375px) {
    #MainNav {width: 100%; position: fixed; font-family: Sansation; font-size: 12pt; z-index: 5;}
    #MainNav .main{width: 100%; height: 58px; background-color: white; background-position: center; background-repeat: no-repeat; background-color: #0D73BF; box-shadow: 0px 3px 5px 0px #585858; }
    #MainNav .main .container{ position: relative;}
    #MainNav .main .container .ifca {float: left;padding-top: 5px; padding-bottom: 5px;margin-left: -10px;}
    #MainNav .main .container .ifca.img {}
    #MainNav .main .container .NavLogo { margin-top: -10px; margin-left: -15px; max-width: 170px; z-index: 100; position: absolute;}
    #MainNav .main .container .openM.active{display:none;}
    #MainNav .main .container .openM {display: block; position: absolute; right: 0; top:-2px; z-index: 6; background-color: #0D73BF; width: 60px; height: 60px; padding: 1.5%; text-align: center; cursor: pointer;}
    #MainNav .main .container .openM{padding-top: 13px;}
    #MainNav .main .container .closeM{display: none;}
    #MainNav .main .container .closeM.active {display: block; position: absolute; right: 0; top:-2px; z-index: 7; background-color: #eeeeee; width: 60px; height: 60px; padding: 1.5%; text-align: center; cursor: pointer;}
    #MainNav .main .container .openM i{font-size: 20pt; color: #fff; padding-top: 5px;} 
    #MainNav .main .container .closeM i{font-size: 20pt; color: #0D73BF;}
    #MainNav #Manu.active { display: block;}
    #MainNav #Manu {display:none; background-color: #eeeeee; padding-top: 10px; padding-bottom: 10px; box-shadow: 0px 5px 5px 0px #ccc;}
    #MainNav #Manu .container{ display: none;}
    #MainNav #Manu .container ul { list-style: outside; padding: 0px; font-family: Sansation; background-color: #0D73BF;}
    #MainNav #Manu .container ul a{ color:black;}
    #MainNav #Manu .container ul a:hover{text-decoration: none; }
    #MainNav #Manu .container ul li{list-style: none; padding: 5px; margin-top: 5px; margin-bottom: 5px; font-size: 14px;}
    #MainNav #Manu .container ul li:hover{background-color: #0D73BF; color: #fff;}
    #MainNav #Manu .container ul li i{color: #0D73BF; font-size: 16pt; width: 35px;}
    #MainNav #Manu .container ul li:hover i{color: #fff;}
    #MainNav #Manu .container .productLink img{width:80%;}
    #MainNav #Manu .container .NavTitle{font-weight: 700; margin-bottom: 15px;}
    #MainNav #Manu .container .NavTitle.Complementary{margin-top:30px;}
    #MainNav #Manu .container .col1{padding-left: 10px; margin-top: 50px;}
    #MainNav #Manu .container .col2{ margin-top: 25px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding-left: 10px; padding-right: 10px; }
    #MainNav #Manu .container .col2 .s_col1, #MainNav #Manu .container .col2 .s_col2, #MainNav #Manu .container .col2 .s_col3 {}
    #MainNav #Manu .container .col2 .s_col1 img, #MainNav #Manu .container .col2 .s_col2 img, #MainNav #Manu .container .col2 .s_col3 img {padding-left: 0; margin-bottom:15px;}
    #MainNav #Manu .container .col3{ margin-top: 25px; padding-left: 10px;}
    #MainNav #Manu .container .KidCareer{width: 220px; float: left; margin-left: -50px; padding-bottom: 0px;}
    #MainNav #Manu .container .NavHire{margin-top: 75px;}
    .nav{background:#0D73BF;}

    .slides {position: relative; margin: 0; padding: 0; }
    .slide { position: absolute; list-style-type: none; text-align: center; width: 100%; height: 100px; top: 0; left:0;}
    #slider ul li{}
    #slider ul li .sliderContent{ max-width: 360px; width: 100%; position: absolute; margin-left: 50%; left: -130px;}
    #slider h2{font-size:14px; color:#fff; font-weight: bold;}
    #slider h3{color:#fff; font-size: 12px;}
    .row{margin-left:0; margin-right: 0;}

    #MainNav{position: relative;}
    #MainNav .Mobilehide{display: none;}
    #MainNav .mobileMarginTop{margin-top:20px;}
    #MainNav .main{background-image: none;}
    #MainNav .main .container{padding-right: 0;}
    #MainNav .main .container .closeM i{margin-top:10px;}
    #MainNav #Manu .container .productLink { margin-top:20px;}
    #MainNav #Manu .container .productLink img { width: auto; height: 25px;}
    #MainNav #Manu .container .col2{ border-left: none; border-right: none;}
    #MainNav #Manu .container .col2 .s_col1, #MainNav #Manu .container .col2 .s_col2, #MainNav #Manu .container .col2 .s_col3 {width: 30%; float: left;}

    footer #manu .col2{border-right: none; border-left: none;}
    footer #manu .col2 ul{margin-left:-15px;}
    footer #copyright .policy{float: left; width: 100%; text-align: center;}
    footer #copyright .copyright{float: right; width: 100%; text-align: center; margin-top: 5px;}

    .fullscreen-bg{display:none;}
    iframe{width: 100%; display: block;}

    main #Background{ background-position: center; background-position-y: 55px; padding-top: 0px;height: auto;}
    main #Background h1{font-size: 18pt;}
    main #Background h2{font-size: 18pt;}	
    main #Product .BoxBodder { border-left:none; border-right: none;}
    main #highlight .container{padding: 0; margin: 0;}
    main #highlight .prominent { padding-top: 10px;}
    main #highlight2 .ProductImg {display: none;}
    main #highlight2 h2{font-size: 24pt;}
    main #form {background-image: none;}
    main #form .container{ padding: 0; margin: 0;}
    main #form .formBox { padding: 0; padding-top: 10px; padding-bottom: 10px; margin: 0; border-right:none;}
    main #form .formBox .SubForm input#Mobile,main #form .formBox .SubForm input#email {float:none; width: 100%;}

    main#SubPage #Background {padding-top: 25px;}
    main#SubPage #highlight .mobileIcon{width: 30%; float: left; margin: 0; padding:0;}
    main#SubPage #highlight .mobileText{width: 70%; float: right;}

    main#SubPage #Product .news .mobileIcon{width: 27%; float: left; margin: 0; padding:0;}
    main#SubPage #Product .news .mobileText{width: 70%; float: right; margin-right: 10px;}
    main#SubPage #Product .news {padding:0; margin:0;}
    main#SubPage #Product .container {padding:0; margin:0;}
    main#SubPage #Product .container .normal {padding:0; margin:0;}
    main#SubPage #Product .news h3{font-size: 14pt;}

    main#P365C #challenge ul li{ max-width: 100%; border-radius: 10px; padding: 5px; height: auto; width: 100%;}
    main#P365M #challenge ul li{ max-width: 100%; border-radius: 10px; padding: 5px; height: auto; width: 100%;}
    main#P365S #challenge ul li{ max-width: 100%; border-radius: 10px; padding: 5px; height: auto; width: 100%;}
    main#HR365 #challenge ul li{ max-width: 100%; border-radius: 10px; padding: 5px; height: auto; width: 100%;}
    main#HSP365 #challenge ul li{ max-width: 100%; border-radius: 10px; padding: 5px; height: auto; width: 100%;}
    main#BI365 #challenge ul li{ max-width: 100%; border-radius: 10px; padding: 5px; height: auto; width: 100%;}

    .canvas, .video {height: auto; width: 100%; min-width: auto;}
    .video-responsive {width: 100%; position: absolute;}

    .liBox ul li{width: 100%; padding: 0px; height: 100%;}
    #slider {width: 100%; height: auto; overflow: hidden; margin: auto; left: 50%;}
    .slides {position: relative; margin: 0; padding: 0; height: 170px;}
    .slide { position: absolute; list-style-type: none; text-align: center; width: 100%; height: 100px; top: 0; left:0;}
    #slider ul li{}
    #slider ul li .sliderContent{ max-width: 300px; min-width: 300px; width: 100%; position: absolute; margin-left: 50%; left: -150px;}
    #slider h2{font-size:28px; color:#fff; font-weight: bold;}
    #slider h3{color:#fff; font-size: 12px;}


    .testimonial .description {font-size: 12px;}   
    .iva-box {display: none;    }
    .productitem {display: none;}
    .image_index {max-width: 250px;}
    .video {display: none;}
    .replacevid {display: absolute; width: 100%; height: auto; left: 0; position: absolute; z-index: 0;}

}