/*!Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.*/
.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:23px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(../images/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(../images/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(../images/chosen-sprite.png) no-repeat 100% -20px;background:url(../images/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:5px;height:auto;outline:0;border:0!important;background:0 0!important;box-shadow:none;color:#666;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-field .default{color:#999}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 0 3px 5px;padding:3px 20px 3px 5px;border:1px solid #aaa;border-radius:3px;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(../images/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#111!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl .chosen-drop,.chosen-rtl.chosen-container-single-nosearch .chosen-search{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(../images/chosen-sprite.png) no-repeat -30px -20px;background:url(../images/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(../images/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}
/*
	Template Name: Zobstar
	Author: TechyDevs
	Email: contact@techydevs.com
	Description: Zobstar - Job Board HTML Template
	Version: 1.0
*/
/*------------------------------------------------------------------
[Table of contents]

	+ General
		- common-style
	+ Header
		- Logo
		- Login
		- Sign up
		- Main Navigation
		- Post a job button
		- Offcanvas menu
	+ Content
		+ Main Files
			- index.html
			- index2.html
			- index3.html
	+ Banner Area
			- Breadcrumb
	+ Employers
	        - Employer Listing
	        - Employer Details
	        - Dashboard
	        - Edit Profile
	        - Post A Job
	+ Candidates
	        - Candidate Listing
	        - Candidate Details
	        - Add Resume
	+ Pages
			- About Us
			- Invoice
			- Pricing
			- How It Works
			- Checkout
			- Payment Complete
			- Faq
			- Contact
			- 404 Page
			- Terms And Condition
			- Recover Password
	+ blog
			- Blog Grid
			- Left Sidebar
			- Right Sidebar
			- Blog Detail
	+ Jobs
			- Job Listing
			- Job Grid View
			- Job Details
	+ Footer
		+ Top Footer
			- Company Details
			- General
			- Job Seekers
			- Employers
			- Helpful Resources
		+ Bottom Footer
		    - Copyright
		    - Browse by category
	+ Responsive Design Styles
		    - $laptop_l: '(max-width: 1440px)';
            - $laptop_m: '(max-width: 1366px)';
            - $laptop_m_two: '(max-width: 1280px)';
            - $laptop_m_three: '(max-width: 1200px)';
            - $laptop_m_four: '(max-width: 1199px)';
            - $laptop_m_five: '(max-width: 1024px)';
            - $laptop_ls: 'only screen and (max-width: 1279px) and (min-width: 320px)';
            - $medium_device: 'only screen and (min-width: 992px) and (max-width: 1200px)';
            - $ms_device: 'only screen and (max-width: 1200px) and (min-width: 320px)';
            - $tab_device: 'only screen and (min-width: 768px) and (max-width: 991px)';
            - $tab_device_two: '(max-width: 768px)';
            - $large_mobile: 'only screen and (min-width: 480px) and (max-width: 767px)';
            - $large_mobile_two: ' (max-width: 600px)';
            - $large_mobile_three: ' (max-width: 480px)';
            - $small_mobile: 'only screen and (min-width: 320px) and (max-width: 479px)';
            - $small_mobile_four: '(max-width: 425px)';
            - $small_mobile_three: '(max-width: 400px)';
            - $small_mobile_five: '(max-width: 375px)';
            - $small_mobile_two: '(max-width: 320px)';
-------------------------------------------------------------------*/
/*============== loader-ripple ==============*/
@keyframes loader {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-dot {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}
/*============== play-button-pulse ==============*/
@-webkit-keyframes play-button-pulse {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}
@-moz-keyframes play-button-pulse {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}
@-ms-keyframes play-button-pulse {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}
@-o-keyframes play-button-pulse {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes play-button-pulse {
  0% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}
/*== heartBeat ==*/
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes cluster-animation {
  0%, 100% {
    -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
  }
  50% {
    -webkit-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
  }
}
@keyframes blink {
  50% {
    opacity: 1;
  }
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

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

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

input:focus {
  outline: none;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

body {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: sans-serif;
  color: #3d3e45;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*---------------- fonts ----------------*/
.font-size-50 {
  font-size: 50px !important;
}

.font-size-45 {
  font-size: 45px !important;
}

.font-size-40 {
  font-size: 40px !important;
}

.font-size-35 {
  font-size: 35px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.font-size-28 {
  font-size: 28px !important;
}

.font-size-27 {
  font-size: 27px !important;
}

.font-size-26 {
  font-size: 26px !important;
}

.font-size-25 {
  font-size: 25px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.font-size-23 {
  font-size: 23px !important;
}

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

.font-size-21 {
  font-size: 21px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.font-size-19 {
  font-size: 19px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

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

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

.font-size-15 {
  font-size: 15px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-size-13 {
  font-size: 13px !important;
}

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

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

/*---------------- font-weight ----------------*/
.font-weight-thin {
  font-weight: 200 !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

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

.font-weight-medium {
  font-weight: 500 !important;
}

.font-weight-semi-bold {
  font-weight: 600 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

/*---------------- line-height ----------------*/
.line-height-65 {
  line-height: 65px !important;
}

.line-height-60 {
  line-height: 60px !important;
}

.line-height-58 {
  line-height: 58px !important;
}

.line-height-57 {
  line-height: 57px !important;
}

.line-height-56 {
  line-height: 56px !important;
}

.line-height-55 {
  line-height: 55px !important;
}

.line-height-52 {
  line-height: 52px !important;
}

.line-height-50 {
  line-height: 50px !important;
}

.line-height-48 {
  line-height: 48px !important;
}

.line-height-46 {
  line-height: 46px !important;
}

.line-height-45 {
  line-height: 45px !important;
}

.line-height-40 {
  line-height: 40px !important;
}

.line-height-35 {
  line-height: 35px !important;
}

.line-height-30 {
  line-height: 30px !important;
}

.line-height-28 {
  line-height: 28px !important;
}

.line-height-27 {
  line-height: 27px !important;
}

.line-height-26 {
  line-height: 26px !important;
}

.line-height-25 {
  line-height: 25px !important;
}

.line-height-24 {
  line-height: 24px !important;
}

.line-height-22 {
  line-height: 22px !important;
}

.line-height-20 {
  line-height: 20px !important;
}

.line-height-18 {
  line-height: 18px !important;
}

/*======= switch ======*/
.toggle,
.toggler {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.toggler {
  color: #3d3e45;
  font-weight: 700;
}
.toggler .badge {
  background-color: rgba(38, 174, 97, 0.1);
  color: #0f7a3f;
  font-size: 15px;
  padding: 6px 10px;
  font-weight: 500;
}

.badge-before {
  color: #f9b851 !important;
  background-color: rgba(249, 184, 81, 0.1) !important;
  text-decoration: line-through !important;
}

.toggler-is-active {
  color: #0f7a3f;
}

.toggle {
  position: relative;
  width: 80px;
  height: 35px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: rgba(38, 174, 97, 0.1);
  overflow: hidden;
}

.toggle-bg-active {
  background-color: #0f7a3f;
}

.check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}

.check:checked ~ .switch {
  right: 5px;
  left: 62.5%;
  -webkit-transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0.08s, 0s;
  background-color: #fff;
}

.switch {
  position: absolute;
  left: 5px;
  top: 5px;
  bottom: 5px;
  right: 62.5%;
  background-color: #0f7a3f;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  z-index: 1;
  -webkit-transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0s, 0.08s;
}

.package-hide {
  display: none;
}

/*---------------- container ----------------*/
.container {
  max-width: 1200px;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .responsive-text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .responsive-text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .responsive-text-center {
    text-align: center !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .responsive-text-left {
    text-align: left !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .responsive-text-left {
    text-align: left !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .responsive-text-left {
    text-align: left !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .responsive-text-right {
    text-align: right !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .responsive-text-right {
    text-align: right !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .responsive-text-right {
    text-align: right !important;
  }
}

@media (max-width: 1199px) {
  .column-lg-full {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 1199px) {
  .column-lg-half {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 1199px) {
  .column-lg-third {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .responsive-column {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .responsive-column {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .responsive-column {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.icon-box {
  background-color: #fff;
  padding: 32px 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.icon-box .icon-element {
  width: 85px;
  height: 85px;
  line-height: 85px;
  font-size: 36px;
  -webkit-box-shadow: 0 10px 40px rgba(38, 174, 97, 0.2);
  -moz-box-shadow: 0 10px 40px rgba(38, 174, 97, 0.2);
  box-shadow: 0 10px 40px rgba(38, 174, 97, 0.2);
}
.icon-box .icon-element .info-number {
  position: absolute;
  right: -5px;
  bottom: 0;
  width: 30px;
  height: 30px;
  line-height: 27px;
  background-color: #0f7a3f;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 15px;
  font-weight: 500;
}
.icon-box .info__title {
  font-size: 17px;
  color: #2c2c51;
  font-weight: 700;
}
.icon-box .info__count {
  font-size: 40px;
  font-weight: 700;
  color: #2c2c51;
}
.icon-box .info__desc {
  font-size: 15px;
}
.icon-box:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.1;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199' viewBox='0 0 100 199'%3E%3Cg fill='%232c2c51' fill-opacity='0.39'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.icon-box:hover .icon-element,
.icon-box:hover .info-number {
  background-color: #1c9c53;
}

.icon-box-layout {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-top: 40px;
}
.icon-box-layout .info-icon {
  position: inherit;
  left: auto;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  background-color: #fff;
  -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
  color: #0f7a3f;
  margin-top: 0;
  margin-bottom: 25px;
}
.icon-box-layout .theme-btn {
  border: 1px solid rgba(51, 63, 87, 0.1);
  line-height: 40px;
  color: #3d3e45;
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}
.icon-box-layout:hover {
  border-bottom-color: #0f7a3f;
  -webkit-transform: translateY(0) scale(0.97);
  -moz-transform: translateY(0) scale(0.97);
  -ms-transform: translateY(0) scale(0.97);
  -o-transform: translateY(0) scale(0.97);
  transform: translateY(0) scale(0.97);
}
.icon-box-layout:hover .info-icon {
  color: #fff;
  background-color: #0f7a3f;
}
.icon-box-layout:hover .theme-btn {
  border-color: #0f7a3f;
  background-color: #0f7a3f;
  color: #fff;
}

.icon-box-layout-2 {
  padding: 40px;
}
.icon-box-layout-2:after {
  background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23333f57' fill-opacity='0.24'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-box-layout-2 .info-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  top: 40px;
  left: 30px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  margin-top: 0;
  background-color: rgba(255, 107, 107, 0.1);
  color: #0f7a3f;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
  font-size: 90px;
}
.icon-box-layout-2 .info-content {
  position: relative;
  padding-left: 55px;
}
.icon-box-layout-2:hover {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.icon-box-layout-2:hover .info-icon {
  background-color: #0f7a3f;
  color: #fff;
}

.icon-box-layout-3:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.info-more-content .info-icon {
  background-color: #0f7a3f;
  -webkit-box-shadow: 0 15px 40px rgba(245, 84, 142, 0.3);
  -moz-box-shadow: 0 15px 40px rgba(245, 84, 142, 0.3);
  box-shadow: 0 15px 40px rgba(245, 84, 142, 0.3);
  color: #fff;
}
.info-more-content .theme-btn {
  border-color: #0f7a3f;
  background-color: #0f7a3f;
  color: #fff;
}

.icon-box.icon-box-hover-effect {
  padding-top: 40px;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .icon-box.icon-box-hover-effect {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .icon-box.icon-box-hover-effect {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .icon-box.icon-box-hover-effect {
    margin-bottom: 30px;
  }
}
.icon-box.icon-box-hover-effect .info-icon {
  position: inherit;
  top: auto;
  left: auto;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 25px;
}
.icon-box.icon-box-hover-effect .info-icon:after {
  background-color: #fff;
}
.icon-box.icon-box-hover-effect .info__title,
.icon-box.icon-box-hover-effect .info__desc {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.icon-box.icon-box-hover-effect:before, .icon-box.icon-box-hover-effect:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.icon-box.icon-box-hover-effect:before {
  background-size: cover;
  background-position: center;
  background-image: url("../images/video-img.jpg");
}
.icon-box.icon-box-hover-effect:after {
  background-color: #2c2c51;
}
.icon-box.icon-box-hover-effect:hover .info__title,
.icon-box.icon-box-hover-effect:hover .info__desc {
  color: #fff;
}
.icon-box.icon-box-hover-effect:hover:before {
  opacity: 1;
}
.icon-box.icon-box-hover-effect:hover:before, .icon-box.icon-box-hover-effect:hover:after {
  height: 100%;
  visibility: visible;
}
.icon-box.icon-box-hover-effect:hover:after {
  opacity: 0.8;
}

.feedback-card .icon-element {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
}

/*-===============================
    CHART AREA
===============================-*/
.chart-box {
  background-color: #fff;
  padding: 30px 30px 30px 25px;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 18px 0 rgba(44, 44, 81, 0.1);
  -moz-box-shadow: 0 0 18px 0 rgba(44, 44, 81, 0.1);
  box-shadow: 0 0 18px 0 rgba(44, 44, 81, 0.1);
}
@media (max-width: 1199px) {
  .chart-box {
    margin-bottom: 30px;
  }
}
.chart-box .chart-title {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 30px;
}
.chart-box .user-chosen-select-container {
  width: 150px !important;
}
.chart-box .user-chosen-select-container .user-chosen-select,
.chart-box .user-chosen-select-container .chosen-single {
  padding-top: 8px;
  padding-bottom: 8px;
}
.chart-box .user-chosen-select-container:after {
  top: 8px;
}

/*===== chart-legend ======*/
.chart-legend ul li {
  display: inline-block;
  text-transform: capitalize;
  position: relative;
  color: #2c2c51;
  margin-left: 28px;
}

.legend__item {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-color: #0f7a3f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: -22px;
  top: 6px;
}

.legend__bg-1 {
  background-color: #CC08E9;
}

.legend__bg-2 {
  background-color: #1da1f2;
}

/*====================================================
    contact-form-action
 ====================================================*/
.contact-form-action .form-group {
  position: relative;
}
.contact-form-action .form-group .form-icon {
  position: absolute;
  top: 12px;
  left: 16px;
  color: #3d3e45;
  font-size: 18px;
}
.contact-form-action .form-group .submit-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: transparent;
  border: none;
  color: #3d3e45;
  font-size: 18px;
}
.contact-form-action .label-text {
  font-size: 13px;
  color: #2c2c51;
  font-weight: 500;
  text-transform: capitalize;
  position: relative;
}
.contact-form-action .form-control {
  height: auto;
  line-height: inherit;
  padding: 12px 20px 12px 40px;
  font-size: 13px;
  color: #2c2c51;
  border: 1px solid rgba(128, 137, 150, 0.3);
  font-weight: 500;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.contact-form-action .form-control:focus {
  border-color: #0f7a3f;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}
.contact-form-action .form-control::placeholder {
  color: #3d3e45;
}
.contact-form-action .form-control:-ms-input-placeholder {
  color: #3d3e45;
}
.contact-form-action .form-control::-ms-input-placeholder {
  color: #3d3e45;
}
.contact-form-action .date-range {
  color: #3d3e45;
}
.contact-form-action .message-control {
  height: 160px;
}

.message-send.icon-element {
  width: 35px;
  height: 35px;
  line-height: 30px;
  font-size: 20px;
  cursor: pointer;
}
.message-send.icon-element .la-paper-plane {
  -webkit-transform: rotate(-42deg);
  -moz-transform: rotate(-42deg);
  -ms-transform: rotate(-42deg);
  -o-transform: rotate(-42deg);
  transform: rotate(-42deg);
}

/*====================================================
    billing-form-item
 ====================================================*/
.billing-form-item {
  border: 1px solid rgba(128, 137, 150, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 30px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 30px rgba(82, 85, 90, 0.1);
}

.billing-title-wrap {
  padding: 30px;
  border-bottom: 1px solid rgba(128, 137, 150, 0.1);
}

.billing-content {
  padding: 24px 30px 30px 30px;
}
.billing-content .contact-form-action .form-control {
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}
.billing-content .contact-form-action .form-group .label-text {
  font-weight: 600;
  margin-bottom: 7px;
}
.billing-content .contact-form-action .time-label-group {
  margin-bottom: 10px;
}
.billing-content .contact-form-action .time-label-group .label-text {
  margin-bottom: 0;
}
.billing-content .custom-checkbox {
  display: inline-block;
  margin-right: 20px;
}
@media (max-width: 400px) {
  .billing-content .custom-checkbox {
    margin-right: 0;
    display: block;
  }
}

.presentation-box .icon-element {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: 0;
  margin-right: 5px;
  font-size: 17px;
}

/*====================================================
    radio-option
 ====================================================*/
.radio-option .payment-active {
  display: none;
}
@media (max-width: 320px) {
  .radio-option .payment-content .contact-form-action .row {
    display: block;
  }
}

.radio-trigger {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500;
  color: #2c2c51;
}
.radio-trigger input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radio-trigger input[type=radio]:checked ~ .checkmark {
  border-color: #0f7a3f;
}
.radio-trigger input[type=radio]:checked ~ .checkmark:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.radio-trigger input[type=radio]:checked ~ .payment-active {
  display: block;
}
.radio-trigger .checkmark {
  position: absolute;
  top: 7px;
  left: 0;
  width: 19px;
  height: 19px;
  border: 2px solid #ddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.radio-trigger .checkmark:after {
  position: absolute;
  left: 3px;
  top: 3px;
  content: "";
  width: 9px;
  height: 9px;
  background-color: #0f7a3f;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -o-transform: scale(0.1);
  transform: scale(0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 425px) {
  .radio-trigger .badge-before {
    margin-left: 0 !important;
    margin-top: 7px;
  }
}
@media (max-width: 320px) {
  .radio-trigger .badge {
    margin-left: 0 !important;
    margin-top: 6px;
  }
}

@media (max-width: 320px) {
  .payment-option .card-icon {
    float: none !important;
  }
}

/*====================================================
   booking-confirm-area
 ====================================================*/
.booking-confirm-area {
  position: relative;
}
.booking-confirm-area:before, .booking-confirm-area:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 25px;
  width: 200px;
  height: 200px;
  background-image: url("../images/dots.png");
  background-size: cover;
  background-position: center;
  opacity: 0.2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .booking-confirm-area:before, .booking-confirm-area:after {
    display: none;
  }
}
.booking-confirm-area:after {
  left: auto;
  bottom: auto;
  top: 80px;
  right: 25px;
}

.confirm-icon .icon-element {
  width: 90px;
  height: 90px;
  line-height: 90px;
  font-size: 35px;
}

.confirm-page .badge {
  white-space: inherit;
}

/*====================================================
    invoice-area
 ====================================================*/
@media (max-width: 320px) {
  .invoice-area .btn-box .theme-btn {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 45px;
  }
}
@media (max-width: 375px) {
  .invoice-area .btn-box .theme-btn:nth-child(2) {
    margin-left: 0 !important;
    margin-top: 8px;
  }
}

.invoice-content {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.05);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.05);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.05);
  padding: 34px 40px 40px 40px;
  border: 1px solid rgba(128, 137, 150, 0.1);
}

.invoice-info {
  margin-bottom: 20px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .invoice-item .invoice-logo {
    padding-bottom: 30px;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .invoice-item .invoice-logo {
    padding-bottom: 30px;
    text-align: center;
  }
}
.invoice-item .invoice-title .widget-title {
  font-size: 34px;
}
.invoice-item .list-items li {
  margin-bottom: 2px;
}
@media (max-width: 425px) {
  .invoice-item .list-items.text-right {
    text-align: left !important;
  }
}

.invoice-table table tr th {
  color: #2c2c51;
  font-weight: 600;
  border-bottom-width: 1px;
}
.invoice-table table tr th,
.invoice-table table tr td {
  font-size: 16px;
  padding: 10px 20px;
}
.invoice-table table tr td {
  font-size: 15px;
}
.invoice-table .invoice-table-two {
  margin-bottom: 0;
}
.invoice-table .invoice-table-two tr th,
.invoice-table .invoice-table-two tr td {
  border-top: none;
  padding: 5px 0 5px 0;
}
.invoice-table .invoice-table-two tr td {
  text-align: right;
}

/*====================================================
    account-assist
 ====================================================*/
.account-assist .account__desc {
  position: relative;
  font-size: 20px;
}
.account-assist .account__desc:before, .account-assist .account__desc:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 45%;
  height: 1px;
  background-color: rgba(128, 137, 150, 0.2);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.account-assist .account__desc:after {
  left: auto;
  right: 0;
}

.user-action-form {
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.user-action-form .billing-form-item {
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.user-action-form .billing-title-wrap {
  padding-top: 45px;
  padding-bottom: 0;
}
.user-action-form .billing-content {
  padding-top: 48px;
}

.contact-details {
  background-image: url("../images/contact-bg.jpg");
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 35px 40px 35px 40px;
  position: relative;
  z-index: 1;
}
.contact-details:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(44, 44, 81, 0.9);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.contact-details-inner .contact-item:last-child {
  margin-bottom: 0;
}

.contact-item {
  margin-bottom: 40px;
}

.blockquote-item {
  border-left: none;
  background-image: url(../images/img2.jpg);
  background-size: cover;
  background-position: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 1;
  padding: 40px;
  position: relative;
}
.blockquote-item .blockquote__icon {
  position: absolute;
  right: 40px;
  bottom: 20px;
  font-size: 100px;
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.1);
}
.blockquote-item .blockquote__text {
  line-height: 30px;
  font-style: italic;
  color: #fff;
}
.blockquote-item .blockquote__meta {
  margin-top: 16px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
}
@media (max-width: 425px) {
  .blockquote-item .blockquote__meta {
    display: block;
  }
}
.blockquote-item .blockquote__meta span {
  color: rgba(255, 255, 255, 0.4);
  font-size: 15px;
  margin-left: 5px;
}
.blockquote-item:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2c2c51;
  opacity: 0.9;
  z-index: -1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*====================================================
    breadcrumb-area
 ====================================================*/
.breadcrumb-area {
  padding-top: 150px;
  padding-bottom: 65px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .breadcrumb-area {
    padding-top: 165px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .breadcrumb-area {
    padding-top: 120px;
    padding-bottom: 75px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .breadcrumb-area {
    padding-top: 120px;
    padding-bottom: 75px;
  }
}
.breadcrumb-area:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 44, 81, 0.95);
  z-index: -1;
}
.breadcrumb-area .watch-video-btn {
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

body.desktop .breadcrumb-area {
  background-image: url("../images/bread-bg.jpg");
}

.about-breadcrumb {
  padding-bottom: 160px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .breadcrumb-content {
    display: block !important;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .breadcrumb-content {
    display: block !important;
    text-align: center;
  }
}
.breadcrumb-content .section-heading .sec__title {
  font-size: 40px;
  margin-bottom: 0;
  color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .breadcrumb-content .section-heading .sec__title {
    font-size: 36px;
  }
}
@media (max-width: 320px) {
  .breadcrumb-content .section-heading .sec__title {
    font-size: 30px;
    line-height: 42px;
  }
}
.breadcrumb-content .social-profile li a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.breadcrumb-content .social-profile li a:hover {
  background-color: #fff;
  color: #0f7a3f;
}
.breadcrumb-content .list-items {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 10px 15px 4px 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-family: sans-serif;
  margin-bottom: 30px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .breadcrumb-content .list-items {
    display: inline-block !important;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .breadcrumb-content .list-items {
    display: inline-block !important;
    margin-top: 30px;
  }
}
.breadcrumb-content .list-items li {
  display: inline-block;
  font-size: 14px;
  position: relative;
  padding-right: 22px;
  color: #fff;
  font-weight: 500;
}
.breadcrumb-content .list-items li:last-child {
  padding-right: 0;
}
.breadcrumb-content .list-items li a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
}
.breadcrumb-content .list-items li a:hover {
  color: #0f7a3f;
}
.breadcrumb-content .list-items li.active__list-item:before {
  position: absolute;
  content: "\f105";
  font-family: "Line Awesome Free";
  top: 2px;
  right: 0;
  padding: 0 7px;
  font-size: 14px;
  opacity: 0.6;
  font-weight: 900;
}
.breadcrumb-content .contact-form-action form .form-control {
  padding-left: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.breadcrumb-content .contact-form-action form .form-group .submit-btn {
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  color: #2c2c51;
  background-color: rgba(128, 137, 150, 0.2);
  padding-right: 25px;
  padding-left: 25px;
  right: 0;
  line-height: 64px;
}
.breadcrumb-content .contact-form-action form .form-group .submit-btn:hover {
  background-color: #0f7a3f;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-content .bread-details {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .breadcrumb-content .bread-details {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .breadcrumb-content .bread-details {
    display: block !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .breadcrumb-content .bread-details {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .breadcrumb-content .bread-details .bread-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .candidate-breadcrumb {
    display: block !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .candidate-breadcrumb {
    display: block !important;
    text-align: left;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .candidate-breadcrumb {
    display: block !important;
    text-align: left;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .candidate-breadcrumb .bread-details .bread-img {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .candidate-breadcrumb .bread-details .bread-img {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
@media (max-width: 375px) {
  .candidate-breadcrumb .bread-candidate-detail {
    display: block !important;
  }
}
@media (max-width: 375px) {
  .candidate-breadcrumb .bread-candidate-detail .bread-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .job-single-breadcrumb .breadcrumb-content {
    text-align: left;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .job-single-breadcrumb .breadcrumb-content {
    text-align: left;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .job-single-breadcrumb .bread-details {
    display: block !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .job-single-breadcrumb .bread-details {
    display: block !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .job-single-breadcrumb .bread-details .bread-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .job-single-breadcrumb .bread-details .bread-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.report-list-items {
  position: absolute;
  right: 15px;
  bottom: 0;
}
@media (max-width: 1199px) {
  .report-list-items {
    position: inherit;
    right: auto;
    bottom: auto;
    margin-top: 10px;
  }
}
.report-list-items .theme-btn {
  background-color: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.report-list-items .theme-btn:hover {
  border-color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 425px) {
  .report-list-items .listing-info li {
    margin-bottom: 0;
  }
}
@media (max-width: 320px) {
  .report-list-items .listing-info li {
    margin-right: 0;
    margin-top: 5px;
  }
}
@media (max-width: 320px) {
  .report-list-items .listing-info li:last-child {
    margin-top: 10px;
  }
}

/*-===============================
    PROGRESS BAR AREA 4
===============================-*/
.circlechart {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .circlechart {
    text-align: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .circlechart {
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .circlechart {
    text-align: center;
  }
}

.circlechart-bg2 .success-stroke {
  stroke: #8C43FF;
}

.circlechart-bg3 .success-stroke {
  stroke: #28d5a7;
}

.circlechart-bg4 .success-stroke {
  stroke: #f9b851;
}

.skillbar-wrap {
  background-color: #F5F7FC;
  padding: 20px;
}
.skillbar-wrap p {
  font-size: 15px;
  line-height: 24px;
}

.skillbar {
  margin-bottom: 10px;
  background-color: rgba(44, 44, 81, 0.1);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.skill-item {
  background-color: #0f7a3f;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  width: 0;
  height: 20px;
  line-height: 19px;
  color: #fff;
  text-align: right;
  padding-right: 10px;
}
.skill-item span {
  font-size: 14px;
  font-weight: 600;
}

/*======================================
       TIMELINE AREA 2
 ======================================*/
.road-map {
  position: relative;
  z-index: 1;
}
.road-map:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #2c2c51;
  opacity: 0.2;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
@media (max-width: 480px) {
  .road-map:after {
    display: none;
  }
}

.happening:hover .happening-period .happening__desc {
  background-color: #0f7a3f;
}
.happening:hover .happening-period:before {
  background-color: #0f7a3f;
  border-color: #fff;
}
.happening:nth-child(2n+2) .happening-period {
  float: right;
  text-align: left;
  padding-top: 60px;
  padding-right: 0;
  padding-left: 45px;
}
@media (max-width: 480px) {
  .happening:nth-child(2n+2) .happening-period {
    padding-left: 0;
    float: none;
    text-align: right;
  }
}
.happening:nth-child(2n+2) .happening-period:before {
  right: auto;
  left: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.happening:nth-child(2n+2) .happening-detail {
  float: left;
  text-align: right;
  margin-top: 31px;
  margin-bottom: 31px;
}
.happening:nth-child(2n+2) .happening-detail:before {
  left: auto;
  right: -12px;
  -webkit-transform: rotate(-179deg);
  -moz-transform: rotate(-179deg);
  -ms-transform: rotate(-179deg);
  -o-transform: rotate(-179deg);
  transform: rotate(-179deg);
}
@media (max-width: 480px) {
  .happening:nth-child(2n+2) .happening-detail:before {
    top: -18px;
    right: 37px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.happening .happening-period {
  width: 50%;
  padding: 27px 42px 0 0;
  float: left;
  vertical-align: top;
  text-align: right;
  position: relative;
}
@media (max-width: 480px) {
  .happening .happening-period {
    width: 100%;
    float: none;
    text-align: left;
    padding-right: 0;
  }
}
.happening .happening-period .happening__desc {
  font-size: 15px;
  line-height: 16px;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  background-color: #2c2c51;
  padding: 8px 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.happening .happening-period:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  border: 3px solid #fff;
  background-color: #2c2c51;
  right: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 480px) {
  .happening .happening-period:before {
    display: none;
  }
}
.happening .happening-detail {
  width: 45%;
  float: right;
  padding: 27px 30px 23px 30px;
  position: relative;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
}
@media (max-width: 480px) {
  .happening .happening-detail {
    width: 100%;
    float: none;
    text-align: left;
    margin-top: 30px;
  }
}
.happening .happening-detail .happening__title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #2c2c51;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .happening .happening-detail .happening__title {
    line-height: 26px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .happening .happening-detail .happening__title {
    line-height: 26px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .happening .happening-detail .happening__title {
    line-height: 26px;
  }
}
.happening .happening-detail .happening__desc {
  line-height: 26px;
}
.happening .happening-detail:before {
  position: absolute;
  top: 26px;
  left: -12px;
  content: "";
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #fff;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
}
@media (max-width: 480px) {
  .happening .happening-detail:before {
    top: -18px;
    left: 37px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.happening:after {
  display: block;
  clear: both;
  content: "";
}
@media (max-width: 480px) {
  .happening:last-child .happening-detail {
    margin-bottom: 0;
  }
}

/*===== report-modal =====*/
@media (max-width: 1024px) {
  .modal-form .modal-dialog.modal-lg {
    width: 500px;
  }
}
@media (max-width: 480px) {
  .modal-form .modal-dialog.modal-lg {
    width: auto;
  }
}
.modal-form .modal-top {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 25px;
  padding: 25px 30px 23px 30px;
}
.modal-form .modal-top .close-arrow {
  opacity: 1;
}
.modal-form .modal-top .close-arrow span {
  font-size: 21px;
  color: #2c2c51;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.modal-form .modal-top .close-arrow span:hover {
  color: #0f7a3f;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.modal-form .modal-top .modal-title {
  font-size: 16px;
  color: #2c2c51;
  font-weight: 600;
}
.modal-form .modal-top .modal-title span {
  color: #3d3e45;
  font-size: 21px;
}
.modal-form .modal-top .modal-sub {
  font-weight: 500;
}
.modal-form .alert-content .warning-icon {
  color: #f9b851;
  font-size: 60px;
  display: inline-block;
}
.modal-form .alert-content .modal-title {
  line-height: 25px;
}
.modal-form .contact-form-action {
  padding: 0 30px 30px 30px;
}
.modal-form .btn-box .theme-btn {
  line-height: 40px;
}
@media (max-width: 320px) {
  .modal-form .btn-box.text-right {
    text-align: left;
  }
}

/*====================================================
    pricing-area
 ====================================================*/
.package-item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 30px;
  padding: 30px 30px 35px 30px;
  border: 1px solid rgba(128, 137, 150, 0.2);
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .package-item {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
.package-item .price__title {
  font-size: 24px;
  font-weight: 700;
  color: #2c2c51;
  margin-bottom: 8px;
}
.package-item .package-info {
  background-color: rgba(44, 44, 81, 0.04);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  padding: 20px;
  text-align: center;
}
.package-item .dollar,
.package-item .amount {
  color: #2c2c51;
  font-weight: 700;
}
.package-item .dollar {
  font-size: 20px;
  top: -15px;
}
.package-item .amount {
  font-size: 45px;
}
.package-item .list-items li {
  margin-bottom: 10px;
}
.package-item .list-items li .la {
  margin-right: 5px;
}
.package-item .theme-btn {
  background-color: #fff;
  color: #0f7a3f;
  border: 1px solid #0f7a3f;
}
.package-item:hover .theme-btn {
  background-color: #0f7a3f;
  color: #fff;
}

.recommended {
  font-weight: 700;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background-color: #0f7a3f;
  border: 1px solid #0f7a3f;
  display: block;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px;
}

/*======= switch ======*/
.package-active {
  padding-top: 87px;
  margin-top: -28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .package-active {
    margin-top: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .package-active {
    margin-top: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .package-active {
    margin-top: 0;
  }
}
.package-active .package-info {
  background-color: rgba(38, 174, 97, 0.05);
  color: #0f7a3f;
}
.package-active .dollar,
.package-active .amount {
  color: #0f7a3f;
}
.package-active .theme-btn {
  background-color: #0f7a3f;
  color: #fff;
}

@media (max-width: 320px) {
  .billing-switcher-action .toggle,
  .billing-switcher-action .toggler {
    margin: 1px;
  }
}
@media (max-width: 320px) {
  .billing-switcher-action .toggle {
    width: 70px;
  }
}
@media (max-width: 320px) {
  .billing-switcher-action .switch {
    right: 58.5%;
  }
}
@media (max-width: 320px) {
  .billing-switcher-action .check:checked ~ .switch {
    left: 58.5%;
    right: 5px;
  }
}

/*====================================================
    about-area
 ====================================================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .about-content {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .about-content {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content .img-boxes {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .about-content .img-boxes {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .about-content .img-boxes {
    margin-bottom: 30px;
  }
}

/*====================================================
    faq area
 ====================================================*/
.accordion-item .card:not(:last-of-type),
.accordion-item .card:not(:first-of-type) {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.accordion-item .card {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);
  border: none;
  margin-bottom: 15px;
}
.accordion-item .card .btn {
  width: 100%;
  text-align: left;
  color: #2c2c51;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  padding: 14px 20px 14px 40px;
  position: relative;
}
@media (max-width: 375px) {
  .accordion-item .card .btn {
    font-size: 16px;
  }
}
.accordion-item .card .btn i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgba(128, 137, 150, 0.2);
  color: #2c2c51;
  text-align: center;
  font-size: 16px;
  display: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.accordion-item .card .btn:after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 14px;
  width: 12px;
  height: 12px;
  background-color: rgba(128, 137, 150, 0.3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.accordion-item .card .btn[aria-expanded=false] i.la.la-plus {
  display: block;
}
.accordion-item .card .btn[aria-expanded=true] i.la.la-minus {
  display: block;
}
.accordion-item .card .btn[aria-expanded=true]:after {
  background-color: #0f7a3f;
}
.accordion-item .card .card-header {
  padding: 0;
  background-color: #fff;
  border-bottom: none;
  margin-bottom: 0;
}
.accordion-item .card .card-body {
  padding: 0 30px 25px 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-area .accordion-item {
    margin-bottom: 40px;
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .faq-area .accordion-item {
    margin-bottom: 40px;
    padding-right: 0 !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .faq-area .accordion-item {
    margin-bottom: 40px;
    padding-right: 0 !important;
  }
}

/*-============ TEAM AREA ========-*/
.team-area .carousel-item-wrap .owl-stage-outer {
  padding-bottom: 0;
}

/*-============ team-item ========-*/
.team-item {
  margin-bottom: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(14, 16, 48, 0.02);
  -moz-box-shadow: 0 0 40px rgba(14, 16, 48, 0.02);
  box-shadow: 0 0 40px rgba(14, 16, 48, 0.02);
  border: 1px solid rgba(127, 136, 151, 0.2);
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 40px 20px;
  text-align: center;
}
.team-item .team-img-box {
  position: relative;
  width: 280px;
  height: 280px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 40px rgba(14, 16, 48, 0.05);
  -moz-box-shadow: 0 0 40px rgba(14, 16, 48, 0.05);
  box-shadow: 0 0 40px rgba(14, 16, 48, 0.05);
  border: 10px solid #fff;
}
@media (max-width: 1199px) {
  .team-item .team-img-box {
    width: 220px;
    height: 220px;
  }
}
.team-item .team-img-box img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.team-item .team-titles {
  position: relative;
  z-index: 1;
  padding-top: 25px;
}
.team-item .team-titles .team__title {
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 3px;
}
.team-item .team-titles .team__title a {
  color: #2c2c51;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  position: relative;
}
.team-item .team-titles .team__title a:hover {
  color: #0f7a3f;
}
.team-item .team-titles .team__meta {
  margin-bottom: 3px;
  font-weight: 500;
}
.team-item .team-titles .social-profile {
  position: relative;
  margin-top: 25px;
  padding-top: 30px;
}
.team-item .team-titles .social-profile:before, .team-item .team-titles .social-profile:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  width: 100%;
  height: 1px;
  background-color: rgba(158, 166, 186, 0.2);
}
.team-item .team-titles .social-profile:after {
  background-color: #0f7a3f;
  width: 0;
  left: auto;
  right: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.team-item .team-titles .social-profile li {
  display: inline-block;
  padding-right: 5px;
}
.team-item .team-titles .social-profile li:last-child {
  padding-right: 0;
}
.team-item:hover .team-titles .social-profile:after {
  width: 100%;
  right: auto;
  left: 0;
}

/*====================================================
    hiw-area
 ====================================================*/
.add-business-item {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -15%;
  width: 33%;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px dashed #e4e4e4;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .add-business-item {
    width: 50%;
    bottom: -10%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .add-business-item {
    position: inherit;
    top: auto;
    bottom: auto;
    left: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    width: 62%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 480px) {
  .add-business-item {
    position: inherit;
    top: auto;
    bottom: auto;
    left: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.add-business-item a {
  display: block;
  width: 100%;
  padding: 35px 20px 27px 20px;
}
.add-business-item a span {
  font-size: 100px;
  width: 65px;
  height: 65px;
  line-height: 65px;
  margin-bottom: 20px;
  background-color: rgba(128, 137, 150, 0.2);
  color: #3d3e45;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.add-business-item a p {
  color: #3d3e45;
  font-size: 16px;
  font-weight: 500;
}
.add-business-item:hover {
  -webkit-transform: translateX(-50%) scale(1.02);
  -moz-transform: translateX(-50%) scale(1.02);
  -ms-transform: translateX(-50%) scale(1.02);
  -o-transform: translateX(-50%) scale(1.02);
  transform: translateX(-50%) scale(1.02);
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .add-business-item:hover {
    -webkit-transform: translateX(0) scale(1.02);
    -moz-transform: translateX(0) scale(1.02);
    -ms-transform: translateX(0) scale(1.02);
    -o-transform: translateX(0) scale(1.02);
    transform: translateX(0) scale(1.02);
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .add-business-item:hover {
    -webkit-transform: translateX(0) scale(1.02);
    -moz-transform: translateX(0) scale(1.02);
    -ms-transform: translateX(0) scale(1.02);
    -o-transform: translateX(0) scale(1.02);
    transform: translateX(0) scale(1.02);
  }
}

.hiw-video-btn {
  position: relative;
  -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hiw-video-btn {
    margin-top: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .hiw-video-btn {
    margin-top: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .hiw-video-btn {
    margin-top: 0;
  }
}
.hiw-video-btn img {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.hiw-video-btn:before {
  position: absolute;
  content: "";
  bottom: -40px;
  right: -41px;
  width: 45%;
  height: 45%;
  background-image: url("../images/dots.png");
  z-index: -1;
  background-size: cover;
  background-position: center;
  opacity: 0.1;
}
@media (max-width: 425px) {
  .hiw-video-btn:before {
    right: auto;
    left: -36px;
    bottom: -18px;
    width: 60%;
  }
}

.video-text {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  color: #2c2c51;
  text-transform: capitalize;
  padding: 38px 110px 32px 113px;
  -webkit-border-radius: 0 4px 0 4px;
  -moz-border-radius: 0 4px 0 4px;
  border-radius: 0 4px 0 4px;
}
@media (max-width: 425px) {
  .video-text {
    padding: 25px 20px 19px 20px;
  }
}
.video-text .video__desc {
  font-size: 80px;
  font-weight: 500;
  margin-top: 15px;
}
@media (max-width: 425px) {
  .video-text .video__desc {
    font-size: 16px;
  }
}

/*====================================================
    earn-money-area
 ====================================================*/
.earn-money-area:after {
  top: auto;
  bottom: 0;
  height: 580px;
}
@media (max-width: 1199px) {
  .earn-money-area:after {
    height: 606px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .earn-money-area:after {
    height: 908px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .earn-money-area:after {
    height: 1164px;
  }
}
@media (max-width: 425px) {
  .earn-money-area:after {
    height: 1224px;
  }
}
@media (max-width: 320px) {
  .earn-money-area:after {
    height: 1266px;
  }
}
.earn-money-area .video-text {
  left: auto;
  right: 0;
  -webkit-border-radius: 100px 0 8px 100px;
  -moz-border-radius: 100px 0 8px 100px;
  border-radius: 100px 0 8px 100px;
  padding: 20px 30px 20px 25px;
  display: flex;
  align-items: center;
}
@media (max-width: 320px) {
  .earn-money-area .video-text {
    padding: 15px;
  }
}
@media (max-width: 320px) {
  .earn-money-area .video-text .video-popup-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 35px;
  }
}
@media (max-width: 320px) {
  .earn-money-area .video-text .video-popup-btn:after {
    width: 12px;
    height: 12px;
  }
}
.earn-money-area .video-text .video__desc {
  display: inline-block;
  margin-top: 0;
  margin-left: 20px;
}
@media (max-width: 320px) {
  .earn-money-area .video-text .video__desc {
    font-size: 15px;
    margin-left: 10px;
  }
}
.earn-money-area .video-text:after {
  display: none;
}

/*====================================================
   get-started-area
 ====================================================*/
.get-started-area .hiw-video-btn .video-text {
  right: auto;
  left: 0;
  -webkit-border-radius: 0 100px 100px 0;
  -moz-border-radius: 0 100px 100px 0;
  border-radius: 0 100px 100px 0;
}
.get-started-area .hiw-video-btn .video-text .video__desc {
  margin-left: 0;
  margin-right: 20px;
}
.get-started-area:after {
  bottom: auto;
  top: 0;
  height: 1050px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .get-started-area:after {
    height: 1150px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .get-started-area:after {
    height: 1750px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .get-started-area:after {
    height: 1150px;
  }
}

/*==== card-area ======*/
@media (max-width: 1199px) {
  .card-area.padding-right-40px {
    padding-right: 0 !important;
  }
}
@media (max-width: 1199px) {
  .card-area.padding-left-40px {
    padding-left: 0 !important;
  }
}

/*==== job-card ======*/
.job-card {
  margin-bottom: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px rgba(82, 85, 90, 0.03);
  -moz-box-shadow: 0 0 30px rgba(82, 85, 90, 0.03);
  box-shadow: 0 0 30px rgba(82, 85, 90, 0.03);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(128, 137, 150, 0.2);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 320px) {
  .job-card {
    text-align: center;
  }
}
.job-card.job-card-big {
  padding: 30px;
}
.job-card:hover {
  -webkit-box-shadow: 0 0 30px rgba(82, 85, 90, 0.3);
  -moz-box-shadow: 0 0 30px rgba(82, 85, 90, 0.3);
  box-shadow: 0 0 30px rgba(82, 85, 90, 0.3);
}
@media (max-width: 320px) {
  .job-card .card-head,
  .job-card .card-foot {
    display: block !important;
  }
}
.job-card .card-foot {
  margin: 15px !important;
  font-weight: 500;
}
@media (max-width: 320px) {
  .job-card .card-foot span {
    margin-right: 10px;
  }
}
.job-card .company-avatar {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 2px 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 2px 40px rgba(82, 85, 90, 0.1);
}
@media (max-width: 320px) {
  .job-card .company-avatar {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto !important;
  }
}
.job-card .company-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.job-card .card-title {
  font-size: 16px;
  color: #2c2c51;
  font-weight: 700;
  text-align: left;
  margin-left: 15px;
}
.job-card .card-title a {
  color: #2c2c51;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.job-card .card-title a:hover {
  color: #0f7a3f;
}
.job-card .card-sub {
  font-size: 15px;
  color: #3d3e45;
}
.job-card .card-svg {
  width: 70px;
}
.job-card:hover {
  border-color: rgba(128, 137, 150, 0.4);
}

/*======= blog-card ========*/
.card-item {
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.card-item .card-badge-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  text-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 2;
  padding-top: 10px;
  padding-right: 25px;
  padding-left: 25px;
}
.card-item .card-badge-wrap .icon-element {
  margin-right: inherit;
  margin-left: inherit;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.card-item .card-badge-wrap .icon-element:hover {
  background-color: #0f7a3f;
}
.card-item .card-badge-wrap .icon-element:hover .shared-list {
  opacity: 1;
  visibility: visible;
  top: 35px;
}
.card-item .shared-list {
  background-color: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-size: 14px;
  padding: 10px 4px;
  width: 40px;
  position: absolute;
  left: -2px;
  top: 45px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
.card-item .shared-list li {
  line-height: 24px;
}
.card-item .shared-list li a {
  color: #2c2c51;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.card-item .shared-list li a:hover {
  color: #0f7a3f;
}
.card-item .card-badge {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: inline-block;
  padding: 0 10px;
  line-height: 22px;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
}
.card-item .img-fluid {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  width: 100%;
}
.card-item .card-meta {
  font-weight: 500;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -o-transform: translateY(5px);
  transform: translateY(5px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  transition-delay: 0.1s;
  color: #fff;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.card-item .author-avatar {
  width: 33px !important;
  height: 33px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 8px;
}
.card-item .card-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
}
.card-item .card-title a {
  color: #fff;
}
.card-item .card-content {
  position: absolute;
  bottom: -43px;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 25px;
  -webkit-transition: all 0.3s cubic-bezier(0.3, 0.97, 0.49, 0.9);
  -moz-transition: all 0.3s cubic-bezier(0.3, 0.97, 0.49, 0.9);
  -ms-transition: all 0.3s cubic-bezier(0.3, 0.97, 0.49, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.3, 0.97, 0.49, 0.9);
  transition: all 0.3s cubic-bezier(0.3, 0.97, 0.49, 0.9);
}
.card-item:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), to(rgba(0, 0, 0, 0.9)));
  background: -webkit-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.9) 100%);
  background: -o-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(to bottom, transparent 40%, rgba(0, 0, 0, 0.9) 100%);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.card-item:hover:after {
  background-color: rgba(0, 0, 0, 0.1);
}
.card-item:hover .card-content {
  bottom: 0;
}
.card-item:hover .card-meta {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

/*======= card-item-layout-2 ========*/
.card-item-layout-2 .card-content {
  position: inherit;
  left: auto;
  bottom: auto;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
  padding-top: 0;
}
.card-item-layout-2 .card-title {
  color: #2c2c51;
  margin-bottom: 0;
  margin-top: 12px;
}
.card-item-layout-2 .card-title a {
  color: #2c2c51;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.card-item-layout-2 .card-title a:hover {
  color: #0f7a3f;
}
.card-item-layout-2 .card-meta {
  opacity: 1;
  visibility: visible;
  color: #3d3e45;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  margin-top: 40px;
  display: block;
}
.card-item-layout-2 .author-avatar {
  width: 51px !important;
  height: 51px;
  margin-right: 0;
  margin-bottom: 4px;
  border: 4px solid #fff;
}
.card-item-layout-2:after {
  display: none;
}

@media (max-width: 1199px) {
  .user-action-card {
    display: block !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .user-action-card {
    display: block !important;
    text-align: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .user-action-card {
    display: block !important;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .user-action-card {
    display: block !important;
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .user-action-card .btn-box {
    margin-top: 20px;
  }
}

.post-card {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-card {
    padding: 25px !important;
  }
}
.post-card .section-heading .sec__title {
  font-size: 24px !important;
}
.post-card .img-fluid {
  width: 150px;
  height: 150px;
}

@media (max-width: 1199px) {
  .employer-job-post .job-card a.d-flex,
  .related-job-post .job-card a.d-flex,
  .jobs-wrapper .job-card a.d-flex {
    display: block !important;
  }
}
@media (max-width: 1199px) {
  .employer-job-post .job-card .card-head,
  .related-job-post .job-card .card-head,
  .jobs-wrapper .job-card .card-head {
    margin-bottom: 20px;
  }
}

/*====================================================
    blog-area
 ====================================================*/
.blog-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area .btn-box {
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog-area .btn-box {
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .blog-area .btn-box {
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area .btn-box .theme-btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog-area .btn-box .theme-btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .blog-area .btn-box .theme-btn {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .single-job-wrap {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .single-job-wrap {
    margin-bottom: 50px;
  }
}

.tag-items .tag-list li {
  font-size: 13px;
}
.tag-items .tag-list li a {
  padding: 3px 14px;
}

/*===== cat-area =====*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cat-area .btn-box.text-right {
    text-align: left !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .cat-area .btn-box.text-right {
    text-align: left !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .cat-area .btn-box.text-right {
    text-align: left !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cat-area .btn-box.margin-top-60px {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .cat-area .btn-box.margin-top-60px {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .cat-area .btn-box.margin-top-60px {
    margin-top: 30px;
  }
}

/*===== category-item =====*/
.category-item {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid rgba(128, 137, 150, 0.2);
  z-index: 1;
  text-align: center;
}
.category-item a {
  color: #2c2c51;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.category-item .cat-svg {
  fill: #2c2c51;
  width: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.category-item .icon-element {
  background-color: rgba(38, 174, 97, 0.1);
  color: #0f7a3f;
}
.category-item .cat__title {
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.category-item span {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #3d3e45;
  text-transform: capitalize;
}
.category-item:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23ffffff' fill-opacity='0.36' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.category-item:hover {
  background-color: #0f7a3f;
  border-color: #0f7a3f;
}
.category-item:hover:after {
  opacity: 0.1;
  visibility: visible;
}
.category-item:hover .icon-element {
  background-color: #fff;
  color: #0f7a3f;
}
.category-item:hover .cat-svg {
  fill: #fff;
}
.category-item:hover .cat__title,
.category-item:hover span {
  color: #fff;
}

/*===== category-item-layout =====*/
.category-item-layout {
  border: none;
  z-index: 1;
}
.category-item-layout .cat-fig-box {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 2;
  color: #fff;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.category-item-layout .cat-fig-box span {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 3px 12px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
}
.category-item-layout .icon-element {
  background-color: #fff;
}
.category-item-layout:after {
  background-color: #2c2c51;
  opacity: 0.8;
  visibility: visible;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image: none;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.category-item-layout:hover .cat-fig-box span {
  background-color: #0f7a3f;
  color: #fff;
}
.category-item-layout:hover:after {
  opacity: 0.9;
}

/*===== location-item-layout =====*/
.location-item-layout {
  overflow: hidden;
}
.location-item-layout .cat-fig-box {
  top: 0;
  height: 100%;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.location-item-layout .cat-img .img-fluid {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.location-item-layout .cat-content {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  text-align: center;
}
.location-item-layout .cat__title {
  font-size: 18px;
  font-weight: 600;
}
.location-item-layout:after {
  opacity: 1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(0, 0, 0, 0.99)));
  background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.99) 100%);
  background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.99) 100%);
  background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.99) 100%);
}
.location-item-layout:hover {
  background-color: transparent;
  border-color: transparent;
}
.location-item-layout:hover .cat-img .img-fluid {
  -webkit-transform: scale(1.1) rotate(3deg);
  -moz-transform: scale(1.1) rotate(3deg);
  -ms-transform: scale(1.1) rotate(3deg);
  -o-transform: scale(1.1) rotate(3deg);
  transform: scale(1.1) rotate(3deg);
}

/*====================================================
    cta-area
 ====================================================*/
.cta-area {
  position: relative;
}
.cta-area .section-heading .sec__title {
  margin-bottom: 10px;
}
.cta-area .btn-box {
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area .btn-box {
    text-align: center;
    margin-top: 35px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .cta-area .btn-box {
    text-align: center;
    margin-top: 35px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .cta-area .btn-box {
    text-align: center;
    margin-top: 35px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .cta-area .btn-box.mt-0 {
    margin-top: 10px !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .cta-area .btn-box.mt-0 {
    margin-top: 10px !important;
  }
}
.cta-area .btn-box .theme-btn:nth-child(2) {
  margin-left: 10px;
}
@media (max-width: 320px) {
  .cta-area .btn-box .theme-btn:nth-child(2) {
    margin-left: 0;
    margin-top: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area.padding-top-100px {
    padding-top: 80px;
    padding-bottom: 104px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .cta-area.padding-top-100px {
    padding-top: 80px;
    padding-bottom: 104px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .cta-area.padding-top-100px {
    padding-top: 80px;
    padding-bottom: 104px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .cta-area.padding-top-30px {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .cta-area.padding-top-30px {
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area-2.padding-bottom-70px {
    padding-bottom: 77px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .cta-area-2.padding-bottom-70px {
    padding-bottom: 77px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .cta-area-2.padding-bottom-70px {
    padding-bottom: 77px;
  }
}

@media (max-width: 1199px) {
  .mobile-app-area {
    padding-bottom: 105px;
  }
}

.cta-text-box a {
  display: block;
  padding: 20px;
  border: 1px solid rgba(128, 137, 150, 0.3);
  color: #3d3e45;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 600;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.cta-text-box a i {
  margin-right: 10px;
  font-size: 34px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: rgba(128, 137, 150, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cta-text-box a:hover {
  border-color: rgba(128, 137, 150, 0.6);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mobile-app-content {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mobile-app-content {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .mobile-app-content {
    margin-top: 20px;
  }
}
@media (max-width: 320px) {
  .mobile-app-content .btn-box {
    text-align: center !important;
    display: block !important;
  }
}
@media (max-width: 320px) {
  .mobile-app-content .btn-box .theme-btn {
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.mobile-app-content .btn-box .theme-btn:nth-child(2) {
  margin-left: 10px;
}
@media (max-width: 320px) {
  .mobile-app-content .btn-box .theme-btn:nth-child(2) {
    margin-left: 0;
    margin-top: 10px;
  }
}
.mobile-app-content .info-list li {
  color: #2c2c51;
}
.mobile-app-content .info-list li .la {
  margin-right: 20px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 35px;
}

/*====================================================
    cta-area 2
 ====================================================*/
.cta-area-2 {
  position: relative;
  z-index: 2;
}
.cta-area-2:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199' viewBox='0 0 100 199'%3E%3Cg fill='%23ffffff' fill-opacity='0.49'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

/*====================================================
    subscribe-form
 ====================================================*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .subscribe-form {
    display: block !important;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .subscribe-form {
    display: block !important;
    text-align: center;
  }
}
.subscribe-form .form-control,
.subscribe-form .select-option {
  padding-top: 10px;
  padding-bottom: 10px;
}
.subscribe-form .form-group .form-icon {
  top: 16px;
}
.subscribe-form .select-option-wrap:after {
  top: 13px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .subscribe-form p {
    margin-right: 0 !important;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .subscribe-form p {
    margin-right: 0 !important;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-form p br {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .subscribe-form p br {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .subscribe-form p br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-form-2 {
    display: block !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-form-2 p {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .subscribe-form-2 p {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .subscribe-form-2 p {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-form-2 .contact-form-action,
  .subscribe-form-2 p {
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .subscribe-form-2 .contact-form-action,
  .subscribe-form-2 p {
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .subscribe-form-2 .contact-form-action,
  .subscribe-form-2 p {
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
}

/*====================================================
    dashboard-nav
 ====================================================*/
.header-desktop .header-menu-wrapper {
  padding-right: 30px;
  padding-left: 30px;
  border-bottom: 1px solid rgba(128, 137, 150, 0.2);
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
}
@media (max-width: 1199px) {
  .header-desktop .header-menu-wrapper {
    height: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-desktop .header-menu-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .header-desktop .header-menu-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .header-desktop .header-menu-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.header-desktop .header-menu-wrapper .logo {
  width: 300px;
  border-right: 1px solid rgba(128, 137, 150, 0.2);
}
@media (max-width: 1199px) {
  .header-desktop .header-menu-wrapper .logo {
    border-right: 0;
    width: auto;
  }
}
.header-desktop .main-menu-content {
  margin-left: 0;
  padding-right: 0;
  text-align: left;
  padding-left: 40px;
}
.header-desktop .logo-right-content {
  margin-left: auto;
}
.header-desktop .logo-right-content .dropdown-menu {
  left: auto !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  -o-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  -webkit-box-shadow: 0 2px 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 2px 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 2px 40px rgba(82, 85, 90, 0.1);
  right: -30px;
  margin-top: 65px;
  width: 310px;
  padding: 0;
  border: 1px solid rgba(128, 137, 150, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-desktop .logo-right-content .dropdown-menu {
    margin-top: 60px;
    right: -70px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .header-desktop .logo-right-content .dropdown-menu {
    margin-top: 60px;
    right: -70px;
  }
}
@media (max-width: 425px) {
  .header-desktop .logo-right-content .dropdown-menu {
    width: 300px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .header-desktop .logo-right-content .dropdown-menu {
    margin-top: 60px;
    right: -70px;
  }
}
.header-desktop .logo-right-content .dropdown-menu.show {
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  -o-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
@media (max-width: 1199px) {
  .header-desktop .logo-right-content .header-action-button {
    margin-right: 20px;
  }
}
@media (max-width: 425px) {
  .header-desktop .logo-right-content .header-action-button {
    display: none !important;
  }
}
@media (max-width: 425px) {
  .header-desktop .logo-right-content .header-action-button .notification-wrap .dropdown-menu {
    right: -100px;
  }
}
.header-desktop .logo-right-content .header-action-button .user-action-wrap .dropdown-menu {
  width: 280px;
}
.header-desktop .logo-right-content .header-action-button.active {
  display: block;
}
@media (max-width: 425px) {
  .header-desktop .logo-right-content .side-menu-open {
    margin-right: 8px;
  }
}

.dot-status {
  position: relative;
}
.dot-status:before {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  height: 14px;
  width: 14px;
  background-color: #e4e4e4;
  display: block;
  border: 2px solid #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.notification-btn {
  position: relative;
  border: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(38, 174, 97, 0.1);
  color: #0f7a3f;
  font-size: 21px;
  outline: none !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.notification-btn:after {
  display: none;
}
.notification-btn:hover {
  background-color: #0f7a3f;
  color: #fff;
}

.notification-btn[aria-expanded=true] {
  background-color: #0f7a3f;
  color: #fff;
}

.notification-item .quantity {
  position: absolute;
  display: inline-block;
  top: -7px;
  right: -6px;
  height: 22px;
  width: 22px;
  line-height: 19px;
  text-align: center;
  background-color: #0f7a3f;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 11px;
  border: 2px solid #fff;
  font-weight: 700;
}

.mess-dropdown {
  position: relative;
}

.mess__title {
  padding: 20px;
  border-bottom: 1px solid rgba(128, 137, 150, 0.1);
}
.mess__title .widget-title {
  font-size: 16px;
  padding-bottom: 0;
}
.mess__title p {
  font-weight: 400;
  color: #3d3e45;
  font-size: 14px;
}

.mess__body {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  font-weight: 500;
}
.mess__body::-webkit-scrollbar {
  width: 8px;
}
.mess__body::-webkit-scrollbar-track {
  background-color: rgba(128, 137, 150, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.mess__body::-webkit-scrollbar-thumb {
  background-color: rgba(128, 137, 150, 0.2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.mess__body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(128, 137, 150, 0.4);
}

.mess__item {
  padding: 19px 20px;
  border-bottom: 1px solid rgba(128, 137, 150, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.mess__item .avatar {
  margin-right: 15px;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}
.mess__item .avatar img {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.mess__item .icon-element {
  background-color: rgba(38, 174, 97, 0.1);
  color: #0f7a3f;
  margin-right: 15px;
  flex-shrink: 0;
  margin-left: 0;
}
.mess__item .content {
  width: -webkit-calc(100% - 75px);
  width: -moz-calc(100% - 75px);
  width: calc(100% - 75px);
  text-align: left;
}
.mess__item .content .widget-title {
  font-size: 14px;
  padding-top: 4px;
  margin-bottom: 3px;
  padding-bottom: 0;
}
.mess__item .content .text {
  font-size: 14px;
  color: #3d3e45;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mess__item .content .time {
  font-size: 13px;
  color: #0f7a3f;
}
.mess__item:hover {
  background-color: rgba(128, 137, 150, 0.05);
}

.online-status:before {
  background-color: #0f7a3f !important;
}

.user-action-wrap .notification-btn {
  position: relative;
  background-color: transparent;
}
.user-action-wrap .notification-btn:hover {
  background-color: transparent;
}
.user-action-wrap .notification-btn img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 100%;
  border: 1px solid rgba(128, 137, 150, 0.2);
}
.user-action-wrap .notification-btn[aria-expanded=true] {
  background-color: transparent;
  color: transparent;
}
.user-action-wrap .image {
  width: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 50px;
  margin-right: 15px;
}
.user-action-wrap .image img {
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgba(128, 137, 150, 0.2);
}
.user-action-wrap .widget-title {
  font-weight: 700;
  padding-bottom: 0;
  font-size: 18px;
}
.user-action-wrap .widget-title a {
  color: #2c2c51;
}
.user-action-wrap .email {
  color: #3d3e45;
  font-size: 13px;
}
.user-action-wrap .mess__body {
  max-height: 100%;
  overflow-x: inherit;
  overflow-y: inherit;
  padding: 15px 20px;
}
.user-action-wrap .mess__body a {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #2c2c51;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.user-action-wrap .mess__body a i {
  margin-right: 5px;
}
.user-action-wrap .mess__body a:hover {
  color: #0f7a3f;
}

.dashboard-area {
  height: 100vh;
}
@media (max-width: 1024px) {
  .dashboard-area {
    padding-top: 120px;
  }
}

.dashboard-nav-trigger {
  padding: 0 15px 35px 15px;
  display: none;
}
@media (max-width: 1024px) {
  .dashboard-nav-trigger {
    display: block;
  }
}

.dashboard-nav-trigger-btn {
  background-color: #2c2c51;
  padding: 10px 15px 10px 45px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  position: relative;
}
.dashboard-nav-trigger-btn .la {
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dashboard-content-wrap {
  height: 100vh;
  padding-top: 130px;
  padding-left: 368px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .dashboard-content-wrap {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .dashboard-content-wrap .breadcrumb-content {
    text-align: left !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .dashboard-content-wrap .breadcrumb-content {
    text-align: left !important;
  }
}
.dashboard-content-wrap .breadcrumb-content .section-heading .sec__title {
  color: #2c2c51;
  font-size: 32px;
}
.dashboard-content-wrap .breadcrumb-content .list-items {
  background-color: rgba(44, 44, 81, 0.08);
}
.dashboard-content-wrap .breadcrumb-content .list-items li {
  color: #2c2c51;
}
.dashboard-content-wrap .breadcrumb-content .list-items li a {
  color: #2c2c51;
}
.dashboard-content-wrap .breadcrumb-content .list-items li a:hover {
  color: #0f7a3f;
}

.overview-item {
  margin-bottom: 30px;
}
@media (max-width: 1440px) {
  .overview-item .icon-box {
    display: block !important;
    text-align: center;
  }
}
.overview-item .icon-box:after {
  display: none;
}
.overview-item .icon-box .icon-element {
  margin-left: 0;
  margin-right: 20px;
  background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 1440px) {
  .overview-item .icon-box .icon-element {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
.overview-item .icon-box .info__count,
.overview-item .icon-box .info__title {
  color: #fff;
}
@media (max-width: 1440px) {
  .overview-item .icon-box .info__title {
    font-size: 18px;
  }
}
.overview-item .icon-box:hover .icon-element {
  color: #2c2c51;
  background-color: #fff;
}

.dashboard-shared {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 18px 0 rgba(44, 44, 81, 0.1);
  -moz-box-shadow: 0 0 18px 0 rgba(44, 44, 81, 0.1);
  box-shadow: 0 0 18px 0 rgba(44, 44, 81, 0.1);
}
.dashboard-shared .mess-dropdown .mess__title {
  padding: 0;
  position: relative;
}
@media (max-width: 1440px) {
  .dashboard-shared .mess-dropdown .mess__title {
    height: 85px;
  }
}
.dashboard-shared .mess-dropdown .mess__title .img-fluid {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
@media (max-width: 1440px) {
  .dashboard-shared .mess-dropdown .mess__title .img-fluid {
    height: 100%;
  }
}
.dashboard-shared .mess-dropdown .mess__title .widget-title {
  font-size: 20px;
  color: #fff;
}
.dashboard-shared .mess-dropdown .mess__title .mess__title-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.dashboard-shared .mess-dropdown .mess__title:after {
  background: rgba(49, 89, 253, 0.9);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.dashboard-shared .mess-dropdown .mess__body {
  max-height: 374px;
}
.dashboard-shared .mess-dropdown:after {
  display: none;
}

.timeline-dashboard .mess__body {
  position: relative;
}
.timeline-dashboard .mess__body:after {
  content: "";
  position: absolute;
  left: 30px;
  width: 3px;
  top: 5px;
  bottom: 5px;
  height: calc(100% - 5px);
  background-color: rgba(128, 137, 150, 0.1);
}
.timeline-dashboard .mess__body .mess__item {
  border-bottom: none;
  padding-left: 50px;
  position: relative;
}

.note-dashboard .mess-dropdown .mess__body {
  max-height: 310px;
}
.note-dashboard .mess-dropdown .mess__body .mess__item {
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .edit-profile-wrap {
    display: block !important;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .edit-profile-wrap {
    display: block !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .edit-profile-wrap {
    display: block !important;
  }
}

.user-profile-action .user-pro-img {
  position: relative;
  width: 200px;
  margin-right: 30px;
}
.user-profile-action .user-pro-img img {
  width: 100%;
}
.user-profile-action .file-upload-wrap .MultiFile-list > .MultiFile-label {
  width: auto;
}
.user-profile-action .file-upload-wrap .MultiFile-list .MultiFile-preview {
  max-width: 10rem !important;
  max-height: 10rem !important;
}

.user-edit-form .edit-form-btn {
  color: #2c2c51;
  background-color: rgba(128, 137, 150, 0.2);
  border: 1px solid rgba(128, 137, 150, 0.3);
  line-height: 44px;
  position: relative;
  outline: none;
}
.user-edit-form .edit-form-btn:hover {
  background-color: rgba(128, 137, 150, 0.4);
  border-color: rgba(128, 137, 150, 0.6);
}
.user-edit-form .dropdown-menu {
  min-width: 100%;
  margin-top: 15px;
  border: 1px solid rgba(128, 137, 150, 0.2);
  padding: 20px;
}

.delete-info-content .theme-btn {
  outline: none;
}
.delete-info-content p {
  font-weight: 500;
}
.delete-info-content p span {
  font-weight: 600;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .manage-candidate-wrap {
    display: block !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .manage-candidate-wrap {
    display: block !important;
  }
}
@media (max-width: 480px) {
  .manage-candidate-wrap .bread-details {
    display: block !important;
  }
}
@media (max-width: 480px) {
  .manage-candidate-wrap .bread-details .bread-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .manage-candidate-wrap .bread-action {
    padding-top: 10px;
    padding-left: 120px;
  }
}
@media (max-width: 480px) {
  .manage-candidate-wrap .bread-action {
    padding-top: 20px;
    padding-left: 0;
  }
}
.manage-candidate-wrap .bread-action .info-list li a {
  display: block;
}
.manage-candidate-wrap .bread-action .info-list li .la {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
}

.manage-job-wrap .bread-action .icon-element {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
}
.manage-job-wrap .table {
  color: #2c2c51;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .manage-job-wrap .table {
    width: 800px;
  }
}
@media (max-width: 767px) {
  .manage-job-wrap .table {
    width: 830px;
  }
}
.manage-job-wrap .table thead th {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  border-bottom: none;
  border-top: none;
}
.manage-job-wrap .table tbody tr td {
  color: #3d3e45;
  padding-left: 0;
  padding-top: 20px;
  padding-bottom: 25px;
  border-top-color: rgba(128, 137, 150, 0.2);
}

.my-resume-wrap .table tbody {
  border-bottom: 1px solid rgba(128, 137, 150, 0.2);
}
.my-resume-wrap .table tbody tr td {
  padding-bottom: 13px;
}

.add-item-form {
  position: relative;
  display: none;
}
.add-item-form .add-more-close .icon-element {
  position: absolute;
  top: -15px;
  right: 20px;
  width: 35px;
  height: 35px;
  line-height: 33px;
  font-size: 16px;
  cursor: pointer;
  background-color: #fff;
  color: #3d3e45;
  border: 1px solid rgba(128, 137, 150, 0.2);
}
.add-item-form .add-more-close .icon-element:hover {
  background-color: #0f7a3f;
  color: #fff;
}
.add-item-form.active {
  display: block;
}

.dashboard-message-wrapper {
  border: 1px solid rgba(128, 137, 150, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.01);
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.01);
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .dashboard-message-wrapper {
    display: block !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .dashboard-message-wrapper {
    display: block !important;
  }
}

.message-sidebar {
  width: 320px;
  border-right: 1px solid rgba(128, 137, 150, 0.2);
}
@media (max-width: 1199px) {
  .message-sidebar {
    width: 250px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .message-sidebar {
    width: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .message-sidebar {
    width: auto;
  }
}
.message-sidebar .contact-form-action .form-control {
  padding-left: 20px;
  background-color: rgba(128, 137, 150, 0.08);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

.message-search {
  padding: 27px 30px;
  border-bottom: 1px solid rgba(128, 137, 150, 0.2);
}

.message-inbox-item .mess__body {
  max-height: 435px;
}
.message-inbox-item .mess__item {
  padding: 20px 30px 0 30px;
  border-bottom: none;
}
.message-inbox-item .mess__item .avatar {
  width: 50px;
  height: 50px;
}
.message-inbox-item .mess__item .avatar img {
  width: 50px;
  height: 50px;
}
.message-inbox-item .content .widget-title {
  padding-top: 0;
}
.message-inbox-item .content p {
  margin-bottom: 0;
}

.message-inbox {
  position: relative;
}
.message-inbox:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background-color: #fff;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.message-inbox:hover {
  background-color: rgba(38, 174, 97, 0.05);
}
.message-inbox:hover:after {
  background-color: #0f7a3f;
}

.message-active {
  background-color: rgba(38, 174, 97, 0.05);
}
.message-active:after {
  background-color: #0f7a3f;
}

.message-content .mess__item {
  padding-right: 30px;
  padding-left: 30px;
}
.message-content .mess__item:hover {
  background-color: transparent;
}

.msg-action-bar {
  padding: 14px 30px;
  font-size: 13px;
  border-top: 1px solid rgba(128, 137, 150, 0.2);
}
.msg-action-bar a {
  color: #2c2c51;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: rgba(44, 44, 81, 0.05);
  padding: 2px 8px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.msg-action-bar a:hover {
  color: #0f7a3f;
}

.conversation-wrap {
  padding: 20px 0px;
}

.conversation-box {
  max-height: 620px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.conversation-box::-webkit-scrollbar {
  width: 8px;
}
.conversation-box::-webkit-scrollbar-track {
  background-color: rgba(128, 137, 150, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.conversation-box::-webkit-scrollbar-thumb {
  background-color: rgba(128, 137, 150, 0.2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.conversation-box::-webkit-scrollbar-thumb:hover {
  background-color: rgba(128, 137, 150, 0.4);
}

.message-time {
  text-align: center;
  display: block;
  margin-bottom: 24px;
}
.message-time span {
  background-color: rgba(38, 174, 97, 0.07);
  padding: 2px 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #0f7a3f;
  font-size: 15px;
}

.conversation-item .mess__body {
  max-height: inherit;
  overflow-x: inherit;
  overflow-y: inherit;
}
.conversation-item .mess__item {
  border-bottom: none;
  padding-top: 0;
}
.conversation-item .mess__item .content {
  display: inline-block;
  padding: 10px 15px;
  -webkit-border-radius: 4px 0 4px 4px;
  -moz-border-radius: 4px 0 4px 4px;
  border-radius: 4px 0 4px 4px;
  max-width: 250px;
  position: relative;
}
.conversation-item .mess__item .content .text {
  margin-bottom: 1px;
  color: #fff;
  white-space: inherit;
  overflow: inherit;
  text-overflow: inherit;
  line-height: 20px;
}
.conversation-item .mess__item .content .time {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
}
.conversation-item .mess__item .content:after {
  content: "";
  position: absolute;
  right: -12px;
  top: 0;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-left-color: #0f7a3f;
  border-right: 0;
  border-top: 0;
}
.conversation-item .mess__item .content.msg-typing {
  max-width: 106px;
  max-height: 50px;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
}
.conversation-item .mess__item .content.msg-typing .text {
  margin-right: 3px;
  margin-bottom: 0;
}
.conversation-item .mess__item .content.msg-typing .typing-director {
  padding-top: 8px;
}

.msg-sent .mess__item {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.msg-sent .mess__item .content {
  background-color: #0f7a3f;
}
.msg-sent .mess__item .content .time {
  float: right;
}
.msg-sent .mess__item .content .time .fa-check {
  color: #fff;
}
.msg-sent .mess__item .avatar {
  margin-right: 0;
  margin-left: 13px;
}

.msg-reply .mess__item .content {
  background-color: rgba(128, 137, 150, 0.1);
}
.msg-reply .mess__item .content .text {
  color: #888888;
}
.msg-reply .mess__item .content .time {
  float: left;
  color: rgba(128, 137, 150, 0.7);
}
.msg-reply .mess__item .content:after {
  right: auto;
  left: -12px;
  border-right: 12px solid rgba(128, 137, 150, 0.1);
  border-left: 0;
  border-top: 0;
}
.msg-reply .mess__item .avatar {
  margin-right: 13px;
}

.message-reply-input {
  padding: 20px 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05);
  border-top: 1px solid rgba(128, 137, 150, 0.2);
}
@media (max-width: 375px) {
  .message-reply-input {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 320px) {
  .message-reply-input {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.message-reply-input .emojionearea-emojis-list {
  padding-top: 20px;
}
.message-reply-input .emojionearea {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.message-reply-input .emojionearea-search {
  height: auto !important;
}
.message-reply-input .emojionearea-search > input {
  height: auto !important;
  border: 1px solid rgba(128, 137, 150, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 12px;
}
.message-reply-input .emojionearea-editor {
  width: 100%;
  min-height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  margin-right: 10px;
  flex: 1;
  font-size: 15px;
  font-weight: 500;
  color: #2c2c51;
  border: none;
  resize: none;
  outline: none;
}
.message-reply-input .emojionearea-editor:before {
  color: #3d3e45 !important;
}
.message-reply-input .emojionearea-button {
  top: 14px;
}

.manage-job-header {
  background-color: #F5F7FC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 10px 20px 0 20px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 425px) {
  .manage-job-header {
    display: block;
  }
}

.manage-job-count {
  padding-bottom: 10px;
}
.manage-job-count .icon-element {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 15px;
  display: inline-block;
  margin-right: 5px;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .client-logo-wrap.d-flex {
    display: block !important;
  }
}

.client-logo-item {
  padding: 10px 30px;
  margin: 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid rgba(128, 137, 150, 0.1);
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.07);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.07);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.07);
}

.comment {
  display: flex;
  margin-bottom: 30px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .comment {
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .comment {
    display: block;
    text-align: center;
  }
}
.comment .avatar__img {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 4px solid #fff;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
}
.comment .comment-body {
  margin-left: 16px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .comment .comment-body {
    margin-left: 0;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .comment .comment-body {
    margin-left: 0;
    margin-top: 15px;
  }
}
.comment .comment-body .meta-data {
  position: relative;
}
.comment .comment-body .comment__author {
  font-weight: 600;
  color: #2c2c51;
  text-transform: capitalize;
  font-size: 16px;
}
.comment .comment-body .comment__date {
  font-size: 14px;
  margin-left: 5px;
  font-weight: 500;
}
.comment .comment-body .rating-rating {
  position: absolute;
  top: 3px;
  right: 0;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .comment .comment-body .rating-rating {
    position: inherit;
    justify-content: center;
    top: auto;
    right: auto;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .comment .comment-body .rating-rating {
    position: inherit;
    justify-content: center;
    top: auto;
    right: auto;
  }
}
.comment .comment-body .comment-content {
  margin-top: 10px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .comment .comment-body .comment-reply {
    display: block !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .comment .comment-body .comment-reply {
    display: block !important;
  }
}
.comment .comment-body .comment-reply .comment__btn {
  color: #0f7a3f;
  line-height: 35px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: transparent;
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}
.comment .comment-body .comment-reply .comment__btn:hover {
  background-color: #0f7a3f;
  color: #fff;
  border-color: #0f7a3f;
}

.comments-reply {
  margin-left: 95px;
}
@media (max-width: 1199px) {
  .comments-reply {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .comments-reply {
    margin-left: 0;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .comments-reply {
    margin-left: 0;
  }
}

/*== rating__list ==*/
.rating-list li {
  display: inline-block;
  padding-right: 20px;
}
@media (max-width: 320px) {
  .rating-list li {
    display: block;
    padding-right: 0;
    padding-bottom: 30px;
  }
}
.rating-list li .la-star {
  color: #f9b851;
  font-size: 16px;
}
.rating-list li:last-child {
  padding-right: 0;
}
.rating-list li .review-label {
  display: block;
  position: relative;
  user-select: none;
  margin-top: 5px;
}
.rating-list li .review-label input {
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.rating-list li .review-label input:checked ~ .review-mark {
  border-color: #0f7a3f;
}
.rating-list li .review-label input:checked ~ .review-mark:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.rating-list li .review-label .review-mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
  border-width: 2px;
  border-style: solid;
  border-color: #e4e4e4;
  border-image: initial;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.rating-list li .review-label .review-mark:before {
  top: 2px;
  left: 2px;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #0f7a3f;
  opacity: 0;
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -o-transform: scale(0.1);
  transform: scale(0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.review-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1199px) {
  .review-content {
    display: block;
  }
}
.review-content .review-rating-summary {
  text-align: center;
}
@media (max-width: 1199px) {
  .review-content .review-rating-summary {
    text-align: left;
    margin-bottom: 40px;
  }
}
.review-content .stats-average__count-count {
  color: #2c2c51;
  font-size: 60px;
  font-weight: 600;
}
.review-content .stats-average__rating {
  margin-top: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.review-content .stats-average__rating .rating-rating span {
  font-size: 85px;
}
.review-content .course-rating-text {
  margin-top: 5px;
  font-size: 80px;
  color: #3d3e45;
}
.review-content .review-rating-widget {
  margin-top: -12px;
  margin-left: 80px;
  width: 100%;
  color: #3d3e45;
}
@media (max-width: 1199px) {
  .review-content .review-rating-widget {
    margin-left: 0;
  }
}
.review-content .review-rating-rate .review-rating-rate__items {
  margin-bottom: 10px;
}
@media (max-width: 425px) {
  .review-content .review-rating-rate .review-rating-rate__items {
    margin-bottom: 15px;
  }
}
.review-content .review-rating-rate .review-rating-rate__items:last-child {
  margin-bottom: 0;
}
.review-content .review-rating-rate .review-rating-inner__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 425px) {
  .review-content .review-rating-rate .review-rating-inner__item {
    display: block !important;
  }
}
.review-content .review-rating-rate .review-rating-inner__item .review-rating-rate__item-text {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px;
  width: 75px;
}
@media (max-width: 425px) {
  .review-content .review-rating-rate .review-rating-inner__item .review-rating-rate__item-text {
    width: 100%;
    margin-bottom: 5px;
  }
}
.review-content .review-rating-rate .review-rating-inner__item .review-rating-rate__item-fill {
  width: 310px;
  height: 20px;
  background-color: rgba(127, 136, 151, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 15px;
}
@media (max-width: 425px) {
  .review-content .review-rating-rate .review-rating-inner__item .review-rating-rate__item-fill {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.review-content .review-rating-rate .review-rating-inner__item .review-rating-rate__item-fill .review-rating-rate__item-fill__fill {
  background-color: #f9b851;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: block;
  width: 77%;
  height: 100%;
}
.review-content .review-rating-rate .review-rating-inner__item .review-rating-rate__item-fill .rating-fill-width2 {
  width: 54%;
}
.review-content .review-rating-rate .review-rating-inner__item .review-rating-rate__item-fill .rating-fill-width3 {
  width: 14%;
}
.review-content .review-rating-rate .review-rating-inner__item .review-rating-rate__item-fill .rating-fill-width4 {
  width: 5%;
}
.review-content .review-rating-rate .review-rating-inner__item .review-rating-rate__item-fill .rating-fill-width5 {
  width: 2%;
}
.review-content .review-rating-rate .review-rating-inner__item .review-rating-rate__item-percent-text {
  opacity: 0.8;
}

.rating-rating span {
  color: #f9b851;
  margin-left: -1px;
  display: inline-block;
  font-size: 15px;
}
.rating-rating span.rating-count {
  color: #3d3e45;
  font-weight: 500;
  margin-left: 2px;
}

.tab-shared .nav-tabs {
  border-bottom: none;
  width: 330px;
  margin-right: auto;
  margin-left: auto;
  background-color: #0f7a3f;
  padding: 20px 20px 26px 20px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
@media (max-width: 375px) {
  .tab-shared .nav-tabs {
    width: 100%;
  }
}
@media (max-width: 320px) {
  .tab-shared .nav-tabs {
    padding-bottom: 15px;
  }
}
.tab-shared .nav-tabs .nav-item {
  margin-bottom: 0;
  margin-right: 5px;
}
.tab-shared .nav-tabs .nav-item:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 320px) {
  .tab-shared .nav-tabs .nav-item:last-child {
    margin-bottom: 10px;
  }
}
@media (max-width: 320px) {
  .tab-shared .nav-tabs .nav-item {
    margin-bottom: 15px;
  }
}
.tab-shared .nav-tabs .nav-item .nav-link {
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}
.tab-shared .nav-tabs .nav-item .nav-link span {
  font-size: 80px;
}
.tab-shared .nav-tabs .nav-item .nav-link:after {
  position: absolute;
  content: "";
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.tab-shared .nav-tabs .nav-item .nav-link.active {
  background-color: #fff;
  color: #2c2c51;
}
.tab-shared .nav-tabs .nav-item .nav-link.active:after {
  border-top-color: #fff;
}
.tab-shared .nav-tabs .theme-btn {
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
  line-height: 45px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.1);
}
.tab-shared .nav-tabs .theme-btn:hover {
  background-color: #fff;
  color: #2c2c51;
}

.tab-shared-2 .nav-tabs {
  width: auto;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .tab-shared-2 .nav-tabs .nav-item {
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .tab-shared-2 .nav-tabs .nav-item {
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
.tab-shared-2 .nav-tabs .nav-item .nav-link {
  background-color: rgba(38, 174, 97, 0.1);
  color: #0f7a3f;
}
.tab-shared-2 .nav-tabs .nav-item .nav-link:hover, .tab-shared-2 .nav-tabs .nav-item .nav-link.active {
  background-color: #0f7a3f;
  color: #fff;
}
.tab-shared-2 .nav-tabs .nav-item .nav-link.active:after {
  border-top-color: #0f7a3f;
}

.tab-shared-3 .nav-tabs {
  width: auto;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
  background-color: #fff;
  padding: 0;
  border-bottom: 1px solid rgba(121, 127, 135, 0.1);
}
.tab-shared-3 .nav-tabs .nav-item {
  width: 50%;
  margin-right: 0;
  position: relative;
}
.tab-shared-3 .nav-tabs .nav-item:first-child .nav-link {
  -webkit-border-radius: 12px 0 0 0;
  -moz-border-radius: 12px 0 0 0;
  border-radius: 12px 0 0 0;
}
.tab-shared-3 .nav-tabs .nav-item:first-child:after {
  position: absolute;
  content: "Or";
  top: 50%;
  right: -17px;
  width: 35px;
  height: 35px;
  line-height: 29px;
  background-color: #3d3e45;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  border: 2px solid #fff;
  text-align: center;
}
.tab-shared-3 .nav-tabs .nav-item:last-child .nav-link {
  -webkit-border-radius: 0 12px 0 0;
  -moz-border-radius: 0 12px 0 0;
  border-radius: 0 12px 0 0;
}
.tab-shared-3 .nav-tabs .nav-item .nav-link {
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  line-height: 60px;
  text-align: center;
  background-color: #fff;
  color: #2c2c51;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tab-shared-3 .nav-tabs .nav-item .nav-link:after {
  display: none;
}
.tab-shared-3 .nav-tabs .nav-item .nav-link .la {
  font-size: 18px;
  margin-right: 5px;
}
.tab-shared-3 .nav-tabs .nav-item .nav-link.active {
  background-color: rgba(44, 44, 81, 0.1);
  color: #2c2c51;
}

.icon-element {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #0f7a3f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  font-size: 28px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
}

.icon-element-2 {
  display: inline-block;
  font-size: 50px;
  color: #2c2c51;
  width: 80px;
  height: 80px;
  line-height: 77px;
  text-align: center;
  border: 2px solid #2c2c51;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
@media (max-width: 425px) {
  .icon-element-2 {
    width: 70px;
    height: 70px;
    line-height: 67px;
  }
}
.icon-element-2:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.icon-element-2:hover {
  background-color: #0f7a3f;
  color: #fff;
  border-color: #0f7a3f;
}

#particles-bg-2,
#particles-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/*======= file upload ========*/
.file-upload-wrap {
  position: relative;
}
.file-upload-wrap .file-upload-input {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  border: 2px dashed rgba(128, 137, 150, 0.2);
  height: 170px;
  text-align: center;
  cursor: pointer;
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-indent: -99999px;
}
.file-upload-wrap .file-upload-input:hover {
  border-color: rgba(128, 137, 150, 0.6);
  background-color: rgba(128, 137, 150, 0.04);
}
.file-upload-wrap .file-upload-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  line-height: 170px;
  text-align: center;
  font-size: 20px;
  color: rgba(128, 137, 150, 0.9);
  font-weight: 500;
}
.file-upload-wrap .MultiFile-list {
  margin-top: 20px;
}
.file-upload-wrap .MultiFile-list > .MultiFile-label {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: rgba(128, 137, 150, 0.06);
  display: inline-block;
  border: 2px solid rgba(128, 137, 150, 0.1);
  padding: 16px;
  position: relative;
  width: 100%;
}
.file-upload-wrap .MultiFile-list > .MultiFile-label + .MultiFile-label {
  margin-top: 20px;
}
.file-upload-wrap .MultiFile-list > .MultiFile-label > span {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.file-upload-wrap .MultiFile-list span.MultiFile-label {
  box-shadow: 0 0.2rem 0.7rem 0 rgba(0, 0, 0, 0.08);
  position: relative;
  text-align: center;
  display: inline-block;
  margin: 10px;
}
.file-upload-wrap .MultiFile-list .MultiFile-remove {
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
  color: #2c2c51;
  width: 30px;
  height: 30px;
  text-align: center;
  top: -16px;
  right: -16px;
  z-index: 1;
}
.file-upload-wrap .MultiFile-list .MultiFile-remove:hover {
  color: #f00125;
}
.file-upload-wrap .MultiFile-list .MultiFile-title {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  padding: 16px;
  bottom: 0;
  text-align: center;
  width: 100%;
  line-height: 24px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.file-upload-wrap .MultiFile-list .MultiFile-preview {
  max-width: 15rem !important;
  max-height: 15rem !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*======== file-upload-wrap-2 =======*/
.file-upload-wrap-2 .file-upload-input {
  width: 175px;
  border: 1px solid rgba(128, 137, 150, 0.1);
  height: 50px;
  background-color: rgba(128, 137, 150, 0.04);
}
.file-upload-wrap-2 .file-upload-text {
  width: auto;
  left: 25px;
  line-height: 50px;
  font-size: 16px;
}

/*======== file-upload-wrap-3 =======*/
.file-upload-wrap-3 .file-upload-input {
  width: 30px;
  border: 0;
  height: 25px;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.file-upload-wrap-3 .file-upload-input:hover {
  background-color: transparent;
}
.file-upload-wrap-3 .file-upload-text {
  line-height: 25px;
  font-size: 20px;
}
.file-upload-wrap-3 .MultiFile-list {
  position: absolute;
  right: 0;
  width: 1000px;
  bottom: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .file-upload-wrap-3 .MultiFile-list {
    width: 310px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .file-upload-wrap-3 .MultiFile-list {
    width: 310px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .file-upload-wrap-3 .MultiFile-list {
    width: 310px;
  }
}
.file-upload-wrap-3 .MultiFile-list > .MultiFile-label {
  background-color: #fff;
  -webkit-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 10px 40px rgba(82, 85, 90, 0.1);
}
.file-upload-wrap-3 .MultiFile-list .MultiFile-preview {
  max-width: 10rem !important;
  max-height: 10rem !important;
}

/*====================================================
    testimonial-area
 ====================================================*/
.carousel-item-wrap {
  position: relative;
}
.carousel-item-wrap .owl-stage-outer {
  padding-bottom: 60px;
}
@media (max-width: 575px) {
  .carousel-item-wrap .owl-nav {
    display: none;
  }
}
.carousel-item-wrap .owl-nav div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid rgba(128, 137, 150, 0.2);
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  font-size: 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1366px) {
  .carousel-item-wrap .owl-nav div {
    top: 38%;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@media (max-width: 480px) {
  .carousel-item-wrap .owl-nav div {
    top: auto;
    bottom: -50px;
  }
}
.carousel-item-wrap .owl-nav div:hover {
  background-color: #0f7a3f;
  color: #fff;
}
.carousel-item-wrap .owl-nav div.owl-prev {
  left: -60px;
}
@media (max-width: 1366px) {
  .carousel-item-wrap .owl-nav div.owl-prev {
    left: -25px;
  }
}
@media (max-width: 480px) {
  .carousel-item-wrap .owl-nav div.owl-prev {
    left: 200px;
  }
}
@media (max-width: 400px) {
  .carousel-item-wrap .owl-nav div.owl-prev {
    left: 85px;
  }
}
.carousel-item-wrap .owl-nav div.owl-next {
  left: auto;
  right: -60px;
}
@media (max-width: 1366px) {
  .carousel-item-wrap .owl-nav div.owl-next {
    right: -25px;
  }
}
@media (max-width: 480px) {
  .carousel-item-wrap .owl-nav div.owl-next {
    right: 200px;
  }
}
@media (max-width: 400px) {
  .carousel-item-wrap .owl-nav div.owl-next {
    right: 85px;
  }
}
.carousel-item-wrap .owl-dots {
  width: 100%;
  text-align: center;
}
.carousel-item-wrap .owl-dots div {
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid rgba(51, 63, 87, 0.1);
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 2px;
  position: relative;
}
.carousel-item-wrap .owl-dots div:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #0f7a3f;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.carousel-item-wrap .owl-dots div.active {
  border-color: #0f7a3f;
}
.carousel-item-wrap .owl-dots div.active:after {
  height: 100%;
}

/*========= testimonial-item =========*/
.testimonial-item {
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.01);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.01);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.01);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  padding: 30px 30px 54px 30px;
  z-index: 1;
  border: 1px solid rgba(128, 137, 150, 0.2);
}
.testimonial-item .testi__img {
  width: 85px !important;
  height: 85px !important;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.02);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.02);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.02);
}
.testimonial-item .testi__img img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.testimonial-item .tesi__title {
  font-size: 18px;
  font-weight: 700;
  color: #2c2c51;
  margin-bottom: 1px;
}
.testimonial-item .testi__meta {
  font-size: 15px;
  text-transform: capitalize;
}
.testimonial-item:after {
  position: absolute;
  content: "\f10d";
  bottom: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: "Line Awesome Free";
  font-weight: 900;
  z-index: -1;
  font-size: 24px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  border: 1px solid rgba(128, 137, 150, 0.2);
  color: #3d3e45;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.testimonial-item:hover:after {
  background-color: #0f7a3f;
  color: #fff;
  border-color: #0f7a3f;
}

/*===== testimonial-area2 ======*/
.testimonial-area2 {
  padding-top: 173px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .testimonial-area2 {
    padding-top: 96px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .testimonial-area2 {
    padding-top: 96px;
  }
}

/*====================================================
    author-area
 ====================================================*/
.author-bio {
  position: relative;
}
.author-bio img {
  width: 80px !important;
  height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.2);
  margin-right: 15px;
}
.author-bio .author__title {
  display: block;
  text-transform: capitalize;
  color: #2c2c51;
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 8px;
}
.author-bio .author__meta {
  color: #3d3e45;
}
.author-bio .author__meta li {
  display: inline-block;
  font-size: 13px;
  text-transform: capitalize;
}

/*====================================================
    map-container
 ====================================================*/
.home-map .gm-fullscreen-control {
  display: none;
}

.map-container {
  position: relative;
  overflow: hidden;
}

#map-wrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.map-height {
  height: 500px;
}

.infoBox {
  width: 310px !important;
}

.map-info-popup {
  display: block;
  position: relative;
}
.map-info-popup:before {
  content: "";
  height: 20px;
  width: 20px;
  background-color: #fff;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  -o-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}
.map-info-popup .map-popup {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 0px 9px rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0 0px 9px rgba(0, 0, 0, 0.01);
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.01);
}
.map-info-popup .map-popup img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 4px 4px 14px 14px;
  -moz-border-radius: 4px 4px 14px 14px;
  border-radius: 4px 4px 14px 14px;
}
.map-info-popup .map-popup .close-info {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 31px;
  top: 20px;
  text-align: center;
  right: 20px;
  color: #2c2c51;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 20;
  cursor: pointer;
  background-color: #fff;
  font-size: 16px;
}
.map-info-popup .map-popup .close-info .la-close {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 700;
}
.map-info-popup .map-popup .close-info:hover .la-close {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #0f7a3f;
}
.map-info-popup .map-popup .map-category {
  position: absolute;
  top: 20px;
  left: 20px;
  font-weight: 500;
  color: #2c2c51;
  z-index: 20;
  padding: 8px 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #fff;
}
.map-info-popup .map-popup .map-img-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #2c2c51;
  opacity: 0.4;
  -webkit-border-radius: 4px 4px 12px 12px;
  -moz-border-radius: 4px 4px 12px 12px;
  border-radius: 4px 4px 12px 12px;
}
.map-info-popup .map-popup .map-list-content {
  background-color: #fff;
  padding: 25px 20px;
  z-index: 20;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.map-info-popup .map-popup .map-list-content .map-ratting {
  font-size: 13px;
}
.map-info-popup .map-popup .map-list-content .map-ratting i {
  color: #f9b851;
  margin-right: 3px;
}
.map-info-popup .map-popup .map-list-content .map-ratting .map-review-count {
  font-weight: 600;
}
.map-info-popup .map-popup .map-list-content .map-title h4 {
  font-size: 16px;
  font-weight: 600;
  color: #2c2c51;
}
.map-info-popup .map-popup .map-list-content .map-title h4 a {
  color: #2c2c51;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.map-info-popup .map-popup .map-list-content .map-title h4 a:hover {
  color: #0f7a3f;
}
.map-info-popup .map-popup .map-list-content .map-store-call,
.map-info-popup .map-popup .map-list-content .map-location-info {
  color: #3d3e45;
  font-size: 15px;
}
.map-info-popup .map-popup .map-list-content .map-store-call i,
.map-info-popup .map-popup .map-list-content .map-location-info i {
  text-align: center;
  font-size: 16px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(255, 107, 107, 0.1);
  margin-right: 10px;
  color: #0f7a3f;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.map-info-popup .map-popup .map-list-content .map-store-call:hover i,
.map-info-popup .map-popup .map-list-content .map-location-info:hover i {
  background-color: #0f7a3f;
  color: #fff;
}

/*== general map style ===*/
.cluster {
  width: 40px !important;
  height: 40px !important;
}
.cluster div {
  text-align: center;
  font-size: 15px !important;
  background: #2c2c51;
  color: #fff;
  font-weight: 600;
  border-radius: 100%;
  width: 40px !important;
  height: 40px !important;
  line-height: 38px !important;
  -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.5);
  border: 2px solid #2c2c51;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  animation: cluster-animation 1.5s infinite;
}
.cluster div:hover {
  background-color: #3d3e45;
}

/*====================================================
    map
 ====================================================*/
.gmaps {
  position: relative;
}
.gmaps #map {
  width: 100%;
  height: 500px;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .tag-area.padding-top-130px {
    padding-top: 100px;
  }
}

.tag-list li {
  display: inline-block;
  text-transform: capitalize;
  margin-bottom: 7px;
  margin-right: 4px;
  font-weight: 500;
}
.tag-list li a {
  background-color: rgba(128, 137, 150, 0.1);
  color: #3d3e45;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 5px 20px;
  display: block;
}
.tag-list li a:after {
  display: none;
}
.tag-list li a:hover {
  background-color: #0f7a3f;
  color: #fff;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .tag-items {
    display: block !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .tag-items {
    display: block !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .tag-items .tag-list {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .tag-items .tag-list {
    margin-bottom: 15px;
  }
}

.job-tags li {
  margin-right: 10px;
  margin-bottom: 8px;
}
.job-tags li a {
  display: block;
  padding: 5px 20px;
  border: 1px solid rgba(128, 137, 150, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.job-tags li a:hover {
  background-color: #0f7a3f;
  color: #fff;
  border-color: #0f7a3f;
}

.key-info-item {
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.01);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.01);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.01);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(128, 137, 150, 0.2);
  padding-right: 22px;
  margin-bottom: 30px;
}
.key-info-item .list-items {
  height: 245px;
  overflow-x: hidden;
  padding: 0 22px 22px 22px;
}
.key-info-item .list-items::-webkit-scrollbar {
  width: 8px;
}
.key-info-item .list-items::-webkit-scrollbar-track {
  background-color: rgba(128, 137, 150, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.key-info-item .list-items::-webkit-scrollbar-thumb {
  background-color: rgba(128, 137, 150, 0.2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.key-info-item .list-items::-webkit-scrollbar-thumb:hover {
  background-color: rgba(128, 137, 150, 0.4);
}

/*====================================================
   sidebar
 ====================================================*/
.author-verified-badge .author__verified-badge {
  background-color: #40CC6F;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 15px 0;
  cursor: help;
}
.author-verified-badge .author__verified-badge span {
  font-size: 80px;
}

/*====== sidebar =====*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar {
    margin-top: 40px;
    margin-bottom: 50px;
    display: -webkit-flex;
    display: -ms-flex;
    -ms-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .sidebar {
    margin-bottom: 50px;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .sidebar {
    margin-top: 40px;
    margin-bottom: 50px;
  }
}
.sidebar .billing-form-item {
  margin-bottom: 0;
}
.sidebar .billing-content .custom-checkbox {
  margin-right: 0;
}
.sidebar .billing-content ul li:last-child .radio-trigger,
.sidebar .billing-content ul li:last-child .custom-checkbox {
  margin-bottom: 0;
}
.sidebar .sidebar-widget {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar .sidebar-widget {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.sidebar .sidebar-widget .gmaps #map {
  height: 300px;
}

.recent-item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  border-bottom: 1px solid rgba(44, 44, 81, 0.1);
  padding-bottom: 16px;
}
.recent-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.recent-item .recent-img {
  margin-right: 13px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.recent-item .recent-img img {
  width: 90px;
  height: 90px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.recent-item .recent-post-body .recent__meta {
  font-size: 13px;
}
.recent-item .recent-post-body a {
  color: #2c2c51;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.recent-item .recent-post-body a:hover {
  color: #0f7a3f;
}
.recent-item .recent-post-body .recent__link {
  font-size: 15px;
  color: #2c2c51;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 2px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.recent-item .recent-post-body .recent__link:hover {
  color: #0f7a3f;
}

@media (max-width: 1024px) {
  .popular-job-widget .billing-content {
    padding-bottom: 27px;
  }
}

/*====================================================
    single-employer
 ====================================================*/
.video-employer .video__box {
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.video-employer .video__box img {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.video-employer .video__box:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 44, 81, 0.6);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.video-employer .video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

@media (max-width: 320px) {
  .contact-listing .info-list li {
    display: block;
  }
}
.contact-listing .info-list li span {
  color: #2c2c51;
  width: 140px;
  display: inline-block;
}
@media (max-width: 320px) {
  .contact-listing .info-list li span {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}

.social-contact a {
  line-height: 45px;
}
@media (max-width: 1199px) {
  .social-contact a {
    margin-bottom: 5px;
  }
}
.social-contact a:hover {
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  transform: scale(1.04);
}
.social-contact a.facebook-link {
  background-color: #3b5998;
}
.social-contact a.twitter-link {
  background-color: #1da1f2;
}
.social-contact a.instagram-link {
  background-color: #e1306c;
}
.social-contact a.linkedin-link {
  background-color: #2877B5;
}
.social-contact a.youtube-link {
  background-color: #f00125;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-listing-wrap {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .single-listing-wrap {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .single-listing-wrap {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback-card-box .icon-box {
    text-align: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .feedback-card-box .icon-box {
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .feedback-card-box .icon-box {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback-card-box .icon-box .info__title {
    -ms-flex-pack: justify;
    justify-content: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .feedback-card-box .icon-box .info__title {
    -ms-flex-pack: justify;
    justify-content: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .feedback-card-box .icon-box .info__title {
    -ms-flex-pack: justify;
    justify-content: center;
  }
}

.candidate-item {
  border: 1px solid rgba(128, 137, 150, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 1199px) {
  .candidate-item {
    display: block !important;
  }
}
.candidate-item .widget-title a {
  color: #2c2c51;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.candidate-item .widget-title a:hover {
  color: #0f7a3f;
}
@media (max-width: 1199px) {
  .candidate-item .bread-details {
    margin-bottom: 21px;
  }
}
@media (max-width: 480px) {
  .candidate-item .bread-details {
    display: block !important;
  }
}
@media (max-width: 480px) {
  .candidate-item .bread-details .bread-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .candidate-info {
    text-align: center;
    display: block !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .candidate-info {
    text-align: center;
    display: block !important;
  }
}
.candidate-info .icon-element {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 22px;
  margin-left: 0;
  margin-right: 12px;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .candidate-info .icon-element {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .candidate-info .icon-element {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
  }
}
.candidate-info .info__title {
  font-size: 15px;
}
.candidate-info .info__desc {
  font-size: 14px;
  margin-top: 2px;
  font-weight: 500;
}

.candidate-education .timeline-dashboard .mess__body {
  max-height: inherit;
  overflow-x: inherit;
  overflow-y: inherit;
}
.candidate-education .timeline-dashboard .mess__body .mess__item:hover {
  background-color: transparent;
}

/*====================================================
    footer-area
 ====================================================*/
.footer-area {
  position: relative;
  z-index: 1;
}

.footer-item {
  color: #3d3e45;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-item {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .footer-item {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .footer-item {
    margin-bottom: 40px;
  }
}
.footer-item .logo {
  padding: 0;
  position: inherit;
  text-align: inherit;
  top: auto;
  left: auto;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.footer-item .footer__desc {
  font-size: 15px;
}
.footer-item .footer__desc a {
  color: #2c2c51;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.footer-item .footer__desc a:hover {
  color: #0f7a3f;
}
.footer-item .footer__title {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #2c2c51;
}
.footer-item .contact-links {
  margin-top: 5px;
}
.footer-item .contact-links li {
  margin-bottom: 15px;
  position: relative;
  text-transform: inherit;
}

.copy-right {
  color: #3d3e45;
  position: relative;
  display: -webkit-box;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copy-right {
    margin-top: 30px;
    padding-top: 30px;
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .copy-right {
    margin-top: 30px;
    padding-top: 30px;
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .copy-right {
    margin-top: 30px;
    padding-top: 30px;
    display: block;
    text-align: center;
  }
}
.copy-right:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #2c2c51;
  opacity: 0.1;
}
.copy-right span {
  animation: heartBeat 800ms infinite linear;
}
.copy-right span,
.copy-right a {
  color: #0f7a3f;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copy-right .list-items {
    text-align: center;
    margin-top: 5px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .copy-right .list-items {
    text-align: center;
    margin-top: 5px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .copy-right .list-items {
    text-align: center;
    margin-top: 5px;
  }
}
.copy-right .list-items li {
  padding-right: 3px;
  display: inline-block;
  font-size: 14px;
}
.copy-right .list-items li:last-child {
  padding-right: 0;
  margin-bottom: 0;
}
/*!
 * TOAST UI ImageEditor
 * @version 3.15.2
 * @author NHN. FE Development Team <dl_javascript@nhn.com>
 * @license MIT
 */
body > textarea{position:fixed !important}.tui-image-editor-container{margin:0;padding:0;box-sizing:border-box;min-height:850px;height:100%;position:relative;background-color:#282828;overflow:hidden;letter-spacing:.3px}.tui-image-editor-container div,.tui-image-editor-container ul,.tui-image-editor-container label,.tui-image-editor-container input,.tui-image-editor-container li{box-sizing:border-box;margin:0;padding:0;-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.tui-image-editor-container .tui-image-editor-header{min-width:533px;position:absolute;background-color:#151515;top:0;width:100%}.tui-image-editor-container .tui-image-editor-header-buttons,.tui-image-editor-container .tui-image-editor-controls-buttons{float:right;margin:8px}.tui-image-editor-container .tui-image-editor-header-logo,.tui-image-editor-container .tui-image-editor-controls-logo{float:left;width:30%;padding:17px}.tui-image-editor-container .tui-image-editor-controls-logo,.tui-image-editor-container .tui-image-editor-controls-buttons{width:270px;height:100%;display:none}.tui-image-editor-container .tui-image-editor-header-buttons button,.tui-image-editor-container .tui-image-editor-header-buttons div,.tui-image-editor-container .tui-image-editor-controls-buttons button,.tui-image-editor-container .tui-image-editor-controls-buttons div{display:inline-block;position:relative;width:120px;height:40px;padding:0;line-height:40px;outline:none;border-radius:20px;border:1px solid #ddd;font-family:'Noto Sans',sans-serif;font-size:12px;font-weight:bold;cursor:pointer;vertical-align:middle;letter-spacing:.3px;text-align:center}.tui-image-editor-container .tui-image-editor-download-btn{background-color:#fdba3b;border-color:#fdba3b;color:#fff}.tui-image-editor-container .tui-image-editor-load-btn{position:absolute;left:0;right:0;display:inline-block;top:0;bottom:0;width:100%;cursor:pointer;opacity:0}.tui-image-editor-container .tui-image-editor-main-container{position:absolute;width:100%;top:0;bottom:64px}.tui-image-editor-container .tui-image-editor-main{position:absolute;text-align:center;top:64px;bottom:0;right:0;left:0}.tui-image-editor-container .tui-image-editor-wrap{position:absolute;bottom:0;width:100%;overflow:auto}.tui-image-editor-container .tui-image-editor-wrap .tui-image-editor-size-wrap{display:table;width:100%;height:100%}.tui-image-editor-container .tui-image-editor-wrap .tui-image-editor-size-wrap .tui-image-editor-align-wrap{display:table-cell;vertical-align:middle}.tui-image-editor-container .tui-image-editor{position:relative;display:inline-block}.tui-image-editor-container .tui-image-editor-menu,.tui-image-editor-container .tui-image-editor-help-menu{width:auto;list-style:none;padding:0;margin:0 auto;display:table-cell;text-align:center;vertical-align:middle;white-space:nowrap}.tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item,.tui-image-editor-container .tui-image-editor-help-menu > .tui-image-editor-item{position:relative;display:inline-block;border-radius:2px;padding:7px 8px 3px 8px;cursor:pointer;margin:0 4px}.tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:hover:before,.tui-image-editor-container .tui-image-editor-help-menu > .tui-image-editor-item[tooltip-content]:hover:before{content:'';position:absolute;display:inline-block;margin:0 auto 0;width:0;height:0;border-right:7px solid transparent;border-top:7px solid #2f2f2f;border-left:7px solid transparent;left:13px;top:-2px}.tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:hover:after,.tui-image-editor-container .tui-image-editor-help-menu > .tui-image-editor-item[tooltip-content]:hover:after{content:attr(tooltip-content);position:absolute;display:inline-block;background-color:#2f2f2f;color:#fff;padding:5px 8px;font-size:11px;font-weight:lighter;border-radius:3px;max-height:23px;top:-25px;left:0;min-width:24px}.tui-image-editor-container .tui-image-editor-menu > .tui-image-editor-item.active,.tui-image-editor-container .tui-image-editor-help-menu > .tui-image-editor-item.active{background-color:#fff;transition:all .3s ease}.tui-image-editor-container .tui-image-editor-wrap{position:absolute}.tui-image-editor-container .tui-image-editor-grid-visual{display:none;position:absolute;width:100%;height:100%;border:1px solid rgba(255,255,255,0.7)}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor{transition:none}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-grid-visual,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-grid-visual,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-grid-visual{display:block}.tui-image-editor-container .tui-image-editor-grid-visual table{width:100%;height:100%;border-collapse:collapse}.tui-image-editor-container .tui-image-editor-grid-visual table td{border:1px solid rgba(255,255,255,0.3)}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot:before{content:'';position:absolute;box-sizing:border-box;width:10px;height:10px;border:0;box-shadow:0 0 1px 0 rgba(0,0,0,0.3);border-radius:100%;background-color:#fff}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.left-top:before{top:-5px;left:-5px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.right-top:before{top:-5px;right:-5px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.left-bottom:before{bottom:-5px;left:-5px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.right-bottom:before{bottom:-5px;right:-5px}.tui-image-editor-container .tui-image-editor-submenu{display:none;position:absolute;bottom:0;width:100%;height:150px;white-space:nowrap;z-index:2}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-button:hover svg > use.active{display:block}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item li{display:inline-block;vertical-align:top}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-newline{display:block;margin-top:0}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button{position:relative;cursor:pointer;display:inline-block;font-weight:normal;font-size:11px;margin:0 9px 0 9px}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.preset{margin:0 9px 20px 5px}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item label > span{display:inline-block;cursor:pointer;padding-top:5px;font-family:"Noto Sans",sans-serif;font-size:11px}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.apply label,.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.cancel label{vertical-align:7px}.tui-image-editor-container .tui-image-editor-submenu > div{display:none;vertical-align:bottom}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-style{opacity:.95;z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0;display:block}.tui-image-editor-container .tui-image-editor-partition > div{width:1px;height:52px;border-left:1px solid #3c3c3c;margin:0 8px 0 8px}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-partition > div{height:108px;margin:0 29px 0 0}.tui-image-editor-container .tui-image-editor-submenu-align{text-align:left;margin-right:30px}.tui-image-editor-container .tui-image-editor-submenu-align label > span{width:55px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-submenu-align:first-child{margin-right:0}.tui-image-editor-container .tui-image-editor-submenu-align:first-child label > span{width:70px}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu > div.tui-image-editor-menu-crop,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu > div.tui-image-editor-menu-resize,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu > div.tui-image-editor-menu-flip,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu > div.tui-image-editor-menu-rotate,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu > div.tui-image-editor-menu-shape,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu > div.tui-image-editor-menu-text,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu > div.tui-image-editor-menu-mask,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu > div.tui-image-editor-menu-icon,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu > div.tui-image-editor-menu-draw,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu > div.tui-image-editor-menu-filter,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu > div.tui-image-editor-menu-zoom{display:table-cell}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu{display:table}.tui-image-editor-container .tui-image-editor-help-menu{list-style:none;padding:0;margin:0 auto;text-align:center;vertical-align:middle;border-radius:20px;background-color:rgba(255,255,255,0.06);z-index:2;position:absolute}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history{display:none;background-color:#fff;color:#444;position:absolute;width:196px;height:276px;padding:4px 2px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.15);cursor:auto;transform:translateX(calc(-50% + 12px))}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list{height:268px;padding:0;overflow:hidden scroll;list-style:none}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item{height:24px;font-size:11px;line-height:24px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item{position:relative;height:24px;cursor:pointer}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item svg{width:24px;height:24px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item span{display:inline-block;width:128px;height:24px;text-align:left}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item .history-item-icon{display:inline-block;width:24px;height:24px;position:absolute;top:6px;left:6px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item .history-item-checkbox{display:none;width:24px;height:24px;position:absolute;top:5px;right:-6px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.selected-item{background-color:rgba(119,119,119,0.12)}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.selected-item .history-item-checkbox{display:inline-block}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.disabled-item{color:#333;opacity:.3}.tui-image-editor-container .tui-image-editor-help-menu .opened .tie-panel-history{display:block}.tui-image-editor-container .tui-image-editor-help-menu .opened .tie-panel-history:before{content:'';position:absolute;display:inline-block;margin:0 auto;width:0;height:0}.tui-image-editor-container .filter-color-item{display:inline-block}.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox{display:block}.tui-image-editor-container .tui-image-editor-checkbox-wrap{display:inline-block !important;text-align:left}.tui-image-editor-container .tui-image-editor-checkbox-wrap.fixed-width{width:187px;white-space:normal}.tui-image-editor-container .tui-image-editor-checkbox{display:inline-block;margin:1px 0 1px 0}.tui-image-editor-container .tui-image-editor-checkbox input{width:14px;height:14px;opacity:0}.tui-image-editor-container .tui-image-editor-checkbox > label > span{color:#fff;height:14px;position:relative}.tui-image-editor-container .tui-image-editor-checkbox input + label:before,.tui-image-editor-container .tui-image-editor-checkbox > label > span:before{content:'';position:absolute;width:14px;height:14px;background-color:#fff;top:6px;left:-19px;display:inline-block;margin:0;text-align:center;font-size:11px;border:0;border-radius:2px;padding-top:1px;box-sizing:border-box}.tui-image-editor-container .tui-image-editor-checkbox input[type='checkbox']:checked + span:before{background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMBJREFUKBWVkjEOwjAMRe2WgZW7IIHEDdhghhuwcQ42rlJugAQS54Cxa5cq1QM5TUpByZfS2j9+dlJVt/tX5ZxbS4ZU9VLkQvSHKTIGRaVJYFmKrBbTCJxE2UgCdDzMZDkHrOV6b95V0US6UmgKodujEZbJg0B0ZgEModO5lrY1TMQf1TpyJGBEjD+E2NPN7ukIUDiF/BfEXgRiGEw8NgkffYGYwCi808fpn/6OvfUfsDr/Vc1IfRf8sKnFVqeiVQfDu0tf/nWH9gAAAABJRU5ErkJggg==)}.tui-image-editor-container .tui-image-editor-selectlist-wrap{position:relative}.tui-image-editor-container .tui-image-editor-selectlist-wrap select{width:100%;height:28px;margin-top:4px;border:0;outline:0;border-radius:0;border:1px solid #cbdbdb;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 7px 0 10px}.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist{display:none;position:relative;top:-1px;border:1px solid #ccc;background-color:#fff;border-top:0;padding:4px 0}.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist li{display:block;text-align:left;padding:7px 10px;font-family:'Noto Sans',sans-serif}.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist li:hover{background-color:rgba(81,92,230,0.05)}.tui-image-editor-container .tui-image-editor-selectlist-wrap:before{content:'';position:absolute;display:inline-block;width:14px;height:14px;right:5px;top:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAHlJREFUKBVjYBgFOEOAEVkmPDxc89+/f6eAYjzI4kD2FyYmJrOVK1deh4kzwRggGiQBVJCELAZig8SQNYHEmEEEMrh69eo1HR0dfqCYJUickZGxf9WqVf3IakBsFBthklpaWmVA9mEQhrJhUoTp0NBQCRAmrHL4qgAAuu4cWZOZIGsAAAAASUVORK5CYII=);background-size:cover}.tui-image-editor-container .tui-image-editor-selectlist-wrap select::-ms-expand{display:none}.tui-image-editor-container .tui-image-editor-virtual-range-bar .tui-image-editor-disabled,.tui-image-editor-container .tui-image-editor-virtual-range-subbar .tui-image-editor-disabled,.tui-image-editor-container .tui-image-editor-virtual-range-pointer .tui-image-editor-disabled{backbround-color:#f00}.tui-image-editor-container .tui-image-editor-range{position:relative;top:5px;width:166px;height:17px;display:inline-block}.tui-image-editor-container .tui-image-editor-virtual-range-bar{top:7px;position:absolute;width:100%;height:2px;background-color:#666}.tui-image-editor-container .tui-image-editor-virtual-range-subbar{position:absolute;height:100%;left:0;right:0;background-color:#d1d1d1}.tui-image-editor-container .tui-image-editor-virtual-range-pointer{position:absolute;cursor:pointer;top:-5px;left:0;width:12px;height:12px;background-color:#fff;border-radius:100%}.tui-image-editor-container .tui-image-editor-range-wrap{display:inline-block;margin-left:4px}.tui-image-editor-container .tui-image-editor-range-wrap.short .tui-image-editor-range{width:100px}.tui-image-editor-container .color-picker-control .tui-image-editor-range{width:108px;margin-left:10px}.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-pointer{background-color:#333}.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-bar{background-color:#ccc}.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-subbar{background-color:#606060}.tui-image-editor-container .tui-image-editor-range-wrap.tui-image-editor-newline.short{margin-top:-2px;margin-left:19px}.tui-image-editor-container .tui-image-editor-range-wrap.tui-image-editor-newline.short label{color:#8e8e8e;font-weight:normal}.tui-image-editor-container .tui-image-editor-range-wrap label{vertical-align:baseline;font-size:11px;margin-right:7px;color:#fff}.tui-image-editor-container .tui-image-editor-range-value{cursor:default;width:40px;height:24px;outline:none;border-radius:2px;box-shadow:none;border:1px solid #d5d5d5;text-align:center;background-color:#1c1c1c;color:#fff;font-weight:lighter;vertical-align:baseline;font-family:'Noto Sans',sans-serif;margin-top:15px;margin-left:4px}.tui-image-editor-container .tui-image-editor-controls{position:absolute;background-color:#151515;width:100%;height:64px;display:table;bottom:0;z-index:2}.tui-image-editor-container .tui-image-editor-icpartition{display:inline-block;background-color:#444;width:1px;height:24px}.tui-image-editor-container.left .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:before{left:28px;top:11px;border-right:7px solid #2f2f2f;border-top:7px solid transparent;border-bottom:7px solid transparent}.tui-image-editor-container.left .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:after{top:7px;left:42px;white-space:nowrap}.tui-image-editor-container.left .tui-image-editor-submenu{left:0;height:100%;width:248px}.tui-image-editor-container.left .tui-image-editor-main-container{left:64px;width:calc(100% - 64px);height:100%}.tui-image-editor-container.left .tui-image-editor-controls{width:64px;height:100%;display:table}.tui-image-editor-container.left .tui-image-editor-menu,.tui-image-editor-container.right .tui-image-editor-menu{white-space:inherit}.tui-image-editor-container.left .tui-image-editor-submenu,.tui-image-editor-container.right .tui-image-editor-submenu{white-space:normal}.tui-image-editor-container.left .tui-image-editor-submenu > div,.tui-image-editor-container.right .tui-image-editor-submenu > div{vertical-align:middle}.tui-image-editor-container.left .tui-image-editor-controls li,.tui-image-editor-container.right .tui-image-editor-controls li{display:inline-block;margin:4px auto}.tui-image-editor-container.left .tui-image-editor-icpartition,.tui-image-editor-container.right .tui-image-editor-icpartition{position:relative;top:-7px;width:24px;height:1px}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-partition,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-partition{display:block;width:75%;margin:auto}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-partition > div,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-partition > div{border-left:0;height:10px;border-bottom:1px solid #3c3c3c;width:100%;margin:0}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-align,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-align{margin-right:0}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-item li,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-item li{margin-top:15px}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-colorpicker-clearfix li,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-colorpicker-clearfix li{margin-top:0}.tui-image-editor-container.left .tui-image-editor-checkbox-wrap.fixed-width,.tui-image-editor-container.right .tui-image-editor-checkbox-wrap.fixed-width{width:182px;white-space:normal}.tui-image-editor-container.left .tui-image-editor-range-wrap.tui-image-editor-newline label.range,.tui-image-editor-container.right .tui-image-editor-range-wrap.tui-image-editor-newline label.range{display:block;text-align:left;width:75%;margin:auto}.tui-image-editor-container.left .tui-image-editor-range,.tui-image-editor-container.right .tui-image-editor-range{width:136px}.tui-image-editor-container.right .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:before{left:-3px;top:11px;border-left:7px solid #2f2f2f;border-top:7px solid transparent;border-bottom:7px solid transparent}.tui-image-editor-container.right .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:after{top:7px;left:unset;right:43px;white-space:nowrap}.tui-image-editor-container.right .tui-image-editor-submenu{right:0;height:100%;width:248px}.tui-image-editor-container.right .tui-image-editor-main-container{right:64px;width:calc(100% - 64px);height:100%}.tui-image-editor-container.right .tui-image-editor-controls{right:0;width:64px;height:100%;display:table}.tui-image-editor-container.top .tui-image-editor-submenu .tui-image-editor-partition.only-left-right,.tui-image-editor-container.bottom .tui-image-editor-submenu .tui-image-editor-partition.only-left-right{display:none}.tui-image-editor-container.bottom .tui-image-editor-submenu > div{padding-bottom:24px}.tui-image-editor-container.top .color-picker-control .triangle{top:-8px;border-right:7px solid transparent;border-top:0;border-left:7px solid transparent;border-bottom:8px solid #fff}.tui-image-editor-container.top .tui-image-editor-size-wrap{height:100%}.tui-image-editor-container.top .tui-image-editor-main-container{bottom:0}.tui-image-editor-container.top .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:before{left:13px;border-top:0;border-bottom:7px solid #2f2f2f;top:33px}.tui-image-editor-container.top .tui-image-editor-menu > .tui-image-editor-item[tooltip-content]:after{top:38px}.tui-image-editor-container.top .tui-image-editor-submenu{top:0;bottom:auto}.tui-image-editor-container.top .tui-image-editor-submenu > div{padding-top:24px;vertical-align:top}.tui-image-editor-container.top .tui-image-editor-controls-logo{display:table-cell}.tui-image-editor-container.top .tui-image-editor-controls-buttons{display:table-cell}.tui-image-editor-container.top .tui-image-editor-main{top:64px;height:calc(100% - 64px)}.tui-image-editor-container.top .tui-image-editor-controls{top:0;bottom:inherit}.tui-image-editor-container .tui-image-editor-help-menu.top{white-space:nowrap;width:506px;height:40px;top:8px;left:50%;transform:translateX(-50%)}.tui-image-editor-container .tui-image-editor-help-menu.top .tie-panel-history{top:45px}.tui-image-editor-container .tui-image-editor-help-menu.top .opened .tie-panel-history:before{border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid #fff;left:90px;top:-8px}.tui-image-editor-container .tui-image-editor-help-menu.top > .tui-image-editor-item[tooltip-content]:before{left:13px;top:35px;border:none;border-bottom:7px solid #2f2f2f;border-left:7px solid transparent;border-right:7px solid transparent}.tui-image-editor-container .tui-image-editor-help-menu.top > .tui-image-editor-item[tooltip-content]:after{top:41px;left:-4px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.top > .tui-image-editor-item[tooltip-content].opened:before,.tui-image-editor-container .tui-image-editor-help-menu.top > .tui-image-editor-item[tooltip-content].opened:after{content:none}.tui-image-editor-container .tui-image-editor-help-menu.bottom{white-space:nowrap;width:506px;height:40px;bottom:8px;left:50%;transform:translateX(-50%)}.tui-image-editor-container .tui-image-editor-help-menu.bottom .tie-panel-history{bottom:45px}.tui-image-editor-container .tui-image-editor-help-menu.bottom .opened .tie-panel-history:before{border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #fff;left:90px;bottom:-8px}.tui-image-editor-container .tui-image-editor-help-menu.bottom > .tui-image-editor-item[tooltip-content]:before{left:13px;top:auto;bottom:36px;border:none;border-top:7px solid #2f2f2f;border-left:7px solid transparent;border-right:7px solid transparent}.tui-image-editor-container .tui-image-editor-help-menu.bottom > .tui-image-editor-item[tooltip-content]:after{top:auto;left:-4px;bottom:41px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.bottom > .tui-image-editor-item[tooltip-content].opened:before,.tui-image-editor-container .tui-image-editor-help-menu.bottom > .tui-image-editor-item[tooltip-content].opened:after{content:none}.tui-image-editor-container .tui-image-editor-help-menu.left{white-space:inherit;width:40px;height:506px;left:8px;top:50%;transform:translateY(-50%)}.tui-image-editor-container .tui-image-editor-help-menu.left .tie-panel-history{left:140px;top:-4px}.tui-image-editor-container .tui-image-editor-help-menu.left .opened .tie-panel-history:before{border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;left:-8px;top:14px}.tui-image-editor-container .tui-image-editor-help-menu.left .tui-image-editor-item{margin:4px auto;padding:6px 8px}.tui-image-editor-container .tui-image-editor-help-menu.left > .tui-image-editor-item[tooltip-content]:before{left:27px;top:11px;border:none;border-right:7px solid #2f2f2f;border-top:7px solid transparent;border-bottom:7px solid transparent}.tui-image-editor-container .tui-image-editor-help-menu.left > .tui-image-editor-item[tooltip-content]:after{top:7px;left:40px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.left > .tui-image-editor-item[tooltip-content].opened:before,.tui-image-editor-container .tui-image-editor-help-menu.left > .tui-image-editor-item[tooltip-content].opened:after{content:none}.tui-image-editor-container .tui-image-editor-help-menu.right{white-space:inherit;width:40px;height:506px;right:8px;top:50%;transform:translateY(-50%)}.tui-image-editor-container .tui-image-editor-help-menu.right .tie-panel-history{right:-30px;top:-4px}.tui-image-editor-container .tui-image-editor-help-menu.right .opened .tie-panel-history:before{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fff;right:-8px;top:14px}.tui-image-editor-container .tui-image-editor-help-menu.right .tui-image-editor-item{margin:4px auto;padding:6px 8px}.tui-image-editor-container .tui-image-editor-help-menu.right > .tui-image-editor-item[tooltip-content]:before{left:-6px;top:11px;border:none;border-left:7px solid #2f2f2f;border-top:7px solid transparent;border-bottom:7px solid transparent}.tui-image-editor-container .tui-image-editor-help-menu.right > .tui-image-editor-item[tooltip-content]:after{top:7px;left:auto;right:39px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.right > .tui-image-editor-item[tooltip-content].opened:before,.tui-image-editor-container .tui-image-editor-help-menu.right > .tui-image-editor-item[tooltip-content].opened:after{content:none}.tui-image-editor-container .tie-icon-add-button .tui-image-editor-button{min-width:42px}.tui-image-editor-container .svg_ic-menu,.tui-image-editor-container .svg_ic-helpmenu{width:24px;height:24px}.tui-image-editor-container .svg_ic-submenu{width:32px;height:32px}.tui-image-editor-container .svg_img-bi{width:257px;height:26px}.tui-image-editor-container .tui-image-editor-help-menu svg > use,.tui-image-editor-container .tui-image-editor-controls svg > use{display:none}.tui-image-editor-container .tui-image-editor-help-menu .enabled svg:hover > use.hover,.tui-image-editor-container .tui-image-editor-controls .enabled svg:hover > use.hover,.tui-image-editor-container .tui-image-editor-help-menu .normal svg:hover > use.hover,.tui-image-editor-container .tui-image-editor-controls .normal svg:hover > use.hover{display:block}.tui-image-editor-container .tui-image-editor-help-menu .active svg:hover > use.hover,.tui-image-editor-container .tui-image-editor-controls .active svg:hover > use.hover{display:none}.tui-image-editor-container .tui-image-editor-help-menu .on svg > use.hover,.tui-image-editor-container .tui-image-editor-controls .on svg > use.hover,.tui-image-editor-container .tui-image-editor-help-menu .opened svg > use.hover,.tui-image-editor-container .tui-image-editor-controls .opened svg > use.hover{display:block}.tui-image-editor-container .tui-image-editor-help-menu svg > use.normal,.tui-image-editor-container .tui-image-editor-controls svg > use.normal{display:block}.tui-image-editor-container .tui-image-editor-help-menu .active svg > use.active,.tui-image-editor-container .tui-image-editor-controls .active svg > use.active{display:block}.tui-image-editor-container .tui-image-editor-help-menu .enabled svg > use.enabled,.tui-image-editor-container .tui-image-editor-controls .enabled svg > use.enabled{display:block}.tui-image-editor-container .tui-image-editor-help-menu .active svg > use.normal,.tui-image-editor-container .tui-image-editor-controls .active svg > use.normal,.tui-image-editor-container .tui-image-editor-help-menu .enabled svg > use.normal,.tui-image-editor-container .tui-image-editor-controls .enabled svg > use.normal{display:none}.tui-image-editor-container .tui-image-editor-help-menu .help svg > use.disabled,.tui-image-editor-container .tui-image-editor-controls .help svg > use.disabled,.tui-image-editor-container .tui-image-editor-help-menu .help.enabled svg > use.normal,.tui-image-editor-container .tui-image-editor-controls .help.enabled svg > use.normal{display:block}.tui-image-editor-container .tui-image-editor-help-menu .help.enabled svg > use.disabled,.tui-image-editor-container .tui-image-editor-controls .help.enabled svg > use.disabled{display:none}.tui-image-editor-container .tui-image-editor-controls:hover{z-index:3}.tui-image-editor-container div.tui-colorpicker-clearfix{width:159px;height:28px;border:1px solid #d5d5d5;border-radius:2px;background-color:#f5f5f5;margin-top:6px;padding:4px 7px 4px 7px}.tui-image-editor-container .tui-colorpicker-palette-hex{width:114px;background-color:#f5f5f5;border:0;font-size:11px;margin-top:2px;font-family:'Noto Sans',sans-serif}.tui-image-editor-container .tui-colorpicker-palette-hex[value='#ffffff'] + .tui-colorpicker-palette-preview,.tui-image-editor-container .tui-colorpicker-palette-hex[value=''] + .tui-colorpicker-palette-preview{border:1px solid #ccc}.tui-image-editor-container .tui-colorpicker-palette-hex[value=''] + .tui-colorpicker-palette-preview{background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdBJREFUWAnFl0FuwjAQRZ0ukiugHqFSOQNdseuKW3ALzkA4BateICvUGyCxrtRFd4WuunH/TzykaYJrnLEYaTJJsP2+x8GZZCbQrLU5mj7Bn+EP8HvnCObd+R7xBV5lWfaNON4AnsA38E94qLEt+0yiFaBzAV/Bv+Cxxr4co7hKCDpw1q9wLeNYYdlAwyn8TYt8Hme3+8D5ozcTaMCZ68PXa2tnM2sbEcOZAJhrrpl2DAcTOGNjZPSfCdzkw6JrfbiMv+osBe4y9WOedhm4jZfhbENWuxS44H9Wz/xw4WzqLOAqh1+zycgAwzEMzr5k5gaHOa9ULBwuuDkFlHI1Kl4PJ66kgIpnoywOTmRFAYcbwYk9UMApWkD8zAV5ihcwHk4Rx7gl0IFTQL0EFc+CTQ9OZHWH3YhlVJiVpTHbrTGLhTHLZVgff6s9lyBsI9KduSS83oj+34rTwJutmBmCnMsvozRwZqB5GTkBw6/jdPDu69iJ6BYk6eCcfbcgcQIK/MByaaiMqm8rHcjol2TnpWDhyAKSGdA3FrxtJUToX0ODqatetfGE+8tyEUOV8GY5dGRwLP/MBS4RHQr4bT7NRAQjlcOTfZxmv2G+c4hI8nn+Ax5PG/zhI393AAAAAElFTkSuQmCC)}.tui-image-editor-container .tui-colorpicker-palette-preview{border-radius:100%;float:left;width:17px;height:17px;border:0}.tui-image-editor-container .color-picker-control{position:absolute;display:none;z-index:99;width:192px;background-color:#fff;box-shadow:0 3px 22px 6px rgba(0,0,0,0.15);padding:16px;border-radius:2px}.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-toggle-slider{display:none}.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button{border:0;border-radius:100%;margin:2px;background-size:cover;font-size:1px}.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button[title='#ffffff']{border:1px solid #ccc}.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button[title='']{border:1px solid #ccc}.tui-image-editor-container .color-picker-control .triangle{width:0;height:0;border-right:7px solid transparent;border-top:8px solid #fff;border-left:7px solid transparent;position:absolute;bottom:-8px;left:84px}.tui-image-editor-container .color-picker-control .tui-colorpicker-container,.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-container ul,.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-container{width:100%;height:auto}.tui-image-editor-container .filter-color-item .color-picker-control label{font-color:#333;font-weight:normal;margin-right:7pxleft}.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox{margin-top:0}.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox input + label:before,.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox > label:before{left:-16px}.tui-image-editor-container .color-picker{width:100%;height:auto}.tui-image-editor-container .color-picker-value{width:32px;height:32px;border:0;border-radius:100%;margin:auto;margin-bottom:1px}.tui-image-editor-container .color-picker-value.transparent{border:1px solid #cbcbcb;background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdBJREFUWAnFl0FuwjAQRZ0ukiugHqFSOQNdseuKW3ALzkA4BateICvUGyCxrtRFd4WuunH/TzykaYJrnLEYaTJJsP2+x8GZZCbQrLU5mj7Bn+EP8HvnCObd+R7xBV5lWfaNON4AnsA38E94qLEt+0yiFaBzAV/Bv+Cxxr4co7hKCDpw1q9wLeNYYdlAwyn8TYt8Hme3+8D5ozcTaMCZ68PXa2tnM2sbEcOZAJhrrpl2DAcTOGNjZPSfCdzkw6JrfbiMv+osBe4y9WOedhm4jZfhbENWuxS44H9Wz/xw4WzqLOAqh1+zycgAwzEMzr5k5gaHOa9ULBwuuDkFlHI1Kl4PJ66kgIpnoywOTmRFAYcbwYk9UMApWkD8zAV5ihcwHk4Rx7gl0IFTQL0EFc+CTQ9OZHWH3YhlVJiVpTHbrTGLhTHLZVgff6s9lyBsI9KduSS83oj+34rTwJutmBmCnMsvozRwZqB5GTkBw6/jdPDu69iJ6BYk6eCcfbcgcQIK/MByaaiMqm8rHcjol2TnpWDhyAKSGdA3FrxtJUToX0ODqatetfGE+8tyEUOV8GY5dGRwLP/MBS4RHQr4bT7NRAQjlcOTfZxmv2G+c4hI8nn+Ax5PG/zhI393AAAAAElFTkSuQmCC)}.tui-image-editor-container .color-picker-value + label{color:#fff}.tui-image-editor-container .tui-image-editor-submenu svg > use{display:none}.tui-image-editor-container .tui-image-editor-submenu svg > use.normal{display:block}.tie-icon-add-button.icon-bubble .tui-image-editor-button[data-icontype="icon-bubble"] svg > use.active,.tie-icon-add-button.icon-heart .tui-image-editor-button[data-icontype="icon-heart"] svg > use.active,.tie-icon-add-button.icon-location .tui-image-editor-button[data-icontype="icon-location"] svg > use.active,.tie-icon-add-button.icon-polygon .tui-image-editor-button[data-icontype="icon-polygon"] svg > use.active,.tie-icon-add-button.icon-star .tui-image-editor-button[data-icontype="icon-star"] svg > use.active,.tie-icon-add-button.icon-star-2 .tui-image-editor-button[data-icontype="icon-star-2"] svg > use.active,.tie-icon-add-button.icon-arrow-3 .tui-image-editor-button[data-icontype="icon-arrow-3"] svg > use.active,.tie-icon-add-button.icon-arrow-2 .tui-image-editor-button[data-icontype="icon-arrow-2"] svg > use.active,.tie-icon-add-button.icon-arrow .tui-image-editor-button[data-icontype="icon-arrow"] svg > use.active{display:block}.tie-draw-line-select-button.line .tui-image-editor-button.line svg > use.normal,.tie-draw-line-select-button.free .tui-image-editor-button.free svg > use.normal{display:none}.tie-draw-line-select-button.line .tui-image-editor-button.line svg > use.active,.tie-draw-line-select-button.free .tui-image-editor-button.free svg > use.active{display:block}.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg > use.normal,.tie-flip-button.flipX .tui-image-editor-button.flipX svg > use.normal,.tie-flip-button.flipY .tui-image-editor-button.flipY svg > use.normal{display:none}.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg > use.active,.tie-flip-button.flipX .tui-image-editor-button.flipX svg > use.active,.tie-flip-button.flipY .tui-image-editor-button.flipY svg > use.active{display:block}.tie-mask-apply.apply.active .tui-image-editor-button.apply label{color:#fff}.tie-mask-apply.apply.active .tui-image-editor-button.apply svg > use.active{display:block}.tie-crop-button .tui-image-editor-button.apply,.tie-crop-preset-button .tui-image-editor-button.apply{margin-right:24px}.tie-crop-button .tui-image-editor-button.preset.active svg > use.active,.tie-crop-preset-button .tui-image-editor-button.preset.active svg > use.active{display:block}.tie-crop-button .tui-image-editor-button.apply.active svg > use.active,.tie-crop-preset-button .tui-image-editor-button.apply.active svg > use.active{display:block}.tie-resize-button .tui-image-editor-button.apply,.tie-resize-preset-button .tui-image-editor-button.apply{margin-right:24px}.tie-resize-button .tui-image-editor-button.preset.active svg > use.active,.tie-resize-preset-button .tui-image-editor-button.preset.active svg > use.active{display:block}.tie-resize-button .tui-image-editor-button.apply.active svg > use.active,.tie-resize-preset-button .tui-image-editor-button.apply.active svg > use.active{display:block}.tie-shape-button.rect .tui-image-editor-button.rect svg > use.normal,.tie-shape-button.circle .tui-image-editor-button.circle svg > use.normal,.tie-shape-button.triangle .tui-image-editor-button.triangle svg > use.normal{display:none}.tie-shape-button.rect .tui-image-editor-button.rect svg > use.active,.tie-shape-button.circle .tui-image-editor-button.circle svg > use.active,.tie-shape-button.triangle .tui-image-editor-button.triangle svg > use.active{display:block}.tie-text-effect-button .tui-image-editor-button.active svg > use.active{display:block}.tie-text-align-button.tie-text-align-left .tui-image-editor-button.left svg > use.active,.tie-text-align-button.tie-text-align-center .tui-image-editor-button.center svg > use.active,.tie-text-align-button.tie-text-align-right .tui-image-editor-button.right svg > use.active{display:block}.tie-mask-image-file,.tie-icon-image-file{opacity:0;position:absolute;width:100%;height:100%;border:1px solid #008000;cursor:inherit;left:0;top:0}.tie-zoom-button.resetFlip .tui-image-editor-button.resetFlip svg > use.normal,.tie-zoom-button.flipX .tui-image-editor-button.flipX svg > use.normal,.tie-zoom-button.flipY .tui-image-editor-button.flipY svg > use.normal{display:none}.tie-zoom-button.resetFlip .tui-image-editor-button.resetFlip svg > use.active,.tie-zoom-button.flipX .tui-image-editor-button.flipX svg > use.active,.tie-zoom-button.flipY .tui-image-editor-button.flipY svg > use.active{display:block}.tui-image-editor-container.top.tui-image-editor-top-optimization .tui-image-editor-controls ul{text-align:right}.tui-image-editor-container.top.tui-image-editor-top-optimization .tui-image-editor-controls-logo{display:none}

#categories .card-title {
  margin-left: 0;
}
#categories .card-sub {
  text-align: left;
}
#categories li {
  text-align: left;
  margin-left: 40px;
}
#categories li a {
  line-height: 40px;
}
#categories li a img {
  height: 30px;
  margin-right: 15px;
}
.content h3 {
  font-weight: bold;
  color: #000 !important;
  margin-bottom: 20px;
  margin-top: 40px;
}
.content p {
  margin-bottom: 20px;
}

.arrow-up {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.arrow-down {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
}
.subscribe-form .form-control {
  height: auto !important;
}
.subscribe-form .form-group .form-icon {
  z-index: 100;
}
.subscribe-form.thin-line .form-group {
  margin-bottom: 0;
  padding-bottom: 0;
}
.subscribe-form.thin-line label {
  display: none;
}