@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic);
html {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    min-height: 100%;
	font-family: 'Open Sans', sans-serif;
	line-height:22px;
	color:#000000;
	font-weight:400;
}

/* Utility Classes */

html { overflow-y: scroll; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
.ie7 img { -ms-interpolation-mode: bicubic; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }









/* Update default Foundation 4 elements for full resolution decices */

@media screen and (min-width: 940px) {

    /* Top Bar Navigation */

    .transnav {
        background: transparent;
        margin: 0;
        font-family: 'Open Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
    }

    .transnav .left {
        float: none !important;
    }

    .transnav .top-bar-section > ul {
        width: auto;
        height: auto !important;
        display: inline-block;
    }

    .transnav .top-bar-section {
        left: auto !important;
        text-align: center;
    }

    .transnav .top-bar-section > ul {
        background: transparent;
    }

    .transnav .top-bar-section li a:not(.button) {
        background: transparent;
    }

    .transnav .top-bar-section li ul li a:not(.button):hover {
        background: rgb(32,32,44);
    }

    .transnav .top-bar-section .dropdown {
        text-align: left;
        background: rgb(30,30,30) url(../img/dark-pinstripe.png);
        border-bottom: 5px solid rgb(255,255,255);
        border-top: 1px solid rgb(215,215,215);
        -webkit-box-shadow: 0px 6px 4px -2px rgba(50, 50, 50, 0.95);
        -moz-box-shadow:    0px 6px 4px -2px rgba(50, 50, 50, 0.95);
        box-shadow:         0px 6px 4px -2px rgba(50, 50, 50, 0.95);
    }

    .top-bar-section ul li>a {
        font-weight: normal;
    }

    .transnav .top-bar-section ul li {
        font-weight: normal;
        font-size: 1.2em;
    }

    .transnav .top-bar-section ul li ul li {
        font-size: 1em;
    }

   

}

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

    .transnav {margin: 0;}
}






