@charset "utf-8";
/* CSS Document */

body{ margin:0 auto; font-family:opensans !important;}
.container{max-width:1200px !important;}
.h2, h2 {
    font-size: 14px !important;
    font-weight: 600 !important;
}
.h1, h1 {
    font-size: 25px !important;
}
.h4, h4{font-family:montserrat !important;}
/*@font-face { font-weight:600; font-family: roboto; src:url('../fonts/Roboto-Medium.ttf') }
@font-face { font-family: drugs; src:url('../fonts/Drugs.otf') }
@font-face { font-family: georgia; src:url('../fonts/georgia_0.ttf') }
@font-face { font-family: opensans; src:url('../fonts/OpenSans-Regular_0.ttf') }
@font-face { font-family: montserrat; src:url('../fonts/Montserrat-Regular.ttf') }*/

@font-face { font-weight:600; font-family: roboto; src:url('https://../fonts/Roboto-Medium.ttf') }
@font-face { font-family: drugs; src:url('https://../fonts/Drugs.otf') }
@font-face { font-family: georgia; src:url('https://../fonts/georgia_0.ttf') }
@font-face { font-family: opensans; src:url('https://../fonts/OpenSans-Regular_0.ttf') }
@font-face { font-family: montserrat; src:url('https://../fonts/Montserrat-Regular.ttf') }
@import url('//fonts.googleapis.com/css?family=Droid+Sans');

ul.nav.navbar-nav {
    font-family: roboto;
	font-size:15px;
	
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;  
}

div#bottom-content p {
   font-family: 'Droid Sans', sans-serif !important;
}
.nav-side-menu {
    overflow: auto;
    font-family: 'Droid Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 200;
    background-color: #EBEBEB;
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
    color: #e1ffff;
    border: 1px solid #fff;
}

