@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
h2 { width: 100%; float: left; color: #fff; font-size: 30px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; }
h3 { width: 100%; float: left; color: #fff; font-size: 36px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; }
h4 { width: 100%; float: left; color: #fff; font-size: 16px; font-weight: 600; line-height: 36px; }
h5 { width: 100%; float: left; color: #666666; font-size: 24px; font-weight: 300; line-height: 36px; }
h6 { width: 100%; float: left; color: #fff; font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; }
p { width: 100%; float: left; color: #666; font-size: 14px; ; font-weight: 400; line-height: 24px; }
body { font-family: 'Poppins', sans-serif; font-size: 14px; color: #666666; }
header { width: 100%; float: left; position: absolute; z-index: 99; }
.topbar { width: 100%; float: left; background: #1a3ca9; color: #fff; padding: 10px 0 9px; }
.topbar ul { width: auto; float: left; margin: 0; padding: 0; }
.topbar ul li { width: auto; float: left; margin: 0; padding: 0; list-style: none; color: #fff; font-size: 14px; }
.topbar ul li { width: auto; float: left; color: #fff; padding: 0 0 0 20px; margin: 0 24px 0 0; }
.topbar ul li:last-child { margin: 0; }
.topbar ul li.telephone { background: url(../img/telephone.png) no-repeat top left; }
.topbar ul li.mail { background: url(../img/mail.png) no-repeat top 2px left; }
.topbar ul li.time { background: url(../img/time.png) no-repeat top 3px left; }
.topbar ul li a { color: #fff; font-size: 14px; float: left; }
.menubar { width: 100%; float: left; background: #fff; border: 1px solid #dfdfdf; border-top: none; }
.menubar .nav-link { font-size: 16px; font-weight: 500; color: #000; padding-right: 15px !important; padding-left: 15px !important; border-right: solid 1px #91c8fe; }
.menubar .nav-item:last-child .nav-link { border-right: none; }
.menubar .nav-link:hover { background-color: #e0f0ff; }
.navbar-brand { padding: 0 }
.banner { width: 100%; float: left; min-height: 200px; }
.banner .carousel { width: 100%; float: left; }
.banner .carousel-caption { bottom: 220px; }
.banner .carousel-caption h5 { width: 100%; float: left; font-size: 70px; font-weight: 700; letter-spacing: 5px; color: #fff; text-transform: uppercase; }
.banner .carousel-caption p { width: 50%; float: none; display: inline-block; font-size: 18px; font-weight: 400; color: #fff; margin: 20px 0; }
.banner .carousel-caption span { width: 100%; float: left; text-align: center; }
.banBTN { font-size: 18px; color: #fff; font-weight: 500; border-radius: 30px; padding: 16px 50px 16px; background: #1a3ca9; border-color: transparent; }
.whtBTN { font-size: 16px; color: #000; font-weight: 600; border-radius: 25px; padding: 12px 50px; background: #fff; border-color: transparent; text-transform: uppercase; }
.blueBTN { font-size: 16px; color: #fff; font-weight: 600; border-radius: 25px; padding: 12px 50px; background: #1a3ca9; border-color: transparent; text-transform: uppercase; }
.submit { border-radius: 5px; padding: 30px 50px; font-size: 18px; }
.linkBTN { font-size: 16px; color: #fff; font-weight: 500; text-transform: uppercase; }
.linkBTN:hover { color: #dfdfdf; }
.aboutUs { width: 100%; float: left; padding: 70px 0 35px; background: #1a3ca9; }
.abt { width: 100%; float: left; }
.brd { width: 70px; height: 3px; background: #fff; float: left; margin: 0 0 20px 0; }
.b1 { width: 100%; height: 1px; float: left; background: #dfdfdf; margin: 70px 0 0 0; }
.abt p { font-size: 19px; color: #fff; line-height: 30px; }
.abt span { width: 100%; float: left; }
.division { width: 100%; float: left; margin: 13px 0 0 0; }
.division p { font-size: 14px; color: #fff; line-height: 24px; }
.division span { width: 100%; float: left; margin: 36px 0; }
.productsBox { width: 100%; float: left; padding: 70px 0 0 0; }
.productsBox h2 { color: #000; }
.productsBox h4 { color: #000; }
.productsBox .brd { background: #1a3ca9; }
.proBanner { width: 100%; float: left; }
.proBanner ul { width: 100%; float: left; margin: 0; }
.proBanner ul li { width: 100%; float: left; margin: 0 0 5px; }
.proBanner ul li p { width: 100%; float: left; margin: 0 0 0; }
.w100 { width: 100%; float: left; }
.proBanner .w100 { margin: 0 0 40px 0; }
.proBanner .bread { width: 100%; float: left; margin: 15px 0 0 0; }
.proBanner aside { width: 100%; float: left; border-radius: 30px; border: 1px solid #dfdfdf; text-align: center }
.proBanner aside img { margin: 0 auto; max-width: 90%; }
.proBanner h5 { margin: 0 0 0; }
.proBanner .carousel-control-prev-icon { background: url(../img/prev.png) no-repeat center left; width: 32px; height: 32px; }
.proBanner .carousel-control-next-icon { background: url(../img/next.png) no-repeat center right; width: 32px; height: 32px; }
.proBanner .carousel-control-next, .proBanner .carousel-control-prev { top: inherit; width: 32px; }
.proBanner .carousel-control-next { left: 50px; }
.rightBox { width: 100%; float: left; }
.rightBox .carousel-control-prev { right: 50px; left: inherit; }
.rightBox .carousel-control-next { right: 0px; left: inherit; }
.clients { width: 100%; float: left; margin: 70px 0 0 0; }
.clientBanner { width: 100%; float: left; height: 100%; }
.clientBanner span { width: 100%; float: left; height: 100%; }
.clientBanner span img { width: 100%; float: left; height: 100%; }
.clientBox { width: 100%; float: left; background: #f8f8f8; padding: 106px 106px 105px; }
.clientBox h6 { color: #000; font-size: 20px; font-weight: 600; text-transform: none; letter-spacing: normal; }
.clientBox .brd { background: #1a3ca9; }
.tabBox { width: 100%; float: left; margin: 20px 0 0 0; }
/* Style the tab */
.tab { overflow: hidden; background-color: #f8f8f8; }
/* Style the buttons inside the tab */
.tab button { background-color: inherit; text-transform: uppercase; float: left; border: 1px solid #ccc; border-bottom: none; margin: 0 10px 0 0; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 14px; font-weight: 500; }
/* Change background color of buttons on hover */
.tab button:hover { background-color: #ddd; }
/* Create an active/current tablink class */
.tab button.active { background-color: #1a3ca9; color: #fff; }
/* Style the tab content */
.tabcontent { width: 100%; height: auto; float: left; display: none; padding: 70px 40px; border: 1px solid #ccc; background: #f2f2f2; }
.tabcontent p { margin: 0; }
.tabcontent ul { width: 100%; float: left; margin: 0 0 30px 0; padding: 0; }
.tabcontent ul li { width: -moz-calc(20% - 30px); width: -webkit-calc(20% - 30px); width: -o-calc(20% - 30px); width: calc(20% - 30px); float: left; list-style: none; text-align: center; margin: 0 36px 0 0; }
.tabcontent ul li:last-child { margin: 0; }
.tabcontent ul li a { width: 100%; float: left; }
.tabcontent ul li a img { width: 100%; float: left; }
.videoBanner { width: 100%; float: left; background: url(../img/videobanner.jpg) no-repeat center center; background-size: 100%; padding: 50px 0 110px; text-align: center; }
.est { width: 70px; height: 70px; float: none; display: inline-block; border: 1px solid #fff; border-radius: 35px; padding: 14px; }
.est p { color: #fff; margin: 0; line-height: 14px; }
.logo { width: 100%; float: left; margin: 10px 0 0; }
.logo span { width: 100%; float: left; text-align: center; margin: 0 0 10px 0; }
.logo span img { width: auto; float: none; display: inline-block; }
.logo p { text-align: center; color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; }
.videoBanner h6 { text-transform: none; font-weight: 400; margin: 0; }
footer { width: 100%; float: left; background: #313131; padding: 70px 0 0; }
.logo-foot { width: 100%; float: left; }
.logo-foot span { width: 100%; float: left; margin: 0 0 30px 0; }
.logo-foot span img { width: auto; float: left; }
.logo-foot p { font-size: 12px; color: #fff; line-height: 20px; }
.logo-foot ul { width: 100%; float: left; margin: 0; padding: 0; }
.logo-foot ul li { width: 100%; float: left; list-style: none; margin: 0 0 8px 0; padding: 0; font-size: 14px; color: #fff; }
.logo-foot ul li a { width: 100%; float: left; font-size: 14px; color: #fff; word-break: break-all; }
.logo-foot ul li.location { width: 100%; float: left; background: url(../img/location.png) no-repeat top 2px left; padding: 0 0 0 40px; margin: 0 0 10px 0; }
.logo-foot ul li.email { width: 100%; float: left; background: url(../img/mail.png) no-repeat top 2px left; padding: 0 0 0 40px; margin: 0; }
.logo-foot ul li.tele { width: 100%; float: left; background: url(../img/telephone.png) no-repeat top 2px left; padding: 0 0 0 40px; margin: 0 0 10px 0; }
.copyright { width: 100%; float: left; background: #000000; text-align: center; padding: 18px 0; margin: 70px 0 0 0; }
.copyright p { color: #fff; padding: 0; margin: 0; }
.innerBanner { width: 100%; float: left; overflow: hidden; }
.innerBanner span { width: 100%; float: left; text-align: center; overflow: hidden; }
.innerBanner span img { width: 100%;  float: none; display: inline-block; }
.navmenu { width: 100%; float: left; }
.breadcrumb { background-color: transparent; margin: 0; width: auto; float: right; font-size: 12px; }
.pagebox { width: 100%; float: left; padding: 30px 0 100px; }
.sidemenu { width: 100%; float: left; margin: 0 0 30px 0; }
.sidemenu { width: 100%; float: left; margin: 0 0 30px 0; }
.sidemenu aside { width: 100%; float: left; font-size: 18px; padding: 11px 0; font-weight: 500; color: #1a3ca9; text-transform: uppercase; text-align: center; border-radius: 10px; background: #f8f8f8; border: 1px solid #f2f2f2; }
.sidemenu ul { width: 100%; float: left; border-radius: 10px; background: #1a3ca9; overflow: hidden; margin: 30px 0 0 0; padding: 0; }
.sidemenu ul li { width: 100%; float: left; margin: 0; list-style: none; padding: 17px 0 16px 20px; }
.sidemenu ul li.active { background: #142d7c url(../img/arrow.png) no-repeat center right 10px; }
.sidemenu ul li:hover { background: #142d7c url(../img/arrow.png) no-repeat center right 10px; }
.sidemenu ul li a { width: 100%; float: left; font-weight: 500; font-size: 18px; color: #fff; text-transform: uppercase; text-decoration: none; }
.sidemenu .accordion { width: 100%; float: left; margin: 30px 0 0 0; border-radius: 10px; overflow: hidden; }
.sidemenu .accordion .card { border: none; border-radius: 0; }
.sidemenu .card-body { padding: 0; }
.sidemenu .card-body ul { margin: 0; border-radius: 0; }
.sidemenu .card-body ul li a { font-size: 14px; }
.sidemenu .card-body ul li.active { background-color: transparent; }
.sidemenu .accordion .card-header { background-color: #142d7c; padding: 10px 15px 10px 10px; }
.sidemenu .accordion .card-header h5 .btn-link { text-align: left; color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 500; width: 100%; }
.sidemenu .accordion .card-header h5 { background: #142d7c url(../img/plus.png) no-repeat center right 0px; }
.topnav { padding: 0; margin: 0; }
.topnav > li { padding: 10px; border-bottom: solid 1px #e2e2e2; background: #f1f1f1; border-radius: 5px; }
#newList > li > li { padding-bottom: 5px; }
.topnav .topnav li { border-bottom: none; padding: 1px 0; }
.topnav a { color: #1a3ca9;  font-size: 14px; text-decoration: none; font-weight: 600; }
.topnav a:hover { text-decoration: none; color: #004259 }
.topnav .topnav a { color: #01175F;   font-weight: 400; font-size: 12px; }
/*.topnav .topnav .topnav a { color: #1a3ca9;   font-weight: 500; font-size: 12px; }
.topnav .topnav .topnav .topnav a { color: #0C5BE7;   }*/
.topnav .topnav a.active { font-weight: 600; color: #000103 }
.topnav ul { display: none }
#accordion ul { list-style: none; margin: 0; padding-left: 5px }
#accordion li span { font-size: 20px; cursor: pointer; color: #000000; position: absolute; right: 20px; margin-top: -5px; }
#accordion li li span { color: #000000; }
#accordion li li li span { color: #00b4ff; }
.pageText { width: 100%; float: left; }
.pageText h2 { color: #000; }
.pageText .brd { background: #1a3ca9; }
.proBox { width: 100%; float: left; margin: 30px 0 0 0; }
.proBox h4 { width: 100%; float: left; color: #666666; font-size: 16px; font-weight: 500; line-height: 24px; }
.pageText h6 { color: #000; font-weight: 500; margin: 10px 0 20px 0; text-transform: capitalize; letter-spacing: normal; }
.proBox ul { width: 100%; float: left; margin: 0; padding: 0; display: table-row }
.proBox ul li { width: -moz-calc(50% - 30px); width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); min-height: 352px; float: left; margin: 0; background: #f8f8f8; border-bottom: 4px solid #1a3ca9; list-style: none; padding: 30px; display: table-cell; }
.proBox ul li:last-child { margin: 0; }
.projects .brd { float: none; display: inline-block; }
.projects h4 { color: #666; }
.projectBox { width: 100%; float: left; border-radius: 10px; overflow: hidden; border: 1px solid #dfdfdf; margin: 30px 0 0 0; }
.projectBox span { width: 100%; float: left; }
.projectBox span img { width: 100%; float: left; }
.projectBox aside { width: 100%; float: left; background: #1a3ca9; text-align: center; border-top: 1px solid #dfdfdf; padding: 16px 0; min-height: 120px; }
.projectBox aside h2 { font-size: 18px; color: #fff; text-transform: capitalize; font-weight: 400; text-align: center; letter-spacing: 1px; margin: 0 0 5px 0; }
.projectBox aside p { font-size: 12px; color: #fff; line-height: 20px; margin: 0; text-align: center; }
.contactBox { width: 100%; float: left; }
.contactBox ul { width: 100%; float: left; margin: 10px 0 0; padding: 0; }
.contactBox ul li { width: 100%; float: left; padding: 0 0 0 40px; margin: 0 0 0px; list-style: none; }
.contactBox ul li.addLocation { background: url(../img/addLocation.png) no-repeat top left; }
.contactBox ul li.addEmail { background: url(../img/addEmail.png) no-repeat top left; }
.contactBox ul li.addPhone { background: url(../img/addPhone.png) no-repeat top left; }
.contactBox ul li.addFax { background: url(../img/addFax.png) no-repeat top left; }
.contactBox h6 { margin: 0 0; }
.contactBox ul li p a { color: #666; }
.formBox { width: 100%; float: left; }
.formBox .form-control { height: auto; padding: 12px 15px; font-size: 14px; }
.formBox .form-group { margin-bottom: 30px; }
.map { width: 100%; float: left; margin: 30px 0 0; }
.map span { width: 100%; float: left; border: 1px solid #1a3ca9; }
.map span iframe { width: 100%; float: left; }
.careers { width: 100%; float: left; padding: 40px 0; }
.careers h2 { color: #000; }
.careers .brd { background: #1a3ca9; }
.careerBox { width: 100%; float: left; }
.careers-listing { list-style: none; margin-bottom: 60px; padding-left: 0; }
.careers-listing li { padding: 25px 0; border: none; border-bottom: 1px solid #e8e8e8; list-style: none; }
.careers-listing h5 { font-size: 20px; }
.blue-color { color: #1a3ca9; }
.career-type { margin-right: 10px; }
.career-location { border-left: solid 1px #ccc; padding-left: 13px; }
.career-category { padding-top: 14px; }
.career-details { text-align: right; padding-top: 10px; }
.btn-color { color: #fff; border-color: #1a3ca9; background-color: #1a3ca9; border-radius: 18px; }
.btn-color:hover { background-color: #000; border-color: #000; color: #fff; }
.detailsPage { width: 100%; float: left; margin: 0 0 30px 0; }
.detailsPage aside { width: 100%; height: 42px; float: left; background: url(../img/pdf.png) no-repeat top left; padding: 0 0 0 60px; font-weight: 500; font-size: 16px; color: #000; }
.detailsPage span { width: 100%; float: left; border-radius: 10px; border: 1px solid #dfdfdf; padding: 20px; background: #f8f8f8; }
.detailsPage span img { width: 100%; float: left; }
.pageText .detailsPage img { max-width: 100% !important; height: auto; }
.detailsPage h4 { color: #000; font-size: 16px; }
.noleftPad { padding-left: 0; }
.norightPad { padding-right: 0; }
.detailsPage ul { width: 100%; float: left; margin: 0; padding: 0; }
.detailsPage ul li { width: 100%; float: left; background: url(../img/bullet.png) no-repeat top 7px left; padding: 0 0 0 30px; list-style: none; }
.height100 { height: 100%; }

/* CSS Document */


/* CSS Document */

@media (min-width: 1025px) and (max-width: 1440px) {
.banner .carousel-caption { bottom: 50px; left: 10%; right: 10%; padding: 0; }
.banner .carousel-caption h5 { font-size: 36px; }
.banner .carousel-caption p { font-size: 22px; width: 100%; line-height: normal; margin: 0; }
.banBTN { font-size: 16px; padding: 15px 30px; }
.clientBox { padding: 30px; }
.tabcontent { padding: 25px 15px; }
.innerBanner span img { float: none;
    display: inline-block; }
.videoBanner { background-size: auto auto; }
}

@media (min-width: 769px) and (max-width: 1024px) {
.menubar .nav-link { font-size: 14px; padding: 5px; }
.topbar ul li { margin: 0 10px 0 0; padding: 0 0 0 22px }
.banner .carousel-caption { bottom: 10px; left: 10px; right: 10px; padding: 0; }
.banner .carousel-caption h5 { font-size: 30px; }
.banner .carousel-caption p { font-size: 22px; width: 100%; line-height: normal; margin: 0; }
.banBTN { font-size: 16px; padding: 15px 30px; }
.proBanner h5 { margin: 0 }
.clientBox { padding: 20px; }
.tabcontent { padding: 25px 15px; }
.videoBanner { padding: 50px 0; }
.videoBanner { background-size: auto auto; }
.innerBanner span img { width: auto; }
}

@media (min-width: 426px) and (max-width: 768px) {
.proBanner h5 { margin: 0 }
.clientBox { padding: 20px; }
.tabcontent { padding: 25px 15px; }
.videoBanner { padding: 60px 0; }
.banner .carousel-caption { bottom: 10px; left: 10px; right: 10px; padding: 0; }
.banner .carousel-caption h5 { font-size: 22px; }
.banner .carousel-caption p { font-size: 16px; width: 100%; margin: 0; }
.banBTN { font-size: 12px; padding: 10px 20px; }
.proBox ul li { width: 100%; min-height: auto; margin: 0 0 20px; }
.innerBanner span img { width: auto; }
.videoBanner { background-size: auto auto; }
}

@media (min-width: 300px) and (max-width: 425px) {
.topbar { display: none; }
header { position: relative; }
.aboutUs { padding: 40px 0; }
.banner .carousel-item img { min-height: 200px; }
.banner .carousel-caption { bottom: 10px; left: 10px; right: 10px; padding: 0; }
.banner .carousel-caption h5 { font-size: 14px; }
.banner .carousel-caption p { font-size: 12px; width: 100%; margin: 0; }
.banBTN { font-size: 12px; padding: 10px 20px; }
.abt { margin: 0 0 20px; }
.productsBox { padding: 40px 0; }
.productsBox h2 { margin: 10px 0 0 0; }
.proBanner h5 { margin: 0; }
.proBanner .bread { margin: 20px 0; }
.proBanner .carousel-control-next, .proBanner .carousel-control-prev { bottom: -50px; }
.clientBox { padding: 10px; }
.tabcontent { padding: 20px 10px; }
.tabcontent ul li { width: 50%; margin: 0; padding: 5px; display: inline-block; }
.videoBanner { padding: 40px 0; background-size: auto auto; }
.innerBanner span img { width: 100%; min-height: auto; }
.proBox ul li { width: 100%; min-height: auto; margin: 0 0 20px; }
}
div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px }
div.pp_default .pp_top .pp_left { background: url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat }
div.pp_default .pp_top .pp_middle { background: url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x }
div.pp_default .pp_top .pp_right { background: url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat }
div.pp_default .pp_content .ppt { color: #f8f8f8 }
div.pp_default .pp_content_container .pp_left { background: url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px }
div.pp_default .pp_content_container .pp_right { background: url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px }
div.pp_default .pp_next:hover { background: url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer }
div.pp_default .pp_previous:hover { background: url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer }
div.pp_default .pp_expand { background: url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px }
div.pp_default .pp_expand:hover { background: url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer }
div.pp_default .pp_contract { background: url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px }
div.pp_default .pp_contract:hover { background: url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer }
div.pp_default .pp_close { width: 30px; height: 30px; background: url(../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer }
div.pp_default .pp_gallery ul li a { background: url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border: 1px solid #aaa }
div.pp_default .pp_social { margin-top: 7px }
div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto }
div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height: 30px; width: 30px }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px }
div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; width: 20px; margin: 4px 0 0 }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px }
div.pp_default .pp_content_container .pp_details { margin-top: 5px }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative }
div.pp_default .pp_nav .currentTextHolder { font-family: Georgia; font-style: italic; color: #999; font-size: 11px; left: 75px; line-height: 25px; position: absolute; top: 2px; margin: 0; padding: 0 0 0 10px }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity: 0.7 }
div.pp_default .pp_description { font-size: 11px; font-weight: 700; line-height: 14px; margin: 5px 50px 5px 0 }
div.pp_default .pp_bottom .pp_left { background: url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat }
div.pp_default .pp_bottom .pp_middle { background: url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x }
div.pp_default .pp_bottom .pp_right { background: url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat }
div.pp_default .pp_loaderIcon { background: url(../img/prettyPhoto/default/loader.gif) center center no-repeat }
div.pp_pic_holder a:focus { outline: none }
div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500 }
div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000 }
.pp_content { height: 40px; min-width: 40px }
* html .pp_content { width: 40px }
.pp_content_container { position: relative; text-align: left; width: 100% }
.pp_content_container .pp_left { padding-left: 20px }
.pp_content_container .pp_right { padding-right: 20px }
.pp_content_container .pp_details { float: left; margin: 10px 0 2px }
.pp_description { display: none; margin: 0 }
.pp_social { float: left; margin: 0 }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden }
.pp_social .twitter { float: left }
.pp_nav { clear: right; float: left; margin: 3px 10px 0 0 }
.pp_nav p { float: left; white-space: nowrap; margin: 2px 4px }
.pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px }
a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px }
.pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000 }
.pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000 }
.pp_gallery div { float: left; overflow: hidden; position: relative }
.pp_gallery ul { float: left; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0 }
.pp_gallery ul a { border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden }
.pp_gallery ul a img { border: 0 }
.pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0 }
.pp_gallery li.default a { background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px }
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px!important }
a.pp_next { background: url(../img/prettyPhoto/default/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49% }
a.pp_previous { background: url(../img/prettyPhoto/default/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49% }
a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000 }
a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height: 22px; text-indent: -10000px }
.pp_loaderIcon { display: block; height: 24px; left: 50%; position: absolute; top: 50%; width: 24px; margin: -12px 0 0 -12px }
#pp_full_res { line-height: 1!important }
#pp_full_res .pp_inline { text-align: left }
#pp_full_res .pp_inline p { margin: 0 0 15px }
div.ppt { color: #fff; display: none; font-size: 17px; z-index: 9999; margin: 0 0 5px 15px }
div.pp_default .pp_content, div.light_rounded .pp_content { background-color: #fff }
div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline { color: #000 }
div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff }
div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details { position: relative }
div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content { background: #fff }
div.light_rounded .pp_description, div.light_square .pp_description { margin-right: 85px }
div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px!important }
.pp_top, .pp_bottom { height: 20px; position: relative }
* html .pp_top, * html .pp_bottom { padding: 0 20px }
.pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px }
.pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px }
* html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static }
.pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px }
.pp_fade, .pp_gallery li.default a img { display: none }