/*--------------------------- Size variations ----------------------*/
/* Medium Layout: 1280px */
/* Tablet Layout: 768px */
/* Mobile Layout: 320px */
/* Wide Mobile Layout: 480px */
/* =================================== */
/*  Table of Contents

    01.Basic CSS 
    02.Custom CSS
    03.Header CSS
    04.Navigation Menu CSS
    05.Banner CSS 
    06.SideBar CSS 
    07.Popular post CSS
    08.Feature CSS
    09.Post List Or Job List CSS
    10.Call to Action CSS
    11.Price page CSS
    12.Download Area CSS
    13.Testimoials CSS
    14.Testimoials CSS
    15.Featured-Cities CSS
    16.Pricing Plan Section CSS
    17.Footer CSS
    18.CopyRights CSS
    19.Service Area CSS
    20.Job Experiance CSS
    21.About Page about section CSS 
    22.Search Page CSS
    23.Contact Page CSS
    24.Our Team CSS
    25.Blog page & Section CSS
    26.Widgets  CSS 
    27.Blog Details Page CSS
    28.Error Page CSS
    29.Add Job Details Page CSS
    30.Applied Job Page CSS
    31.Job Alerts  Page CSS
    32.User Profile Page CSS
    33.Employer Page CSS
    34.Employer shortlist resume  Page CSS
    35.Sign in & Sign up CSS


    /* =================================== */

    /*--------------------------- Basic CSS ----------------------*/
    ::-moz-selection {
    	/* Code for Firefox */
    	background-color: #33B6CB;
    	color: #fff;
    }

    ::selection {
    	background-color: #33B6CB;
    	color: #fff;
    }

    ::-webkit-input-placeholder {
    	/* WebKit, Blink, Edge */
    	color: #777777;
    	font-weight: 300;
    }

    :-moz-placeholder {
    	/* Mozilla Firefox 4 to 18 */
    	color: #777777;
    	opacity: 1;
    	font-weight: 300;
    }

    ::-moz-placeholder {
    	/* Mozilla Firefox 19+ */
    	color: #a4a4a4 !important;
    	opacity: 1;
    	font-weight: 300;
    }

    :-ms-input-placeholder {
    	/* Internet Explorer 10-11 */
    	color: #777777;
    	font-weight: 300;
    }

    ::-ms-input-placeholder {
    	/* Microsoft Edge */
    	color: #777777;
    	font-weight: 300;
    }

    body {
    	color: #777777;
    	font-family: "Poppins", sans-serif;
    	font-size: 14px;
    	font-weight: 300;
    	line-height: 1.625em;

    	/*background:url(../img/batik.png); */
    	position: relative;
    }

    ol~ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }


    .deskripsi ol~ul {
    	list-style: disc !important;
    }


    .text_active {
    	color: #33B6CB !important;
    }

    .btn {
    	border-radius: 0px;
    }

    .btn-white {
    	background: #fff;
    	border-radius: 0 !important;
    }

    select {
    	display: block;
    }

    figure {
    	margin: 0;
    }

    a {
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
    	transition: all 0.3s ease 0s;
    }

    iframe {
    	border: 0;
    }

    a,
    a:focus,
    a:hover {
    	text-decoration: none;
    	outline: 0;
    }

    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn.focus:active,
    .btn:active:focus,
    .btn:focus {
    	text-decoration: none;
    	outline: 0;
    }

    .card-panel {
    	margin: 0;
    	padding: 60px;
    }

