/*
@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light-webfont.eot');
    src: url('fonts/montserrat-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff'),
         url('fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratsemi_bold';
    src: url('fonts/montserrat-semibold-webfont.eot');
    src: url('fonts/montserrat-semibold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('fonts/montserrat-semibold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

/*
html,body{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body{
    color: #373737;
    font-family: 'Libre Baskerville', serif;
}
*/
/*
a{
    font-family: 'Montserrat', sans-serif;
    color: #ff9c00;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

a:hover, a:focus, a:active:hover{
    text-decoration: none;
    outline: none;
    color: #c77a00;
}




p{
    font-family: 'Libre Baskerville', serif;
    font-size: 15px;
    display: block;
    line-height: 1.75em;
}
*/


/*
.thin{font-weight:100;}     
.normal{font-weight:normal;}
.bold{font-weight:700;}
*/


/***********************/
/****** 8. Footer ******/
/***********************/

.footer-pri{
    border-top: 10px solid var(--core_primary_color);
    background-color: #151D30;
    padding: 30px 0 15px;
}

.footer-sec{
    background-color: #121826;
    padding: 30px 0px 20px;
}

.footer-widget{
    white-space: normal;
    word-wrap: break-word;
    margin: 40px 0px;
}

.footer-widget .heading{
    border-bottom: 1px dotted #5E6574;
    padding-bottom: 6px;
}

/*=================  
	Margin Around
====================*/
.m-auto { margin-left:auto; margin-right:auto;}
.m-0 { margin: 0px }
.m-1 { margin: 1px }
.m-2 { margin: 2px }
.m-3 { margin: 3px }
.m-4 { margin: 4px }
.m-5 { margin: 5px }
.m-6 { margin: 6px }
.m-7 { margin: 7px }
.m-8 { margin: 8px }
.m-9 { margin: 9px }
.m-10 { margin: 10px }
.m-15 { margin: 15px }
.m-20 { margin: 20px }
.m-30 { margin: 30px }
.m-40 { margin: 40px }
.m-50 { margin: 50px }
.m-60 { margin: 60px }
.m-70 { margin: 70px }
.m-80 { margin: 80px }
.m-90 { margin: 90px }
.m-100 { margin: 100px }

