@charset "utf-8";
/* CSS Document */
/*Adding My Profile style layout*/
@import url("/css/my_profile.css");
.shareit-boxFrontCustom {
    left:300px !important;
}
/*Ends My Profile style layout*/

@font-face {
    font-family: "helveticaneueregular";
    font-weight: normal;
    src: url("/css/fonts/helveticaneue/coolvetica_rg.eot?#iefix") format("embedded-opentype"), url("/css/fonts/helveticaneue/coolvetica_rg.woff") format("woff"), url("/css/fonts/helveticaneue/coolvetica_rg.ttf") format("truetype"), url("/css/fonts/helveticaneue/coolvetica_rg.svg#helveticaneueregular") format("svg");
}
@font-face {
    font-family: "helveticaneuebold";
    src: url("/css/fonts/HelveticaNeueBold/hnbold.eot?#iefix") format("embedded-opentype"), url("/css/fonts/HelveticaNeueBold/hnbold.woff") format("woff"), url("/css/fonts/HelveticaNeueBold/hnbold.ttf") format("truetype"), url("/css/fonts/HelveticaNeueBold/hnbold.svg#helveticaneuebold") format("svg");
}
@font-face {
    font-family: "helveticabold";
    src: url("/css/fonts/HelveticaBold/9ba0e470.eot?#iefix") format("embedded-opentype"), url("/css/fonts/HelveticaBold/9ba0e470.woff") format("woff"), url("/css/fonts/HelveticaBold/9ba0e470.ttf") format("truetype"), url("/css/fonts/HelveticaBold/9ba0e470.svg#helveticabold") format("svg");
}
@font-face {
    font-family: "neuzeitgroblack";
    font-weight: bold;
    src: url("/css/fonts/NeuzeitGrotesk/neuzeitgro-bla-webfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/NeuzeitGrotesk/neuzeitgro-bla-webfont.woff") format("woff"), url("/css/fonts/NeuzeitGrotesk/neuzeitgro-bla-webfont.ttf") format("truetype"), url("/css/fonts/NeuzeitGrotesk/neuzeitgro-bla-webfont.svg#neuzeitgroblaregular") format("svg");
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
body{
    margin:0;
    padding:0;
    width:100%;
    font-family:Arial;
    color:#333;
    font-size:14px;
    line-height:20px;
	text-align:left;
	background-color:#fff;
	font-family: 'Open Sans', sans-serif;
}
/*.background-image{
	background: url(/images/opener/hero-pressure-cooker2.jpg) no-repeat;	
	background-position: 100% 0;
	background-size: 100% auto;
	
}*/
.opener-main-container{
	width:90%;
	margin:0 auto;
	padding:0;
	background:1px solid #ccc;
	
		
}
.opener-main-container img{
	width:auto;
	height:auto;	
}
#logo-img img{
	width:100%;
	height:100%;			
}
.opener-header h1{
	color:#4e4e4f;
	font-size:27px;
	text-align:left;
		
}
.margin{
	margin-left:28px;
	
}

.boxes .span2{
	width: 18.5299%;	
}
.consultant-font{
	font-size:27px;
	color:#000;	
}
.top-Nav-margin{
	 position: relative;
     margin-top: 0px;	
}
.top-logo{
	 position: relative;
    text-align: center;
    margin-top: 20px;
}
#topnav {
    text-align:right;
    margin-top:20px;
}
.green-font{
	font-size:27px;
	color: #09a;
	font-weight:bold;
}
 .color{
		 color: #4E8C90;	
	}
a {
    color: #000 !important;
    text-decoration: none;
}
a:hover {
    color: #555;
    text-decoration: none;
}
.form-group input{
	 color: #000 !important;	
}
.opener-header{
    margin:0 auto;
	width:auto;
	overflow:hidden;
	position:relative;
	top:0px;
	left:0px;
    height:auto;
}
a.list-group-item {
    color:#000000;
}
.list-group{
	position:relative;
	z-index:100;
	
}
.list-group ul{
	 display:none;
	 position: relative;
	 text-align: left;
	 top:20px;
	 z-index: 100;
	 width:100%;
	 background-color: rgba(255, 255, 255, 0.4);
     font-size:2.5rem
 }