/**
 *  Typography
 *
 **/
 .btn i,
 .btn-large i,
 .btn-floating i,
 .btn-large i,
 .btn-flat i {
 	font-size: 1em;
 	line-height: inherit;
 	margin-top: 6px;
 }

 .gray-bg {
 	background: #f9f9ff;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	font-family: "Poppins", sans-serif;
 	color: #222222;
 	line-height: 1.2em !important;
 	margin-bottom: 0;
 	margin-top: 0;
 	font-weight: 600;
 }

 input {
 	border-radius: 0px !important;
 }

 .form-control {
 	padding: 0.75rem 0.75rem !important;
 	/* border: 1px solid #a0d9ff !important;*/

 }

 select.form-control:not([size]):not([multiple]) {
 	height: calc(3rem + 2px) !important;
 	border-radius: 0px !important;
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
 	margin-bottom: 0;
 	margin-top: 0;
 	font-family: "Poppins", sans-serif;
 	font-weight: 600;
 	color: #222222;
 }

 h1,
 .h1 {
 	font-size: 36px;
 }

 h2,
 .h2 {
 	font-size: 30px;
 }

 h3,
 .h3 {
 	font-size: 24px;
 }

 h4,
 .h4 {
 	font-size: 18px;
 }

 h5,
 .h5 {
 	font-size: 16px;
 }

 h6,
 .h6 {
 	font-size: 14px;
 	color: #222222;
 }

 td,
 th {
 	border-radius: 0px;
 }



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

 .clear::after {
 	clear: both;
 }

 .fz-11 {
 	font-size: 11px;
 }

 .fz-12 {
 	font-size: 12px;
 }

 .fz-13 {
 	font-size: 13px;
 }

 .fz-14 {
 	font-size: 14px;
 }

 .fz-15 {
 	font-size: 15px;
 }

 .fz-16 {
 	font-size: 16px;
 }

 .fz-18 {
 	font-size: 18px;
 }

 .fz-30 {
 	font-size: 30px;
 }

 .fz-48 {
 	font-size: 48px !important;
 }

 .fw100 {
 	font-weight: 100;
 }

 .fw300 {
 	font-weight: 300;
 }

 .fw400 {
 	font-weight: 400 !important;
 }

 .fw500 {
 	font-weight: 500;
 }

 .f700 {
 	font-weight: 700;
 }

 .fsi {
 	font-style: italic;
 }

 .mt-10 {
 	margin-top: 10px;
 }

 .mt-15 {
 	margin-top: 15px;
 }

 .tm-12 {
 	margin-top: 12px !important;
 }

 .mt-20 {
 	margin-top: 20px;
 }

 .mt-25 {
 	margin-top: 25px;
 }

 .mt-30 {
 	margin-top: 30px;
 }

 .mt-35 {
 	margin-top: 35px;
 }

 .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-100 {
 	margin-top: 100px;
 }

 .mt-120 {
 	margin-top: 120px;
 }

 .mt-150 {
 	margin-top: 150px;
 }

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

 .ml-5 {
 	margin-left: 5px !important;
 }

 .ml-10 {
 	margin-left: 10px;
 }

 .ml-15 {
 	margin-left: 15px;
 }

 .ml-20 {
 	margin-left: 20px;
 }

 .ml-30 {
 	margin-left: 30px;
 }

 .ml-50 {
 	margin-left: 50px;
 }

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

 .mr-5 {
 	margin-right: 5px !important;
 }

 .mr-15 {
 	margin-right: 15px;
 }

 .mr-10 {
 	margin-right: 10px;
 }

 .mr-20 {
 	margin-right: 20px;
 }

 .mr-30 {
 	margin-right: 30px;
 }

 .mr-50 {
 	margin-right: 50px;
 }

 .mb-0 {
 	margin-bottom: 0px;
 }

 .mb-0-i {
 	margin-bottom: 0px !important;
 }

 .mb-5 {
 	margin-bottom: 5px;
 }

 .mb-10 {
 	margin-bottom: 10px;
 }

 .mb-15 {
 	margin-bottom: 15px;
 }

 .mb-20 {
 	margin-bottom: 20px;
 }

 .mb-25 {
 	margin-bottom: 25px;
 }

 .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;
 }

 .pt-0 {
 	padding-top: 0px;
 }

 .pt-10 {
 	padding-top: 10px;
 }

 .pt-15 {
 	padding-top: 15px;
 }

 .pt-18 {
 	padding-top: 18px;
 }

 .pt-20 {
 	padding-top: 20px;
 }

 .pt-25 {
 	padding-top: 25px;
 }

 .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-120 {
 	padding-top: 120px;
 }

 .pt-150 {
 	padding-top: 150px;
 }

 .pt-170 {
 	padding-top: 170px;
 }

 .pb-0 {
 	padding-bottom: 0px;
 }

 .pb-10 {
 	padding-bottom: 10px;
 }

 .pb-15 {
 	padding-bottom: 15px;
 }

 .pb-20 {
 	padding-bottom: 20px;
 }

 .pb-25 {
 	padding-bottom: 25px;
 }

 .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-120 {
 	padding-bottom: 120px;
 }

 .pb-150 {
 	padding-bottom: 150px;
 }

 .pr-30 {
 	padding-right: 30px;
 }

 .pl-30 {
 	padding-left: 30px;
 }

 .pl-90 {
 	padding-left: 90px;
 }

 .p-40 {
 	padding: 40px;
 }

 .float-left {
 	float: left;
 }

 .float-right {
 	float: right;
 }

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

 .text-white {
 	color: #fff;
 }

 .text-black {
 	color: #000;
 }

 .transition {
 	-webkit-transition: all 0.3s ease 0s;
 	-moz-transition: all 0.3s ease 0s;
 	-o-transition: all 0.3s ease 0s;
 	transition: all 0.3s ease 0s;
 }

 .section-full {
 	padding: 100px 0;
 }

 .bg-gray {
 	background: #f0f0f0;
 }

 .bg-slider {
 	background: #fff;
 	box-shadow: 0px 0px 40px 0px rgba(176, 176, 176, 0.2);
 }

 .section-half {
 	padding: 75px 0;
 }

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

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

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

 .title {
 	text-transform: capitalize;
 }

 .flex {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -moz-flex;
 	display: -ms-flexbox;
 	display: flex;
 }

 .inline-flex {
 	display: -webkit-inline-box;
 	display: -webkit-inline-flex;
 	display: -moz-inline-flex;
 	display: -ms-inline-flexbox;
 	display: inline-flex;
 }

 .flex-grow {
 	-webkit-box-flex: 1;
 	-webkit-flex-grow: 1;
 	-moz-flex-grow: 1;
 	-ms-flex-positive: 1;
 	flex-grow: 1;
 }

 .flex-wrap {
 	-webkit-flex-wrap: wrap;
 	-moz-flex-wrap: wrap;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 }

 .flex-left {
 	-webkit-box-pack: start;
 	-ms-flex-pack: start;
 	-webkit-justify-content: flex-start;
 	-moz-justify-content: flex-start;
 	justify-content: flex-start;
 }

 .flex-middle {
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	-webkit-align-items: center;
 	-moz-align-items: center;
 	align-items: center;
 }

 .flex-right {
 	-webkit-box-pack: end;
 	-ms-flex-pack: end;
 	-webkit-justify-content: flex-end;
 	-moz-justify-content: flex-end;
 	justify-content: flex-end;
 }

 .flex-top {
 	-webkit-align-self: flex-start;
 	-moz-align-self: flex-start;
 	-ms-flex-item-align: start;
 	align-self: flex-start;
 }

 .flex-center {
 	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	-webkit-justify-content: center;
 	-moz-justify-content: center;
 	justify-content: center;
 }

 .flex-bottom {
 	-webkit-align-self: flex-end;
 	-moz-align-self: flex-end;
 	-ms-flex-item-align: end;
 	align-self: flex-end;
 }

 .space-between {
 	-webkit-box-pack: justify;
 	-ms-flex-pack: justify;
 	-webkit-justify-content: space-between;
 	-moz-justify-content: space-between;
 	justify-content: space-between;
 }

 .space-around {
 	-ms-flex-pack: distribute;
 	-webkit-justify-content: space-around;
 	-moz-justify-content: space-around;
 	justify-content: space-around;
 }

 .flex-column {
 	-webkit-box-direction: normal;
 	-webkit-box-orient: vertical;
 	-webkit-flex-direction: column;
 	-moz-flex-direction: column;
 	-ms-flex-direction: column;
 	flex-direction: column;
 }

 .flex-cell {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -moz-flex;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-flex: 1;
 	-webkit-flex-grow: 1;
 	-moz-flex-grow: 1;
 	-ms-flex-positive: 1;
 	flex-grow: 1;
 }

 .display-table {
 	display: table;
 }

 .light {
 	color: #fff;
 }

 .dark {
 	color: #222;
 }

 .relative {
 	position: relative;
 }

 .overflow-hidden {
 	overflow: hidden;
 }

 .overlay {
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 0;
 	bottom: 0;
 }

 .container.fullwidth {
 	width: 100%;
 }

 .container.no-padding {
 	padding-left: 0;
 	padding-right: 0;
 }

 .no-padding {
 	padding: 0;
 }

 .alert p {
 	margin-bottom: 0;
 }

 .section-bg {
 	background: #f9fafc;
 }

 @media (max-width: 767px) {
 	.no-flex-xs {
 		display: block !important;
 	}

 	.btns{
 		margin-top:10px;
 	}

 	.banner-content .text-white {
 		font-size: 10px;
 	}

 	.perusahaan {
 		right: 100px !important;
 	}

 }

 .row.no-margin {
 	margin-left: 0;
 	margin-right: 0;
 }

 .sample-text-area {
 	background: #fff;
 	padding: 100px 0 70px 0;
 }

 .text-heading {
 	margin-bottom: 30px;
 	font-size: 24px;
 }


 b,
 sup,
 sub,
 u,
 del {
 	color: #33B6CB;
 }

 h1 {
 	font-size: 36px;
 }

 h2 {
 	font-size: 30px;
 }

 h3 {
 	font-size: 24px;
 }

 h4 {
 	font-size: 18px;
 }

 h5 {
 	font-size: 16px;
 }

 h6 {
 	font-size: 14px;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	line-height: 1.5em;
 }

 .alert-danger {
 	color: #721c24c4;
 	background-color: #f8d7da91;
 	border-color: #f5c6cb7d;
 }

 .typography h1,
 .typography h2,
 .typography h3,
 .typography h4,
 .typography h5,
 .typography h6 {
 	color: #777777;
 }

 .button-area {
 	background: #fff;
 }

 .button-area .border-top-generic {
 	padding: 70px 15px;
 	border-top: 1px dotted #eee;
 }

 .button-group-area .genric-btn {
 	margin-right: 10px;
 	margin-top: 10px;
 }

 .button-group-area .genric-btn:last-child {
 	margin-right: 0;
 }

 .genric-btn {
 	display: inline-block;
 	outline: none;
 	line-height: 40px;
 	padding: 0 30px;
 	font-size: .8em;
 	text-align: center;
 	text-decoration: none;
 	font-weight: 500;
 	cursor: pointer;
 	-webkit-transition: all 0.3s ease 0s;
 	-moz-transition: all 0.3s ease 0s;
 	-o-transition: all 0.3s ease 0s;
 	transition: all 0.3s ease 0s;
 }

 .genric-btn:focus {
 	outline: none;
 }

 .genric-btn.e-large {
 	padding: 0 40px;
 	line-height: 50px;
 }

 .genric-btn.large {
 	line-height: 45px;
 }

 .genric-btn.medium {
 	line-height: 30px;
 }

 .genric-btn.small {
 	line-height: 25px;
 }

 .genric-btn.radius {
 	border-radius: 3px;
 }

 .genric-btn.circle {
 	border-radius: 20px;
 }

 .genric-btn.arrow {
 	display: -webkit-inline-box;
 	display: -ms-inline-flexbox;
 	display: inline-flex;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	align-items: center;
 }

 .genric-btn.arrow span {
 	margin-left: 10px;
 }

 .genric-btn.default {
 	color: #222222;
 	background: #f9f9ff;
 	border: 1px solid transparent;
 }

 .genric-btn.default:hover {
 	border: 1px solid #f9f9ff;
 	background: #fff;
 }

 .genric-btn.default-border {
 	border: 1px solid #f9f9ff;
 	background: #fff;
 }

 .genric-btn.default-border:hover {
 	color: #222222;
 	background: #f9f9ff;
 	border: 1px solid transparent;
 }

 .genric-btn.primary {
 	color: #fff;
 	background: #33B6CB;
 	border: 1px solid transparent;
 }

 .genric-btn.primary:hover {
 	color: #33B6CB;
 	border: 1px solid #33B6CB;
 	background: #fff;
 }

 .genric-btn.primary-border {
 	color: #33B6CB;
 	border: 1px solid #33B6CB;
 	background: #fff;
 }

 .genric-btn.primary-border:hover {
 	color: #fff;
 	background: #33B6CB;
 	border: 1px solid transparent;
 }

 .genric-btn.success {
 	color: #fff;
 	background: #4cd3e3;
 	border: 1px solid transparent;
 }

 .genric-btn.success:hover {
 	color: #4cd3e3;
 	border: 1px solid #4cd3e3;
 	background: #fff;
 }

 .genric-btn.success-border {
 	color: #4cd3e3;
 	border: 1px solid #4cd3e3;
 	background: #fff;
 }

 .genric-btn.success-border:hover {
 	color: #fff;
 	background: #4cd3e3;
 	border: 1px solid transparent;
 }

 .genric-btn.info {
 	color: #fff;
 	background: #38a4ff;
 	border: 1px solid transparent;
 }

 .genric-btn.info:hover {
 	color: #38a4ff;
 	border: 1px solid #38a4ff;
 	background: #fff;
 }

 .genric-btn.info-border {
 	color: #38a4ff;
 	border: 1px solid #38a4ff;
 	background: #fff;
 }

 .genric-btn.info-border:hover {
 	color: #fff;
 	background: #38a4ff;
 	border: 1px solid transparent;
 }

 .genric-btn.warning {
 	color: #fff;
 	background: #f4e700;
 	border: 1px solid transparent;
 }

 .genric-btn.warning:hover {
 	color: #f4e700;
 	border: 1px solid #f4e700;
 	background: #fff;
 }

 .genric-btn.warning-border {
 	color: #f4e700;
 	border: 1px solid #f4e700;
 	background: #fff;
 }

 .genric-btn.warning-border:hover {
 	color: #fff;
 	background: #f4e700;
 	border: 1px solid transparent;
 }

 .genric-btn.danger {
 	color: #fff;
 	background: #f44a40;
 	border: 1px solid transparent;
 }

 .genric-btn.danger:hover {
 	color: #f44a40;
 	border: 1px solid #f44a40;
 	background: #fff;
 }

 .genric-btn.danger-border {
 	color: #f44a40;
 	border: 1px solid #f44a40;
 	background: #fff;
 }

 .genric-btn.danger-border:hover {
 	color: #fff;
 	background: #f44a40;
 	border: 1px solid transparent;
 }

 .genric-btn.link {
 	color: #222222;
 	background: #f9f9ff;
 	text-decoration: underline;
 	border: 1px solid transparent;
 }

 .genric-btn.link:hover {
 	color: #222222;
 	border: 1px solid #f9f9ff;
 	background: #fff;
 }

 .genric-btn.link-border {
 	color: #222222;
 	border: 1px solid #f9f9ff;
 	background: #fff;
 	text-decoration: underline;
 }

 .genric-btn.link-border:hover {
 	color: #222222;
 	background: #f9f9ff;
 	border: 1px solid transparent;
 }

 .genric-btn.disable {
 	color: #222222, 0.3;
 	background: #f9f9ff;
 	border: 1px solid transparent;
 	cursor: not-allowed;
 }

 .generic-blockquote {
 	padding: 30px 50px 30px 30px;
 	background: #f9f9ff;
 	border-left: 2px solid #33B6CB;
 }

 .progress-table-wrap {
 	overflow-x: scroll;
 }

 .progress-table {
 	background: #f9f9ff;
 	padding: 15px 0px 30px 0px;
 	min-width: 800px;
 }

 .progress-table .serial {
 	width: 11.83%;
 	padding-left: 30px;
 }

 .progress-table .country {
 	width: 28.07%;
 }

 .progress-table .visit {
 	width: 19.74%;
 }

 .progress-table .percentage {
 	width: 40.36%;
 	padding-right: 50px;
 }

 .progress-table .table-head {
 	display: flex;
 }

 .progress-table .table-head .serial,
 .progress-table .table-head .country,
 .progress-table .table-head .visit,
 .progress-table .table-head .percentage {
 	color: #222222;
 	line-height: 40px;
 	text-transform: uppercase;
 	font-weight: 500;
 }

 .progress-table .table-row {
 	padding: 15px 0;
 	border-top: 1px solid #edf3fd;
 	display: flex;
 }

 .progress-table .table-row .serial,
 .progress-table .table-row .country,
 .progress-table .table-row .visit,
 .progress-table .table-row .percentage {
 	display: flex;
 	align-items: center;
 }

 .progress-table .table-row .country img {
 	margin-right: 15px;
 }

 .progress-table .table-row .percentage .progress {
 	width: 80%;
 	border-radius: 0px;
 	background: transparent;
 }

 .progress-table .table-row .percentage .progress .progress-bar {
 	height: 5px;
 	line-height: 5px;
 }

 .progress-table .table-row .percentage .progress .progress-bar.color-1 {
 	background-color: #6382e6;
 }

 .progress-table .table-row .percentage .progress .progress-bar.color-2 {
 	background-color: #e66686;
 }

 .progress-table .table-row .percentage .progress .progress-bar.color-3 {
 	background-color: #f09359;
 }

 .progress-table .table-row .percentage .progress .progress-bar.color-4 {
 	background-color: #73fbaf;
 }

 .progress-table .table-row .percentage .progress .progress-bar.color-5 {
 	background-color: #73fbaf;
 }

 .progress-table .table-row .percentage .progress .progress-bar.color-6 {
 	background-color: #6382e6;
 }

 .progress-table .table-row .percentage .progress .progress-bar.color-7 {
 	background-color: #a367e7;
 }

 .progress-table .table-row .percentage .progress .progress-bar.color-8 {
 	background-color: #e66686;
 }

 .single-gallery-image {
 	margin-top: 30px;
 	background-repeat: no-repeat !important;
 	background-position: center center !important;
 	background-size: cover !important;
 	height: 200px;
 }

 .list-style {
 	width: 14px;
 	height: 14px;
 }

 .pagination li a {
 	padding: 10px 15px;
 	background: #f0f0f0;
 }

 .pagination li.active a {
 	color: #fff;
 	background: #33B6CB;

 }

 .unordered-list li {
 	position: relative;
 	padding-left: 30px;
 	line-height: 1.82em !important;
 }

 .unordered-list li:before {
 	content: "";
 	position: absolute;
 	width: 14px;
 	height: 14px;
 	border: 3px solid #33B6CB;
 	background: #fff;
 	top: 4px;
 	left: 0;
 	border-radius: 50%;
 }

 .ordered-list {
 	margin-left: 30px;
 }

 .ordered-list li {
 	list-style-type: decimal-leading-zero;
 	color: #33B6CB;
 	font-weight: 500;
 	line-height: 1.82em !important;
 }

 .ordered-list li span {
 	font-weight: 300;
 	color: #777777;
 }

 .ordered-list-alpha li {
 	margin-left: 30px;
 	list-style-type: lower-alpha;
 	color: #33B6CB;
 	font-weight: 500;
 	line-height: 1.82em !important;
 }

 .ordered-list-alpha li span {
 	font-weight: 300;
 	color: #777777;
 }

 .ordered-list-roman li {
 	margin-left: 30px;
 	list-style-type: lower-roman;
 	color: #33B6CB;
 	font-weight: 500;
 	line-height: 1.82em !important;
 }

 .ordered-list-roman li span {
 	font-weight: 300;
 	color: #777777;
 }

 .single-input {
 	display: block;
 	width: 100%;
 	line-height: 40px;
 	border: none;
 	outline: none;
 	background: #f9f9ff;
 	padding: 0 20px;
 }

 .single-input:focus {
 	outline: none;
 }

 .input-group-icon {
 	position: relative;
 }

 .input-group-icon .icon {
 	position: absolute;
 	left: 20px;
 	top: 0;
 	line-height: 40px;
 	z-index: 3;
 }

 .input-group-icon .icon i {
 	color: #797979;
 }

 .input-group-icon .single-input {
 	padding-left: 45px;
 }

 .single-textarea {
 	display: block;
 	width: 100%;
 	line-height: 40px;
 	border: none;
 	outline: none;
 	background: #f9f9ff;
 	padding: 0 20px;
 	height: 100px;
 	resize: none;
 }

 .single-textarea:focus {
 	outline: none;
 }

 .single-input-primary {
 	display: block;
 	width: 100%;
 	line-height: 40px;
 	border: 1px solid transparent;
 	outline: none;
 	background: #f9f9ff;
 	padding: 0 20px;
 }

 .single-input-primary:focus {
 	outline: none;
 	border: 1px solid #33B6CB;
 }

 .single-input-accent {
 	display: block;
 	width: 100%;
 	line-height: 40px;
 	border: 1px solid transparent;
 	outline: none;
 	background: #f9f9ff;
 	padding: 0 20px;
 }

 .single-input-accent:focus {
 	outline: none;
 	border: 1px solid #eb6b55;
 }

 .single-input-secondary {
 	display: block;
 	width: 100%;
 	line-height: 40px;
 	border: 1px solid transparent;
 	outline: none;
 	background: #f9f9ff;
 	padding: 0 20px;
 }

 .single-input-secondary:focus {
 	outline: none;
 	border: 1px solid #f09359;
 }

 .default-switch {
 	width: 35px;
 	height: 17px;
 	border-radius: 8.5px;
 	background: #f9f9ff;
 	position: relative;
 	cursor: pointer;
 }

 .default-switch input {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	opacity: 0;
 	cursor: pointer;
 }

 .default-switch input+label {
 	position: absolute;
 	top: 1px;
 	left: 1px;
 	width: 15px;
 	height: 15px;
 	border-radius: 50%;
 	background: #33B6CB;
 	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
 	-o-transition: all 0.2s;
 	transition: all 0.2s;
 	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
 	cursor: pointer;
 }

 .default-switch input:checked+label {
 	left: 19px;
 }

 .primary-switch {
 	width: 35px;
 	height: 17px;
 	border-radius: 8.5px;
 	background: #f9f9ff;
 	position: relative;
 	cursor: pointer;
 }

 .primary-switch input {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	opacity: 0;
 }

 .primary-switch input+label {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 }

 .primary-switch input+label:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	background: transparent;
 	border-radius: 8.5px;
 	cursor: pointer;
 	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
 	-o-transition: all 0.2s;
 	transition: all 0.2s;
 }

 .primary-switch input+label:after {
 	content: "";
 	position: absolute;
 	top: 1px;
 	left: 1px;
 	width: 15px;
 	height: 15px;
 	border-radius: 50%;
 	background: #fff;
 	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
 	-o-transition: all 0.2s;
 	transition: all 0.2s;
 	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
 	cursor: pointer;
 }

 .primary-switch input:checked+label:after {
 	left: 19px;
 }

 .primary-switch input:checked+label:before {
 	background: #33B6CB;
 }

 .confirm-switch {
 	width: 35px;
 	height: 17px;
 	border-radius: 8.5px;
 	background: #f9f9ff;
 	position: relative;
 	cursor: pointer;
 }

 .confirm-switch input {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	opacity: 0;
 }

 .confirm-switch input+label {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 }

 .confirm-switch input+label:before {
 	content: "";
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	background: transparent;
 	border-radius: 8.5px;
 	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
 	-o-transition: all 0.2s;
 	transition: all 0.2s;
 	cursor: pointer;
 }

 .confirm-switch input+label:after {
 	content: "";
 	position: absolute;
 	top: 1px;
 	left: 1px;
 	width: 15px;
 	height: 15px;
 	border-radius: 50%;
 	background: #fff;
 	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
 	-o-transition: all 0.2s;
 	transition: all 0.2s;
 	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
 	cursor: pointer;
 }

 .confirm-switch input:checked+label:after {
 	left: 19px;
 }

 .confirm-switch input:checked+label:before {
 	background: #4cd3e3;
 }

 .primary-checkbox {
 	width: 16px;
 	height: 16px;
 	border-radius: 3px;
 	background: #f9f9ff;
 	position: relative;
 	cursor: pointer;
 }

 .primary-checkbox input {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	opacity: 0;
 }

 .primary-checkbox input+label {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	border-radius: 3px;
 	cursor: pointer;
 	border: 1px solid #f1f1f1;
 }

 .primary-checkbox input:checked+label {
 	background: url(../img/elements/primary-check.png) no-repeat center center/cover;
 	border: none;
 }

 .confirm-checkbox {
 	width: 16px;
 	height: 16px;
 	border-radius: 3px;
 	background: #f9f9ff;
 	position: relative;
 	cursor: pointer;
 }

 .confirm-checkbox input {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	opacity: 0;
 }

 .confirm-checkbox input+label {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	border-radius: 3px;
 	cursor: pointer;
 	border: 1px solid #f1f1f1;
 }

 .confirm-checkbox input:checked+label {
 	background: url(../img/elements/success-check.png) no-repeat center center/cover;
 	border: none;
 }

 .disabled-checkbox {
 	width: 16px;
 	height: 16px;
 	border-radius: 3px;
 	background: #f9f9ff;
 	position: relative;
 	cursor: pointer;
 }

 .disabled-checkbox input {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	opacity: 0;
 }

 .disabled-checkbox input+label {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	border-radius: 3px;
 	cursor: pointer;
 	border: 1px solid #f1f1f1;
 }

 .disabled-checkbox input:disabled {
 	cursor: not-allowed;
 	z-index: 3;
 }

 .disabled-checkbox input:checked+label {
 	background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
 	border: none;
 }

 .primary-radio {
 	width: 16px;
 	height: 16px;
 	border-radius: 8px;
 	background: #f9f9ff;
 	position: relative;
 	cursor: pointer;
 }

 .primary-radio input {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	opacity: 0;
 }

 .primary-radio input+label {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	border-radius: 8px;
 	cursor: pointer;
 	border: 1px solid #f1f1f1;
 }

 .primary-radio input:checked+label {
 	background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
 	border: none;
 }

 .confirm-radio {
 	width: 16px;
 	height: 16px;
 	border-radius: 8px;
 	background: #f9f9ff;
 	position: relative;
 	cursor: pointer;
 }

 .confirm-radio input {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	opacity: 0;
 }

 .confirm-radio input+label {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	border-radius: 8px;
 	cursor: pointer;
 	border: 1px solid #f1f1f1;
 }

 .confirm-radio input:checked+label {
 	background: url(../img/elements/success-radio.png) no-repeat center center/cover;
 	border: none;
 }

 .disabled-radio {
 	width: 16px;
 	height: 16px;
 	border-radius: 8px;
 	background: #f9f9ff;
 	position: relative;
 	cursor: pointer;
 }

 .disabled-radio input {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	opacity: 0;
 }

 .disabled-radio input+label {
 	position: absolute;
 	left: 0;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	width: 100%;
 	height: 100%;
 	border-radius: 8px;
 	cursor: pointer;
 	border: 1px solid #f1f1f1;
 }

 .disabled-radio input:disabled {
 	cursor: not-allowed;
 	z-index: 3;
 }

 .disabled-radio input:checked+label {
 	background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
 	border: none;
 }

 .default-select {
 	height: 40px;
 }

 .default-select .nice-select {
 	border: none;
 	border-radius: 0px;
 	height: 47px;
 	padding-left: 20px;
 	padding-right: 40px;
 }

 .default-select .nice-select .list {
 	margin-top: 0;
 	border: none;
 	border-radius: 0px;
 	box-shadow: none;
 	width: 100%;
 	padding: 10px 0 10px 0px;
 }

 .default-select .nice-select .list .option {
 	font-weight: 300;
 	-webkit-transition: all 0.3s ease 0s;
 	-moz-transition: all 0.3s ease 0s;
 	-o-transition: all 0.3s ease 0s;
 	transition: all 0.3s ease 0s;
 	line-height: 28px;
 	min-height: 28px;
 	font-size: 14px;
 	padding-left: 20px;
 }

 .default-select .nice-select .list .option.selected {
 	color: #33B6CB;
 	background: transparent;
 }

 .default-select .nice-select .list .option:hover {
 	color: #33B6CB;
 	background: transparent;
 }

 .default-select .current {
 	margin-right: 50px;
 	font-weight: 300;
 }

 .default-select .nice-select::after {
 	right: 20px;
 }

 .form-select {
 	height: 40px;
 	width: 100%;
 }

 .form-select .nice-select {
 	border: none;
 	border-radius: 0px;
 	height: 40px;
 	background: #f9f9ff;
 	padding-left: 45px;
 	padding-right: 40px;
 	width: 100%;
 }

 .form-select .nice-select .list {
 	margin-top: 0;
 	border: none;
 	border-radius: 0px;
 	box-shadow: none;
 	width: 100%;
 	padding: 10px 0 10px 0px;
 }

 .form-select .nice-select .list .option {
 	font-weight: 300;
 	-webkit-transition: all 0.3s ease 0s;
 	-moz-transition: all 0.3s ease 0s;
 	-o-transition: all 0.3s ease 0s;
 	transition: all 0.3s ease 0s;
 	line-height: 28px;
 	min-height: 28px;
 	font-size: 12px;
 	padding-left: 45px;
 }

 .form-select .nice-select .list .option.selected {
 	color: #33B6CB;
 	background: transparent;
 }

 .form-select .nice-select .list .option:hover {
 	color: #33B6CB;
 	background: transparent;
 }

 .form-select .current {
 	margin-right: 50px;
 	font-weight: 300;
 }

 .form-select .nice-select::after {
 	right: 20px;
 }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
	padding: 14px 0;
	position: fixed;
 color: white;
 left: 0;
 top: 0;
 right: 0;
 transition: all 0.5s;
 z-index: 997;
 /* background: #33B6CB; */
}