.no-margin { margin:0 !important; }
/*------Margin left-------*/
.ml-auto {margin-left:auto }
.ml-0 { margin-left: 0px }
.ml-1 { margin-left: 1px }
.ml-2 { margin-left: 2px }
.ml-3 { margin-left: 3px }
.ml-4 { margin-left: 4px }
.ml-5 { margin-left: 5px }
.ml-6 { margin-left: 6px }
.ml-7 { margin-left: 7px }
.ml-8 { margin-left: 8px }
.ml-9 { margin-left: 9px }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
/*------Margin right-------*/
.mr-auto {margin-right:auto }
.mr-0 { margin-right: 0px }
.mr-1 { margin-right: 1px }
.mr-2 { margin-right: 2px }
.mr-3 { margin-right: 3px }
.mr-4 { margin-right: 4px }
.mr-5 { margin-right: 5px }
.mr-6 { margin-right: 6px }
.mr-7 { margin-right: 7px }
.mr-8 { margin-right: 8px }
.mr-9 { margin-right: 9px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
/*------Margin Top-------*/
.mt-0 { margin-top: 0px }
.mt-1 { margin-top: 1px }
.mt-2 { margin-top: 2px }
.mt-3 { margin-top: 3px }
.mt-4 { margin-top: 4px }
.mt-5 { margin-top: 5px }
.mt-6 { margin-top: 6px }
.mt-7 { margin-top: 7px }
.mt-8 { margin-top: 8px }
.mt-9 { margin-top: 9px }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
/*------Margin Bottom-------*/
.mb-0 { margin-bottom: 0px }
.mb-1 { margin-bottom: 1px }
.mb-2 { margin-bottom: 2px }
.mb-3 { margin-bottom: 3px }
.mb-4 { margin-bottom: 4px }
.mb-5 { margin-bottom: 5px }
.mb-6 { margin-bottom: 6px }
.mb-7 { margin-bottom: 7px }
.mb-8 { margin-bottom: 8px }
.mb-9 { margin-bottom: 9px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }

/*------Padding Around-------*/
.p-0 { padding: 0px }
.p-1 { padding: 1px }
.p-2 { padding: 2px }
.p-3 { padding: 3px }
.p-4 { padding: 4px }
.p-5 { padding: 5px }
.p-6 { padding: 6px }
.p-7 { padding: 7px }
.p-8 { padding: 8px }
.p-9 { padding: 9px }
.p-10 { padding: 10px }
.p-15 { padding: 15px }
.p-20 { padding: 20px }
.p-30 { padding: 30px }
.p-40 { padding: 40px }
.p-50 { padding: 50px }
.p-60 { padding: 60px }
.p-70 { padding: 70px }
.p-80 { padding: 80px }
.p-90 { padding: 90px }
.p-100 { padding: 100px }
.no-padding { padding:0 !important; }
/*------Padding left-------*/
.pl-auto {padding-left:auto }
.pl-0 { padding-left: 0px }
.pl-1 { padding-left: 1px }
.pl-2 { padding-left: 2px }
.pl-3 { padding-left: 3px }
.pl-4 { padding-left: 4px }
.pl-5 { padding-left: 5px }
.pl-6 { padding-left: 6px }
.pl-7 { padding-left: 7px }
.pl-8 { padding-left: 8px }
.pl-9 { padding-left: 9px }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
/*------Padding right-------*/
.pr-auto {padding-right:auto }
.pr-0 { padding-right: 0px }
.pr-1 { padding-right: 1px }
.pr-2 { padding-right: 2px }
.pr-3 { padding-right: 3px }
.pr-4 { padding-right: 4px }
.pr-5 { padding-right: 5px }
.pr-6 { padding-right: 6px }
.pr-7 { padding-right: 7px }
.pr-8 { padding-right: 8px }
.pr-9 { padding-right: 9px }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
/*------Padding Top-------*/
.pt-0 { padding-top: 0px }
.pt-1 { padding-top: 1px }
.pt-2 { padding-top: 2px }
.pt-3 { padding-top: 3px }
.pt-4 { padding-top: 4px }
.pt-5 { padding-top: 5px }
.pt-6 { padding-top: 6px }
.pt-7 { padding-top: 7px }
.pt-8 { padding-top: 8px }
.pt-9 { padding-top: 9px }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
/*------Padding Bottom-------*/
.pb-0 { padding-bottom: 0px }
.pb-1 { padding-bottom: 1px }
.pb-2 { padding-bottom: 2px }
.pb-3 { padding-bottom: 3px }
.pb-4 { padding-bottom: 4px }
.pb-5 { padding-bottom: 5px }
.pb-6 { padding-bottom: 6px }
.pb-7 { padding-bottom: 7px }
.pb-8 { padding-bottom: 8px }
.pb-9 { padding-bottom: 9px }
.pb-5 { padding-bottom: 5px }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }





/* FontSize */
.fz4,.fz-4 {
    font-size: 4px !important;
}
.fz5,.fz-5 {
    font-size: 5px !important;
}
.fz6,.fz-6 {
    font-size: 6px !important;
}
.fz7,.fz-7 {
    font-size: 7px !important;
}
.fz8,.fz-8 {
    font-size: 8px !important;
}
.fz9,.fz-9 {
    font-size: 9px !important;
}

.fz10,.fz-10 {
    font-size: 10px !important;
}

.fz11,.fz-11 {
    font-size: 11px !important;
}

.fz12,.fz-12 {
    font-size: 12px !important;
}

.fz13,.fz-13 {
    font-size: 13px !important;
}
.fz14,.fz-14 {
    font-size: 14px !important;
}
.fz15,.fz-15 {
    font-size: 15px !important;
}


