@charset "utf-8";
body { margin:0; padding:0; }
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/opensans/opensans-regular-webfont.eot');
    src: url('../fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
url('../fonts/opensans/opensans-regular-webfont.woff') format('woff'),
url('../fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
url('../fonts/opensans/opensans-regular-webfont.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/opensans/opensans-light-webfont.eot');
    src: url('../fonts/opensans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans/opensans-light-webfont.woff2') format('woff2'),
url('../fonts/opensans/opensans-light-webfont.woff') format('woff'),
url('../fonts/opensans/opensans-light-webfont.ttf') format('truetype'),
url('../fonts/opensans/opensans-light-webfont.svg#OpenSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/opensans/opensans-bold-webfont.eot');
    src: url('../fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans/opensans-bold-webfont.woff2') format('woff2'),
url('../fonts/opensans/opensans-bold-webfont.woff') format('woff'),
url('../fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
url('../fonts/opensans/opensans-bold-webfont.svg#OpenSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('../fonts/opensans/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans/opensans-semibold-webfont.woff2') format('woff2'),
url('../fonts/opensans/opensans-semibold-webfont.woff') format('woff'),
url('../fonts/opensans/opensans-semibold-webfont.ttf') format('truetype'),
url('../fonts/opensans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: bold;
    font-style: normal;

}
.protb-btn { position:fixed; right:0; top:96px; width:50px; z-index:10; }
.protb-container { background:url(../id-images/bg-tabcon.png) no-repeat 50px top; display:none; height:200px; position:fixed; right:0; top:96px; width:370px; z-index:10; }
.protb-container .protb-img { float:left; width:50px; }
.protb-container .protb-content { float:left; text-align:left; width:320px; }
.protb-container .protb-tabs { margin:0; padding:0; width:100%; }
.protb-container .protb-tabs ul { border-bottom:1px solid #fff; float:left; margin:1px 0 0 0; padding:0; }
.protb-container .protb-tabs li { display:inline; float:left; list-style-type:none; margin:0; padding:0; }
.protb-container .protb-tabs li a { background-color:#7b7b7b;  color:#fff; display:block; float:left; font-family:OpenSans-Regular; font-size:18px; line-height:18px; padding:25px 5px 24px 5px; text-align:center; text-decoration:none; text-transform:uppercase; width:150px; }
.protb-container .protb-tabs li a:hover { background-color:#3b5280; }
.protb-container .protb-tabs li.active a { background-color:#3b5280; }
.protb-container .protb-text { background-color:#373737; clear:both; display:none; float:left; height:117px; width:320px; }
.protb-container .protb-text ul { margin:0; padding:0; }
.protb-container .protb-text ul li { border-bottom:1px solid #000; float:left; list-style-type:none; margin:0; padding:0; width:100%; }
.protb-container .protb-text ul li a { background-color:#373737; color:#949494; display:block; font-family: OpenSans-Regular; font-size:17px; float:left; line-height:17px; margin:0; padding:6px 14px 6px 14px; text-decoration:none; width:320px;  }
.protb-container .protb-text ul li a span { font-size:12px; }
.protb-container .protb-text ul li a:hover { background-color:#3b5280; color:#fff; }
.protb-container .protb-text p { clear:both; margin:8px 0; padding:0; }
.protb-container .protb-text .white-txt { color:#fff; font-family: OpenSans-Regular; font-size:14px; text-transform:uppercase; }
.protb-btn1 { position:fixed; right:0; top:288px; width:50px; z-index:10; }
.protb-btn2 { position:fixed; right:0; top:200px; width:50px; z-index:9999; }

@media only screen and (max-width: 650px) {
.protb-btn2 { top:5%; }	
}

@media only screen and (min-width: 650px) {
/*.protb-btn { top:10px!important; z-index:100; }
.protb-container{ top:10px!important; z-index:100; }
.protb-btn1 { top:210px!important; z-index:100; }*/
#slider1_container { height:auto; width:100%; }
#slider1_container div, #imageSlides { width:100%; }
#imageSlides img { height:auto; width:100%; }
#bgImage { top:55px; }

}



@media only screen and (min-width: 768px) and (max-width: 1280px) {
.protb-btn { top:66px!important; z-index:100; }
.protb-container{ top:60px!important; z-index:100; }
.protb-btn1 { top:260px!important; z-index:100; }
#slider1_container { height:auto; width:100%; }
#slider1_container div, #imageSlides { width:100%; }
#imageSlides img { height:auto; width:100%; }
#bgImage { top:55px; }
.protb-btn2 { top:10%; width:5% }
.protb-btn2 img { height:auto; width:100%; }
}