.flag img{ padding-top:10px; float:left; margin-left:170px; display:inline-block; position:absolute }
.top-contact{ background-color:#F2F2F2; height:auto; margin-left:50px; padding-left: 9px; font-family:drugs;font-variant:normal; font-weight:600; font-size:12px; padding-top:4px; padding-right:10px;}
.social [class*="fa fa-"] {
    background-color: #11B2C7;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: auto 3px;
    width: 20px;
    font-size: 12px;
    text-align: center;
}
.search-section {
    margin-top: -22px;
    line-height: 3;
}

.fa-twitter {
    background-color: #4EABD5 !important;
    color: #fff !important;
}
.fa-facebook {
    background-color: #3A589B !important;
    color: #fff !important;
}
.fa-linkedin {
    background-color: #0076b4 !important;
    color: #fff !important;
}
.fa-google-plus {
    background-color: #DE4B37 !important;
    color: #fff !important;
}
i.fa.fa-mobile {
    background: none;
    color: #000;
    font-size: 21px;}
	
	i.fa.fa-envelope {
    background: none;
    color: #000;
    font-size: 14px;}
.top-contact a{ color:#000;}
i.fa.fa-phone{ background: none;
    color: #000;
    font-size: 18px;}
.navbar-default {
    background-color:transparent !important;
    border-color: #fff !important;
	margin-top:12px;
	z-index:999 !important;
	

}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 5px !important;
	color:#000 !important;

}
li.active.active-color a {
    background: none !important;
    color: #000 !important;
}
.line-header{border-bottom:5px solid #72b2da; /*margin-top:-39px;*/ z-index:999;}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: none !important;
}
@media screen and (min-width:768px){
.navbar-brand {display: none;}}	
@media screen and (max-width:768px){
	
	.navbar-default {
    background-color:#E7E7E7 !important;
    border-color: #e8e8e8 !important;
	margin-top:10px;
}
.flag img{ padding-top:10px; float:left; margin-left:0; display:block; position:relative; }
	.line-header{border-bottom:5px solid #72b2da; margin-top:-18px; z-index:999;}
	#jssor_1{margin-top:34px !important;}

/*******footer menu sidebar******/
ul.dropdown ul li {
margin:0 !important;
 float: none;
width: 100% !important;
    padding:0 !important;
  

}

/***********search button home page***************/
input.btn.btn-primary.btn-block.btn-lg.btn-view-right1 {
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 15px !important;
    background: #517AB2 !important;
    border: #517AB2 !important;
margin-top:10px;
}

/***********end search button home page***************/



.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0px 0 !important;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.flag1 {
    margin-left: 0 !important;
    position: absolute;
    top: -3px;
}





}
/*****end footer menu sidebar******/

	
	
	@media screen and (max-width:1024px){
	
	
.flag img{ padding-top:10px; float:left; margin-left:0; display:block; position:relative; }
	.line-header{border-bottom:5px solid #72b2da; margin-top:-18px; z-index:999;}
#jssor_1{margin-top:34px !important;}

	}
	
	
#jssor_1{top:-34px !important;}
/*****************header bottom*************/

#header-bottom{ background-color:#2C5B77; height:auto; margin-top:-34px; padding-top:30px; padding-bottom:30px; color:#fff;}

.media-top {
    margin-top: 14px !important;
    font-weight: 600;
    font-size: 21px !important;
    letter-spacing: 0.5px;
  
}


div#header-bottom p {
    font-family: opensans !important;
    font-size: 13px !important;
    line-height: 25px;
}
/**************end header bottom**************/


/***********bottom content************/

#bottom-content{background:#F2F2F2; height:100%;}


/*************end bottom content*********/	
/***********right bar about us*****************/

.about-bg{background: url(../image/about-bg.jpg) no-repeat;
    background-size: cover;
    display: block;
    margin-top: 0px;
    position: relative;
	color:#fff;
	width:100%;
	font-family:helvetica;
	}
	.about-bg-color {
    padding: 2% 6% 3% 4%;
    background-color: #000000;
    margin: 8%;
    color: #fff;
    opacity: 0.7;
}
.home-select {
    height: 45px !important;
    font-size: 16px !important;
}

.content-heading{ text-align:left; text-transform:uppercase; font-family:georgia; font-size:25px !important;}
.content-heading1{ text-align:left; text-transform:uppercase; font-family:georgia;color:#2c5b77;}
.about-des{ text-align:left; font-family:opensans; line-height:28px;color: #000;}
.content-heading span{ color:#2c5b77;}
.about-details{ background-color:#fff; height:auto; padding:2%; margin-top:5%;}
.box-small h4{ text-transform:uppercase; color:#2c5b77; font-family:montserrat; font-weight:600;}
.box-small p{font-family:opensans; color:#000; line-height:23px;word-wrap: break-word;}
/*********end right bar about us**************/

/************footer bottom******/
#footer-bottom{ background-color:#484848; height:auto; color:#fff; padding-bottom:3%; padding-top:1%;}
.footer-box{ color:#fff;}
.footer-box li{ list-style-type:none;}
.footer-box li a{ color:#fff; line-height:0px;}

/*********end footer bottom************/
.footer{ background-color:#191919; height:auto; color:#fff; padding:1%;}
.footer a{ color:#fff;}
.footer-box h3{ font-family:montserrat;}
.footer-box li{ font-family:opensans;}



/*************************left side old menu*********************/


.navigation_left2 { width: 212px; margin: 0px; padding: 0px; background: transparent url(http://www.panoffshorelegal.com/images/middle-navigation-middle.png) repeat-y 0 0; }

.navigation_left2 .inner_navigation_left { width: 187px; margin: 0px; padding: 0 11px 0 14px; }

.navigation_left2 .inner_navigation_left1 { width: 162px; height: 16px; margin: 0px; padding: 5px 10px 5px 15px; background: transparent url(http://www.panoffshorelegal.com/images/back-bg.png) no-repeat 0 0; }

.navigation_left2 .inner_navigation_left1 h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#ffffff; margin: 0px; padding: 0px; }

.navigation_left2 .inner_navigation_left2 { width: 187px; margin: 0px; padding: 14px 0 14px 0px; }

.navigation_left2 .inner_navigation_left2 ul { list-style-type: none; margin: 0px; padding: 0px; }

.navigation_left2 .inner_navigation_left2 ul li { float: none; margin: 0px; padding: 3px 0 3px 7px;}

.navigation_left2 .inner_navigation_left2 ul li a { display: block; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color: #020202; text-decoration: none; margin: 0px; padding: 0px; }

.navigation_left2 .inner_navigation_left2 ul li a:hover { color: #FFFFFF; text-decoration: none; background-color: #1373bb; }

.navigation_left2 .inner_navigation_left_new1 { width: 187px; margin: 0px; padding: 14px 0 14px 0px; }

.navigation_left2 .inner_navigation_left_new1 ul { list-style-type: none; margin: 0px; padding: 0px; }

.navigation_left2 .inner_navigation_left_new1 ul li { float: none; margin: 0px; padding: 3px 0 3px 7px;}

.navigation_left2 .inner_navigation_left_new1 ul li a { display: block; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color: #020202; text-decoration: none; margin: 0px; padding: 0px; }

.navigation_left2 .inner_navigation_left_new1 ul li a:hover { color: #FFFFFF; text-decoration: none; background-color: #1373bb; }


ul.dropdown,
ul.dropdown li,
ul.dropdown ul {  list-style: none;
 margin: 0;
 padding: 0; z-index:8;
 
}
ul.dropdown {
	position: relative;
	float: none;
	/*background-color: #b1e7f6;*/
}

ul.dropdown li {
	float:none;
	line-height:18px;
 
 }
/*ul.dropdown li.hover,ul.dropdown li:hover {
 position: relative;
 cursor: default;
 }*/
ul.dropdown ul {
 visibility: hidden;
 left: 0;
position:absolute;
    
}
/*ul.dropdown ul li {
margin:-41px 70px;
 float: none;
width: 150%;
    padding: 0px 13px;
  
}*/

ul.dropdown ul li {
    margin: -13% 51%;
    float: none;
    width: 150%;
    padding: 0px 13px;
    /* vertical-align: top; */
    /* top: 0; */
    /* line-height: 0 !important; */
    /* position: absolute; */
}
ul.dropdown li:hover > ul {

 visibility: visible;
 float:left;

}
li.flt { background: #908d8d; height:auto; width:100%;}

/*li.flt {
    float: none !important;
    background: #2C5B77;
    padding: 3% !important;
    margin-left: 57px !important;
    width: 100%;
    margin-top: -5px !important;
}*/

/*****************end left side old menu****************/



/**************contact us page*******************/

.about-bg1{background: url(../image/contact-map.jpg) no-repeat;
    background-size: cover;
    display: block;
    margin-top: 0px;
    position: relative;
	color:#fff;
	width:100%;
	padding:25%;
	
	}
.about-details1{ background-color:#fff; padding:5%;}

.about-details-des{ background-color:#fff; padding:1% 2%;}
/******************end contact us page************/

/***********search button home page***************/
input.btn.btn-primary.btn-block.btn-lg.btn-view-right1 {
    text-transform: uppercase;
    font-size: 15px;
    padding: 11% !important;
    background: #517AB2 !important;
    border: #517AB2 !important;
}


/***********end search button home page***************/

ul.dropdown-menu.submenu-top {
    margin-top: -9px !important;
}

.navbar-nav > li:first-child > a {
    color: #72b2da !important;
}




/*********flag css***************/

.flag1 li{ list-style:none;}
.flag1{ margin-left:557px; position:absolute; top:-3px;}

/*********end flag css*********/



.media-middle {
    vertical-align: top;
    width: 40%;
}

.media-left.media-middle img {
    width: 95%;
}

.pull-right.catelogue_pdf {
    margin-top: 5px !important;
    z-index: 999;
    opacity: 0.9;
    text-transform: uppercase;
   /* background: #FF6600;*/
    padding: 4px 10px;
    color: #fff;
    font-family: menufont;
    font-weight: bold;
}

.pull-right.catelogue_pdf img {
    display: inline-block;
}




li.flt {
    line-height: 65px !important;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px -124px 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

span.top-heading.active {
    background: #4A84CC;
    padding: 0 10px;
}