.fz16,.fz-16 {
    font-size: 16px !important;
}

.fz17,.fz-17 {
    font-size: 17px !important;
}

.fz18,.fz-18 {
    font-size: 18px !important;
}
.fz19,.fz-19 {
    font-size: 19px !important;
}
.fz20,.fz-20 {
    font-size: 20px !important;
}
.fz21,.fz-21 {
    font-size: 21px !important;
}
.fz22,.fz-22 {
    font-size: 22px !important;
}
.fz23,.fz-23 {
    font-size: 23px !important;
}
.fz24,.fz-24 {
    font-size: 24px !important;
}
.fz25,.fz-25 {
    font-size: 25px !important;
}

.fz26,.fz-26 {
    font-size: 26px !important;
}
.fz27,.fz-27 {
    font-size: 27px !important;
}
.fz28,.fz-28 {
    font-size: 28px !important;
}
.fz29,.fz-29 {
    font-size: 29px !important;
}
.fz30,.fz-30 {
    font-size: 30px !important;
}


/*=================  
	Font Weight
====================*/
.fw2,.fw-2 { font-weight: 200; }
.fw3,.fw-3 { font-weight: 300; }
.fw4,.fw-4 { font-weight: 400; }
.fw5,.fw-5 { font-weight: 500; }
.fw6,.fw-6 { font-weight: 600; }
.fw7,.fw-7 { font-weight: 700; }
.fw8,.fw-8 { font-weight: 800; }
.fw9,.fw-9 { font-weight: 900; }

/*=================  
	Font Family
====================*/
/*font-family: 'Montserrat', Poppins, rubik, roboto, raleway, sans-serif;*/
.ff-montserrat{
	font-family:Montserrat;
}
.ff-poppins{
	font-family:Poppins;
}
.ff-rubik{
	font-family:Rubik;
}
.ff-roboto{
	font-family:Roboto;
}

.ff-raleway{
	font-family:Raleway;
}

.ff-sans-serif{
	font-family:Sans-serif;
}

hr {
  display: block;
  border-top: 1px solid #ddd;
  margin: 25px 0;
}
/*
hr.color {
  border-color: #8bc34a!important;
}
*/
hr.color {
  /*border-color: #8bc34a!important;*/
  /*border-color: var(--core_primary_color)!important;*/
  border-top: 1px dotted var(--core_primary_color);
  margin-top:0;
}

hr.dotted {
  border-style: dotted!important;
  margin-top:0;
}

hr.dashed {
  border-style: dashed!important;
}

hr.double {
  height: 5px;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-bottom-style: solid;
}



hr.on-dark {
  color: #1a1a1a;
}

hr.on-light {
  color: white;
}

@media(-webkit-min-device-pixel-ratio:0.75),(min--moz-device-pixel-ratio:0.75),(-o-device-pixel-ratio:3 / 4),(min-device-pixel-ratio:0.75),(min-resolution:0.75dppx),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi) {
  hr {
    height: .75px;
  }
}

@media(-webkit-min-device-pixel-ratio:1),(min--moz-device-pixel-ratio:1),(-o-device-pixel-ratio:1),(min-device-pixel-ratio:1),(min-resolution:1dppx),(-webkit-min-device-pixel-ratio:1.6666666666666667),(min-resolution:160dpi) {
  hr {
    height: 1px;
  }
}

@media(-webkit-min-device-pixel-ratio:1.33),(min--moz-device-pixel-ratio:1.33),(-o-device-pixel-ratio:133 / 100),(min-device-pixel-ratio:1.33),(min-resolution:1.33dppx),(-webkit-min-device-pixel-ratio:2.21875),(min-resolution:213dpi) {
  hr {
    height: 1.333px;
  }
}

@media(-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-device-pixel-ratio:3 / 2),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:2.5),(min-resolution:240dpi) {
  hr {
    height: 1.5px;
  }
}