.list-group ul li{
  list-style-type:none;
 	
}

.list-group button{
	background-color:#999;
	opacity:1;
	float:left;		
	
}
.list-group button span{
	background-color:#fff;

}
.list-group ul li a{
	font-size:20px;
 	
}
.list-group ul li a:hover{
	font-size:20px;
 	
}
.list-group > .NavLeft > ul {
    display:block;
}
.clear{
	clear:both;	
}
.opener-mainContent{
    width:1000px;
    margin:0 auto;
    min-height:200px;
    padding:15px 0px 50px 0px;
    z-index:1;
    position:relative;
    top:0px;
    left:0px;
    text-align:left;
}
.opener-footer{
    margin:0 auto;
	width:1000px;
	min-height:90px;
	font-size:11px;
	position:relative;
	top:0px;
	left:0px;
}
.row-fluid{
	text-align:left;	
}
.list-group{
	background-color:none;	
}
.list-group-item {
    background: none !important;
}
.list-group a{
	background:none;
	font-size: 20px;
    padding: 4px 0px;
	border:none;
    line-height: 28.5px;
			
}

.list-group a:hover{
	background:none;
	font-size: 20px;
    padding: 4px 0px;
	border:none;
    line-height: 28.5px;
			
}
.row-fluid .span4width {
    width: 27.6239%;
}
.main-content-text{
	 color: #000000;
    font-size: 23px;
    line-height: 31px;
	
}
.form-control {
    background: none;
    background-image: none;
    border: 1px solid #000;
    border-radius: 5px;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;
}
.bg-color{
	background-color:#fff !important;
	/*padding:20px;*/
	border:1px solid #ddd;
    padding:10px 0px 10px 0px;
    margin-left:15px;
	
}
.boxes-bg-color{
	background-color: #FFFFFF !important;
    font-size: 12px;
    min-height: 102px !important;
    padding: 25px 0 0 5px;
    text-align: center;
    vertical-align: middle !important;
    overflow:hidden;
	border:1px solid #ddd;
	
}
.boxes-bg-color img
{
    width:100%;
    height:100%;
    overflow:hidden;
}

.edit_content_button img
{
    width:auto;
    height:auto;
   
}

.boxes{
	float:right !important;
}
.border-right{
	border-right:1px solid #000;
    padding-left:0px;	
}
.mtop{
	margin-top:20px !important;
}
.input {
    border: 1px solid #C9CDCC;
    color: #6B797E;
    padding: 3px;
}

.form-div input {
    border: 1px solid #ddd;
    color: #000;
    padding: 1px 6px !important;
	width:100%;
	background-color:#dddddd;
	margin:3px 0px;
	border-radius: 10px;
}
.custom_button{
	background-color:#387e83;
	color:#fff;
	border-radius: 10px;
	padding:4px 3px;
	/*width:35%!important;*/
	margin:5px;
	cursor: pointer;	
	text-align:center;
}

.nav > li > a {
    color: #000000;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 0;
    position: relative;
}
.navbar-text {
    float: none;
    margin:0px 4px 0px 4px;
}
.nav > li {
    display: inline-block;
  }
.nav > li > a:hover, .nav > li > a:focus {
    background:none;
    text-decoration: none;
}
.navbar{
    margin-bottom:5px;
    min-height:25px;
}
.footer-text{
	text-align:right;
	color:#000;	
	font-size:12px;
}
.glyphicon {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-size: 1.5rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    top: -2px;
}
#social img{
	display:inline-block;	
}
.ModalWidth {
    width: 350px;
}
.TextCenter {
    text-align:center;
}
.MarketSelectorTitle {
    font-size:22px;
    font-weight:700;
}
.FooterTextPosition {
    text-align:right;
    font-size:11px;
}
.FooterTextPosition > li > a {
    text-transform:uppercase;
}