#header.header-scrolled {
	background: #ffffff;
	color:#000;
	transition: all 0.5s;
}

#nav-menu-container a {
    color: white;
    
}

#nav-menu-container.nav-scrolled a {
    color:#000;
    transition: all 0.5s;
    text-shadow: 0px;
}

#menu-pelamar.pelamar-scrolled {
    color:#fff;
    transition: all 0.5s;
}


@media (max-width: 673px) {
	#logo {
		margin-left: 20px;
	}
}

#header #logo h1 {
	font-size: 34px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 3px;
}

#header #logo h1 a,
#header #logo h1 a:hover {
	color: #fff;
	padding-left: 10px;
	border-left: 4px solid #33B6CB;
}

#header #logo img {
	padding: 0;
	margin: 0;
	width: 100px;
}

@media (max-width: 768px) {
	#header #logo h1 {
		font-size: 28px;
	}

	#header #logo img {
		max-height: 45px;
	}
}

.ticker-btn {
	background: transparent;
	color: #33B6CB !important;
	padding: 6px 20px !important;
	text-transform: uppercase;
	border: 1px solid #33B6CB;
}

.ticker-btn:hover {
	background: #33B6CB;
	color: #fff !important;
}

.ticker-btn-nav {
	background: transparent;
	color: #33B6CB !important;
	padding: 6px 20px !important;
	text-transform: uppercase;
}

.nav_btn {
	background: #33B6CB;
	color: #fff !important;
	padding: 6px 20px !important;
	text-transform: uppercase;
	border: 1px solid #33B6CB;
}

.nav_btn:hover {
	background: #0b95ac;
	color: #fff !important;
	border: 1px solid #0b95ac;
}

body.mobile-nav-active #mobile-nav .btn_login {
	margin-left: 0px !important;
}

@media (max-width: 960px) {
	.img-profile {
		width: 50%;
		margin-left: 100px;
	}

	.profile-name h1 {
		text-align: center;
		font-size: 28px;
		padding-bottom: 10px;
	}
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu,
.nav-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}

.nav-menu li {
	position: relative;
	white-space: nowrap;
}

.nav-menu>li {
	float: left;
}

.sf-with-ul img {
	display: none;
	border-radius: 25px;
	margin-right: 5px;
}

.btn_login {}

.nav-menu li:hover>ul,
.nav-menu li.sfHover>ul {
	display: block;
}

.nav-menu ul ul {
	top: 0;
	left: 100%;
}

.nav-menu ul li {
	display: block !important;
	min-width: 180px;
	text-align: left;
}

.menu-has-children ul li a {
	padding: 4px 10px !important;
	text-transform: uppercase !important;
	color: black !important;
}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
	padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
	content: "\f107";
	position: absolute;
	right: 15px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
	content: "\f105";
}

.clr-gray {
	background: #fff !important;
}

.margin_top {
	margin-top: -62px;
	box-shadow: 0px 0px 40px 0px rgba(132, 144, 255, 0.2);
	padding-left: 0px !important;
	padding-right: 0px !important;
}



/* Nav Menu Container */
/* #nav-menu-container {
  float: right;
}

  #nav-menu-container ul li a {
    color: #1212122a;
  }

  #nav-menu-container ul li a:hover {
    color: #121212;
    } */

    @media (min-width: 1024px) {
    	#nav-menu-container {}
    }

    @media (max-width: 960px) {
    	#nav-menu-container {
    		display: none;
    	}
    }

    /* Nav Meu Styling */
    .nav-menu a {
    	padding: 12px 12px;
    	text-decoration: none;
    	display: inline-block;
    	color: #000;
    	font-weight: 400;
    	font-size: 14px;
    	text-transform: uppercase;
    	outline: none;
    }

/* .nav-menu a:hover {
  color: red;
  } */

  .nav-menu>li {
  	margin-left: 10px;
  }

  .nav-menu ul {
  	margin: 14px 0 0 0;
  	padding: 10px;
  	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  	background: #fff;
  }

  .nav-menu ul li {
  	transition: 0.3s;
  }

  .nav-menu ul li a {
  	padding: 10px;
  	color: #9c9595;
  	transition: 0.3s;
  	display: block;
  	font-size: 13px;
  	text-transform: none;
  }

  .nav-menu ul li:hover>a {
  	color: #33B6CB;
  }

  .nav-menu ul ul {
  	margin: 0;
  }

  /* Mobile Nav Toggle */
  #mobile-nav-toggle {
  	position: fixed;
  	right: 15px;
  	z-index: 999;
  	top: 16px;
  	border: 0;
  	background: none;
  	font-size: 24px;
  	display: none;
  	transition: all 0.4s;
  	outline: none;
  	cursor: pointer;
  }

  #mobile-nav-toggle i {
  	color: white;
    text-shadow: 1px 1px 0 #000, 1px 1px 0 #000;
    font-weight: 900;
}

@media (max-width: 960px) {
 #mobile-nav-toggle {
    display: inline;
}

#nav-menu-container {
    display: none;
}
}

/* Mobile Nav Styling */
#mobile-nav {
 position: fixed;
 top: 0;
 padding-top: 18px;
 bottom: 0;
 z-index: 998;
 background: rgba(255, 255, 255, 0.8);
 left: -260px;
 width: 260px;
 overflow-y: auto;
 transition: 0.4s;
}

#mobile-nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

#mobile-nav ul li {
 position: relative;
}

#mobile-nav ul li a {
 color: black;
 font-size: 13px;
 text-transform: uppercase;
 overflow: hidden;
 padding: 10px 22px 10px 15px;
 position: relative;
 text-decoration: none;
 width: 100%;
 display: block;
 outline: none;
 font-weight: 700;
}

#mobile-nav ul li a:hover {
 color: #33B6CB;
}

#mobile-nav ul li li {
 padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
 position: absolute;
 right: 0;
 z-index: 99;
 padding: 15px;
 cursor: pointer;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
 color: #33B6CB;
}

#mobile-nav ul .menu-has-children li a {
 text-transform: capitalize;
}

#mobile-nav ul .menu-item-active {
 color: #33B6CB;
}

#mobile-body-overly {
 width: 100%;
 height: 100%;
 z-index: 997;
 top: 0;
 left: 0;
 position: fixed;
 background: rgba(0, 0, 0, 0.7);
 display: none;
}

/* Mobile Nav body classes */
body.mobile-nav-active {
 overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
 left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
 color: #fff;
}

.section-gap {
 padding: 120px 0;
}

.section-title {
 padding-bottom: 30px;
}

.section-title h2 {
 margin-bottom: 20px;
}

.section-title p {
 font-size: 16px;
 margin-bottom: 0;
}

@media (max-width: 991.98px) {
 .section-title p br {
    display: none;
}
}

/*--------------------------------------------------------------
# Banner & SideBar CSS 
--------------------------------------------------------------*/