@media(-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-device-pixel-ratio:2 / 1),(min-device-pixel-ratio:2),(min-resolution:2dppx),(-webkit-min-device-pixel-ratio:3.9583333333333335),(min-resolution:380dpi) {
  hr {
    height: 2px;
  }
}

@media(-webkit-min-device-pixel-ratio:3),(min--moz-device-pixel-ratio:3),(-o-device-pixel-ratio:3 / 1),(min-device-pixel-ratio:3),(min-resolution:3dppx),(-webkit-min-device-pixel-ratio:5),(min-resolution:480dpi) {
  hr {
    height: 3px;
  }
}

@media(-webkit-min-device-pixel-ratio:4),(min--moz-device-pixel-ratio:4),(-o-device-pixel-ratio:4 / 1),(min-device-pixel-ratio:3),(min-resolution:4dppx),(-webkit-min-device-pixel-ratio:6.666666666666667),(min-resolution:640dpi) {
  hr {
    height: 4px;
  }
}


hr.g-inner-hr
{
/*<hr class="g-inner-hr">*/
    clear: both;
    margin-top: 10px;
    margin-bottom: 13px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}


.g-row-divider {
	border-bottom: 1px dotted #e8e8e8;
	padding: 5px 0 !important;
}



.g-row-end {
	margin-right: 0;
	padding-right: 0;
}


.g-has-divider-solid{
  line-height:1.5em;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 5px !important;
  width:100%;
}


.g-has-divider{
  line-height:1.5em;
  border-bottom: 1px dotted #e8e8e8;
  padding-bottom: 5px !important;
  width:100%;
}
.g-has-divider-top{
  line-height:1.5em;
  border-top: 1px dotted #e8e8e8;
  padding-top: 5px !important;
  width:100%;
}

.g-has-divider-color{
	 line-height:1.5em;
	  border-bottom: 1px dotted var(--core_primary_color);
	  padding-bottom: 5px !important;
	  width:100%;
	
}

/*===== All uline Title Style =====*/
/*
<div class="g-uline-title">
	<h5>About us</h5>
</div>
*/
.g-uline-title{}
.g-uline-title h5,
.g-uline-title h6{
    color: var(--core_secondary_color);
    position: relative;
    padding-bottom: 12px;
}
.g-uline-title h5::before,
.g-uline-title h6::before{
    content: '';
    position: absolute;
    width: 35px;
    height: 2px;
    background-color: var(--core_primary_color);
    bottom: 0;
    left: 0;
}


/*
	<div class="col-md-12   ">
		<h2 class="title-head g-left-line-title text-core-secondary"><div class="has-underline">With <span class="text-core-primary">Line</span></div></h2>
			
	</div>
	
	<div class="col-md-12 heading-bxX leftX">
		<h2 class="title-head g-left-line-title text-core-secondary">Left Block <span class="text-core-primary">Only</span></h2>
		
	</div>
*/						
.g-left-line-title{
	margin-bottom: 10px;
    margin-top: 0;
    line-height: 32px;
    padding-left: 10px;
    /*border-left: 5px solid #ff9c00;*/
	border-left: 5px solid var(--core_primary_color);
	/*font-family: "Raleway";*/
}


.g-left-line-title .has-underline {
	border-bottom: 1px dotted #e8e8e8;
	padding-bottom: 5px!important;
	display: inline-block;
	width: 100%;
	
}


.or-spacer {
  margin-top:50px; width:100%; 
  position:relative; 
}
.or-spacer  .mask { 
    overflow:hidden; height:20px;
}
.or-spacer  .mask:after { 
      content:''; 
      display:block; margin:-25px auto 0;
      width:100%; height:25px;  
      border-radius:125px / 12px;  
      box-shadow:0 0 8px #B6B6B6;
}
.or-spacer   span {
    width:50px; height:50px; 
    position:absolute; 
    bottom:100%; margin-bottom:-$size/2;
    left:50%; margin-left:25px;
    border-radius:100%;
    box-shadow:0 2px 4px #999;
    background:white;
  }
  
  