/*=========================================Custom CSS===================================================*/
.row { max-width:980px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
p {font-family: 'Open Sans', sans-serif; font-size:14px; line-height:22px; font-weight:400; color:#000}
.headerblk { width:100%; padding:0; margin:0;}
.logo { padding-top:12px; padding-bottom:12px;}
.mainnav { padding-top:12px; padding-bottom:25px;}
.top-bar-section ul li>a { color:#000; font-size:14px;}
.top-bar-section ul li>a:hover { color:#0e5dab}
.top-bar-section ul li>a.active { color:#0e5dab}
.bluestrip { width:100%; padding:0; margin:0; background:#0e5dab url(../img/blue-shadow.png) no-repeat center top; height:30px;}
.banner { width:100%; padding:0; margin:0; overflow:hidden; background:#0e5dab; position:relative}
.bannerarrow { width:50px; height:24px; position:absolute; bottom:0; left:0; right:0; margin:0 auto;}

.homeexpertiseblk { width:100%; padding:32px 0; margin:0;}
.homeexpertiseblk h1 { padding:0 0 30px 0; margin:0; text-align:center; font-size:30px; font-weight:700; color:#0e5dab}
.homeexpertiseimgblk { text-align:center}
.homeexpertiseimgblk h2,.homeexpertiseimgblk h3 { font-size:14px; font-weight:700; color:#333333; text-transform:uppercase; padding-top:20px;}

.homeroyalbridgeblk { width:100%; padding:40px 0 25px 0; margin:0; background:#0e5dab;}
.homeroyalbridgeblk h2 {padding:0 0 30px 0; margin:0; text-align:center; font-size:30px; font-weight:700; color:#FFF}
.homeroyalbridgeblk p { color:#FFF;}


.maincontent { width:100%; padding:0; margin:0; overflow:hidden;}
.maincontent h1 { font-size:30px; font-weight:700; color:#0d5dab; text-align:center; padding:40px 0; margin:0; text-transform:uppercase}

/*Trust Page*/
.trustpgblk1{width:100%; background:#0e5dab}
.trustpgblk1_right { width:100%;background-image:url(../img/trustblk1img.jpg); background-repeat: no-repeat;background-size: 50% 100%; background-position:right; height:100%}
.trustpgblk1 h2 { font-weight:700; font-size:40px; color:#FFF; padding:6px 0 0 0; margin:0}
.trustpgblk1 p { color:#FFF; line-height:26px;}
.trustpgblk2{width:100%; background:#d5a00c; min-height:300px}
.trustpgblk2_right { width:100%;background-image:url(../img/image07.jpg); background-repeat: no-repeat;background-size: 50% 100%;background-position:left; height:100%; min-height:300px}
.trustpgblk2 h2 { font-weight:700; font-size:40px; color:#FFF; padding:20px 0 20px 25px; margin:0}
.trustpgblk2 p { color:#FFF; line-height:26px; padding-left:25px}
.trustpgblk3{width:100%; background:#0e5dab;min-height:350px}
.trustpgblk3_right { width:100%;background-image:url(../img/image08.jpg); background-repeat: no-repeat;background-size: 50% 100%; background-position:right; height:100%;min-height:350px}
.trustpgblk3 h2 { font-weight:700; font-size:40px; color:#FFF; padding:20px 0 20px 25px; margin:0}
.trustpgblk3 p { color:#FFF; line-height:26px; padding-left:25px}
.trustpgblk4{width:100%; background:#0e5dab; min-height:300px}
.trustpgblk4_right { width:100%;background-image:url(../img/image09.jpg); background-repeat: no-repeat;background-size: 50% 100%;background-position:left; height:100%;min-height:300px}
.trustpgblk4 h2 { font-weight:700; font-size:30px; color:#FFF; padding:20px 0 20px 25px; margin:0}
.trustpgblk4 p { color:#FFF; line-height:26px; padding-left:25px}

/*Cirtificate Page*/
.certificatepgmain {}
.certificatepgmain h2 { font-weight:600; font-size:26px;color:#0c5dab; line-height:32px}
.cirtificateblkone {background: linear-gradient(to right, #FFFFFF 0%,#FFFFFF 50%,#d5a00c 50%,#d5a00c 100%); margin-bottom:20px}
.cirtificateblkone img { margin:70px 0 0 20px}
.cirtificateblktwo {background: linear-gradient(to right, #0e5dab 0%,#0e5dab 50%,#FFFFFF 50%,#FFFFFF 100%); margin:0 0 25px 0}
.cirtificateblktwo h3 { font-weight:800; color:#FFF; font-size:40px; line-height:46px; display:inline-block; padding:20px 0 0 0}
.cirtificateblktwo h3 span { font-weight:600}
.cirtificateblktwo img { float:right; margin:20px 0 0 0}
.certificatepgbtmblk { width:100%; padding:20px 0 10px 0; margin:0; background:#0e5dab; text-align:center}
.certificatepgbtmblk h4 { font-weight:700; color:#FFF; font-size:22px; padding:0; margin:0}
.certificatepgbtmblk h5 { font-weight:700; color:#FFF; font-size:22px; padding:0 0 30px 0; margin:0}
.certificatepgbtmblk h6 {font-weight:400; color:#FFF; font-size:30px; padding:10px 0 5px 0; margin:0}
.certificatepgbtmblk p {font-weight:400; color:#FFF; font-size:12px; padding:0 0 15px 0; margin:0; line-height:18px}

/*Contact Page*/
.contactpgmappart h2 { text-align:center; font-size:20px; font-weight:700; color:#333333;}
.contactpgmappart p { text-align:center; padding-bottom:20px}
.contactpgmappart_wrap {position: relative;padding-bottom: 31.25%;padding-top: 25px;height: 0;}
.contactpgmappart_wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/*Service Pgae*/
.servicepgmain h1 { padding:40px 0 10px 0 !important}
.servicepgmain h5 { text-align:center; font-weight:400; color:#333; font-size:18px; padding:0 0 40px 0}
.servicepgblue { width:100%; padding:0 0 15px 0; margin:0; background:#0e5dab;text-align:center}
.servicepgblue p { padding:0; margin:0; text-transform:uppercase; color:#FFF; font-weight:700; font-size:14px;}
.servicepgblue img { height:43px; margin-bottom:10px}
.servicepgmain-leftbox { border-right: 5px solid #0e5dab; padding:0; margin:0; min-height:200px}
.servicepgmain-rightbox {min-height:200px;padding:0; margin:0;}
.servicepgarrow { text-align:center}
.servicepgarrow img { vertical-align:top; margin-right:3px}

.servicepgleftbluetxt { text-align:right; background:url(../img/b-azul.png) no-repeat right; font-size:14px; font-weight:700; color:#FFF; padding:4px 10px 4px 0}
.servicepgmain-leftbox ul { padding:0 0 25px 0; margin:0; text-align:center}
.servicepgmain-leftbox ul li { padding:4px 20px; margin:0; display:inline-block; font-weight:700; font-size:12px; color:#000000; line-height:18px;}
.servicepgmain-leftbox p { font-size:13px;}
.servicegap140 { clear:both; height:140px;}
.servicegap100 { clear:both; height:100px;}
.servicegap88 { clear:both; height:88px;}
.servicegap169 { clear:both; height:169px;}
.servicegap124 { clear:both; height:124px;}
.servicegap160 { clear:both; height:160px;}
.servicepgmain-leftbox ul.servicetopul li:first-child { background:url(../img/b-amarillo.png) no-repeat;color:#FFF}
.servicepgmain-leftbox ul.servicebottomul li:first-child { background:url(../img/b-amarillo2.png) no-repeat;color:#FFF}

.servicepgrightbluetxt { text-align:left; background:url(../img/b-azul2.png) no-repeat left; font-size:14px; font-weight:700; color:#FFF; padding:4px 0px 4px 15px}
.servicepgmain-rightbox ul { padding:0 0 25px 0; margin:0; text-align:center}
.servicepgmain-rightbox ul li { padding:4px 15px; margin:0; display:inline-block; font-weight:700; font-size:12px; color:#000000; line-height:18px;}
.servicepgmain-rightbox ul li:nth-child(5){ background:url(../img/b-amarillo3.png) no-repeat;color:#FFF}
.servicepgmain-rightbox p { padding-left:25px; font-size:13px;}

.footerblk { width:100%; padding:12px 0; margin:0; background:#d5a00c;}
.footerlogo { text-align:right}
.footernav ul { padding:0; margin:0}
.footernav ul li { padding:0 8px; margin:0; display:inline-block; font-size:12px; color:#000}
.footernav ul li a { color:#000;}
/*=========================================End Custom CSS===================================================*/

@media screen and (max-width:480px) {
.certificatepgmain h1 { font-size:24px}
.cirtificateblktwo h3 { font-size:20px; line-height:26px}
.cirtificateblktwo img { max-width:90px; margin-bottom:15px}
}


@media screen and (max-width:767px) {
.footerlogo { text-align:center}
.footernav ul li { display:block; border-bottom:1px solid rgba(51, 51, 51, 0.29); padding-top:6px; padding-bottom:6px;}
.homeexpertiseimgblk h2,.homeexpertiseimgblk h3 { padding-bottom:20px;}
.homeexpertiseimgblk { width:50%}

.trustpgblk1_right { background:#0e5dab}
.trustpgblk1 h2 { text-align:center; padding:10px 0 20px 0}
.trustpgblk1 p { text-align:center}
.trustpgblk2 { min-height:0}
.trustpgblk2_right { background:none; min-height:0;}
.trustpgblk2 h2 { text-align:center; padding:10px 0 20px 0}
.trustpgblk2 p { text-align:center}
.trustpgblk3 { min-height:0}
.trustpgblk3_right { background:none; min-height:0;}
.trustpgblk3 h2 { text-align:center; padding:10px 0 20px 0}
.trustpgblk3 p { text-align:center}
.trustpgblk4 { min-height:0}
.trustpgblk4_right { background:none; min-height:0;}
.trustpgblk4 h2 { text-align:center; padding:10px 0 20px 0}
.trustpgblk4 p { text-align:center}


.cirtificateblkone { background:#d5a00c; padding:25px 0}
.cirtificateblkone h2 { color:#FFF}
.cirtificateblkone p { color:#FFF}
.cirtificateblkone img { margin:0px 0 0 0px}
.cirtificateblktwo { background:#0e5dab}
.certificateimg3 { text-align:center}
.certificateimg1 { text-align:center}
.cirtificateblktwo p { color:#FFF}

.servicepgmain-leftbox {padding-left: 0.9375em;padding-right: 0.9375em; border:0}
.servicepgmain-rightbox {padding-left: 0.9375em;padding-right: 0.9375em;}
.servicepgarrow { display:none}
.servicegap140 { clear:both; height:20px;}
.servicegap100 { clear:both; height:20px;}
.servicegap88 { clear:both; height:20px;}
.servicegap169 { clear:both; height:20px;}
.servicegap124 { clear:both; height:20px;}
.servicegap160 { clear:both; height:20px;}
.servicetxtimg { width:100%; overflow:hidden; text-align:center}
 }

@media screen and (max-width:939px) {
.logo { text-align:center; width:100%}
.mainnav { width:100%; padding:0; margin:0;}
.top-bar { background:rgba(14, 93, 171, 0.9)}
.top-bar.expanded .title-area { background:rgba(14, 93, 171, 0.9)}
.top-bar.expanded .toggle-topbar a { color:#FFF}
.top-bar.expanded .toggle-topbar a span {  -webkit-box-shadow: 0 10px 0 1px #FFF,0 16px 0 1px #FFF,0 22px 0 1px #FFF;box-shadow: 0 10px 0 1px #FFF,0 16px 0 1px #FFF,0 22px 0 1px #FFF;}
.top-bar-section ul { background:rgba(14, 93, 171, 0.9)}
.top-bar-section ul li>a  { background:rgba(14, 93, 171, 0.9); color:#FFF;}
.top-bar-section ul li>a:hover { color:#000}
.top-bar-section ul li>a.active { color:#d5a00c}
.bluestrip { display:none}
.servicepgblue { padding:25px 0}
.servicepgblue p { padding-bottom:10px}
}

@media only screen and (min-width:768px) and (max-width:922px) {
.cirtificateblktwo h3 { font-size:28px; line-height:40px}
.certificatepgmain h2 { font-size:22px;}
.cirtificateblkone img { margin:90px 0 0 0px}
}

@media only screen and (min-width:768px) and (max-width:800px) {
.footernav ul li { padding:0 5px;}
}
@media only screen and (min-width: 940px) and (max-width: 972px) {
.top-bar-section li a:not(.button) { padding:0 11px}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.servicepgmain-leftbox p {padding-left: 0.9375em;padding-right: 0.9375em;}
}

/*=========================================Screen CSS===================================================*/

/*=========================================End Screen CSS===================================================*/