.p1-gradient-bg,
.banner-area .overlay-bg,
.sidebar .single-slidebar .cat-list li:hover,
.single-price:hover .price-bottom,
.single-service:hover,
.submit-right,
.submit-left,
.contact-btns,
.form-area .primary-btn {
	background-image: -moz-linear-gradient(0deg, #000000c2 0%, #080808b0 100%);
	background-image: -webkit-linear-gradient(0deg, #000000c2 0%, #080808b0 100%);
	background-image: -ms-linear-gradient(0deg, #000000c2 0%, #080808b0 100%);
}

.p1-gradient-color,
.feat-txt h1 {
	background: -moz-linear-gradient(0deg, #000000c2 0%, #080808b0 100%);
	background: -webkit-linear-gradient(0deg, #000000c2 0%, #080808b0 100%);
	background: -ms-linear-gradient(0deg, #000000c2 0%, #080808b0 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff;
}

.primary-btn {
	background-color: #33B6CB;
	line-height: 42px;
	padding-left: 30px;
	padding-right: 60px;
	border-radius: 25px;
	border: none;
	color: #fff;
	display: inline-block;
	font-weight: 500;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
}

.primary-btn:focus {
	outline: none;
}



.primary-btn span {
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-60%);
	right: 30px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.primary-btn:hover {
	color: #fff;
}

.primary-btn:hover span {
	color: #fff;
	right: 20px;
}

.primary-btn.white {
	border: 1px solid #fff;
	color: #fff;
}

.primary-btn.white span {
	color: #fff;
}

.primary-btn.white:hover {
	background: #fff;
	color: #33B6CB;
}

.primary-btn.white:hover span {
	color: #33B6CB;
}

.overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.banner-area1 {
	background: url(../img/banners/landing-min.jpg) center;
	height: 100%;
	background-size: cover;
}


.banner-area-disnaker {
    background: url(https://images.trvl-media.com/place/2818/ee1436c7-2063-4b55-91d4-d7af45f19315.jpg) center;
    height: 100%;
    background-size: cover;
	background-attachment: fixed;
}

.banner-area {
	background: url(../img/banners/sinaga.jpg) center;
	height: 100%;
	background-size: cover;
}

.parallax {
	/* The image used */
	background: url(../img/banners/sinaga.jpg) center;

	/* Set a specific height */
	height: 100%;
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner-area-us {
	background: url(../img/batik.png);
  /* =================================== 
  height: 100%;
  background-size: cover;
  */
}

@media screen and (max-width: 576px) {

	.banner-area,
	.banner-area-us {
		background: url(../img/batik.png) center;
		height: 100%;
		background-size: cover;
	}

	.hide-under-992px {
		display: none;
	}

	.intro-stats li {
		display: none;
	}

	.banner-content .text-white {
		font-size: 25px !important;
	}

	.perusahaan {
		left: 0px;
	}

}

@media screen and (max-width: 360px) {
	.banner-content .text-white {
		font-size: 10px;
	}
	.about-content .text-white {
		font-size: 40px;
	}
}


.banner-area-2 {
	background: url(../img/banners/sinaga.jpg) center;
	background-size: cover;
}

#home4.banner-area {
	background: url(../img/banners/sinaga.jpg) center;
	background-size: cover;
}

#home5.banner-area {
	background: url(../img/banners/sinaga.jpg) center;
	background-size: cover;
}

.banner-area .overlay-bg {
	opacity: .65;
}

.banner-area-2 .overlay-bg {
	opacity: .85;
}

.banner-content {
	text-align: center;
	padding-top: 100px;
}

.banner-disnaker {
    padding-top: 100px;
}

.banner-content h1, .banner-disnaker h1{
	font-size: 48px;
	font-weight: 300;
	line-height: 1em;
	margin-top: 20px;
}

.banner-content h1 span, .banner-disnaker h1 span{
	color: #33B6CB;
}

@media (max-width: 991.98px) {
	.banner-content h1{
		font-size: 36px;
	}

    .banner-disnaker h1{
        font-size:22px!important;
    }
}

@media (max-width: 991.98px) {
	.banner-content h1 br {
		display: none;
	}
}


@media (max-width: 414px) {
	.banner-content h1 {
		font-size: 32px;
	}

    .banner-disnaker h1{
        font-size:22px!important;
    }
}

.banner-content p span {
	color: #33B6CB;
}

@media (max-width: 1280px) {
	.banner-content br {
		display: none;
	}
}

.banner-content .form-wrap , .banner-disnaker .form-wrap {
	background-color: #6562628c;
	padding: 20px 20px;
	margin: 40px 0;
}

.banner-disnaker .banner-sinaga{
  background: url(../img/batik.png);

  margin-bottom: 30px;
  border-radius: 3px;
  margin: 40px 0;
  box-shadow: 0px 0px 40px 0px rgba(99, 99, 99, 0.2);
}

.body-sinaga{
 border-bottom: 1px solid rgba(255,255,255,.1);
}

.banner-content .form-wrap .nice-select {
	width: 100%;
}

.banner-content .form-wrap .form-control {
	height: 47px;
	border-radius: 0;
	font-size: 14px;
}

.form-wrap .btn-info {
	background-color: #33B6CB;
	width: 100%;
	height: 100%;
	color: #fff;
	border-radius: 0;
	border: none;
	text-transform: uppercase;
}

.form-wrap .btn-info {
	font-size: 14px;
	line-height: 33px;
}

@media (max-width: 960px) {
	.banner-content .form-cols {
		margin-bottom: 30px;
	}

	.banner-content .form-cols:last-child {
		margin-bottom: 0;
	}
}

.primary-btn {
	background: #fff;
	border: 1px solid transparent;
	color: #222;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 0px;
}

.primary-btn:hover {
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
}

/*--------------------------------------------------------------
# Company CSS
--------------------------------------------------------------*/

.company-item-list {
	border-radius: 10px;
	background-color: #ffffff;
	padding: 30px 20px;
	margin-bottom: 30px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
	transition: .3s;
}




.company-item-list .title {
	margin-top: 10px;
}

.company-item-list img {
	max-height: 100px;
}

/*--------------------------------------------------------------
# Popular post CSS
--------------------------------------------------------------*/


.popular-post-area .owl-dots {
	text-align: center;
	bottom: 5px;
	margin-top: 20px;
	width: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.popular-post-area .owl-dot {
	height: 10px;
	width: 10px;
	display: inline-block;
	background: rgba(127, 127, 127, 0.5);
	margin-left: 5px;
	margin-right: 5px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.popular-post-area .owl-dot.active {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #33B6CB;
}

@media (max-width: 960px) {
	.post-list {
		margin-bottom: 50px;
	}

 .layanan-kami{
    font-size:15px;
}

.post-area{
    padding: 290px 0!important;
}
}

@media (max-width: 740px) {
    .post-area{
        padding: 290px 0!important;
    }

    .layanan-kami{
        font-size:15px;
    }
}


@media only screen and (max-width: 360px) {
    .post-area{
        padding: 375px 0!important;
    }
    .layanan-kami{
        font-size:15px;
    }
}


.single-popular-post {
	background-color: #222;
	padding: 20px;
}

.single-popular-post .details {
	margin-left: 40px;
}

.single-popular-post .details p {
	margin-bottom: 0;
}

.single-popular-post h4 {
	color: #fff;
}

.single-popular-post h6 {
	padding: 10px 0;
	color: #33B6CB;
}

.single-popular-post .thumb {
	display: inline-block;
}

.single-popular-post .thumb img {
	margin-top: 10px;
	margin-left: 5px;
}

.single-popular-post .btns {
	background-color: transparent;
	color: #33B6CB;
	font-size: 12px;
	position: absolute;
	bottom: 22px;
	font-weight: 400;
	padding: 6px;
	border: 1px solid #33B6CB;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-popular-post .btns:hover {
	background-color: #33B6CB;
	color: #fff;
}

/*--------------------------------------------------------------
# Feature CSS
--------------------------------------------------------------*/

.features-area {
	margin-top: -65px;
}

.single-feature {
	border-radius: 4px;
	text-align: center;
	background-color: white;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.45);
	padding: 25px 0;
}

.single-feature p {
	margin-bottom: 0;
}

.single-feature h4 {
	padding-bottom: 15px;
	color: #33B6CB;
}

@media (max-width: 960px) {
	.single-feature {
		margin-bottom: 30px;
	}
}

.single-fcat {
	text-align: center;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 0px 0px 40px 0px rgba(132, 144, 255, 0.2);
	padding: 20px 0;
	border: 1px solid transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-fcat p {
	margin-top: 15px;
	margin-bottom: 0;
	color: #222;
}

.single-fcat:hover {
	border: 1px solid #33B6CB;
}

@media (max-width: 960px) {
	.single-fcat {
		margin-bottom: 30px;
	}

	.job-listing-btns {
		width: 100px;
	}
}

/*--------------------------------------------------------------
# Post List Or Job List CSS
--------------------------------------------------------------*/
.post-list .single-post .details {
	width: 62%;
}

.job-listing-btns {
	width: 24% !important;
	text-align: right;
}

.post-list .cat-list {
	text-align: right;
	margin-bottom: 20px;
}

.post-list .cat-list li {

	text-align: center;
	margin-right: 10px;
	width: 100px;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #eee;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding: 5px 10px;
}

.post-list .cat-list li a {
	text-transform: uppercase;
	font-weight: 600;
	color: #222;
}

.post-list .cat-list li:hover {
	background-color: #33B6CB;
}

.post-list .cat-list li:hover a {
	color: #fff;
}

@media (max-width: 414px) {
	.post-list .cat-list {
		text-align: left;
	}

	.post-list .cat-list li {
		margin-bottom: 10px;
		font-size: 11px;
	}
}

.post-list .single-post {
	padding: 30px;
	background-color: #ffffff;
	margin-bottom: 30px;
	border-radius: 10px;
}

.post-list .single-post-home {
	padding: 30px;
	background-color: #ffffff;
	margin-bottom: 30px;
	border-radius: 10px;
}

.post-list .single-post-home .pekerjaan:hover {
	background: #fff !important;
	border-color: #33B6CB;
	color: #33B6CB;
}

.lamar:hover {
	background: #fff !important;
	border-color: #33B6CB;
	color: #33B6CB;
}

.post-list .single-post h6,
.post-list .single-post-home h6 {
	margin-top: 10px;
	color: #222;
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 15px;
}

@media (max-width: 414px) {
	.post-list .single-post h6 {
		font-size: 12px;
	}
}

.post-list .single-post h5 {
	color: #222;
	font-weight: 300;
	margin-bottom: 15px;
}

.post-list .single-post .address {
	color: #222;
	margin-bottom: 15px;
}

.post-list .single-post .address strong {
	font-weight: bold;
	width: 27%;
	display: inline-block;
}

.post-list .single-post .btns li,
.post-list .single-post-home .btns li {
	display: inline-block;
	background-color: #f0f0f0;
	border: 1px solid #eee;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.post-list .single-post .btns li i,
.post-list .single-post .btns li a,
.post-list .single-post-home .btns li i,
.post-list .single-post-home .btns li a {
	text-transform: uppercase;
	font-weight: 500;
	color: #222;
}

.post-list .single-post .btns li a,
.post-list .single-post-home .btns li a {
	text-transform: uppercase;
	font-weight: 500;
	color: #222;
	padding: 15px 20px;
	background: #6ba5a6;
}

.post-list .single-post .btns li:hover a,
.post-list .single-post-home .btns li:hover a {
	background-color: #33B6CB;
	transition: all 0.3s ease-in 0s;
}

.post-list .single-post .btns li:hover a,
.post-list .single-post .btns li:hover i,
.post-list .single-post-home .btns li:hover a,
.post-list .single-post-home .btns li:hover i {
	color: #fff;
}

@media (max-width: 414px) {
	.post-list .single-post .btns li {
		margin-bottom: 5px;
	}
}

.intro-stats {
	text-align: center;
	font-style: font-family: 'Source Sans Pro', sans-serif;
	list-style: none;
	font-weight: bold;
	color: #ffff;
	font-size: 20px;
	padding: 0;
	margin: 0;
	display: flex;
}


.intro-stats-sinaga {
    text-align: center;
    font-style: font-family: 'Source Sans Pro', sans-serif;
    list-style: none;
    font-weight: bold;

    font-size: 20px;
    padding: 0;
    
    color: #6d6d6d;
    
}


.intro-stats li {
	flex: auto;
	flex-grow: 0;
	margin-right: 35px;
	padding-right: 35px;
	border-right: 1px solid #f4f4f4;
}

.post-list .single-post .tags {
	margin-top: 30px;
}

.post-list .single-post .tags li {
	margin-bottom: 5px;
	display: inline-block;
	background: #fff;
	border: 1px solid #eee;
	padding: 6px 15px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.post-list .single-post .tags li a {
	color: #777777;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.post-list .single-post .tags li:hover {
	background-color: #33B6CB;
}

.post-list .single-post .tags li:hover a {
	color: #fff;
}

@media (max-width: 736px) {
	.post-list .btns a {
		font-size: 11px;
	}
}

@media (max-width: 414px) {
	.post-list .single-post.flex-row {
		flex-direction: column !important;
		display: inline-block !important;
	}

	.post-list .title.flex-row {
		flex-direction: column !important;
		display: inline-block !important;
	}

	.post-list .single-post .details {
		width: 100%;
	}

	.post-list .details {
		margin-top: 30px;
	}

	.job-listing-btns {
		margin-top: 10px;
	}
}

.post-list .loadmore-btn {
	text-align: center;
	background-color: transparent;
	color: #33B6CB;
	border: 1px solid;
	padding: 8px 15px;
	margin-top: 60px;
	max-width: 200px;
	font-weight: 600;
}

.post-list-sinaga .loadmore-btn {
    text-align: center;
    background-color: transparent;
    color: #33B6CB;
    border: 1px solid;
    padding: 8px 15px;
    margin-top:20px;
    border-radius:4px;
    max-width: 200px;
    font-weight: 600;
}

.post-list .loadmore-btn:hover {
	transition: all 0.3s ease 0s;
	background: #ffffff !important;
	color: #33b6cb !important;
}

.post-list-sinaga .loadmore-btn:hover {
    transition: all 0.3s ease 0s;
    background: #ffffff !important;
    color: #33b6cb !important;
}
.thumb {
	padding-right: 20px;
}

.job-listing-footer {
	background-color: transparent;
	padding: 0;
	margin-top: 10px;
}

.job-listing-footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.job-listing-footer ul li {
	display: inline-block;
	margin-right: 14px;
	color: #777;
}




/* =================================== */
/*  Sidebar CSS
/* =================================== */

.sidebar.search .btn-search {}

.sidebar .owl-carousel .owl-item img {
	width: auto !important;
}

.sidebar .owl-dots {
	text-align: center;
	bottom: 5px;
	margin-top: 20px;
	width: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.sidebar .owl-dot {
	height: 10px;
	width: 10px;
	display: inline-block;
	background: rgba(127, 127, 127, 0.5);
	margin-left: 5px;
	margin-right: 5px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.sidebar .owl-dot.active {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #33B6CB;
}

.sidebar .single-slidebar {
	background-color: #ffffff;
	padding: 30px 20px;
	margin-bottom: 30px;
	border-radius: 10px;
	box-shadow: 0px 0px 40px 0px rgba(99, 99, 99, 0.2);

}

.sidebar .single-slidebar h4 {
	margin-bottom: 20px;
}

.sidebar .single-slidebar .cat-list ul {
	padding-left: 0px !important;
}

.sidebar .single-slidebar .cat-list li {
	display: block !important;
	padding: 0px 10px;
	padding-left: 0px !important;
	margin-bottom: 10px;
	background-color: #f6f6f6;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.sidebar .single-slidebar input[type="checkbox"] {
	margin-right: 5px;
}

.sidebar .single-slidebar .cat-list li:hover p {
	color: #fff;
}

.sidebar .single-slidebar .cat-list p {
	margin-bottom: 0;
}

.sidebar .single-slidebar .cat-list p {
	color: #777;
	padding: 10px;
}

.sidebar .single-slidebar .cat-list span {
	color: #33b6cb;
	padding: 10px;
}

.sidebar .single-slidebar .cat-pekerjaan span {
	color: #33b6cb;

}


.sidebar .single-rated img {
	margin-bottom: 20px;
}

.sidebar .single-rated h4 {
	margin-bottom: 8px;
}

.sidebar .single-rated h6 {
	font-weight: 300;
	margin-bottom: 10px;
}

.sidebar .single-rated h5 {
	font-weight: 300;
	margin-bottom: 5px;
}

.sidebar .single-rated .address {
	color: #222;
	margin-bottom: 8px;
}

.sidebar .single-rated .btns {
	background-color: #33B6CB;
	color: #fff;
	border: 1px solid transparent;
	display: inline-block;
	margin-top: 10px;
	padding: 10px 25px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.sidebar .single-rated .btns:hover {
	background-color: transparent;
	border-color: #33B6CB;
	color: #33B6CB;
}

.sidebar .single-blog {
	background-size: cover !important;
	padding: 0px 20px;
	margin-bottom: 30px;
}

.sidebar .single-blog:last-child {
	margin-bottom: 0px;
}

.sidebar .single-blog h4 {
	color: #fff;
	padding-top: 20px;
}

.sidebar .single-blog .meta p {
	color: #fff;
}

/*--------------------------------------------------------------
# Call to Action CSS
--------------------------------------------------------------*/

.callto-action-area .primary-btn {
	margin: 10px;
	text-transform: capitalize;
	border-radius: 0;
	background-color: transparent;
	color: #33B6CB;
	border: 1px solid;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.callto-action-area .primary-btn:hover {
	background-color: #33B6CB;
	color: #fff;
	border-color: transparent;
}

.callto-action-area .overlay-bg {
	background: rgba(4, 9, 30, 0.6);
}

/*--------------------------------------------------------------
# Price page CSS
--------------------------------------------------------------*/

.single-price {
	text-align: center;
	border: 1px solid #eeeeee;
}

.single-price .price-top {
	background-color: #fbfcff;
	border-bottom: 1px solid #eeeeee;
	padding: 30px 0px;
}

.single-price .price-top h4 {
	font-weight: 600;
}

.single-price .price-bottom {
	background-color: #f9f9ff;
	margin: 0 45px 45px 45px;
	padding: 35px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-price .price-bottom h1 {
	font-size: 60px;
	font-weight: 300;
}

.single-price .price-bottom .price {
	font-size: 25px;
	margin-top: 10px;
	color: #222;
}

.single-price .price-bottom .time {
	font-size: 12px;
	text-align: left;
	margin-top: 15px;
	margin-left: 10px;
}

.single-price .price-bottom .primary-btn {
	border-radius: 0;
	margin-top: 20px;
	background: #33B6CB;
	color: #fff;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-price .price-bottom .primary-btn:hover {
	border: 1px solid transparent;
}

@media (max-width: 1280px) {
	.single-price .price-bottom {
		margin: 0;
	}
}

@media (max-width: 1024px) {
	.single-price .price-bottom .primary-btn {
		padding-left: 22px;
		padding-right: 22px;
	}
}

.single-price p {
	padding: 30px 0px;
}

.single-price .lists {
	padding: 40px 0 20px 0;
}

.single-price .lists li {
	margin-bottom: 15px;
}

.single-price:hover {
	cursor: pointer;
}

.single-price:hover .price-bottom h1,
.single-price:hover .price-bottom .price,
.single-price:hover .price-bottom .time {
	color: #fff;
}

@media (max-width: 960px) {
	.single-price {
		margin-bottom: 50px;
	}
}

/*--------------------------------------------------------------
# Download Area CSS
--------------------------------------------------------------*/

.download-area {
	background-color: #f9f9ff;
}

@media (max-width: 960px) {
	.download-left {
		margin-bottom: 50px;
	}
}

.download-right {
	padding-left: 65px;
}

.download-right .subs {
	padding: 20px 0;
}

@media (max-width: 1024px) {
	.download-right .flex-row {
		flex-direction: column !important;
		display: inline-block !important;
	}
}

@media (max-width: 960px) {
	.download-right {
		padding-left: 15px;
	}
}

.buttons {
	background: #fff;
	display: flex;
	padding: 20px 30px 0px 30px;
	margin-right: 20px;
	border: 1px solid #eee;
	box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background-color: #fff;
	color: #222;
}

.buttons i {
	font-size: 40px;
	padding-right: 20px;
	color: #33B6CB;
}

.perbarui-profil {
	border-radius: 5px;
}

.perbarui-profil:hover {
	background-color: transparent;
	color: #33B6CB;
	border-color: #33B6CB;
}

.buttons:hover {
	cursor: pointer;
	box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
	background: #33B6CB;
	color: #fff;
}

.buttons:hover i,
.buttons:hover a {
	color: #fff !important;
}

.buttons a {
	color: #222;
}

.buttons p span {
	font-size: 24px;
	font-weight: 600;
}

@media (max-width: 1024px) {
	.buttons {
		margin-bottom: 30px;
	}
}

/* =================================== */
/*  Testimoials CSS
/* =================================== */

.testimonial-area .owl-carousel .owl-item img {
	width: auto !important;
}

.testimonial-area .owl-dots {
	text-align: center;
	bottom: 5px;
	margin-top: 20px;
	width: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.testimonial-area .owl-dot {
	height: 10px;
	width: 10px;
	display: inline-block;
	background: rgba(127, 127, 127, 0.5);
	margin-left: 5px;
	margin-right: 5px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.testimonial-area .owl-dot.active {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #33B6CB;
}

.single-review .title {
	margin: 20px 0;
}

.single-review .star {
	margin-left: 20px;
}

.single-review .star .checked {
	color: orange;
}

@media (max-width: 588px) {
	.single-review {
		padding: 15px;
	}
}

/*
################
               Start testimonials style
################
*/

.testimonial {
	text-align: center;
}

.testimonial .pic {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 15px;
}

.testimonial .pic img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.testimonial .testimonial-title {
	display: inline-block;
	font-size: 22px;
	font-weight: 600;
	color: #33b6cb;
	margin: 0 0 70px 0;
}

.testimonial .testimonial-title small {
	font-size: 15px;
	font-weight: 600;
	color: #787878;
}

.testimonial .description {
	font-size: 14px;
	color: #787878;
	line-height: 27px;
	position: relative;
	margin: 0;
}

.testimonial .description:before {
	content: "\f10d";
	font-family: "FontAwesome";
	font-weight: 900;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	position: absolute;
	top: -50px;
	left: 48%;
	font-size: 20px;
	color: #33B6CB;
	line-height: 33px;
	border: 2px solid #33B6CB;
}

.owl-theme .owl-controls .owl-page span {
	background: #fff;
	border: 2px solid #0c4767;
	opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
	border: 2px solid #33B6CB;
}

.shdw {
	box-shadow: 0px 0px 40px 0px rgba(132, 144, 255, 0.2);
}

/* =================================== */
/*  Call to Action CSS
/* =================================== */

.callto-action-area {
	background: -moz-linear-gradient(rgba(46, 45, 47, 0.74), rgba(7, 7, 7, 0.65)), url(../img/intro.jpeg);
	background: -webkit-linear-gradient(rgba(46, 45, 47, 0.74), rgba(7, 7, 7, 0.65)), url(../img/intro.jpeg);
	background: -ms-linear-gradient(rgba(46, 45, 47, 0.74), rgba(7, 7, 7, 0.65)), url(../img/intro.jpeg);
	background: linear-gradient(rgba(46, 45, 47, 0.74), rgba(7, 7, 7, 0.65)), url(../img/intro.jpeg);
	position: relative;
	z-index: 1;
	background-position: bottom center;
	background-size: cover;
	background-attachment: fixed;
}


/* =================================== */
/*  Featured-Cities CSS
/* =================================== */


.featured-cities-area {}

.photo-box {
	border-radius: 4px;
	height: 340px;
	display: block;
	position: relative;
	background-size: cover;
	background-position: 100%;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
	transition: .4s;
	margin: 0 0 25px;
}

.photo-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #333;
	opacity: .5;
	border-radius: 4px;
	transition: .4s;
}

.photo-box-content {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.photo-box-content h3 {
	color: #fff;
	font-size: 20px;
	line-height: 28px;
}

.photo-box-content span {
	color: #333;
	background: #fff;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 500;
	padding: 4px 10px;
	line-height: 20px;
	margin-top: 8px;
	display: inline-block;
}

.photo-box:hover {
	box-shadow: 0 4px 12px rgba(42, 65, 232, .25);
	transform: translateY(-10px);
}

.photo-box:hover:before {
	background: #33B6CB;
	opacity: .50;
}


/* =================================== */
/*  Pricing Plan CSS
/* =================================== */

.pricing_plan {
	background: -moz-linear-gradient(rgba(46, 45, 47, 0.74), rgba(7, 7, 7, 0.65)), url(../img/pricing.jpeg);
	background: -webkit-linear-gradient(rgba(46, 45, 47, 0.74), rgba(7, 7, 7, 0.65)), url(../img/pricing.jpeg);
	background: -ms-linear-gradient(rgba(46, 45, 47, 0.74), rgba(7, 7, 7, 0.65)), url(../img/pricing.jpeg);
	background: linear-gradient(rgba(46, 45, 47, 0.74), rgba(7, 7, 7, 0.65)), url(../img/pricing.jpeg);
	position: relative;
	z-index: 1;
	background-position: bottom center;
	background-size: cover;
	background-attachment: fixed;
}

.pricingTable {
	text-align: center;
	background: #fff;
}

.pricingTable:hover>.pricingTable-header>.heading>h3 {
	color: #33b6cb;
	transition: all 0.4s ease 0s;
}

.pricingTable>.pricingTable-header {
	color: #333333;
}

.pricingTable-header>.heading {
	display: block;
	padding-top: 25px;
	position: relative;
}

.heading>h3 {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 15px;
}

.heading>.sale-wrapper {
	height: 88px;
	width: 85px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	right: -4px;
	top: -3px;
}

.sale-wrapper>.sale {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	font-size: 12px;
	padding: 10px 0;
	position: absolute;
	left: 0px;
	top: 10px;
	text-align: center;
	text-transform: uppercase;
	transform: rotate(45deg);
	width: 120px;
	background: #33b6cb;
}

.sale-wrapper>.sale:after {
	content: "";
	position: absolute;
	bottom: -3px;
	right: 6px;
	border-left: 3px solid rgba(0, 0, 0, 0);
	border-right: 3px solid rgba(0, 0, 0, 0);
	border-top: 3px solid #6e8900;
}

.pricingTable-header>.price-value {
	display: block;
	color: #33b6cb;
	font-size: 36px;
	font-weight: 700;
	line-height: 35px;
	margin-top: 0.5rem !important;
}

.price-value>.mo {
	display: block;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
}

.pricingTable>.pricingContent {
	margin-top: 20px;
}

.pricingTable>.pricingContent>ul {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}

.pricingTable>.pricingContent>ul>li {
	padding: 13px 35px;
	border-top: 1px solid #dcdcdc;
	text-transform: uppercase;
}

.pricingTable>.pricingContent>ul>li:nth-child(odd) {
	background: #f0f0f0;
	color: #000;
	text-transform: capitalize;
}

.pricingTable-sign-up {
	padding: 30px 15px;
	border-top: 1px solid #dcdcdc;
	background: #fff;
}

.pricingTable-sign-up .btn-default {
	padding: 15px;
	background: #33b6cb;
	color: #fff;
	text-transform: capitalize;
	border: 0px none;
	transition: all 0.4s ease 0s;
	border-radius: 0;
}

.pricingTable-sign-up .btn-default:hover {
	background: #0b95ac !important;
	color: #fff !important;
	border: 1px solid #0b95ac !important;
}

@media screen and (max-width: 990px) {
	.pricingTable {
		margin-bottom: 20px;
	}
}



/* =================================== */
/*  Footer CSS
/* =================================== */
.footer-area {
	background: #171836;
	position: relative;
	z-index: 1;
	background-position: bottom center;
	background-size: cover;
	background-attachment: fixed;
}

.footer-section {
	padding: 75px 0 50px 0;
}

.footer-area .footer-nav li {
	margin-top: 8px;
}

.footer-area .footer-nav li a {
	color: #fff;
}

.footer-area .footer-nav li a:hover {
	color: #33B6CB;
}

.footer-area .primary-btn {
	background-color: #33B6CB;
	line-height: 38px;
	display: block;
	padding-left: 10px;
	padding-right: 15px;
	border-radius: 0;
	border: none;
	color: #fff;
	display: inline-block;
	font-weight: 500;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
}

.footer-area .primary-btn:focus {
	outline: none;
}

.footer-area .primary-btn span {
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-60%);
	right: 30px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.footer-area .primary-btn:hover {
	background-color: #33B6CB;
	box-shadow: none;
	color: #fff;
}

.footer-area .primary-btn:hover span {
	color: #fff;
	right: 20px;
}

.footer-area .primary-btn.white {
	border: 1px solid #fff;
	color: #fff;
}

.footer-area .primary-btn.white span {
	color: #fff;
}

.footer-area .primary-btn.white:hover {
	background: #fff;
	color: #33B6CB;
}

.footer-area .primary-btn.white:hover span {
	color: #33B6CB;
}

.footer-area h6 {
	color: #fff;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: 600;
}

.copy-right-text i,
.copy-right-text a {
	color: #33B6CB;
}

.instafeed {
	margin: -5px;
}

.instafeed li {
	overflow: hidden;
	width: 25%;
}

.instafeed li img {
	margin: 5px;
}

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

.footer-social a {
	background: transparent;
	width: 20px;
	border: 1px solid #33b6cb;
	width: 40px;
	display: inline-table;
	height: 40px;
	text-align: center;
	padding-top: 10px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.footer-social a:hover {
	background-color: #33B6CB;
}

.footer-social a:hover i {
	color: #fff;
}

.footer-social i {
	color: #33B6CB;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

@media (max-width: 991.98px) {
	.footer-social {
		text-align: left;
		margin-top: 20px;
	}
}

.single-footer-widget {
	color: #fff;
}

.single-footer-widget p {
	color: #fff;
	padding-bottom: 10px;
}

.single-footer-widget input {
	line-height: 38px;
	border: none;
	background: #fff;
	font-weight: 300;
	color: #777;
	padding-left: 20px;
}

.single-footer-widget .bb-btn {
	background-color: #33B6CB;
	color: #fff;
	font-weight: 300;
	border-radius: 0;
	z-index: 9999;
	cursor: pointer;
}

@media (max-width: 960px) {
	.single-footer-widget .nw-btn {}

	.single-footer-widget .newsletter {
		padding-bottom: 40px;
	}
}

.single-footer-widget .info {
	position: absolute;
	margin-top: 122px;
	color: #fff;
	font-size: 12px;
}

.single-footer-widget .info.valid {
	color: green;
}

.single-footer-widget .info.error {
	color: red;
}

.single-footer-widget ::-moz-selection {
	/* Code for Firefox */
	background-color: #33B6CB;
	color: #777777;
}

.single-footer-widget ::selection {
	background-color: #33B6CB;
	color: #777777;
}

.single-footer-widget ::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #777777;
	font-weight: 300;
}

.single-footer-widget :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #777777;
	opacity: 1;
	font-weight: 300;
}

.single-footer-widget ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #777777;
	opacity: 1;
	font-weight: 300;
}

.single-footer-widget :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #777777;
	font-weight: 300;
}

.single-footer-widget ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #777777;
	font-weight: 300;
}

@media (max-width: 991.98px) {
	.single-footer-widget {
		margin-bottom: 70px;
	}
}


/* =================================== */
/*  CopyRights CSS
/* =================================== */



.copyright1 {
	padding-top: 16px;
	background-color: #141313;
}

.copyright1 .bottom_footer_info p span {
	color: #fff;
}

.copyright1 .bottom_footer_logo ul li a i {
	font-size: 17px;
	color: #777777;
}

.copyright1 .bottom_footer_logo ul li a i:hover {
	color: #33b6cb;
}

.list-inline-item:not(:last-child) {
	margin-right: 0.7rem;
}

.footer-bottom {
	padding: 0px 100px;
	margin-top: 75px;
	padding-top: 20px;
	border-top: 1px solid #33b6cb;
}

.footer-text a,
.footer-text i {
	color: #33B6CB;
}



.whole-wrap {
	background-color: #fff;
}

.generic-banner {
	background-color: #33B6CB;
	text-align: center;
}

.generic-banner .height {
	height: 600px;
}

@media (max-width: 767.98px) {
	.generic-banner .height {
		height: 400px;
	}
}

.generic-banner .generic-banner-content h2 {
	line-height: 1.2em;
	margin-bottom: 20px;
}

@media (max-width: 991.98px) {
	.generic-banner .generic-banner-content h2 br {
		display: none;
	}
}

.generic-banner .generic-banner-content p {
	text-align: center;
	font-size: 16px;
}

@media (max-width: 991.98px) {
	.generic-banner .generic-banner-content p br {
		display: none;
	}
}

.generic-content h1 {
	font-weight: 600;
}

.about-generic-area {
	background: #fff;
}

.about-generic-area p {
	margin-bottom: 20px;
}

.white-bg {
	background: #fff;
}

.section-top-border {
	padding: 70px 0;
	border-top: 1px dotted #eee;
}

.switch-wrap {
	margin-bottom: 10px;
}

.switch-wrap p {
	margin: 0;
}

.link-nav {
	margin-top: 10px;
}

.about-content {
	padding: 170px 0px 75px 0px;
	text-align: center;
}

.about-content h1 {
	font-size: 48px;
	font-weight: 300;
}

.about-content a {
	color: #fff;
	font-weight: 300;
	font-size: 14px;
}

.about-content .lnr {
	margin: 0px 10px;
	font-weight: 600;
}

.feature-area {
	background-color: #222;
}

.feat-img img {
	width: 100%;
}

.feat-txt {
	padding: 15px 60px;
}

.feat-txt h6 {
	font-weight: 100;
	letter-spacing: 2px;
}

.feat-txt h1 {
	padding: 15px 0;
}

@media (max-width: 1280px) {
	.feat-txt {
		padding: 0px 12px;
	}

	.feat-txt h1 {
		font-size: 30px;
	}
}

@media (max-width: 1024px) {

	.feat-txt h6,
	.feat-txt p {
		font-size: 12px;
	}

	.feat-txt p {
		margin: 0;
		padding: 0;
	}

	.feat-txt h1 {
		font-size: 24px;
		padding: 5px 0;
	}
}

@media (max-width: 960px) {
	.feat-txt {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

/*--------------------------------------------------------------
# Service Area CSS
--------------------------------------------------------------*/

.service-area .header-text {
	text-align: center;
}

.service-area .header-text h1 {
	margin-bottom: 20px;
}

.single-service {
	background-color: #f9f9ff;
	padding: 30px;
	margin-bottom: 30px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-service:hover {
	box-shadow: -14.142px 14.142px 20px 0px rgba(157, 157, 157, 0.5);
	cursor: pointer;
}

.single-service:hover h4,
.single-service:hover p,
.single-service:hover .lnr {
	color: #fff;
}



.single-service p {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-service h4 {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-top: 20px;
	margin-bottom: 20px;
}

.single-service h4 .lnr {
	margin-right: 15px;
}

/* =================================== */
/*  Our Team CSS 
/* =================================== */

.team-area {
	background: #f4f4f4;
}

.our-team {
	text-align: center;
}

.our-team .team_img {
	position: relative;
	overflow: hidden;
}

.our-team .team_img:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	position: absolute;
	bottom: -100%;
	left: 0;
	transition: all 0.3s ease 0s;
}

.our-team:hover .team_img:after {
	bottom: 0;
}

.our-team img {
	width: 100%;
	height: auto;
}

.our-team .social {
	padding: 0 0 18px 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: -100%;
	right: 10px;
	background: #33b6cb;
	z-index: 1;
	transition: all 0.3s ease 0s;
}

.our-team:hover .social {
	top: 0;
}

.our-team .social li a {
	display: block;
	padding: 15px;
	font-size: 15px;
	color: #fff;
}

.our-team:hover .social li a:hover {
	color: #222222;
}

.our-team .team-content {
	padding: 20px 0;
	background: #fff;
}

.our-team .title {
	font-size: 18px;
	font-weight: bold;
	color: #222222;
	text-transform: capitalize;
	margin: 0 0 20px;
	position: relative;
}

.our-team .title:before {
	content: "";
	width: 25px;
	height: 1px;
	background: #222222;
	position: absolute;
	bottom: -10px;
	right: 50%;
	margin-right: 9px;
	transition-duration: 0.25s;
}

.our-team .title:after {
	content: "";
	width: 25px;
	height: 1px;
	background: #222222;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: 9px;
	transition-duration: 0.25s;
}

.our-team:hover .title:before,
.our-team:hover .title:after {
	width: 50px;
}

.our-team .post {
	display: inline-block;
	font-size: 15px;
	color: #33b6cb;
	text-transform: capitalize;
}

.our-team .post:before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #222222;
	margin: 0 auto;
	position: relative;
	top: -13px;
}

@media only screen and (max-width: 990px) {
	.our-team {
		margin-bottom: 30px;
	}
}

/* =================================== */
/*  About Page about section CSS 
/* =================================== */

#about {
	background: #f9f9ff;
}

.main-subtitle {
	font-size: 36px;
	margin-top: 0;
	font-weight: 600;
	position: relative;
	margin-bottom: 20px;
	text-align: left;
}

.video-item {
	background: url(../img/pricing.jpeg);
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	height: 100%;
}

.video-item .video-item-content {
	color: #fff;
	padding: 110px;
}

.video-item .video-item-content h2 {
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
}

.video-item .video-item-content p {
	margin-bottom: 30px;
}

.video-item .video-item-content .video-popup {
	min-width: 100px;
	position: relative;
	min-height: 100px;
	border: 2px solid #fff;
	border-radius: 50%;
	line-height: 6rem;
	color: #fff;
	display: inline-block;
	font-size: 38px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.video-item .video-item-content .video-popup:hover {
	background: #222222ab;
	border-color: #222222ab;
	color: #fff;
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
    background: linear-gradient(to right, #2c3e50, #33b6cb);
    opacity: 0.7;
    filter: alpha(opacity=70);
}


/*--------------------------------------------------------------
# Job Experiance CSS
--------------------------------------------------------------*/


.single-title {
	margin-bottom: 20px;
}

.job-experience ul li {
	color: #33B6CB;
	margin-bottom: 30px;
}

.job-experience ul li span {
	color: black;
}


/*--------------------------------------------------------------
# Search Page CSS
--------------------------------------------------------------*/
.search-bar {
	background: #9494a0;
	padding: 30px 26px 30px;
	margin-bottom: 30px;
	box-shadow: 0px 0px 40px 0px rgba(132, 144, 255, 0.2)
}

.search-bar .form-wrap .nice-select {
	width: 100%;
	height: 49px;
}

.search-page-top {
	padding: 250px 0px;
}

.search-page-top a,
.search-page-top .lnr {
	color: #fff;
}

.search-page-top .lnr {
	font-weight: 700;
	margin: 0px 10px;
}

.single-price {
	text-align: center;
	border: 1px solid #eeeeee;
}

.single-price .price-top {
	background-color: #fbfcff;
	border-bottom: 1px solid #eeeeee;
	padding: 30px 0px;
}

.single-price .price-top h4 {
	font-weight: 500;
}

.single-price .price-bottom {
	background-color: #f9f9ff;
	margin: 0 45px 45px 45px;
	padding: 35px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-price .price-bottom h1 {
	font-size: 60px;
	font-weight: 300;
}

.single-price .price-bottom .price {
	font-size: 25px;
	margin-top: 10px;
	color: #222;
}

.single-price .price-bottom .time {
	font-size: 12px;
	text-align: left;
	margin-top: 15px;
	margin-left: 10px;
}

.single-price .price-bottom .primary-btn {
	border-radius: 0;
	margin-top: 20px;
	background: #33B6CB;
	color: #fff;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.single-price .price-bottom .primary-btn:hover {
	border: 1px solid transparent;
}

@media (max-width: 1280px) {
	.single-price .price-bottom {
		margin: 0;
	}
}

@media (max-width: 1024px) {
	.single-price .price-bottom .primary-btn {
		padding-left: 22px;
		padding-right: 22px;
	}
}

.single-price p {
	padding: 30px 0px;
}

.single-price .lists {
	padding: 40px 0 20px 0;
}

.single-price .lists li {
	margin-bottom: 20px;
}

.single-price:hover {
	cursor: pointer;
}

.single-price:hover .price-bottom {
	background-color: #33B6CB;
}

.single-price:hover .price-bottom h1,
.single-price:hover .price-bottom .price,
.single-price:hover .price-bottom .time {
	color: #fff;
}

@media (max-width: 960px) {
	.single-price {
		margin-bottom: 50px;
	}
}

.submit-right,
.submit-left {
	color: #fff;
	text-align: center;
	padding: 50px 30px;
}

.submit-right h4,
.submit-left h4 {
	color: #fff;
}

.submit-right p,
.submit-left p {
	padding: 20px 0;
}

.map-wrap {
	margin-bottom: 120px;
}

/*--------------------------------------------------------------
# Contact Page CSS
--------------------------------------------------------------*/

.contact-btns {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	padding: 40px;
	color: #fff;
	margin-bottom: 30px;
}

.contact-btns:hover {
	color: #fff;
}

.form-area input,
.form-area textarea {
	border-radius: 0;
	font-size: 12px;
}

.form-area textarea {
	height: 180px;
	margin-top: 0px;
}

.form-area .primary-btn {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.form-area .primary-btn:hover {
	border: 1px solid #33B6CB;
	color: #33B6CB !important;
}

/*--------------------------------------------------------------
# Blog page & Section CSS
--------------------------------------------------------------*/


.blog-banner-area {
	background: url(../img/elements/blog/blog-banner.jpg) center;
	background-size: cover;
}

.blog-banner-area .overlay-bg {
	background: rgba(0, 0, 0, 0.55);
}

.blog-banner-wrap {
	text-align: center;
}

.blog-post-list .single-post {
	background: transparent;
	padding: 0px 30px;
}

.single-post {
	margin-bottom: 30px;
}

.single-post .tags {
	margin-top: 40px;
}

.single-post .tags li {
	display: inline-block;
}

.single-post .tags li a {
	color: #222;
}

.single-post .tags li:hover a {
	color: #33B6CB;
}

.single-post h1 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.single-post .title h4 {
	margin-bottom: 10px;
}

.single-post .comment-wrap ul li,
.single-post .social-wrap ul li {
	display: inline-block;
	margin-right: 15px;
}

@media (max-width: 414px) {

	.single-post .comment-wrap,
	.single-post .social-wrap {
		margin-top: 10px;
	}

	.btn_login {
		margin-left: 0px !important;
	}

	.margin-left-400 {
		margin-left: 0px !important;
	}
}

.post-list .single-post .btns li {
	margin-top: 10px;
}

.post-list .single-post .options .btns li {
	margin-bottom: 15px;
}

.single-post .comment-wrap ul li a {
	color: #777777;
}

.single-post .social-wrap ul {
	text-align: right;
}

.single-post .social-wrap ul li a i {
	color: #777777;
}

.single-post .social-wrap ul li a i:hover {
	color: #222;
}

@media (max-width: 768px) {
	.single-post .social-wrap ul {
		text-align: left;
	}
}

/*--------------------------------------------------------------
# Widgets  CSS 
--------------------------------------------------------------*/



.single-widget {
	border: 1px solid #eee;
	padding: 40px 30px;
	margin-bottom: 30px;
}

.single-widget .title {
	font-weight: 600;
	margin-bottom: 30px;
}

.search-widget i {
	color: #33B6CB;
}

.search-widget form.example {
	border: 1px solid #eee;
}

.search-widget form.example input[type=text] {
	padding: 10px;
	font-size: 14px;
	border: none;
	float: left;
	width: 80%;
	background: #eee;
}

.search-widget form.example button {
	float: left;
	width: 20%;
	padding: 10px;
	background: #eee;
	color: white;
	font-size: 17px;
	border: none;
	cursor: pointer;
}

.search-widget form.example::after {
	content: "";
	clear: both;
	display: table;
}

.protfolio-widget {
	text-align: center;
}

.protfolio-widget h4 {
	padding: 20px 0;
}

.protfolio-widget ul li {
	padding: 15px;
	display: inline-block;
}

.protfolio-widget ul li a i {
	color: #222;
}

.protfolio-widget ul li a i:hover {
	color: #33B6CB;
}

.category-widget ul li {
	border-bottom: 1px solid #eee;
	padding: 10px 20px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.category-widget ul li h6 {
	font-weight: 300;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.category-widget ul li span {
	color: #222;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.category-widget ul li:hover {
	border-color: #33B6CB;
}

.category-widget ul li:hover h6,
.category-widget ul li:hover span {
	color: #33B6CB;
}

.tags-widget ul li {
	display: inline-block;
	background: #fff;
	border: 1px solid #eee;
	padding: 8px 10px;
	margin-bottom: 8px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.tags-widget ul li a {
	font-weight: 300;
	color: #222;
}

.tags-widget ul li:hover {
	background-color: #33B6CB;
}

.tags-widget ul li:hover a {
	color: #fff;
}

.recent-posts-widget .single-recent-post .recent-details {
	margin-left: 20px;
}

.recent-posts-widget .single-recent-post .recent-details h4 {
	line-height: 1.5em !important;
	font-size: 14px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.recent-posts-widget .single-recent-post .recent-details p {
	margin-top: 10px;
}

.recent-posts-widget .single-recent-post:hover h4 {
	color: #33B6CB;
}

@media (max-width: 960px) {
	.recent-posts-widget .single-recent-post {
		margin-bottom: 20px;
	}
}

/*
################
               End Blog Home  Page style
################
*/
/*
################
               Start Blog Details  Page style
################
*/
.nav-area {
	border-bottom: 1px solid #eee;
}

.nav-area a {
	color: #222;
}

.nav-area .nav-left .thumb {
	padding-right: 20px;
}

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

.nav-area .nav-right .thumb {
	padding-left: 20px;
}

@media (max-width: 768px) {
	.nav-area .post-details h4 {
		font-size: 14px;
	}

	.btn_login {
		margin-left: 0px !important;
	}

	.margin-left-400 {
		margin-left: 0px !important;
	}
}

@media (max-width: 466px) {
	.nav-area .nav-right {
		margin-top: 50px;
	}

	.margin-left-400 {
		margin-left: 0px !important;
	}
}

.comment-sec-area {
	border-bottom: 1px solid #eee;
	padding-bottom: 50px;
}

.comment-sec-area a {
	color: #222;
}

.comment-sec-area .comment-list {
	padding-bottom: 30px;
}

.comment-sec-area .comment-list.left-padding {
	padding-left: 25px;
}

.comment-sec-area .thumb {
	margin-right: 20px;
}

.comment-sec-area .date {
	font-size: 13px;
	color: #cccccc;
}

.comment-sec-area .comment {
	color: #777777;
}

.comment-sec-area .btn-reply {
	background-color: #222;
	color: #fff;
	border: 1px solid #222;
	padding: 8px 30px;
	display: block;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.comment-sec-area .btn-reply:hover {
	background-color: transparent;
	color: #222;
}

.commentform-area {
	padding-bottom: 100px;
}

.commentform-area h5 {
	font-weight: 600 !important;
}

.commentform-area .form-control {
	border-radius: 0;
	font-size: 14px;
	font-weight: 400;
}

.commentform-area .primary-btn {
	padding-left: 50px;
	padding-right: 50px;
	background-color: #33B6CB !important;
	border: 1px solid transparent;
	color: #fff;
}

.commentform-area .primary-btn:hover {
	border-color: #33B6CB !important;
}

.commentform-area textarea {
	height: 90%;
}

.commentform-area .form-control {
	border: none;
	background: #f9f9ff;
}

/*--------------------------------------------------------------
# Category, industry, location Page CSS
--------------------------------------------------------------*/

.box-item-single {
	border-radius: 10px;
	background-color: #ffffff;
	padding: 30px 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
	transition: .3s;
	margin-bottom: 30px;
	box-shadow: 0px 0px 40px 0px rgba(132, 144, 255, 0.2);
}

.box-item-single .title {
	margin-bottom: 10px;
}

.box-item-single .title a {
	color: #222 !important;
}

.box-item-single .count {
	color: #222 !important;
}


/*--------------------------------------------------------------
# Error Page CSS
--------------------------------------------------------------*/

.error_content {
	background: #fafafa;
	padding: 100px 25px 100px 25px;
}

/*--------------------------------------------------------------
# Add Job Details Page CSS
--------------------------------------------------------------*/


.add_job_content {
	box-shadow: 0 5px 15px 0 rgba(41, 128, 185, .1);
	-webkit-box-shadow: 0 5px 15px 0 rgba(41, 128, 185, .1);
	padding: 10px 0px 10px 0px;
}

.add_job_content .headline {
	display: block;
	padding: 20px 30px;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
}

.add_job_content .add_job_detail {
	display: block;
	padding: 20px 30px;
}

.submit-field {
	margin-bottom: 28px;
	display: block;
}

.submit-field h5 {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 12px;
}

input.with-border,
input[type=text].with-border,
input[type=password].with-border,
input[type=email].with-border,
input[type=number].with-border,
textarea.with-border,
select.with-border {
	border: 1px solid #e0e0e0;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .05);
	height: 48px;
	line-height: 48px;
	padding: 0 20px;
	outline: none;
	font-size: 16px;
	color: gray;
	margin: 0 0 16px;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	display: block;
	background-color: #fff;
	font-weight: 500;
	opacity: 1;
	border-radius: 4px;
}

.submit-field .input-group-text {
	background: #fff !important;
}

.add_job_btn {
	padding: 10px 0px 10px 30px;
}

.job_detail_btn {
	background: #33B6CB;
	color: #fff !important;
	padding: 6px 20px !important;
	text-transform: uppercase;
	border: 1px solid #33B6CB;
}

.job_detail_btn:hover {
	background: transparent;
	color: #33B6CB !important;
	border: 1px solid #33B6CB;
}


/*--------------------------------------------------------------
# Applied Job Page CSS
--------------------------------------------------------------*/


.single-slidebar figure {
	text-align: center;
	margin-bottom: 10px;
}

.employer-dashboard-thumb {
	border: 1px solid #efefef;
	width: 140px;
	height: 140px;
	display: inline-block;
	border-radius: 100%;
	padding: 3px;
	margin-bottom: 22px;
}

.employer-dashboard-thumb img {
	border-radius: 100%;
	height: 125px;
	margin-top: 3px;
}

.onjob-fileUpload {
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 12px;
	border: 1px solid #33B6CB;
	padding: 8px 10px 8px 10px;
}

.clr_b {
	color: #33B6CB;
}

.onjob-fileUpload span i {
	font-size: 13px;
	margin-right: 3px;
}

.onjob-fileUpload input.onjob-upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

figcaption h2 {
	text-transform: uppercase;
	font-size: 24px;
	color: #333;
	margin-bottom: 10px;
}
}

figcaption span {
	display: block;
	font-size: 14px;
	color: #4e565d;
	line-height: 1;
	margin-bottom: 20px;
}


/*--------------------------------------------------------------
# User Profile Page CSS
--------------------------------------------------------------*/

.profile_job_content {
	box-shadow: 0px 0px 40px 0px rgba(132, 144, 255, 0.2);
	padding: 10px 0px 10px 0px;
	background-color: #f9f9ff;
}


.profile_job_content .headline {
	display: block;
	padding: 20px 30px;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
}

.profile_job_content .profile_job_detail {
	display: block;
	padding: 20px 30px;
}

.profile_view {
	box-shadow: 0px 0px 40px 0px rgba(132, 144, 255, 0.2);
	padding: 10px 0px 10px 0px;
	background-color: #ffffff;
	border-radius: 15px;
}

.profile_view_user {
	margin-bottom: 15px;
	box-shadow: 0px 0px 40px 0px rgba(132, 144, 255, 0.2);
	padding: 10px 0px 10px 0px;
	background-color: #ffffff;
	border-radius: 15px;
}


.profile_view .headline,
.profile_view_user .headline {
	display: block;
	padding: 20px 30px;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
}

.profile_view .profile_job_detail,
.profile_view_user .profile_job_detail {
	display: block;
	padding: 20px 30px;
}

.penjelasan {
	margin-top: 20px;
	padding-left: 15px;
}

.penjelasan p {
	margin-top: 1rem;
}

.tebal {
	font-weight: none !important;
}

.margin-bottom-5 {
	margin-bottom: 5px !important;
}

.company-not-rated {
	border-radius: 4px;
	background-color: #f0f0f0;
	color: #888;
	font-size: 14px;
	line-height: 15px;
	font-weight: 600;
	padding: 7px 9px;
	display: inline-block;
	margin-top: 8px;
	text-align: center;
}

/*--------------------------------------------------------------
# Job Alerts  Page CSS
--------------------------------------------------------------*/

.onjob-job-alerts {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

.onjob-job-alerts-wrap table {
	background-color: transparent;
	width: 100%;
}

.onjob-job-alerts thead {
	background-color: #f2f2f2;
}

.onjob-job-alerts thead tr th:first-child {
	padding-left: 15px;
}

.onjob-job-alerts thead:first-child>tr:first-child>th {
	border-bottom: 0 none;
	padding: 20px 15px 20px 15px !important;
}

.onjob-job-alerts thead tr th {
	text-align: left;
	padding: 3px 0px 3px 0px;
	font-size: 14px;
	color: #333333;
	font-weight: 500;
}

.onjob-job-alerts tbody tr {
	border-bottom: 1px solid #ececec;
}

.onjob-job-alerts thead tr th:first-child,
.onjob-job-alerts tbody td:first-child {
	padding-left: 15px;
}

.onjob-job-alerts table>thead>tr>th,
.onjob-job-alerts table>tbody>tr>th,
.onjob-job-alerts table>tfoot>tr>th,
.onjob-job-alerts table>thead>tr>td,
.onjob-job-alerts table>tbody>tr>td,
.onjob-job-alerts table>tfoot>tr>td {
	border: none;
	text-align: left;
}

.onjob-typo-wrap table>thead>tr>th,
.onjob-typo-wrap table>tbody>tr>th,
.onjob-typo-wrap table>tfoot>tr>th,
.onjob-typo-wrap table>thead>tr>td,
.onjob-typo-wrap table>tbody>tr>td,
.onjob-typo-wrap table>tfoot>tr>td {
	line-height: 2.5;
}

.onjob-job-alerts tbody td {
	padding: 16px 0px 16px 0px;
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
}

.onjob-job-alerts tbody td span {
	color: #333333;
	font-size: 14px;
	font-weight: 500;
}

.onjob-job-alerts tbody tr:nth-child(even) {
	background-color: #fafcfc;
}

.onjob-job-alerts tbody tr {
	border-bottom: 1px solid #ececec;
}

.onjob-job-alerts .onjob-savedjobs-links {
	margin-top: 2px;
}

.onjob-savedjobs-links {
	float: right;
	color: #ff6d4a;
	font-size: 14px;
	line-height: 1;
	margin-right: 15px;
}

/*--------------------------------------------------------------
# Employer Company  Page CSS
--------------------------------------------------------------*/


.list_banner {
	background-color: #f9f9ff;
	padding: 40px;
	margin-bottom: 50px;
	box-shadow: 0px 0px 40px 0px rgba(132, 144, 255, 0.2);
}

.emp_details {
	margin-right: 120px;
}

.emp_logo img {
	max-height: 100px;
}

.thumbs {
	width: 200px;
	text-align: center;
	padding: 40px 20px 40px 20px;
	height: 200px;
}

.checked {
	color: orange;
}

.list_icon i {
	font-size: 26px;
	color: #33B6CB;
	float: left;
}

.list_data {
	padding-left: 45px;
}

table {
	width: 100%;
}


/*--------------------------------------------------------------
# Employer shortlist resume  Page CSS
--------------------------------------------------------------*/

.onjob-employer-resumes-wrap {
	border: 1px solid #ececec;
}

.onjob-employer-resumes,
.onjob-employer-resumes-wrap,
.onjob-employer-resumes figure,
.onjob-resumes-options {
	float: left;
	width: 100%;
}

.onjob-employer-resumes-wrap figure {
	padding: 18px 18px 2px 18px;
}

.onjob-resumes-thumb img {
	border-radius: 100%;
}

.onjob-employer-resumes .onjob-resumes-thumb~figcaption {
	margin-left: 62px;
	margin-top: 2px;
}

.onjob-employer-resumes-wrap figcaption h2 {
	margin-bottom: 0px !important;
	font-size: 14px !important;
	display: block !important;
	line-height: 1 !important;
}

.onjob-resumes-download {
	float: right;
	color: #3abd69;
	font-size: 11px;
	font-weight: 400;
	margin-top: 2px;
}

.onjob-resumes-download i {
	margin-right: 3px;
}

.onjob-resumes-subtitle {
	display: block;
	color: #999999;
	font-size: 12px;
	margin-bottom: 6px;
	margin-top: 6px;
}

.onjob-resumes-subtitle a {
	color: #33B6CB;
}

.onjob-employer-resumes-wrap figcaption ul {
	display: inline-block !important;
	width: 100% !important;
	margin: 0px !important;
}

.onjob-employer-resumes-wrap figcaption ul li:first-child {
	padding-left: 0px;
}

.onjob-employer-resumes-wrap figcaption ul li {
	float: left;
	width: 50%;
	font-size: 12px;
	color: #999999;
	line-height: 1;
	padding-left: 20px;
	margin-bottom: 10px;
}

.onjob-employer-resumes-wrap ul li {
	list-style: none;
}

.onjob-employer-resumes-wrap figcaption ul li span {
	display: block;
	font-size: 12px;
	color: #555555;
	line-height: 1;
	font-weight: 500;
	margin-bottom: 7px;
}

.onjob-resumes-options {
	border-top: 1px solid #ececec;
}

.onjob-employer-resumes,
.onjob-employer-resumes-wrap,
.onjob-employer-resumes figure,
.onjob-resumes-options {
	float: left;
	width: 100%;
}

.onjob-resumes-options li:first-child {
	border-left: none;
}

.onjob-employer-resumes-wrap ul li {
	list-style: none;
}

.onjob-resumes-options li {
	float: left;
	width: 50%;
	line-height: 1;
	border-left: 1px solid #ececec;
}

.onjob-resumes-thumb {
	float: left !important;
	width: 48px !important;
}

.onjob-resumes-options li a {
	background-color: #fcfcfc;
	float: left;
	width: 100%;
	padding: 16px 9px;
	text-align: center;
	font-size: 12px;
	color: #666666;
	font-weight: 400;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.onjob-resumes-options li a i {
	font-size: 18px;
	display: inline-block;
	vertical-align: sub;
	margin: 0px 5px 0px 0px;
}

.onjob-resumes-options li:hover a {
	background-color: #33B6CB;
	color: #fff;
}

.pp {
	padding: 12px;
}


/* Employers Home Page */
.employers-home-section {
	padding: 100px 0;
}

.emp-solutions {
	padding: 100px 0;
}

.emp-why-us {
	padding: 100px 0;
}


/*--------------------------------------------------------------
                    Sign in & sign up CSS
                    --------------------------------------------------------------*/

                    @font-face {
                    	font-family: Poppins-Regular;
                    	src: url('../fonts/Poppins-Regular.ttf');
                    }

                    @font-face {
                    	font-family: Poppins-Bold;
                    	src: url('../fonts/Poppins-Bold.ttf');
                    }

                    @font-face {
                    	font-family: Poppins-Medium;
                    	src: url('../fonts/Poppins-Medium.ttf');
                    }

                    @font-face {
                    	font-family: Raleway-Regular;
                    	src: url('../fonts/Raleway-Regular.ttf');
                    }

                    @font-face {
                    	font-family: Raleway-Black;
                    	src: url('../fonts/Raleway-Black.ttf');
                    }

                    @font-face {
                    	font-family: Raleway-SemiBold;
                    	src: url('../fonts/Raleway-SemiBold.ttf');
                    }

                    @font-face {
                    	font-family: Raleway-Bold;
                    	src: url('../fonts/Raleway-Bold.ttf');
                    }


/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/



/*---------------------------------------------*/
input {
	outline: none;
	border: none;
}

textarea {
	outline: none;
	border: none;
}

textarea:focus,
input:focus {
	border-color: transparent !important;
}

input:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus:-moz-placeholder {
	color: transparent;
}

input:focus::-moz-placeholder {
	color: transparent;
}

input:focus:-ms-input-placeholder {
	color: transparent;
}

textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

textarea:focus:-moz-placeholder {
	color: transparent;
}

textarea:focus::-moz-placeholder {
	color: transparent;
}

textarea:focus:-ms-input-placeholder {
	color: transparent;
}

input::-webkit-input-placeholder {
	color: #acacac;
}

input:-moz-placeholder {
	color: #acacac;
}

input::-moz-placeholder {
	color: #acacac;
}

input:-ms-input-placeholder {
	color: #acacac;
}

textarea::-webkit-input-placeholder {
	color: #acacac;
}

textarea:-moz-placeholder {
	color: #acacac;
}

textarea::-moz-placeholder {
	color: #acacac;
}

textarea:-ms-input-placeholder {
	color: #acacac;
}

/*---------------------------------------------*/
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}


/*//////////////////////////////////////////////////////////////////
[ Utility ]*/
.txt1 {
	font-family: Raleway-Regular;
	font-size: 12px;
	color: #5d5d5d;
	line-height: 1.2;
}

.bo1 {
	border-bottom: 1px solid #999999;
}

.hov1:hover {
	border-color: #33b6cb;
}


/*//////////////////////////////////////////////////////////////////
[ login ]*/

.container-login100 {
	margin-top: 50px;
	width: 100%;
	min-height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 15px;
	position: relative;
	z-index: 1;
}

.container-login100::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url('../img/signin_signup/77.jpg');
	/*background-image: url('../img/signin_signup/signin.jpeg');*/
	/*  background-color: #33b6cb;*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.wrap-login100 {
	margin: 100px 0;
	padding: 25px;
	width: 450px;
	background: #ffffffe3;
	border-radius: 3px;
	overflow: hidden;
}

.wrap-login100 .form-control {
	background: #e6e6e6a6 !important;
}

.wrap-login100 .alert {
	width: 100%;
}



/*------------------------------------------------------------------
[  ]*/
.login100-form {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.login100-form-title {
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	display: block;
}


/*---------------------------------------------*/
.wrap-input100 {
	position: relative;
	width: 100%;
	z-index: 1;
}

.input100 {
	font-size: 16px;
	line-height: 1.2;
	color: #686868;
	display: block;
	width: 100%;
	background: #e6e6e6a6;
	height: 53px;
	border-radius: 3px;
	padding: 0 30px 0 65px;
}

@-webkit-keyframes anim-shadow {
	to {
		box-shadow: 0px 0px 60px 20px;
		opacity: 0;
	}
}

@keyframes anim-shadow {
	to {
		box-shadow: 0px 0px 60px 20px;
		opacity: 0;
	}
}

.symbol-input100 {
	font-size: 19px;
	color: #999999;

	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	position: absolute;
	border-radius: 25px;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-left: 23px;
	padding-bottom: 5px;
	pointer-events: none;

	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.input100:focus+.focus-input100+.symbol-input100 {
	color: #33b6cb;
	padding-left: 18px;
}

/*==================================================================
[ Restyle Checkbox ]*/

.input-checkbox100 {
	display: none;
}

.label-checkbox100 {
	font-family: Raleway-Regular;
	font-size: 16px;
	color: #999999;
	line-height: 1.2;

	display: block;
	position: relative;
	padding-left: 26px;
	cursor: pointer;
}

.label-checkbox100::before {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 13px;
	color: transparent;

	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	background: #fff;
	border: 2px solid #33b6cb;
	left: 0;
	top: 48%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.input-checkbox100:checked+.label-checkbox100::before {
	color: #33b6cb;
}

.dropdown-item {
	font-size: 13px;
}


/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.login100-form-btn {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	height: 45px;
	border-radius: 3px;
	background: #33b6cb;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 25px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}

.login100-form-btn:hover {
	background: #0b95ac;
	color: #fff !important;
	border: 1px solid #0b95ac;
}

.detail-pekerjaan {
	padding-left: 17px;
}

.kolom-scroll {
	overflow-y: scroll;
	overflow-x: auto;
	height: 400px;

}

::-webkit-scrollbar {
	width: 3px;
	height: 3px;
	border-left: 0;
	background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-track {
	background: none;
}

::-webkit-scrollbar-thumb {
	background: #117a8b;
	border-radius: 0;
}


.kolom-scroll:hover {}

/*------------------------------------------------------------------
[ Button sign in with ]*/
.btn-face,
.btn-google {
	font-family: Raleway-Bold;
	font-size: 16px;
	line-height: 1.2;

	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc((100% - 10px) / 2);
	height: 40px;
	border-radius: 3px;
	border: 1px solid #e6e6e6;
	background-color: #fff;

	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}


.btn-face {
	color: #3b5998;
}

.btn-face i {
	font-size: 20px;
	margin-right: 10px;
	padding-bottom: 1px;
}

.btn-google {
	color: #555555;
}

.btn-google img {
	width: 19px;
	margin-right: 10px;
	padding-bottom: 1px;
}


.btn-face:hover,
.btn-google:hover {
	border-color: #33b6cb;
}


.rentang-gaji>input[type="range"] {
	background: blue;
	color: #5a88ca;
	padding: 10px;
	width: 12%;
	border: 1px solid #white;
	border-radius: 50px;

}


/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input {
	position: relative;
}

.alert-validate::before {
	content: attr(data-validate);
	position: absolute;
	max-width: 70%;
	background-color: white;
	border: 1px solid #c80000;
	border-radius: 3px;
	padding: 4px 25px 4px 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 8px;
	pointer-events: none;

	font-family: Raleway-SemiBold;
	color: #c80000;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;

	visibility: hidden;
	opacity: 0;

	-webkit-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.alert-validate::after {
	content: "\f12a";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	color: #c80000;
	font-size: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 13px;
}

.alert-validate:hover:before {
	visibility: visible;
	opacity: 1;
}

@media (max-width: 992px) {
	.alert-validate::before {
		visibility: visible;
		opacity: 1;
	}
}

/*//////////////////////////////////////////////////////////////////
[ responsive ]*/

@media (max-width: 480px) {
	.wrap-login100 {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 576px) {
	h1 {
		font-size: 30px;
	}

	.buttons p span {
		font-size: 18px;
	}

	.post-list .single-post .address strong {
		width: 45%;
		display: inline-block;
	}

	.banner-content h1 {
		font-size: 30px;
	}
}