.noise {
  background: url(../img/bg_noise.png) left top repeat;
  position:relative; 
}

/* TEXT */

.float-left {float:left !important;}
.float-right {float:right !important;}
.float-none {float:none !important;}

.no-display { display: none !important; }


/*center component*/
 
 .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
	/*tesssss*/
	vertical-align: middle;
	
	position: relative;
}

.centered-content{
	display: flex;
	align-items: center;
	justify-content: center;
}
.center-text{
	display: block !important;
	text-align: center !important;
}


.text-muted {
    color: #aaaaaa;
}
.text-light {
    font-weight: 300;
    font-style: normal;
}

.text-normal {
    font-weight: 400;
    font-style: normal;
}

.text-bold {
    font-style: normal;
    font-weight: 700;
}

.text-italic {
    font-style: italic;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;

}


.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}



.no-shadow {
    box-shadow: none !important;
}

.full-size {
    width: 100% !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}




.no-display {
    display: none !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-float {
    float: none !important;
}

.position-static {
  position: static !important;
}

.no-visible {
    visibility: hidden !important;
}



.no-overflow {
    overflow: hidden !important;
}

.no-scroll {
    overflow: hidden !important;
}

.no-scroll-x {
    overflow-x: hidden !important;
}

.no-scroll-y {
    overflow-y: hidden !important;
}

.no-wrap {
    white-space: nowrap !important;
}

.no-border {
    border: 0 !important;
}

.no-border-left {
    border-left: none !important;
}

.no-border-right {
    border-right: none !important;
}

.no-border-top {
    border-top: none !important;
}

.no-border-bottom {
    border-bottom: none !important;
}

.transparent-border {
    border-color: transparent !important;
}

.place-right {
    float: right !important;
}

.place-left {
    float: left !important;
}





.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.affix {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}


.clear-float:before,
.clear-float:after {
    display: table;
    content: "";
}

.clear-float:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.no-user-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.no-appearance {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}





.opacity {
    opacity: .9;
}

.half-opacity {
    opacity: .5;
}

.hi-opacity {
    opacity: .2;
}



.v-align-top {
    vertical-align: top;
}

.v-align-bottom {
    vertical-align: bottom;
}

.v-align-baseline {
    vertical-align: baseline;
}

.v-align-middle {
    vertical-align: middle;
}

.v-align-sub {
    vertical-align: sub;
}

.v-align-super {
    vertical-align: super;
}

.v-align-top-text {
    vertical-align: text-top;
}

.v-align-bottom-text {
    vertical-align: text-bottom;
}







/* Background Color */

.bg-gray {
	background: #edf0f2;
}
.bg-white {
	background: #fff;
}
.bg-black {
	background: #222;
}
/* Color */
.fg-gray {
	color: #edf0f2;
}
.fg-white {
	color: #fff;
}
.fg-black {
	color: #222;
}


/*=================  
	Background White Transperent
====================*/
.trans-bgw1{ background-color:rgba(255,255,255,0.1) }
.trans-bgw2{ background-color:rgba(255,255,255,0.2) }
.trans-bgw3{ background-color:rgba(255,255,255,0.3) }
.trans-bgw4{ background-color:rgba(255,255,255,0.4) }
.trans-bgw5{ background-color:rgba(255,255,255,0.5) }
.trans-bgw6{ background-color:rgba(255,255,255,0.6) }
.trans-bgw7{ background-color:rgba(255,255,255,0.7) }
.trans-bgw8{ background-color:rgba(255,255,255,0.8) }
.trans-bgw9{ background-color:rgba(255,255,255,0.9) }
/*=================  
	Background Black Transperent
====================*/
.trans-bgb1{ background-color:rgba(0,0,0,0.05) }
.trans-bgb2{ background-color:rgba(0,0,0,0.2) }
.trans-bgb3{ background-color:rgba(0,0,0,0.3) }
.trans-bgb4{ background-color:rgba(0,0,0,0.4) }
.trans-bgb5{ background-color:rgba(0,0,0,0.5) }
.trans-bgb6{ background-color:rgba(0,0,0,0.6) }
.trans-bgb7{ background-color:rgba(0,0,0,0.7) }
.trans-bgb8{ background-color:rgba(0,0,0,0.8) }
.trans-bgb9{ background-color:rgba(0,0,0,0.9) }


/* black overlay */
/*<section id="page-banner" class="pt-105 pb-130 bg_cover" data-overlay="8" style="background-image: url(images/page-banner-4.jpg)">*/
[data-overlay] {
	position: relative;
}
[data-overlay]::before {
	background: #07294d none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
[data-overlay="3"]::before {
	opacity: 0.3;
}
[data-overlay="4"]::before {
	opacity: 0.4;
}
[data-overlay="5"]::before {
	opacity: 0.5;
}
[data-overlay="6"]::before {
	opacity: 0.6;
}
[data-overlay="7"]::before {
	opacity: 0.7;
}
[data-overlay="8"]::before {
	opacity: 0.8;
}
[data-overlay="9"]::before {
	opacity: 0.9;
}

.bg_cover{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}



/* FOOTER ANIM LINK */
/*
<div class="g-anim-link-list mt-40">
	<div class="footer-title pb-25">
		<h6>Sitemap</h6>
	</div>
	<ul>
		<li><a href="index-2.html"><i class="fa fa-angle-right"></i>Home</a></li>
		<li><a href="about.html"><i class="fa fa-angle-right"></i>About us</a></li>
		<li><a href="courses.html"><i class="fa fa-angle-right"></i>Courses</a></li>
		<li><a href="blog.html"><i class="fa fa-angle-right"></i>News</a></li>
		<li><a href="events.html"><i class="fa fa-angle-right"></i>Event</a></li>
	</ul>
	<ul>
		<li><a href="#"><i class="fa fa-angle-right"></i>Gallery</a></li>
		<li><a href="shop.html"><i class="fa fa-angle-right"></i>Shop</a></li>
		<li><a href="teachers.html"><i class="fa fa-angle-right"></i>Teachers</a></li>
		<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
		<li><a href="contact.html"><i class="fa fa-angle-right"></i>Contact</a></li>
	</ul>
</div>
*/


.g-anim-link-list{
    overflow: hidden;
}
.g-anim-link-list ul{
    /*width: 50%;*/
    float: left;
    overflow: hidden;
}
.g-anim-link-list ul li{
    line-height: 25px;
}
.g-anim-link-list ul li a{
   /* color: var(--light_color);*/
    /*font-size: 15px;*/
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.g-anim-link-list ul li a i{
    margin-right: 8px;
	
    color: var(--core_primary_color);
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.g-anim-link-list ul li a:hover {
    color: var(--core_primary_color);
}
.g-anim-link-list ul li a:hover i{
    margin-right: 12px;
}


/* FOOTER ICON */
/*
<div class="g-icon-info mt-40">
	<div class="footer-title pb-25">
		<h6>Contact Us</h6>
	</div>
	<ul>
		<li>
			<div class="icon">
				<i class="fa fa-home"></i>
			</div>
			<div class="cont">
				<p>143 castle road 517 district, kiyev port south Canada</p>
			</div>
		</li>
		<li>
			<div class="icon">
				<i class="fa fa-phone"></i>
			</div>
			<div class="cont">
				<p>+3 123 456 789</p>
			</div>
		</li>
		<li>
			<div class="icon">
				<i class="fa fa-envelope-o"></i>
			</div>
			<div class="cont">
				<p>info@yourmail.com</p>
			</div>
		</li>
	</ul>
</div>
*/

.g-icon-info{
    overflow: hidden;
}

.g-icon-info ul li{
    position: relative;
    margin-bottom: 10px;
}

.g-icon-info ul li{
    position: relative;
    margin-bottom: 10px;
}
.g-icon-info ul li:last-child{
    margin-bottom: 0;
}

.g-icon-info ul li .icon i{
   /* font-size: 18px;*/
    color: var(--core_primary_color);
    position: absolute;
    left: 0;
    top: 5px;
}
.g-icon-info ul li .cont{
    padding-left: 25px;
}
.g-icon-info ul li .cont p{
    /*color: var(--light_color);*/
}

/* tambahan */
/*
.g-icon-info ul{
    margin: 0px;
	padding: 0px;
    list-style-type: none;
	width:100%;
	
}
*/
/* ------------------- TEST ------------- */



/*=====================================================
    12. NEWS css 
======================================================*/
/*<div class="col-lg-6">
	<div class="single-news news-list">
		<div class="row">
			<div class="col-sm-4">
				<div class="news-thum mt-30">
					<img src="assets/images/courses/pic1.jpg" alt="News">
				</div>
			</div>
			<div class="col-sm-8">
				<div class="news-cont mt-30">
					<ul>
						<li><a href="#"><i class="fa fa-calendar"></i>2 December 2018 </a></li>
						<li><a href="#"> <span>By</span> Adam linn</a></li>
					</ul>
					<a href="blog-single.html"><h3>Intellectual communication</h3></a>
					<p>Gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit cons  vel.</p>
				</div>
			</div>
		</div> <!-- row -->
	</div> <!-- single news -->
	<div class="single-news news-list">
		<div class="row">
			<div class="col-sm-4">
				<div class="news-thum mt-30">
					<img src="assets/images/courses/pic2.jpg" alt="News">
				</div>
			</div>
			<div class="col-sm-8">
				<div class="news-cont mt-30">
					<ul>
						<li><a href="#"><i class="fa fa-calendar"></i>2 December 2018 </a></li>
						<li><a href="#"> <span>By</span> Adam linn</a></li>
					</ul>
					<a href="blog-single.html"><h3>Study makes you perfect</h3></a>
					<p>Gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit cons  vel.</p>
				</div>
			</div>
		</div> <!-- row -->
	</div> <!-- single news -->
	<div class="single-news news-list">
		<div class="row">
			<div class="col-sm-4">
				<div class="news-thum mt-10">
					<img src="assets/images/courses/pic3.jpg" alt="News">
				</div>
			</div>
			<div class="col-sm-8">
				<div class="news-cont mt-10">
					<ul>
						<li><a href="#"><i class="fa fa-calendar"></i>2 December 2018 </a></li>
						<li><a href="#"> <span>By</span> Adam linn</a></li>
					</ul>
					<a href="blog-single.html"><h3>Technology eduction is now....</h3></a>
					<p>Gravida nibh vel velit auctor aliquetn sollicitudirem quibibendum auci elit cons  vel.</p>
				</div>
			</div>
		</div> <!-- row -->
	</div> <!-- single news -->
</div>
*/				
.single-news{}
.single-news .news-thum{}
.single-news .news-thum img{
    width: 100%;
    border-radius: 5px;
}
.single-news .news-cont{}
.single-news .news-cont ul li{
    display: inline-block;
    margin-right: 25px;
}
.single-news .news-cont ul li:last-child{
    margin-right: 0;
}

.single-news .news-cont ul li a{
    color: #8a8a8a;
    font-size: 15px;
}
.single-news .news-cont ul li a i{
    color: #ffc600;
    margin-right: 8px;
}
.single-news .news-cont ul li a span{
    color: #07294d;
}
.single-news .news-cont a{
    display: block;
}
.single-news .news-cont a h3{
    font-size: 24px;
    color: #000;
    padding-bottom: 20px;
    padding-top: 10px;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.single-news .news-cont a:hover h3{
    color: #ffc600;
}

.news-list .news-cont h3{
    font-size: 20px;
}
.news-list .news-cont ul li a{
    font-size: 14px;
}