/* style for mobile and tab devices */

/* tab Device portrait----------- */	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation: portrait) {  
  .margin {
    margin:0px 0px 2px 0px !important;
} 
.border-right p{
	font-size: 12px;
    font-weight: bold;
}

.background-image{
	 background-position: -545px 4px;
    background-size: 170% auto;
			
		}
		
.main-content-text {
      font-size: 19px;
	
	}
     
 }        
		
	/* tab Devices landscap----------- */		
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation: landscape) {  
.navbar .nav > li > a {
    padding: 0px 0px !important;
}
.navbar-text {
    float: none;
    margin: 0 1px !important;
}
.margin {
    margin-left: 26px !important;
}
.border-right p{
	font-size: 12px;
    font-weight: bold;
}
   .background-image{
	 background-position: -545px 4px;
    background-size: 170% auto;
			
		}        
} 

/* Working Mobile Devices----------- */
@media (max-width: 767px) { 
    .border-right {
        border-right:none;
    }
    .list-group ul {
        top:4.5rem;
        background-color: rgba(253, 253, 253, 1.0);
        position:absolute;
    }
    .list-group ul li a {
        font-size: 1.3rem;
    }
    .list-group ul li a:hover{
        font-size: 1.3rem;
    }
    #topnav {
        text-align:center;
        margin-top:40px;
    }
    .ModalWidth {
        width: auto;
    }
    .MarketSelectorTitle {
        font-size:18px;
    }
    .bg-color{
	    margin-left:0px;
	}
    .green-font{
	    font-size:18px;
    }
    .consultant-font {
        font-size:18px;
    }
    .FooterTextPosition {
        text-align:center;
    }
}

/* Working Tablet Devices ------------------------------*/
@media (min-width:768px) and (max-width:991px) {
    .list-group ul li a {
        font-size: 1.5rem;
    }
    .list-group ul li a:hover{
        font-size: 1.5rem;
    }
    .MarketSelectorTitle {
        font-size:18px;
    }
    .bg-color{
	    margin-left:0px;
	}
    .green-font{
	    font-size:20px;
    }
    .consultant-font {
        font-size:20px;
    }
}

    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 767px)
    and (orientation: portrait) { 
    .margin {
        margin:0px 0px 2px 0px !important;
    } 
		
			
    .background-image{
		    background-position: -352px 130px;
        background-size: 200% auto;
		
    }
    .top-Nav-margin{
	    margin-top: -44px;
   	    position: relative;	  
    }
    #topnav p{
        font-size:17px !important;
        line-height:11px;
			  
    }
    #logo-img img {
        width: 70% !important;
    }
		 
    .main-content-text {
        color: #000000;
        font-size: 17px;
        line-height:25px;
    }   
    .img-border{
        border-bottom: 1px solid #DDD; 
        margin-bottom:0px; 
        padding-bottom:2px;	
    }
    
}
        
        @media only screen 
        and (min-device-width : 320px) 
        and (max-device-width : 767px)
        and (orientation: landscape) {  
 .margin {
			margin:0px 0px 2px 0px !important;
		} 
		
		
.background-image{
		 background-position: -620px 139px;
   		 background-size: 200% auto;
			
		}
		
 #topnav p{
		font-size:14px !important;
		line-height:11px;
		margin-bottom:6px;
			  
	  }
 #logo-img img {
		width: 60% !important;
	}
	#topnav {
		margin-top: -117px;
		position: relative;
	}
	.main-content-text {
		color: #000000;
		font-size: 17px;
	  }    
		       
.list-group ul li a {
    font-size: 2rem;
}
.list-group ul li a:hover{
    font-size: 2rem;
}
	.img-border{
		border-bottom: 1px solid #DDD; 
		margin-bottom:0px; 
		padding-bottom:2px;	
	}
    
}