@import url("fonts/Helvetica/styles.css");
@import url("fonts/Helvetica-Bold/styles.css");
@import url("fonts/Helvetica-Light/styles.css");
@import url("fonts/HelveticaNeue-Bold/styles.css");
@import url("fonts/HelveticaNeue-Italic/styles.css");

html,form,body,#Body {height:100%; margin:0; padding:0; }

/*-------- Default Style --------*/
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#000; font-family:Arial, Helvetica, sans-serif;line-height:normal;}
body,th,td,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:16px;}
h1, h2, h3, h4, h5, h6{color:#000;font-weight:normal;margin:0;font-family:Arial;}
h1{font-size:38px;}
h2{font-size:30px;}
h3{font-size:14px;}
h4{font-size:12px;}
h5{font-size:11px;}
h6{font-size:10px;}
p{margin-bottom:0px;}


a,a:link,a:visited,a:active{color:#fff; text-decoration:none; font-weight:normal; }
a:hover{color:#2fa9d3; text-decoration:underline;}
.Head, .SubHead, .SubSubHead{font-family:Arial, Helvetica, sans-serif;}
.Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox{font-family:Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}
b,strong{}
i,em{}

/*-------- design style --------*/
.clear_float, .clr{clear:both; line-height:0; font-size:0; height:0;}
.DNNEmptyPane{width:0 !important;padding:0 !important;margin:0 !important;}

.editMode .four-column {background-color:#6d1114;}
.editMode .DNNContainer-Title-h2 .MainContent .Normal {padding: 0;}

.fs10, a.fs10, a.fs10:link, a.fs10:active, a.fs10:visited, a.fs10:hover{font-size:10px;}
.fs12, a.fs12, a.fs12:link, a.fs12:active, a.fs12:visited, a.fs12:hover{font-size:12px;}
.fs13, a.fs13, a.fs13:link, a.fs13:active, a.fs13:visited, a.fs13:hover{font-size:13px;}
.fs15, a.fs15, a.fs15:link, a.fs15:active, a.fs15:visited, a.fs15:hover{font-size:15px;}
.fs16, a.fs16, a.fs16:link, a.fs16:active, a.fs16:visited, a.fs16:hover{font-size:16px;}
.fs18, a.fs18, a.fs18:link, a.fs18:active, a.fs18:visited, a.fs18:hover{font-size:18px;}
.fs24, a.fs24, a.fs24:link, a.fs24:active, a.fs24:visited, a.fs24:hover{font-size:24px;}
.fs30, a.fs30, a.fs30:link, a.fs30:active, a.fs30:visited, a.fs30:hover{font-size:30px;}
.bold{font-weight:bold;}


.DesktopNav{display:block;}
.MobileNav{display:none;}

body{}
.page{max-width:1885px;margin:0 auto;}
    .page>header{border-bottom: 5px solid #ee1119;position:relative;}
        .logobox{float:left;margin:12px 0 0 51px;}
        .rtbox1, .rtbox0{float:right;}
        .rtbox0{margin:133px 170px 23px 0;}
        .rtbox1{width:26.22%;padding:40px 0 0 0;}
            .hdrrtbox{margin-top:8px;}
            .rtbox-ltborder{padding-left:18.86%;height:41px;}
            .rtbox1 .Normal{font-family:Helvetica-Bold;}
            .rtbox1 .Normal a, a.LoginLink{font-family:Helvetica-Bold;text-decoration:none;color:#000;}
            .inner-page .rtbox1 {padding: 59px 0 0;width: 26.22%;}
            .inner-page .rtbox-ltborder {height: 41px;padding-left: 9.86%;}
    .page>.main-content{}
    .LeftContentPane {width: 50%;float: left;}        
    .RightContentPane {float:right;width:50%;}
            a.r-home {color:#333;}
            .left-content {padding:26px 70px;}
a.breadcrump, a.r-home {font-size:14px;font-family:Arial;color:#2389bf;line-height:24px;text-transform:capitalize;}
a.r-home {color:#333;}
ul.topLevel {margin:0;}
.topLevel > li{list-style:none;}
.topLevel > li span.icon-plus-minus a{font-size:16px;font-family:Arial;font-weight:bold;color:#00549d;line-height:44px;margin-left:13px;}
.topLevel > li span.icon-plus-minus {font-size:16px;font-family:Arial;font-weight:bold;color:#00549d;line-height:44px;cursor:pointer;}
.topLevel > li span.icon-plus-minus:hover {color:#2fa9d3;}

.topLevel > li.item ul{margin:0;display:none;}
.topLevel > li.item ul li{list-style:none;}
.topLevel > li.item ul li a{font-size:13px;font-family:Arial;color:#00549d;line-height:24px;margin-left:25px;}

.i-content {padding:69px 50px 80px 65px;}
.i-left {float: left;width:72.7%;}
.i-right {float: right;width: 25%;border-left:1px solid #b4b4b4;}

ul.cnt-up-down {margin:0;}
ul.cnt-up-down > li {list-style:none;}
.cnt-up-down > li span.cnt-plus-minus {color: #00549d;font-family: Arial;font-size: 16px;font-weight: bold;line-height:40px;cursor:pointer;}
.cnt-up-down > li span.cnt-plus-minus em{margin-right:10px;}
ul.cnt-up-down li ul {margin:0;}
ul.cnt-up-down li ul li {list-style:none;}
ul.cnt-up-down li ul li p{color: #333;font-size: 16px;padding: 0 180px 30px 0;line-height:24px;margin-bottom:0 !important;}

.i-right p{font-size:16px;font-family:Arial;color:#65c8e2;text-align:left;line-height:24px;font-style:italic;padding:15px 5px 15px 50px; }
.i-right h4{font-size:16px;font-family:Arial;color:#65c8e2;text-align:right;line-height:24px;}

    .page>footer{background:#383838;padding:34px 0;width:100%;}
        .ft-box{text-align:center;}
        .socbox{padding:45px 0 38px;}
        .copyrightbox, .copyrightbox a{font-family:'Helvetica';font-size:12px;color:#a0a0a0;line-height:20px;}
        .copyrightbox a, .copyrightbox .cinfo{display:inline-block;vertical-align:middle;margin:0 2px;}
        .cinfo a{vertical-align:top;margin:0;color:#a0a0a0;}
        .ft-logo{background:url(images/ico-footer.png) no-repeat left center;display:inline-block;width:45px;height:34px;vertical-align:middle;margin-right:3px;}
.ft-menu, .ft-menu a {color:#fff;font-size:16px;font-family:Helvetica;padding:0 25px;}

.clear {clear:both;}

.social-buttons a{background:url(images/ico-social.png) no-repeat 0 0;display:inline-block;width:35px;height:35px;vertical-align:top;margin-right:0px;} 
.social-buttons a.fb{background-position:0 0;}
.social-buttons a.tw{background-position:-40px 0;}
.social-buttons a.yt{background-position:-80px 0;}
.social-buttons a.ld{background-position:-120px 0;}
.social-buttons a.gp{background-position:-160px 0;}
.social-buttons a.in{background-position:-200px 0;}

a.LoginLink, a.ico-tel, a.ico-mail{display:block;padding-left:32px;font-size:18px;}
a.ico-tel{background:url(images/ico-tel.png?v=1) no-repeat left center;line-height:30px;}
a.ico-mail{background:url(images/ico-mail.png?v=1) no-repeat left center;line-height:30px;}
.inner-page a.ico-tel {margin-top:-19px;}
a.s-tel {padding-left:23px;}
a.LoginLink{background:url(images/ico-man.png?v=1) no-repeat left 14px;margin-top:-1px;border-top:1px solid #ba0000;padding-top:13px;}
.theme-default .nivoSlider {box-shadow:none!important;margin-bottom: 0!important;}
/*.theme-default .nivo-caption {background-color:transparent;bottom: auto;color: #fff;display: block;left:36%;opacity: 1;padding:0;position: absolute;width:32%;top:56.5%;font-size:44px;font-weight:bold;}*/
.theme-default .nivo-caption {background: rgba(255, 255, 255, 0.7);bottom: auto;font-family:Helvetica !important;font-size:30px;left: 5%;line-height: 40px;padding: 50px;top: 20%;width: auto;opacity: 1;color:#212121;font-weight:bold;}
.theme-default a.nivo-prevNav {background-image:url(images/nivo-prev.png) !important; height: 72px !important;left: 0 !important;width: 72px !important;}
.theme-default a.nivo-nextNav {background-image:url(images//nivo-next.png) !important; height: 72px !important;right: 0 !important;width: 72px !important;background-position:center !important;}

.bg-arrow {background:url("images/ico-arrow-content.png") no-repeat right 8px;padding-right:23px;}

.four-column {padding:80px 70px 155px 91px;background:#000;}
.FirstPane, .SecondPane, .ThirdPane, .FourthPane {float:left;width:25%;}
.DNNContainer-Title-h2 .MainContent .Normal {height: 395px;overflow-x: hidden;overflow-y: auto;padding: 30px 20px;scrollbar-face-color :aqua;}

.FirstPane .DNNContainer-Title-h2 .MainContent .Normal {background:#143350;}
.SecondPane .DNNContainer-Title-h2 .MainContent .Normal {background:url(images/img-guarding.jpg) no-repeat;}
.ThirdPane .DNNContainer-Title-h2 .MainContent .Normal {background:url(images/img-testimonials.jpg) no-repeat;}
/*.FourthPane .DNNContainer-Title-h2 .MainContent .Normal {background:#6d1114;}*/


.our-clients {padding: 35px 0;}
.our-clients ul {}
.our-clients ul li {float:left;list-style:none;height:50px;}
.our-clients ul li div {background-image:url(images/client-logo.png);margin-right:60px;}

.our-clients .heritage {width:118px;height:35px;background-position:0px -20px;margin-left: -38px; margin-top: -2px;}
.tv {background-position:-180px -12px;height: 50px;width: 115px;margin-top:-10px;margin-left: 1px;}
.liu {background-position: -368px -18px;height: 70px;width: 100px;margin-left: 15px;margin-top: -4px;}
.urs {background-position: -555px -18px;height: 35px;width: 95px;margin-left: 28px; margin-top: -4px;}
.chloe {background-position: -725px -18px;height: 40px;width: 105px;margin-left: 15px; margin-top: -4px;}
.olive {background-position: -905px -11px;height: 60px;width: 115px; margin-left: 14px;margin-top: -11px;}
.shoprite {background-position: -1114px -5px;height: 70px;width: 100px; margin-left: 34px;margin-top: -16px;}
.impossible {background-position: -1300px -10px;height: 50px;width: 130px;  margin-left: 26px;margin-top: -10px;}
.orange {background-position: -1510px -17px;height: 45px;width: 120px;margin-right: 0 !important;margin-top: -5px;margin-left:20px;}
.rag-bone {background-position: -5px -87px;height: 45px;width: 115px; margin-left: -33px;margin-top: 15px;}
.long-island {background-position: -182px -91px;width: 125px;height: 60px; margin-top: 19px;}
.cpv {background-position: -365px -102px;width: 100px;height: 55px;margin-top: 30px;}
.genpak {width: 130px;height: 40px;background-position: -539px -77px;margin-left: 14px;margin-top: 5px;}
.new-york {width: 75px;height: 75px;background-position: -743px -84px;margin-left: 14px;margin-top: 12px;}
.enerpark {width: 125px;height: 50px;background-position: -894px -100px; margin-left: 16px;margin-top: 28px;}
.hub {width: 140px;height: 58px;background-position: -1093px -106px;  margin-left: 14px;margin-top: 34px;}
.etro {background-position: -1298px -95px;height: 30px;width: 135px; margin-left: 5px;margin-top: 23px;}
.tilcon {background-position: -1508px -93px;width: 110px;height: 60px;margin-right: 0 !important; margin-left: 15px;margin-top: 21px;}
.skanska-lifetime {width: 115px;height: 100px;background-position: -4px -128px;margin-left: -34px;margin-top: 6px;}
.nexans {background-position: -179px -181px;height: 45px;width: 130px;margin-top: 60px;}
.paramount {background-position: -356px -183px;height: 55px;width: 125px; margin-left: -13px;margin-top: 61px;}
.telecom-medicial {background-position:-544px -373px;height:95px;width: 135px;margin-top: 17px;margin-left:2px;}
.mont {background-position: -736px -174px;height: 55px;width: 95px; margin-top: 52px;}
.edu {background-position: -895px -170px;height: 60px;width: 145px; margin-left: 4px;margin-top: 48px;}
.marni {background-position: -1106px -193px;height: 30px;width: 115px; margin-left: 5px;margin-top: 71px;}
.horizone {background-position: -1324px -148px;height: 90px;width: 90px; margin-top: 26px;margin-left: 44px;}
.marine-max {background-position: -1500px -185px;width: 135px;height: 45px;margin-right: 0 !important;margin-left: 24px;margin-top: 62px;}



/*InnerPage*/
.twoPane {background-color: #000;}
.president > img, .vice-president > img {float: left;width: 308px;}
.president > div, .vice-president > div {float: right;width:67%;}

.twoMorePane {background-color: #f3f3f3;padding:98px 157px 30px;}
.LeftMPane {float: left;width: 50%;}
.RightMPane {float: right;width:48%;}
.employee > img {float: left;width:150px;}
.employee > div{float: right;width:80%; margin: -10px 0;}
.employee h4 {font-size: 18px;font-family:HelveticaNeue-Bold;line-height: 26px;color: #000;padding:0 40px;}
.employee .p-txt {color: #000;font-family:HelveticaNeue-Italic;font-size: 18px;line-height: 26px;padding:128px 0;width: 100%;}
.LeftMPane  .employee .clr {margin-bottom: 57px;width: 100%;}
.LeftMPane .employee > div {float: right;margin: -10px 3px;width: 80%;}
.LeftMPane .employee .clr:nth-child(6) {margin-bottom: 32px;}

.menu-collapser {background-color: transparent !important;padding: 0 60px !important;text-align: right;}
.FourthPane .DNNContainer-Title-h2 .MainContent .Normal {overflow: hidden;overflow-y: hidden;padding:0;width:408px;height:455px;}
.DNNContainer-Title-h2-red .Content-h2 .DNNModuleContent .Normal p {color: #000;}
.c5sFormMain {margin:-4px;}
.c5sFormMain input[type="text"],.c5sFormMain input[type="password"],.c5sFormMain textarea {border:1px solid #e3e3e3;margin: 10px;padding: 10px;width: 400px !important;}
.c5sFormMain textarea {height:150px;}
.SubHead {color: #000;margin: 10px 0;padding: 10px 0;vertical-align: -18px;}
.c5sormMain a.dnnPrimaryAction {color:#fff !important;}

#dnnMenu .topLevel li.selected a, #dnnMenu .topLevel li.hover a, #dnnMenu .topLevel li a:hover{
    border-bottom: 11px solid #143350 !important;
}
.inner-page .BannerTxtPane{
    background-color: #143350 !important;
}
.page>header{
    border-bottom: 5px solid #143350 !important;
}

a.LoginLink{
    border-top: 1px solid #143350 !important;
}
/*-------------- Mobile --------------*/

@media only screen and (max-width: 1880px) {
    .president > div, .vice-president > div {width: 65%;}
    .c_no_cnt .DNNModuleContent .Normal .president p, .c_no_cnt .DNNModuleContent .Normal .vice-president p {padding:0px 40px 0 !important;}
    .president h4,.vice-president h4 {padding: 40px 40px 0 !important;}
    .president > img, .vice-president > img {width: 35%;}
    .employee > img {width: 18%;}
}

@media only screen and (max-width: 1860px) {
.our-clients ul li {height: 80px;width: 160px;}
.our-clients ul li div {margin: 0 !important;}
}

@media only screen and (max-width: 1850px) {
    .rtbox0 {margin: 133px 10px 23px;}

    .FourthPane .DNNContainer-Title-h2 .MainContent .Normal, .FourthPane .DNNContainer-Title-h2 .MainContent .Normal span {width: 100% !important;}
    .fb_iframe_widget {width: 100% !important;}
    .fb_iframe_widget iframe {position: static !important;width:100% !important;}
    ._2p3a {width:100% !important;}
    .fb-page, .fb-page span, .fb-page span iframe[style] { width: 100% !important; }
}

@media only screen and (max-width: 1660px) {
    .rtbox1, .inner-page .rtbox1  {width:20%;}
    .rtbox-ltborder {padding-left: 0;}
   .c_no_cnt .DNNModuleContent .Normal .president p, .c_no_cnt .DNNModuleContent .Normal .vice-president p {padding:0px 20px 0 !important;}
    .president h4,.vice-president h4 {padding: 10px 20px 0 !important;}
    .RightMPane iframe {width: 100%;}
}

@media only screen and (max-width: 1520px) {
    #dnnMenu .topLevel li a {font-size:16px !important;margin:0 10px !important;padding: 12px 0 !important; }
    .rtbox1, .inner-page .rtbox1 {width: 19%;  padding-right: 30px;}
    a.LoginLink, a.ico-tel, a.ico-mail {font-size:16px;}
    .home .contentpane  {padding: 27px 75px 95px 130px !important;}
    .our-clients ul li {height: 110px;}
    .twoMorePane {padding: 50px;}

}

@media only screen and (max-width: 1450px) {
   .c_no_cnt .DNNModuleContent .Normal .president p, .c_no_cnt .DNNModuleContent .Normal .vice-president p {padding:0px 20px 0 !important;}
    .president h4,.vice-president h4 {padding: 10px 20px 0 !important;}
}

@media only screen and (max-width: 1310px) {
    .logobox {margin: 12px 0 0 10px;}
    .logobox img {height: auto;width: 150px;}
    #dnnMenu .topLevel li a {font-size: 14px !important;}
    a.LoginLink, a.ico-tel, a.ico-mail {font-size: 14px;line-height: 18px;}
    .rtbox1{padding: 16px 15px 0;}
    .inner-page .rtbox1 {padding: 33px 15px 0;}
    .rtbox0 {margin: 80px 10px 23px;}
    .FirstPane, .SecondPane, .ThirdPane, .FourthPane {width:50%;}
    .SecondPane .DNNContainer-Title-h2 .MainContent .Normal, .ThirdPane .DNNContainer-Title-h2 .MainContent .Normal{background-repeat: repeat;}

}

@media only screen and (max-width:1180px) {
     .rtbox1  {padding: 16px 25px 0;}
     .inner-page .rtbox1  {padding: 33px 25px 0;}
     .president > img, .vice-president > img {padding: 0 20px;}
     .president > div, .vice-president > div {width: 100%;}
     .twoMorePane {padding: 50px 20px 0;}
}

@media only screen and (max-width:1090px) {
     .rtbox1 {padding: 16px 35px 0 0;}
     .inner-page .rtbox1  {padding:33px 35px 0 0;}
     #dnnMenu .topLevel li a {font-size: 13px !important;margin: 0 8px !important;padding: 13px 0 !important;}
     a.LoginLink, a.ico-tel, a.ico-mail {font-size: 13px;}
     .c5sFormMain, .c5sFormMain table {width: 100%;}
     .c5sFormMain input[type="text"], .c5sFormMain input[type="password"], .c5sFormMain textarea {width: 88% !important;}
     
}

@media only screen and (max-width:1000px) {
    .DesktopNav{display:none;}
    .MobileNav{display:block;}
    .logobox {display: none;}
    .rtbox1{background:none; padding: 0;position: absolute;right:20px;top:5px;width: auto;z-index: 10;}
    .inner-page .rtbox1  {background:none; padding: 0;position: absolute;right:20px;top:30px;width: auto;z-index: 10;}
    .rtbox0 {background: #fff;position: absolute;width: 100%;z-index: 9;}
    .mlogo img {width:150px; margin: 10px 0 0 10px;}
    .rtbox0 {margin: 0;}
    .page > header {height: 160px;}
    .inner-page .BannerTxtPane {padding: 50px !important;}
    .employee > img {width: 50%;float:none;}
    .LeftMPane .employee > div, .employee > div {float: none;margin: 10px 0;width: 100%;}
    .employee h4 {padding: 0;}
    .c_no_cnt .DNNModuleContent .Normal .employee p { padding: 0 !important;}
}

@media only screen and (max-width: 900px) {
    .home .contentpane  {padding: 30px !important;}
}

@media only screen and (max-width: 800px) {
    .FirstPane, .SecondPane, .ThirdPane, .FourthPane {width:100%;}
}

@media only screen and (max-width: 600px) {
    .inner-page .BannerTxtPane {padding: 20px !important;}
    .LeftContentPane, .RightContentPane {float: none;width: 100%;}
    .LeftMPane, .RightMPane {float: none;width: 100%;}
    .employee .p-txt {padding: 30px 0;}
}

@media only screen and (max-width: 500px) {
  .four-column {padding: 20px;}
  .president > img, .vice-president > img {padding: 0;width:100%;}
  .employee > img {width: 100%;}
  .DNNContainer-Title-h2 {padding-right: 0 !important;}
}

@media only screen and (max-width: 415px) {
    .mlogo img {width:100px;}
    .our-clients ul li {float:none;margin:0 auto;}
    .DNNContainer-Title-h2-red .MainContent h2 {text-align:center !important;}
    .page > header {height: 126px;}
    a.LoginLink, a.ico-tel, a.ico-mail {font-size: 12px; padding-left: 25px;}
    .rtbox1 .Normal a, a.LoginLink {font-family: Helvetica;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}