/*ABC Primary part Start Here*/
/* ------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');


* {padding: 0;margin: 0;}

body{
	overflow-x:hidden; line-height: 22px;
}
body,html{height: 100%;  font-family: 'pf_handbook_proregular';-webkit-font-smoothing: antialiased; line-height: 20px;-moz-osx-font-smoothing: grayscale;}
.h2,h2{font-size: 32px;}.h4,h4{font-size: 26px}
section,footer{float: left;width: 100%;overflow: hidden;}
a, p, h1, h2, h3, h4, h5, h6, ul, li, span{margin: 0;padding: 0;}
a:hover, a:focus{text-decoration: none;}
:focus {outline: 0px;box-shadow:none;}
select::-ms-expand {display: none;}




.col-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;float: left;width: 100%;}
.col-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;float: left;width: 100%;}

.modal:before{
	height:0 !important;
}

.btn-default{
	padding:0 !important;
}


/*  invest page style   **/

.matType-card {
    float: left;
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 3px 10px 0 #cdcece;
    margin-bottom: 15px;
			padding-top: 20px;
}
		
		.sticky-inv {
    background-color: #969f6e;
			width: 100%;
    padding: 20px 0;
    position: static!important;
    z-index: 9;
}
	
.forms-text {
    opacity: .7;
    color: #000;
    font-size: 15px;
    line-height: 20px;
   
}
.table-text {    
    color: rgba(0,0,0,.7);
    font-size: 15px;
    line-height: 20px;   
}

.table th, tr {    
    border:0 !important; 
	background : #fff !important;
}

.table th {    
    font-size: 16px; 
	font-weight: bold;
}

.vl {
  border-left: 1px solid gray;
  height: 50px;
	padding: 1px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.pre{
	
	font-size: 13px;
}

.headerSortDown:after,
.headerSortUp:after{
    content: ' ';
    position: relative;
    left: 5px;
    border: 7px solid transparent;
}
.headerSortDown:after{
    top: 10px;
    border-top-color: red;
}
.headerSortUp:after{
    bottom: 10px;
    border-bottom-color: green;
}
.headerSortDown,
.headerSortUp{
    padding-left: 0px;
}

.hr {
			
    border-bottom: 1px solid #f7a500;
    
    margin-top: 5%;
		}
		
		
		.anchorLink{
			
			display: table;
    margin: 20px auto 0;
			margin-bottom: 20px;
			background-color: #3e593c;
			
    color: #fff;
    padding: 15px 30px;
    text-transform: uppercase;
    border-radius: 3px;
   
    font-size: 1.6rem;
		}
		
		.anchorLink:hover{
			
			background: #d52e42;
			color:#FFF;
		}

.topbr {
    border-top: none !important;
}
sup{
			color: red;
		}
		

.secondary-color{
  color: #6c7174;
}



@media screen and (min-width:1201px){
  .row {
      margin-left: -1.7145%!important;
      margin-right: -1.7145%!important;
  }
  .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.7145%;
    padding-right: 1.7145%;
    width: 96.571%;
    min-width: 1201px;
    max-width: 1400px;
}
.half-container{
  margin-right: auto;
  margin-left: auto;
  padding-left: 1.7145%;
  padding-right: 1.7145%;
  width: 48.285%;left: 48.285%;
  min-width: 600px;
  max-width: 730px;
  position: absolute;
  height: 477px;
  bottom: 0;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2,
.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4,
.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10,
.col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4,
.col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10,
.col-xs-11, .col-xs-12 {
    padding-left: 1.429%;
    padding-right: 1.429%;
}
.invest-process .container{
    padding-left: 0;
    padding-right: 0;  
    }


}


@media (min-width: 801px){
.col-md-4 {width: 33.33333%;}
}


@media only screen and (max-width: 1200px) and (min-width: 801px){

  .row {
      margin-left: -1.665%!important;
      margin-right: -1.665%!important;
  }
  .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.665%;
    padding-right: 1.665%;
    width: 96.67%;
    min-width: 801px;
    max-width: 1200px;
}
    .invest-process .container{
    padding-left: 0;
    padding-right: 0;  
    }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2,
.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4,
.col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    padding-left: 1.333%;
    padding-right: 1.333%;
}}


@media only screen and (max-width: 800px) and (min-width: 601px){
.row {
    margin-left: -1.75%!important;
    margin-right: -1.75%!important;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.75%;
    padding-right: 1.75%;
    width: 96.5%;
    min-width: 601px;
    max-width: 800px;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11,
.col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4,
.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2,
.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7,
.col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,
.col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10,
.col-xs-11, .col-xs-12 {
    padding-left: 1.5%;
    padding-right: 1.5%;
}

.table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
	white-space : unset;
	
}

}

@media (min-width: 601px){
.col-sm-12 {
    /* width: 100%; */
}
}

@media (max-width: 600px){

.table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
	white-space : unset;
	padding : 9px;	
	width: 200px;
}

.row {margin-left: -2.2245%!important;
    margin-right: -2.2245%!important;
}
.container {margin-right: auto;
    margin-left: auto;
    padding-left: 2.2245%;
    padding-right: 2.2245%;
    width: 95.551%;
    min-width: 320px;
    max-width: 600px;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5,
.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10,
.col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,
.col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11,
.col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4,
.col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,
.col-xs-10, .col-xs-11, .col-xs-12 {
    padding-left: 1.111%;
    padding-right: 1.111%;
}}