@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Open Sans&display=swap");

*, h1, h2, h3, h4, h5, h6, p {

	margin: 0;

	padding: 0;

	-webkit-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

}

body {

	margin: 0;

	padding: 0;

	font: 400 13px/18px "Open Sans", sans-serif;

	color: #666666;

	background: #fff;

}

a, .text-blue {

	color: #38C2D9;

}

a:hover, a:focus, .text-blue:hover, .text-blue:focus {

	color: #2d9eb1;

}

.btn-link {

	color: #38C2D9;

	text-decoration: underline;

}

.btn-link:hover, .btn-link:focus {

	color: #2d9eb1;

	text-decoration: none;

}

.bg-light {

	background: #F3F9FE;

	border-radius: 10px;

}

.mt-0 {

	margin-top: 0 !important;

}

.transEff {

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

}

.container {

	max-width: 1200px;

	padding-right: 15px;

	padding-left: 15px;

	margin-right: auto;

	margin-left: auto;

}

.fs12 {

	font-size: 12px;

}

.mt2 {

	margin-top: 2px;

}

.w-auto {

	width: auto;

}

.dn {

	display: none;

}

.pb0 {

	padding-bottom: 0 !important;

}

h1 {

	font-size: 40px;

	line-height: 46px;

	color: #1a1a1a;

}

h2 {

	font-size: 28px;

	line-height: 34px;

	color: #1a1a1a;

}

.red {

	color: #E01021;

}

.blue {

	color: #38C2D9;

}

.grey {

	color: #999999;

}

.yellow {

	color: #f2c200;

}

.black {

	color: #1a1a1a;

}

.ls-8 {

	letter-spacing: 1px;

}

.btn1 {

	height: 60px;

	line-height: 60px;

	border-radius: 30px;

	padding: 0 60px;

	border: 0;

	font-size: 18px;

	font-weight: 400;

	font-family: "Open Sans", sans-serif;

}

.btn2 {

	height: 37px;

	line-height: 37px;

	border-radius: 30px;

	padding: 0 30px;

	border: 0;

	font-size: 14px;

}

.btn3 {

	height: 28px;

	line-height: 28px;

	border-radius: 30px;

	padding: 0 20px;

	border: 0;

	font-size: 12px;

}

.btn4 {

	height: 45px;

	line-height: 45px;

	border-radius: 30px;

	padding: 0 30px;

	border: 0;

	font-size: 16px;

}

.btn-danger {

	background: #E01021 !important;

	color: #ffffff !important;

	border: 0 !important;

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

}

.btn-danger:hover {

	background: #f4626e !important;

}

.btn-info {

	background: #38C2D9 !important;

	color: #ffffff !important;

	border: 0 !important;

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

}

.btn-info:hover {

	background: #8edce9 !important;

}

.btnLongArow {

	position: relative;

	padding-right: 70px;

}

.btnLongArow:after {

	border: 0;

	position: absolute;

	right: 45px;

	content: '\e928';

	font-family: 'icomoon';

	color: #ffffff;

	font-size: 18px;

	margin-top: 2px;

}

.btn-dark {

	background: #000 !important;

	color: #ffffff !important;

	border: 0;

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

}

.btn-dark:hover {

	background: #1a1a1a !important;

}

.sbtn {

	width: 50px;

	height: 50px;

	background: #E01021;

	text-align: center;

	font-size: 20px;

	color: #ffffff;

	padding: 14px 0;

	display: inline-block;

}

.form-control {

	height: 60px;

	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.01);

	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.01);

	border-radius: 5px;

	font-size: 14px;

	color: #777;

	padding: 15px 15px;

	border: 2px solid #ccc !important;

}

.form-control:focus, .form-control:hover {

	-webkit-box-shadow: none !important;

	box-shadow: 0 0 0px 4px rgba(56,194,217,.4) !important;

	border: 2px solid #38C2D9 !important;

}

select {

	height: 60px !important;

	padding: 10px 15px;

}

.form-group {

	margin-bottom: 10px;

	position: relative;

}

.iconQuesion {

	color: #38C2D9;

	font-size: 15px;

	margin-top: 2px;

	position: absolute;

	right: -20px;

	top: 45px;

	cursor: help;

}

input[type="radio"] {

	vertical-align: top;

	margin-top: 2px;

}

.dn {

	display: none;

}



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

.secondTxt {

	font-size: 16px;

	font-weight: 300;

	line-height: 26px;

}



}



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

h2 {

	font-size: 20px !important;

	line-height: 28px !important;

}

}

.tooltip-inner {

	line-height: 18px;

	font-size: 13px;

	padding: 10px;

}

.commanBox {

	border: 1px solid #eee;

	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	padding: 40px;

	background: #ffffff;

	margin: 30px 0;

}



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

.commanBox {

	margin: 0;

	padding: 20px;

}

.btn1 {

	height: 50px;

	line-height: 50px;

	padding: 0 30px;

	border: 0;

	font-size: 16px;

}

}

.bgLight {

	background: #F3F9FE;

}

.sectionOne {

	min-height: 500px;

}

.lEyePattern {

	background: url(../images/lEyePattern.png) repeat;

	background-attachment: fixed;

}

header {

	height: auto;

	z-index: 16;

	width: 100%;

	top: 0;

	position: fixed;

	padding: 10px 0;

}

.headerSpacer {

	height: 73px;

}

header .navbar {

	padding: 0;

}

header .navbar .nav-tabs {

	float: right !important;

	border: 0;

}





header .navbar .nav-tabs .nav-item {

	padding: 0;

	margin: 0;

	position: relative !important;

	margin-left: 10px;

}







header .navbar .nav-tabs .nav-item .nav-link {

	font-size: 16px;

	color: #ffffff;

	padding: 0 38px 0 15px;

	font-weight: 500;

	height: 50px;

	line-height: 50px;

	text-decoration: none;

	display: block;

	background: none;

	text-transform: uppercase;

	position: relative;

	border: 0;

}

header .navbar .nav-tabs .nav-item .nav-link-chat {

	padding: 0 15px 0 15px;

}

header .navbar .nav-tabs .nav-item .nav-link i {

	margin-top: -1px;

}

.flotingButton {

	background: #E01021;

	color: #fff !important;

	font-weight: 600;

	padding: 0 24px;

	text-decoration: none !important;

	animation: blinkingBackground 2s infinite;

	position: fixed;

	top: 50%;

	left: -50px;

	border-radius: 30px;

	line-height: 44px;

	box-shadow: 0px 5px 20px -4px rgba(0, 0, 0, 0.2);

	text-transform: uppercase;

	transform: rotate(-90deg);

}





header .navbar .nav-tabs .nav-item .btn-info, header .navbar .nav-tabs .nav-item .btn-danger {border-radius: 30px; color:#fff !important;}

header .navbar .nav-tabs .nav-item .nav-link.equalPadding{padding:0 20px !important;}





 





 @keyframes blinkingBackground {

 0% {

background-color: #04a1d5;

}

 25% {

background-color: #E01021;

}

 50% {

background-color: #04a1d5;

}

 75% {

background-color: #E01021;

}

 100% {

background-color: #04a1d5;

}

}

header .navbar .nav-tabs .nav-item .dropdown-toggle::after {

	border: 0;

	position: absolute;

	right: 30px;

	content: '\e90b';

	font-family: 'icomoon';

	color: rgba(255,255,255,.7);

	font-size: 13px;

	margin-top: 1px;

}

header .navbar .nav-tabs-inside {

	margin-top: 0;

}

header .navbar .dropdown-menu {

	border-radius: 15px;

	border: 0;

	margin-top: 1px;

	-webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.2);

	box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.2);

	padding: 1rem 0;

}

header .navbar .dropdown-menu .dropdown-item {

	padding: .4rem 1.5rem;

	font-family: "Open Sans", sans-serif;

	color: #666666;

}

header .navbar .dropdown-menu .dropdown-item:focus, header .navbar .dropdown-menu .dropdown-item:hover, header .navbar .dropdown-menu .dropdown-item:active, header .navbar .dropdown-menu .dropdown-item.active {

	background: #38C2D9;

	color: #ffffff;

}

.dropdown-header {

	font-weight: 600;

	color: #212529;

}

header .navbar-brand {

	max-width: 180px;

	height: auto;

	padding: 0;

	margin: 0;

}

header .navbar-brand img {

	width: 100%;

	height: auto;

	display: block;

}

header .logoInside {

	visibility: visible;

	max-width: 175px;

}

.header_fixer {

	top: 0;

	background: #fff;

	box-shadow: 0px 10px 50px -4px rgba(0, 0, 0, 0.1);

}

header .logo2 {

	display: none !important;

}

.header_fixer .logo1 {

	display: none;

}

.header_fixer .logo2 {

	display: block !important;

}

.header_fixer .navbar .nav-tabs .nav-item .nav-link {

	color: #1a1a1a;

}

.header_fixer .navbar .nav-tabs .nav-item .dropdown-toggle::after {

	color: rgba(0,0,0,.7);

}



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

header .navbar .nav-tabs {

	margin-top: 0;

}

header .navbar .nav-tabs .nav-item {

	margin: 0 2px;

}

header .navbar .nav-tabs .nav-item .nav-link {

	font-size: 13px;

	height: 40px;

	line-height: 40px;

	padding: 0 25px 0 10px;

}



 

	

header .navbar .nav-tabs .nav-item .nav-link.btn-danger, header .navbar .nav-tabs .nav-item .nav-link.btn-info {

	 

	padding: 0 25px 0 10px;

}	

	

	

header .navbar .nav-tabs .nav-item .nav-link-chat {

	 

	 

	padding: 0 5px 0 5px;

}	

	

	

}



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

header, .header_fixer {

	position: static;

	background: #fff;

	padding: 10px 0;

}

header .navbar-brand {

	max-width: 180px;

	height: auto;

	padding: 0;

	margin: auto;

}

header .logo1 {

	display: none !important;

}

header .logo2 {

	display: block !important;

}

header .navbar .nav-tabs .nav-item .nav-link, .header_fixer .navbar .nav-tabs .nav-item .nav-link {

	color: #1a1a1a;

}

header .navbar .nav-tabs .nav-item .dropdown-toggle::after, .header_fixer .navbar .nav-tabs .nav-item .dropdown-toggle::after {

	color: rgba(0,0,0,.7);

}

header .navbar .nav-tabs {

	margin-top: 15px;

	float: none !important;

	margin: auto;

	width:100%;

	display:block;

	text-align:center;

}

header .navbar .nav-tabs .nav-item {

	margin: 0;

}

header .navbar .nav-tabs .nav-item .nav-link {

	font-size: 13px;

	height: 40px;

	line-height: 40px;

	padding: 0 33px 0 5px; display:inline-block;

}





header .navbar .nav-tabs .nav-item{

  display:inline-block;

}

	

header .navbar .nav-tabs .nav-item .nav-link-chat {

	 

	 

	padding: 0 5px 0 5px;

}	

	

	

}

.header_gReport {

	background: #ffffff;

	-webkit-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.4);

	box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.4);

	border-bottom: 1px solid #eee;

	position: fixed;

}

.header_gReport .container {

	max-width: 800px;

}

.header_gReport .container .topDetail {

	margin-left: -160px;

	font-size: 13px;

	line-height: 17px;

	color: #666666;

	letter-spacing: .4px;

	font-weight: 300;

}

.header_gReport .container .topDetail p strong {

	font-weight: 500;

	color: #1a1a1a;

}

.header_gReport .container .topDetail p a {

	color: #E01021;

}

.header_gReport .container .topDetail p a:hover {

	color: #E01021;

	text-decoration: underline;

}



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

.header_gReport .container .topDetail {

	margin-left: 0;

}

}











/*search area*/

/*search area*/



.SearchArea {

	background: #007B90 url(../images/serachBgIndex.png) no-repeat top center;

	min-height: 582px;

	background-size: cover;

	padding: 200px 0; background-attachment: fixed;

}

.SearchArea h2 {

	font-size: 44px;

	line-height: 50px;

	color: #fff;

	font-family: 'Avenir Next LT Pro';

}



.SearchArea p{color:#fff; font-size:18px; line-height:24px; margin-bottom:30px; margin-top:10px;}

.SearchArea .mobtxt {font-weight: 400; text-transform: uppercase; font-size:26px; margin-top: 30px; line-height: 44px;}

.SearchArea .mobtxt strong{font-weight: 800; display: block; font-size:44px;}

.SearchArea .searchCon {

	max-width: 840px;

	margin-top: 20px;

	background: #fff;

	border-radius: 5px;

}

.SearchArea .searchCon select, .SearchArea .searchCon .form-control, .SearchArea .searchCon button {

	display: inline-block;

	float: left;

	height: 54px;

	font-size: 16px;

	border: 0;

}

.searchBox {

	position: relative;

	width: 85%;

	display: inline-block;

	float: left;

}

.searchBox .hintBox {

	position: absolute;

	width: 100%;

	background: #fff;

	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);

	left: 0;

	top: 56px;

	border-radius: 3px;

	display: block;

	z-index: 9;

}

.searchBox .hintBox ul {

	margin: 0;

	padding: 0;

}

.searchBox .hintBox ul li {

	list-style: none;

	display: block;

	padding: 10px 15px;

	font-size: 15px;

	color: #666;

	line-height: 24px;

	cursor: pointer;

	z-index: 9;

}

.searchBox .hintBox ul li:hover, .searchBox .hintBox ul li:focus, .searchBox .hintBox ul li.active {

	background: #f2f2f2;

}

.searchBox2 {

	position: relative;

	width: 60%;

	display: inline-block;

	float: left;

}

.searchBox2 .hintBox2 {

	position: absolute;

	width: 100%;

	background: #fff;

	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);

	left: 0;

	top: 56px;

	border-radius: 3px;

	display: block;

	z-index: 9;

}

.searchBox2 .hintBox2 ul {

	margin: 0;

	padding: 0;

}

.searchBox2 .hintBox2 ul li {

	list-style: none;

	display: block;

	padding: 10px 15px;

	font-size: 15px;

	color: #666;

	line-height: 24px;

	cursor: pointer;

	z-index: 9;

}

.searchBox2 .hintBox2 ul li:hover, .searchBox2 .hintBox2 ul li:focus, .searchBox2 .hintBox2 ul li.active {

	background: #f2f2f2;

}

.searchBox3 {

	position: relative;

	width: 60%;

	display: inline-block;

	float: left;

}

.searchBox3 .hintBox3 {

	position: absolute;

	width: 100%;

	background: #fff;

	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);

	left: 0;

	top: 56px;

	border-radius: 3px;

	display: block;

	z-index: 9;

}

.searchBox3 .hintBox3 ul {

	margin: 0;

	padding: 0;

}

.searchBox3 .hintBox3 ul li {

	list-style: none;

	display: block;

	padding: 10px 15px;

	font-size: 15px;

	color: #666;

	line-height: 24px;

	cursor: pointer;

	z-index: 9;

}

.searchBox3 .hintBox3 ul li:hover, .searchBox3 .hintBox3 ul li:focus, .searchBox3 .hintBox3 ul li.active {

	background: #f2f2f2;

}

.SearchArea .searchCon select {

	width: 25%;

	height: 54px !important;

	border-radius: 5px 0 0 5px;

	border-right: 2px solid #eee !important;

}

.SearchArea .searchCon input {

	width: 100%;

	border-radius: 5px 0 0 5px;

}

.SearchArea .searchCon .serachBtn {

	width: 15%;

	border-radius: 0 5px 5px 0;

	font-size: 16px;

	font-weight: 500;

}

.SearchArea .relateSearch {

	font-size: 14px;

	color: #fff;

	margin-top: 25px;

}

.SearchArea .relateSearch span {

	font-weight: 600;

	margin-right: 5px;

}

.SearchArea .relateSearch a {

	color: #fff;

	border: 1px solid #fff;

	border-radius: 50px;

	padding: 3px 20px;

	text-decoration: none;

	margin: 3px;

}







.SearchArea2 {

	background: #007B90 url(../images/serachBg2.png) no-repeat top center;

	min-height: auto;

	background-size: cover; text-align: center;

	padding: 80px 0 !important; background-attachment: fixed;

}



.SearchArea2 .searchCon{margin:30px auto;}





.SearchArea2 .searchBox {

	position: relative;

	width: 60%;

	display: inline-block;

	float: left;

}



.SearchArea2 .searchCon input {

    width: 100%;

    border-radius:0;

}





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

	

	.SearchArea .mobtxt {font-weight: 400; text-transform: uppercase; font-size:20px; margin-top: 30px; line-height: 38px;}

.SearchArea .mobtxt strong{font-weight: 800; display: block; font-size:34px;}

	

.SearchArea {

	min-height: auto;

	padding: 120px 0 100px;

}

.SearchArea h2 {

	font-size: 30px !important;

}

	

	.SearchArea2{padding: 60px 0 40px !important;}

	

}



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

.searchBox .hintBox {

	top: 65px;

}

.searchBox, .SearchArea .searchBox{

	width: 100%;

}

.SearchArea {

	min-height: auto;

	padding: 120px 0 50px;

	text-align: center;

}

.SearchArea h2 {

	font-size: 24px !important;

	line-height: 30px;

}

	

	.SearchArea .mobtxt{display: inline-block;}	

	

.SearchArea .searchCon {

	max-width: 100%;

	margin-top: 20px;

	background: none;

	border-radius: 0;

}

.SearchArea .searchCon select, .SearchArea .searchCon .form-control, .SearchArea .searchCon button {

	display: block;

	float: left;

	width: 100%;

	border-radius: 8px;

	margin: 10px 0;

}

.SearchArea .searchCon .serachBtn {

	width: 100% !important;

	border-radius: 5px;

	font-size: 16px;

	font-weight: 500;

}

.relateSearch {

	display: none;

}

}



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

.SearchArea {

	min-height: auto;

	padding: 50px 0 50px;

	text-align: center;

}

}

/*section2*/



.sectionTwo {

	padding: 60px 0;

}

.sectionTwo .largeLogo {

	max-width: 400px;

	height: auto;

	margin: auto;

}

.sectionTwo .largeLogo img {

	width: 100%;

	height: auto;

	display: block;

}

.sectionTwo h2 {

	font-weight: 300;

	margin-top: 25px;

}

.sectionTwo h2 strong {

	font-weight: 700;

}

.sectionTwo .box {

	margin: 15px 0;

	background: #ffffff;

	border-radius: 20px;

	padding: 20px;

	display: block;

	position: relative;

	box-shadow: 0 0 4px 1px rgba(0, 106, 104, 0.2);

}

.sectionTwo .box .popularRibbon {

	position: absolute;

	background: url(../images/popular-ribbon.png) no-repeat;

	width: 131px;

	height: 38px;

	top: 0px;

	right: -13px;

	color: #e01021;

}

.sectionTwo .box .popularRibbon p {

	font-size: 12px;

	letter-spacing: 1.5px;

	line-height: 16px;

	height: 28px;

	font-weight: 400;

	overflow: hidden;

	text-align: center;

	width: 120px;

	padding: 6px 0 6px 8px;

}

.sectionTwo .box .boxHeader {

	background: #17223B;

	padding: 30px 20px;

	text-align: center;

	color: #ffffff;

	border-radius: 11px;

	overflow: hidden;

}

.sectionTwo .box .headerBg1 {

	background: url(../images/tBg1.png) no-repeat center center;

	background-size: cover;

}

.sectionTwo .box .headerBg2 {

	background: url(../images/tBg2.png) no-repeat center center;

	background-size: cover;

}

.sectionTwo .box .headerBg3 {

	background: url(../images/tBg3.png) no-repeat center center;

	background-size: cover;

}

.sectionTwo .box .headerBg4 {

	background: url(../images/tBg4.png) no-repeat center center;

	background-size: cover;

}

.sectionTwo .box .boxHeader .boxTitle {

	color: #ffffff;

	font-size: 20px;

	line-height: 24px;

	font-weight: 600; margin-bottom: 0;

}

.sectionTwo .box:hover {

	text-decoration: none !important;

}

.sectionTwo .box .boxHeader .subTitle {

	font-size: 14px;

	margin-top: 5px;

}

.sectionTwo .box .boxBody {

	padding: 15px 0 0 0;

	text-align: center;

}

.sectionTwo .box .boxBody figure {

	text-align: center;

	width: 150px;

	height: auto;

	display: block;

	margin: auto;

	padding: 20px 20px;

}

.sectionTwo .box .boxBody figure img {

	width: 100%;

	height: auto;

	display: block;

}

.sectionTwo .box .boxBody ul li {

	font-size: 14px;

	line-height: 20px;

	padding: 6px 0 6px 22px;

	position: relative;

	list-style: none;

}

.sectionTwo .box .boxBody ul li:before {

	position: absolute;

	left: 0;

	content: '\e903';

	font-family: 'icomoon';

	color: #38C2D9;

	font-size: 14px;

}

.sectionTwo .box .boxBody .btn-link {

	display: inline-block;

	color: #435E97;

	font-weight: 600;

	font-size: 15px;

	text-decoration: none;

	border-bottom: 1px dotted #435E97;

	line-height: 22px;

	float: right;

}

.sectionTwo .box .boxBody .btnCircle:hover {

	color: #ffffff;

	background: #38C2D9;

	text-decoration: none;

}

.sectionTwo .box .boxBody .btnCircle span {

	font-weight: 400;

}



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

.sectionTwo {

	padding: 30px 0;

}

}

/*section two b*/





.section2b {

	padding: 60px 0 40px;

}

.section2b h2 {

	color: #1a1a1a;

	text-transform: uppercase;

}

.section2b .nav-tabs {

	display: inline-block;

	margin: 10px 0 0 0;

	padding: 0;

	border: 0;

}

.section2b .nav-tabs li {

	display: inline-block;

}

.section2b .nav-tabs li a {

	font-size: 16px;

	text-decoration: none;

	line-height: 24px !important;

	padding: 10px 20px;

	color: rgba(102,102,102,.6) !important;

	border: 0 !important;

	background: none !important;

	border-radius: 0 !important;

	display: block;

	font-weight: 500;

}

.section2b .nav-tabs li a.active, .section2b .nav-tabs li a:hover, .section2b .nav-tabs li a:visited {

	border-bottom: 3px solid #E01021 !important;

	color: #E01021 !important;

}

.section2b ul {

	padding: 10px 60px;

}

.section2b ul li {

	list-style: none;

	padding: 15px 10px;

}

.section2b .sBox {

	background: #ffffff;

	border-radius: 24px;

	padding: 40px 20px;

	display: block;

	position: relative;

	box-shadow: 0 0 4px 1px rgba(0, 106, 104, 0.2);

}

.section2b .sBox:hover {

	text-decoration: none;

}

.section2b .sBox h3 {

	font-size: 14px;

	line-height: 24px;

	margin-top: 15px;

	color: #1a1a1a;

}

.section2b .sBox .icon {

	height: 60px;

	display: block;

}

.owl-prev, .owl-next {

	width: 50px;

	height: 50px;

	border-radius: 100%;

	background: #fff;

	padding: 14px 10px;

	box-shadow: 0 1px 4px 1px rgba(0, 106, 104, 0.2);

	opacity: 1 !important;

}



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

.section2b {

	padding: 40px 0 0;

}

.section2b .nav-tabs {

	width: 580px;

}

.section2b .nav-tabs li a {

	padding: 10px 5px;

}

}

/*top compnies*/

.topCompnies {

	background: #38C2D9;

	padding: 60px 0 40px;

}

.topCompnies h2 {

	color: #fff;

}

.topCompnies ul {

	padding: 10px 60px;

	margin-top: 25px;

}

.topCompnies ul li {

	list-style: none;

}

.topCompnies ul li .tcBox {

	overflow: hidden;

	background: #fff; display: block;

	border-radius: 30px;

	height: auto; padding: 20px;

}



.topCompnies ul li .tcBox figure{height: 120px; padding:5px; margin: 0;}

.topCompnies ul li .tcBox figure img {

	display: inline-block; height: 100%; width: auto; 

}



.topCompnies ul li .tcBox figcaption h4{font-size:18px; line-height: 24px; color:#000;}

.topCompnies ul li .tcBox figcaption .rating span{font-size:16px;}



.topCompnies .owl-prev, .topCompnies .owl-next {

	top: 53%;

}



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

.topCompnies {

	padding: 40px 0 10px;

}

}

/*top property*/



.topProperties {

	padding: 60px 0;

}

.topProperties ul {

	margin-right: -15px;

	margin-left: -15px;

	margin-top: 40px;

}

.topProperties ul li {

	list-style: none;

	width: 36%;

	float: left;

}

.topProperties ul li .box {

	border-radius: 30px;

	background: #eee;

	min-height: 20px;

	margin: 15px;

	overflow: hidden;

	position: relative;

	display: block;

}

.topProperties ul li:nth-child(1) {

	width: 28%;

}

.topProperties ul li .box figure {

	margin: 0;

	padding: 0;

}

.topProperties ul li .box figure img {

	width: 100%;

	display: block;

}

.topProperties ul li .box3, .topProperties ul li .box5 {

	margin-top: 30px;

}

.topProperties ul li .box figcaption {

	position: absolute;

	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.9));

	z-index: 2;

	width: 100%;

	height: 100px;

	display: block;

	bottom: 0;

	color: #fff;

	padding: 60px 20px 25px;

	font-size: 16px;

}



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

.topProperties ul li .box3, .topProperties ul li .box5 {

	margin-top: 20px;

}

}



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

.topProperties {

	padding: 40px 0;

}

.topProperties ul li .box {

	margin: 10px;

}

.topProperties ul li .box3, .topProperties ul li .box5 {

	margin-top: 12px;

}

}



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

.topProperties ul li .box {

	margin: 10px;

}

.topProperties ul li .box3, .topProperties ul li .box5 {

	margin-top: 12px;

}

.topProperties ul li:nth-child(1) {

	width: 100%;

}

.topProperties ul li:nth-child(1) .box {

	max-height: 300px;

	overflow: hidden;

}

.topProperties ul li {

	width: 100%;

	float: none;

}

}

/*Online Overview*/



.onlineOverview {

	background: #E01021 url(../images/overviewBg.png) no-repeat center center;

	background-attachment: fixed;

	background-size: cover;

	padding: 100px 0 120px;

}

.onlineOverview .left {

	width: 52%;

	float: left;

	color: #fff;

}

.onlineOverview .left h3 {

	font-size: 30px;

	line-height: 34px;

}

.onlineOverview .left p {

	font-size: 16px;

	line-height: 27px;

	margin-top: 25px;

}

.onlineOverview .left .btn-light {

	border-radius: 10px;

	line-height: 50px;

	padding: 0 25px;

	font-weight: 600;

	margin-top: 40px;

	margin-right: 10px;

}

.onlineOverview .imgDesk {

	float: right;

	padding: 30px 50px 50px;

	width: 48%;

}

.onlineOverview .imgDesk img {

	width: 100%;

}



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

.onlineOverview {

	padding: 60px 0;

}

.onlineOverview .left {

	width: 55%;

}

.onlineOverview .imgDesk {

	width: 45%;

	padding: 20px;

}

}



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

.onlineOverview {

	padding: 60px 0;

	text-align: center;

}

.onlineOverview .left {

	width: 100%;

}

.onlineOverview .imgDesk {

	display: none;

}

}



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

.onlineOverview .left p {

	margin-bottom: 30px;

}

.onlineOverview .left .btn-light {

	padding: 0 25px;

	font-weight: 600;

	margin-top: 15px;

	margin-right: 10px;

	display: block;

}

}

.sectionThree {

	padding: 60px 0;

	text-align: center;

	background: url(../images/PatternRight.png) no-repeat;

	background-position: 80% bottom;

}

.sectionThree .textBox {

	margin-top: 40px;

	display: table;

}

.sectionThree .textBox p {

	display: table-cell;

	width: 50%;

	vertical-align: middle;

}

.sectionThree .textBox .leftTxt {

	font-size: 20px;

	line-height: 34px;

	font-style: italic;

	text-align: right;

	color: #666666;

	padding: 0 30px 0 10%;

	border-right: 3px solid #666666;

}

.sectionThree .textBox .rightTxt {

	font-size: 14px;

	text-align: left;

	line-height: 25px;

	color: #666666;

	padding: 0 17% 0 30px;

}

.sectionThree .btn-danger {

	margin-top: 50px;

	border-radius: 10px;

}



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

.sectionThree {

	margin: 60px 0;

}

.sectionThree .textBox {

	margin-top: 50px;

}

.sectionThree .textBox .leftTxt {

	font-size: 24px;

	line-height: 34px;

	padding: 0 50px;

}

.sectionThree .textBox .rightTxt {

	font-size: 18px;

	line-height: 30px;

	padding: 0 0 0 50px;

}

.sectionThree .btn-danger {

	margin-top: 50px;

}

}



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

.sectionThree .textBox .leftTxt {

	font-size: 22px;

	line-height: 30px;

	padding: 0 30px 0 0;

}

.sectionThree .textBox .rightTxt {

	font-size: 16px;

	line-height: 28px;

	padding: 0 0 0 30px;

}

}



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

.sectionThree {

	margin-top: 0;

	padding: 40px 0 0;

}

.sectionThree .textBox {

	margin-top: 30px;

}

.sectionThree .textBox p {

	display: block;

	width: 100%;

}

.sectionThree .textBox .leftTxt {

	font-size: 20px;

	line-height: 30px;

	padding: 0 5%;

	text-align: center;

	border: 0;

}

.sectionThree .textBox .rightTxt {

	font-size: 16px;

	line-height: 28px;

	padding: 0 5%;

	margin-top: 20px;

	text-align: center;

}

.sectionThree .btn-danger {

	margin-top: 30px;

}

}



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

.sectionThree .textBox .leftTxt {

	padding: 0;

}

.sectionThree .textBox .rightTxt {

	padding: 0;

}

}

.sectionFour {

	background: #38C2D9;

	padding: 90px 0 100px;

	height: auto;

	background-attachment: fixed;

	background-size: 13px 32px;

	text-align: center;

}

.sectionFour h2 {

	color: #ffffff;

	line-height: 40px;

}

.sectionFour h2 strong {

	display: block;

}

.sectionFour .box {

	background: #ffffff;

	border-radius: 30px;

	overflow: hidden;

	display: block;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.4);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.4);

	padding: 40px 30px 45px 30px;

	margin-top: 30px;

}

.sectionFour .box:hover {

	background: rgba(255, 255, 255, 0.8);

	text-decoration: none;

}

.sectionFour .box figcaption p {

	font-size: 15px;

	color: #666666;

	line-height: 24px;

	margin-top: 20px;

}

.sectionFour .box figcaption h3 {

	font-size: 20px;

	color: #1a1a1a;

	line-height: 26px;

	font-weight: 700;

}



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

.sectionFour {

	padding: 50px 0 70px;

	margin-top: 50px;

}

.sectionFour .box {

	padding: 30px 25px 35px 25px;

}

}

footer {

	background: #192F41;

	padding: 60px 0 0 0;

}

footer .column {

	width: 20%;

	float: left;

	padding: 0 2%;

}

footer h3 {

	font-size: 20px;

	font-weight: 700;

	color: #ffffff;

}

footer .fLinks {

	margin: 20px 0 0 1px;

}

footer .fLinks a {

	display: block;

	color: #AFCED2;

	font-size: 14px;

	line-height: 22px;

	padding: 3px 0;

}

footer .fContactCon img {

	margin-bottom: 10px;

}

footer .fContactCon p {

	color: #AFCED2;

	font-size: 16px;

	line-height: 26px; margin-bottom: 0;

}

footer .fContactCon p a {

	color: #AFCED2;

}

footer .socialCon {

	margin-top: 20px;

}

footer .socialCon a {

	width: 45px;

	height: 45px;

	border-radius: 100%;

	display: inline-block;

	text-align: center;

	border: 1px solid #3F4F5D;

	color: #fff;

	font-size: 18px;

	margin: 2px 0;

	margin-right: 4px;

	padding: 13px 0;

	text-decoration: none;

	-webkit-box-shadow: 0 5px 20px -10px rgba(0, 93, 90, 0.7);

	box-shadow: 0 5px 20px -10px rgba(0, 93, 90, 0.7);

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

}

footer .socialCon a:hover {

	color: #ffffff;

	background: #38C2D9;

}



footer .fimges span{ margin-right: 5px;}





footer .copyright {

	background: #fff;

	margin: 70px 0 0 0;

	padding: 25px 0;

	text-align: center;

	text-transform: uppercase;

}

footer .copyright p {

	color: #666666;

	font-size: 14px;

	font-weight: 400;

	font-family: "Open Sans", sans-serif;

}

footer .column:nth-child(1) {

	width: 18%;

	padding-left: 0;

}

footer .column:nth-child(2) {

	width: 20%;

}

footer .column:nth-child(3) {

	width: 20%;

}

footer .column:nth-child(4) {

	width: 40%;

}

footer .column:nth-child(5) {

	width: 28%;

	padding-left: 4%;

	border-left: 1px solid rgba(211,224,235,.35);

	min-height: 210px;

	padding-right: 0;

}



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

footer {

	padding: 60px 0 0 0;

}

footer .column {

	padding: 0 3%;

}

	

footer .column:nth-child(1) {

	width: 17%;

	 

}

footer .column:nth-child(2) {

	width: 17%;

}

footer .column:nth-child(3) {

	width: 17%;

}

footer .column:nth-child(4) {

	width: 45%;

}	

}



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

footer {

	padding: 50px 0 0 0; text-align: center;

}

 

footer .column:nth-child(5) {

	width: 100% !important;

	padding-left: 0;

	border-left: 0;

	min-height: auto;

	padding-right: 0;

}

footer h3 {

	font-size: 18px;

}

footer .fContactCon {

	margin-top: 10px;

}

footer .fContactCon p {

	color: #aaa;

	font-size: 16px;

	line-height: 24px;

	font-weight: 300;

}

footer .copyright {

	margin: 50px 0 0 0;

	padding: 15px 0;

}

footer .copyright p {

	font-size: 14px;

}

footer .column:nth-child(1) {

	width: 33.33333%;

	padding-left: 0;

}

footer .column:nth-child(2) {

	width: 33.33333%;

}

footer .column:nth-child(3) {

	width: 33.33333%;

}

footer .column:nth-child(4) {

	width: 100%;

	padding-right: 0; border-top:1px solid rgba(255,255,255,.2); padding-top: 30px; margin-top:30px;

}

}



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

footer {

	padding: 50px 0 0 0; 

}

 

	

footer .column:nth-child(1) {

	width:100%;

	padding-left: 0;

}

footer .column:nth-child(2) {

	width: 100%;

}

footer .column:nth-child(3) {

	width: 100%;

}

footer .column:nth-child(4) {

	width: 100%;

	padding-right: 0; border-top:1px solid rgba(255,255,255,.2); padding-top: 30px; margin-top:30px;

}	

	

	footer .column {

	padding: 0;

	width: 100% !important;

 	margin-top: 20px;

	padding-bottom: 15px;

}

	

footer h3 {

	font-size: 18px;

}

footer .fContactCon {

	margin-top: 10px;

}

footer .copyright {

	margin: 50px 0 0 0;

	padding: 15px 0;

}

footer .copyright p {

	font-size: 14px;

}

footer .socialCon {

	margin-top: 20px;

}

footer .socialCon a {

	font-size: 18px;

	margin: 0 5px;

	text-decoration: none;

}

}



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

footer {

	padding: 30px 0 0 0;

}



footer .copyright {

	margin: 30px 0 0 0;

}

footer .copyright p span {

	display: none;

}

}

.pageTitleCon {

	background: #38C2D9;

	padding: 80px 0 70px;

	text-align: center;

	position: relative;

}

.pageTitleCon h1 {

	color: #fff;

	text-transform: uppercase;

	letter-spacing: 8px;

	font-size: 34px;

	line-height: 38px;

}

.pageTitleCon h1.tenderTitle {

	font-size: 24px;

	margin: 0;

	line-height: 38px;

	padding: 0 5%;

	text-align: left;

}

.pageTitleCon h1.tenderTitle p {

	color: #fff;

	font-size: 20px;

	line-height: 44px;

	float: left;

	margin-top: 50px;

}

.pageTitleCon h1.tenderTitle strong {

	border: 1px solid #fff !important;

	background: #fff;

	border-radius: 100%;

	color: #38C2D9;

	width: 30px;

	height: 30px;

	display: inline-block;

	font-size: 14px;

	line-height: 30px;

	text-align: center;

	padding: 0 9px;

	margin-right: 5px;

	vertical-align: middle;

}

.pageTitleCon h1.tenderTitle img {

	float: right;

	max-width: 320px;

	margin-left:20px;

 	display: block;

	position: relative; border-radius: 10px;

}



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

.pageTitleCon h1.tenderTitle {

	padding: 0;

}

.pageTitleCon h1.tenderTitle img {

	float: right;

	max-width: 220px;

	margin-left: 0;

	bottom: -40px;

	display: block;

	position: relative;

}

}









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

.pageTitleCon h1.tenderTitle {

	padding: 0;

	text-align: center;

}

	

	

	

	

	

.pageTitleCon h1.tenderTitle img {

	float: none;

	max-width: 320px;

	margin-left: 0;

	bottom: -40px;

	margin: auto;

	display: block;

	position: relative;

}

.pageTitleCon h1.tenderTitle p {

	color: #fff;

	font-size: 24px;

	line-height: 38px;

	float: none;

	margin-top: 50px;

}

}



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

	

	.pageTitleCon h1.tenderTitle p {

	display: none;

}

	

	.pageTitleCon h1.tenderTitle img{bottom: 0; margin: 20px auto;}

}





.pageTitleCon p {

	color: #aec2dd;

	font-size: 15px;

	line-height: 26px;

	margin-top: 10px;

}

.pageTitleCon .form-inline {

	text-align: center;

	display: block;

	margin-top: 30px;

}

.pageTitleCon .form-inline label {

	display: inline-block;

	margin-right: 25px;

	font-size: 16px;

	color: #aec2dd;

	font-weight: 300;

}

.pageTitleCon .form-inline .form-control {

	width: 265px;

	background: #38C2D9;

	color: #ffffff;

	border: 2px solid #8edce9 !important;

	height: 50px !important;

	padding: 5px 20px;

	font-size: 15px;

}

.pageTitleCon2 {

	padding: 150px 0 100px;

}



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

.pageTitleCon {

	padding: 50px 0 70px 0;

}

.pageTitleCon:before {

	height: 60px;

}

.pageTitleCon h1 {

	font-size: 28px;

	line-height: 34px;

}

}

.breadcrumb {

	text-align: center;

	display: block;

	width: auto;

	background: none;

	font-size: 14px;

	font-weight: 400;

	margin: 8px 0 0 0;

	padding: 0;

	color: #fff;

}

.breadcrumb li {

	display: inline-block;

}

.breadcrumb li a {

	font-weight: 400;

	text-decoration: underline;

	color: #fff;

}

.breadcrumb li a:hover {

	text-decoration: none;

}

.breadcrumb > li + li:before {

	color: #8edce9;

	font-size: 10px;

	margin: 0 5px;

	content: "\e90c";

	font-family: 'icomoon';

}



.packagesCon {

	padding: 0 0 100px 0;

}

.packagesCon .row {

	margin-top: -50px;

}

.packagesCon .packageBox {

	background: #fff;

	padding: 20px 20px;

	min-height: 200px;

	position: relative;

	border-radius: 30px;

	border: 2px solid transparent;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

}

.packagesCon .packageBox .pHeader {

	padding: 20px;

	border: 1px solid #38C2D9;

	border-radius: 20px;

	background: rgba(56,194,217,.09)

}

.packagesCon .packageBox .pHeader2 {

	border: 1px solid #e01021;

	background: rgba(224,16,33,.09);

}

.packagesCon .packageBox h4 {

	font-size: 16px;

	color: #1a1a1a;

	float: left;

	line-height: 24px;

	font-weight: 700;

	text-transform: uppercase;

	margin-top: 13px;

}

.packagesCon .packageBox .price {

	font-size: 36px;

	font-weight: 600;

	color: #38C2D9;

	float: right;

}

.packagesCon .packageBox .pHeader2 .price {

	color: #e01021;

}

.packagesCon .packageBox .pHeader p {

	color: #1a1a1a;

	text-align: center;

}

.packagesCon .packageBox .price small {

	vertical-align: super;

	font-size: 20px;

	font-weight: 700;

}

.packagesCon .packageBox .price span {

	text-decoration: line-through;

	font-size: 20px;

	color: #999999;

	font-weight: 400;

	vertical-align: middle;

}

.packagesCon .packageBox .price sup {

	font-size: 22px;

}

.packagesCon .packageBox ul {

	margin: 30px 3px !important; padding: 0;

}

.packagesCon .packageBox ul li {

	list-style: none;

	color: #2c3a49;

	font-size: 14px;

	line-height: 22px;

	padding: 5px 0;

	position: relative;

	padding-left: 30px;

}

.packagesCon .packageBox ul hr {

	border-bottom: 1px solid rgba(44,58,73,.04);

	margin: 5px 0;

	margin-left: 30px;

}

.packagesCon .packageBox ul li.yes:before {

	position: absolute;

	font-family: 'icomoon';

	content: '\e904';

	left: 0;

	width: 22px;

	height: 22px;

	border-radius: 100%;

	background: rgba(56,194,217,.2);

	color: #38C2D9;

	padding-left: 5px;

}

.packagesCon .packageBox ul li.no:before {

	position: absolute;

	font-family: 'icomoon';

	content: '\e924';

	left: 0;

	width: 22px;

	height: 22px;

	border-radius: 100%;

	background: rgba(224,16,33,.2);

	color: #e01021;

	padding: 1px 0;

	font-size: 11px;

	text-align: center;

}

.packagesCon .packageBox ul li i {

	width: 14px;

	height: 14px;

	border-radius: 100%;

	background: #2ebf3f;

	color: #ffffff;

	font-size: 9px;

	display: inline-block;

	padding: 3px 0;

	margin-right: 5px;

	vertical-align: text-top;

	margin-top: 2px;

}

.packagesCon .packageBox .btn-light {

	background: none !important;

	border: 1px solid #d4d8dc;

	line-height: 43px;

	height: 45px;

	padding: 0 30px;

	font-size: 15px;

	font-weight: 600;

}

.packagesCon .standard {

	background: #ffffff;

	border-color: #ffffff;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

}

.packagesCon .standard .btn-light {

	border: 0;

	background: #E01021 !important;

	color: #ffffff !important;

}

.packagesCon .standard .popularRibbon {

	position: absolute;

	background: url(../images/popular-ribbon.png) no-repeat;

	width: 131px;

	height: 38px;

	top: -7px;

	right: -15px;

	color: #ffffff;

}

.packagesCon .standard .popularRibbon p {

	font-size: 10px;

	letter-spacing: 1.5px;

	line-height: 16px;

	height: 28px;

	overflow: hidden;

	text-align: center;

	width: 120px;

	padding: 6px 0 6px 8px;

}

.packagesCon label {

	margin: 0;

	display: block;

}

.packagesCon label .selectStyleRadio {

	display: none;

}

.packagesCon label .selectStyleRadio:checked + .packageBox {

	-webkit-transform: scale(0.95);

	transform: scale(0.95);

	border: 2px solid #38C2D9;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.3);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.3);

}

.packagesCon2 {

	padding-bottom: 0;

}

.packagesCon2 .packageBox ul {

	margin: 30px 0 5px !important; text-align: center; padding: 0; overflow: hidden; width: 100%;

}



.packagesCon2 .packageBox ul li{padding:5px 0;}



.packagesCon2 .packageBox .price {

	margin-top: 5px;

}

.packagesCon3 {

	padding: 0;

}

.packagesCon3 .row {

	margin-top: 0;

}

.packagesCon3 label {

	margin: 15px 0;

}

.cplan {

	float: right;

	margin-top: -20px;

	font-size: 14px;

}

.cplan span {

	background: #E01021;

	color: #fff;

	border-radius: 5px;

	padding: 3px 10px;

}





/*new package clasess*/



.newPackageCon{padding:120px 0 120px;}

.newPackageCon .row{margin: 0 !important; display: flex;}

.newPackageCon .row .cols .packageBox{box-shadow: 0 5px 60px -10px rgb(0 93 90 / 20%); padding:40px 30px 115px; height: 100%; position: relative;}

.newPackageCon .row .cols.standard .packageBox{background: #e01021; color:#fff !important; box-shadow: 0 5px 80px -10px rgb(0 93 90 / 20%); border-radius: 30px 0 30px 30px;}

.newPackageCon .row .cols.standard{ position: relative; z-index: 2; border-radius: 30px; background: none; box-shadow: none;}

 



.newPackageCon .row .cols.standard:hover .packageBox{box-shadow: 0 5px 60px -10px rgb(0 93 90 / 100%);}



.newPackageCon .packageBox h4 {

    font-size: 18px;

    color: #666;

    float: none;

    line-height: 24px;

    font-weight: 700;

    text-transform: uppercase;

    margin-top: 13px;

}





.newPackageCon .packageBox .pHeader{ text-align: center; background: none; padding: 0; border:0;}

.newPackageCon .packageBox .price {

    font-size: 56px;

    font-weight: 600;

    color: #1a1a1a;

    float: none;

}



.newPackageCon .row .cols.standard .packageBox h4, .newPackageCon .row .cols.standard .packageBox .price, .newPackageCon .row .cols.standard  .packageBox ul li{color:#fff;}

 





.newPackageCon .packageBox ul li {

    list-style: none;

    color: #2c3a49;

    font-size: 14px;

    line-height: 22px;

    padding: 10px 0;

    position: relative;

    padding-left: 30px;

}



.newPackageCon .packageBox .pHeader .pInfo{border:1px solid #ddd;padding: 5px 10px; border-radius:30px; margin-top:10px;}

.newPackageCon .row .cols .packageBox ul{margin-bottom: 20px !important;}

.newPackageCon .row .cols.standard .packageBox ul li.yes:before {

    

    background: rgba(255,255,255,.2);

    color: #fff;

    

}





.newPackageCon .row .cols.standard .packageBox ul li.no:before {

  

   background: rgba(255,255,255,.2);

    color: #fff;

    

}







.newPackageCon .row .cols.standard .packageBox p {

    color: #fff;

    text-align: center;

}





.newPackageCon .cols.standard .popularRibbon{top: -15px;}

.newPackageCon .cols.standard .popularRibbon p{color:#e01021 !important; font-weight: 400; top: -15px;}





.newPackageCon .row .cols.standard .packageBox .btn-light{border:1px solid #fff; height: 60px; background:#fff !important; color:#e01021 !important;     padding: 0 60px; font-size: 18px;}







.newPackageCon .row .cols .packageBox .btnCon{position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 30px;}





.newPackageCon .row .cols.standard .packageBox .btn-light, .newPackageCon .row .cols .packageBox .btn-info{display:block; width: 100%; padding:0 15px; }









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

.packagesCon {

	padding: 0 0 10px 0;

}

	

.newPackageCon {

	padding:120px 0 120px;

}	

	

	

.packagesCon .packageBox {

	margin-bottom: 30px;

}

}





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

	

.newPackageCon {

	padding:20px 0 20px;

}	

	

	

	.newPackageCon .row .cols.standard {

    

    margin-top:0;

    margin-bottom:0;

   

}

	

	

	.newPackageCon .row .cols{margin: 40px 0;}

	

	

	.newPackageCon .row .first .packageBox,  .newPackageCon .row .third .packageBox{

    border-radius: 30px;

}

}











.thanksCon {

	padding: 0 0 70px 0;

}

.thanksCon .row {

	margin-top: -70px;

}

.thanksCon .thanksBox {

	background: #ffffff;

	min-height: 200px;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	text-align: center;

	padding: 70px;

}

.thanksCon .thanksBox h1 {

	font-weight: 600;

	font-size: 45px;

	color: #E01021;

	line-height: 55px;

}

.thanksCon .thanksBox h5 {

	margin-top: 10px;

	color: #000;

}

.thanksCon .thanksBox p {

	font-size: 15px;

	font-weight: 300;

	line-height: 22px;

	color: #777;

	margin-top: 15px;

}

.thanksCon .thanksBox hr {

	border-top: 2px dotted #eee;

	margin-top: 30px;

}



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

.thanksCon {

	padding: 0 0 50px 0;

}

.thanksCon .row {

	margin-top: -30px;

}

}



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

.thanksCon .thanksBox {

	padding: 40px 30px;

}

.thanksCon .thanksBox h5 {

	font-size: 16px;

	line-height: 24px;

}

}



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

.thanksCon .thanksBox h1 {

	font-size: 28px;

	line-height: 34px;

}

}

.loginTitle {

	margin-bottom: 20px;

}

.loginCon {

	padding: 0 0 70px 0;

}

.loginCon .bottomTxt {

	font-size: 14px;

	color: #777;

	margin-top: 25px;

	font-family: "Open Sans", sans-serif;

}

.loginCon .bottomTxt a {

	color: #38C2D9;

	text-decoration: underline;

}

.loginCon .bottomTxt a:hover {

	text-decoration: none;

}

.loginCon .row {

	margin-top: -54px;

}

.loginCon .loginBox {

	background: #fff;

	width: 100%;

	border-radius: 5px;

	min-height: 100px;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	margin: auto;

}

.loginCon .loginBox .tab {

	border-bottom: 1px solid #eee;

}

.loginCon .loginBox .tab a {

	width: 50%;

	float: left;

	text-align: center;

	font-size: 18px;

	line-height: 50px;

	color: #999;

	font-weight: 500;

	background: #f5f5f5;

	display: block;

	padding: 0 15px;

	border-top: 3px solid #ddd;

	text-transform: uppercase;

	text-decoration: none;

}

.loginCon .loginBox .tab h3 {

	width: 100%;

	text-align: center;

	font-size: 18px;

	line-height: 50px;

	color: #000;

	background: #f5f5f5;

	display: block;

	padding: 0 15px;

	border-top: 3px solid #E01021;

	text-transform: uppercase;

}

.loginCon .loginBox .tab a.active {

	background: #fff;

	color: #000;

	border-top-color: #E01021;

}

.loginCon .loginBox .form_con {

	padding: 25px 40px 40px;

}

.loginCon .loginBox .form_con .row {

	margin-top: 5px;

	margin-left: -5px;

	margin-right: -5px

}

.loginCon .loginBox .form_con .row .cols, .loginCon .loginBox .form_con .row .col-md-12 {

	padding: 0 5px;

}

.loginCon .loginBox .form_con .row .form-group {

	margin: 15px 0;

}

.loginCon .loginBox .form_con h5 {

	font-size: 14px;

	font-weight: 400;

	color: #999;

}

.loginCon .loginBox .price1 label {

	font-size: 75px;

	font-weight: 600;

	margin: 30px 0 0;

	line-height: 70px;

}

.loginCon .loginBox .price1 label span {

	font-size: 50px;

	font-weight: 300;

	color: #999999;

}

.loginCon .forgot-password {

	margin-top: 10px;

	display: inline-block;

	text-decoration: underline;

	color: #000;

	font-family: "Open Sans", sans-serif;

}

.loginCon .form-group {

	margin: 10px 0;

}

.loginCon .form-check-label {

	color: #aaa;

}

.loginCon .form-check-label .form-check-input {

	margin-top: 2px;

}

.loginCon .or {

	display: block;

	border-top: 2px dotted #eee;

	margin: 40px 0;

	position: relative;

}

.loginCon .or:after {

	position: absolute;

	content: 'or';

	width: 35px;

	height: 35px;

	background: #ffffff;

	left: 50%;

	top: -18px;

	-webkit-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

	border: 2px dotted #eee;

	border-radius: 100%;

	text-align: center;

	padding: 7px 0;

	font-weight: 500;

	color: #aaa;

	font-size: 14px;

}

.loginCon .radioBtns {

	margin: 15px 0 10px;

}

.loginCon .radioBtns label {

	width: 50%;

	float: left;

}

.loginCon .radioBtns label .btnInfo {

	text-transform: uppercase;

	text-align: center;

	border: 2px solid #38C2D9;

	color: #38C2D9;

	height: 50px;

	padding: 15px 15px;

	display: block;

	cursor: pointer;

}

.loginCon .radioBtns label .btnInfo h4 {

	font-size: 14px;

}

.loginCon .radioBtns label .selectStyleRadio {

	display: none;

}

.loginCon .cCheckPoint label {

	font-size: 14px;

	line-height: 22px;

	font-weight: 300;

}

.loginCon .cCheckPoint label .form-check-input {

	margin-top: 5px;

}

.loginCon .cCheckPoint .form-check {

	margin: 20px 0 25px;

}

.loginCon .radioBtns label:nth-child(1) .btnInfo {

	border-radius: 5px 0 0 5px;

	border-right: 1px solid #38C2D9;

}

.loginCon .radioBtns label:nth-child(2) .btnInfo {

	border-radius: 0 5px 5px 0;

	border-left: 1px solid #38C2D9;

}

.loginCon .radioBtns label .selectStyleRadio:checked + .btnInfo {

	background: #38C2D9;

	color: #ffffff;

}

.socialMediaLogin {

	text-align: center;

}

.socialMediaLogin a {

	width: 50px;

	height: 50px;

	border-radius: 100%;

	display: inline-block;

	background: #fff;

	text-align: center;

	color: #38C2D9;

	font-size: 18px;

	margin: 10px;

	padding: 16px 0;

	text-decoration: none;

	-webkit-box-shadow: 0 5px 20px -10px rgba(0, 93, 90, 0.7);

	box-shadow: 0 5px 20px -10px rgba(0, 93, 90, 0.7);

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

}

.socialMediaLogin .facebook {

	color: #428bca;

}

.socialMediaLogin .facebook:hover {

	background: #428bca;

	color: #ffffff;

}

.socialMediaLogin .twitter {

	color: #5bc0de;

}

.socialMediaLogin .twitter:hover {

	background: #5bc0de;

	color: #ffffff;

}

.socialMediaLogin .google {

	color: #d9534f;

}

.socialMediaLogin .google:hover {

	background: #d9534f;

	color: #ffffff;

}

.verifyMessage {

	font-size: 15px;

	padding: 10px;

	line-height: 22px;

}



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

.loginCon .loginBox {

	width: 100%;

}

.loginCon .loginBox .form_con {

	padding: 20px 30px 30px;

}

.loginCon .facebookBtn {

	font-size: 14px;

}

.loginCon .facebookBtn:after {

	width: 50px;

}

}



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

.loginCon .facebookBtn {

	padding-left: 60px;

}

.loginCon .facebookBtn:after {

	width: 45px;

}

}

.myaccUser .media {

	float: left;

}

.myaccUser .media figure {

	width: 60px;

	height: 60px;

	border-radius: 100%;

	background: #fff;

	margin: 0 15px 0 0;

	text-align: center;

	border: 1px solid #ddd;

	font-size: 25px;

	padding: 15px 0;

	background: #f9f9f9;

}

.myaccUser .media .media-body {

	padding: 12px 0;

}

.myaccUser .media .media-body h4 {

	color: #000;

	font-size: 18px;

	text-transform: uppercase;

}

.myaccUser .media .media-body h4 span {

	color: #E01021;

}

.myaccUser .media .media-body p {

	margin-top: 5px;

}

.myaccUser .logoutCon {

	float: left;

	border-left: 1px solid #ddd;

	padding: 17px 20px;

	margin-left: 20px;

}

.myaccUser .logoutCon .btn-warning i {

	font-size: 16px;

	display: inline-block;

	vertical-align: sub;

}

.dashboardCon {

	padding: 40px 0 70px;

}

.dashboardCon .form-horizontal label {

	font-weight: 400;

	font-size: 14px;

	margin-left: 2px;

	line-height: 22px;

}

.dashboardCon .form-horizontal label.label, label.label {

	font-weight: 600;

	font-size: 16px;

	margin-left: 2px;

	line-height: 22px;

	color: #1a1a1a;

}

.dashboardCon .form-horizontal .form-group {

	margin: 10px 0;

}

.dashboardCon .leftNavCon {

	padding: 0;

	overflow: hidden;

	height: 100%;

	border-radius: 5px;

	background: #fff;

}

.dashboardCon .leftNavCon .navTabs {

	min-height: 300px;

}

.dashboardCon .leftNavCon .navTabs a {

	display: block;

	color: #000;

	font-size: 16px;

	line-height: 22px;

	padding: 14px 20px;

	border-top: 1px solid #fff;

	font-family: "Open Sans", sans-serif;

	border-left: 3px solid transparent;

	position: relative;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.05);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.05);

}

.dashboardCon .leftNavCon .navTabs a .iconQuesion {

	position: static;

	font-size: 14px;

	color: #8edce9;

}

.dashboardCon .leftNavCon .navTabs a:hover {

	background: #ffffff;

	color: #000;

	border-left: 3px solid #E01021;

	text-decoration: none;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.2);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.2);

}

.dashboardCon .leftNavCon .navTabs a.active {

	background: #ffffff;

	color: #000;

	border-left: 3px solid #E01021;

	text-decoration: none;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.2);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.2);

}

.dashboardCon .dashBoardItems {

	padding: 40px;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	border-radius: 5px;

	background: #ffffff;

	min-height: 500px;

}

.dashboardCon .dashBoardItems2 {

	padding: 10px;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	border-radius: 5px;

	background: #ffffff;

	min-height: 1100px;

}

.dashboardCon .dashBoardItems2 .boxTitle {

	font: 600 20px/34px 'Open Sans', sans-serif;

	color: #1a1a1a;

	text-transform: uppercase;

	padding: 10px 15px;

}

.dashboardCon .dashBoardItems2 .boxTitle .btn-link {

	text-transform: capitalize;

	font-size: 0.75rem;

	color: #999999;

	float: right;

}

.dashboardCon .dashBoardItems2 .boxTitle .btn-link:hover {

	color: #000;

}

.dashboardCon .dashBoardItems2 .boxTitle small {

	text-transform: none;

	color: #999999;

}

.dashboardCon .dashBoardItems2 .boxTitle .subtext {

	line-height: 22px;

}

.dashboardCon .dashBoardItems2 .searchFor {

	width: 230px;

	float: right;

	margin-bottom: 13px;

	position: relative;

}

.dashboardCon .dashBoardItems2 .freelanceCat li {

	width: 33.333333%;

	height: auto;

	list-style: none;

	float: left;

	padding: 20px 15px;

}

.dashboardCon .leftNavCon .navTabs a i {

	margin-right: 8px;

	font-size: 22px;

	color: #999999;

	margin-top: 2px;

}



.dashboardCon .dashBoardItems .newPackageCon{padding: 40px 0 0;}

.dashboardCon .dashBoardItems .newPackageCon .row .cols{margin:20px 0;}







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

.dashboardCon .dashBoardItems {

	min-height: 100px;

}

}

.dashboardCon .dashBoardItems .secondTxt {

	font-size: 16px;

	line-height: 22px;

	margin: 5px 0 0 3px;

	font-weight: 300;

}

.dashboardCon .dashBoardItems h1 {

	font-size: 30px;

	line-height: 34px;

	color: #38C2D9;

	font-weight: 600;

}

.dashboardCon .dashBoardItems h1 span {

	font-weight: 300;

}

.dashboardCon .dashBoardItems h1 .searchFor {

	width: 200px;

	float: right;

	margin-bottom: 13px;

	position: relative;

}

.dashboardCon .dashBoardItems h1 .searchFor .form-control {

	height: 34px;

}

.dashboardCon .dashBoardItems h1 .searchFor .btnSearch {

	background: none;

	position: absolute;

	right: 10px;

	top: 5px;

	padding: 0 0;

	box-shadow: none;

}

.dashboardCon .dashBoardItems .title2 {

	font-size: 22px;

	line-height: 30px;

	color: #000;

	font-weight: 600;

	border-bottom: 1px solid #eee;

	padding-bottom: 5px;

}

.dashboardCon .dashBoardItems hr {

	border-top: 1px dotted #eee;

	margin: 20px 0;

}

.dashboardCon .dashBoardItems .price1 label {

	display: block;

	font-size: 50px;

	font-weight: 600;

	margin: 10px 0 0;

	line-height: 70px;

}

.dashboardCon .dashBoardItems .price1 label span {

	font-size: 30px;

	font-weight: 300;

	color: #999;

}

.dashboardCon .frontBoxesCon .inner {

	text-align: center;

	background: #ffffff;

	border: 1px solid #eee;

	border-radius: 5px;

	padding: 40px 30px;

	margin: 30px 0 0;

}

.dashboardCon .frontBoxesCon .inner:hover {

	background: #F3F9FE;

}

.dashboardCon .frontBoxesCon .inner figure {

	width: 120px;

	height: 120px;

	-webkit-box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.03);

	box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.03);

	border-radius: 100%;

	margin: auto;

	background: #ffffff;

	padding: 30px;

	text-align: center;

	margin-bottom: 20px;

}

.dashboardCon .frontBoxesCon .inner figure img {

	width: 100%;

	height: auto;

	display: block;

}

.dashboardCon .frontBoxesCon .inner h4 {

	font-size: 16px;

	color: #000;

	text-transform: uppercase;

	font-weight: 600;

}

.dashboardCon .frontBoxesCon .inner h4 span {

	font-weight: 200;

	font-size: 22px;

	line-height: 26px;

	text-transform: none;

	color: #888;

}



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

.dashboardCon .frontBoxesCon .inner {

	padding: 35px 25px;

}

}



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

.dashboardCon {

	padding: 30px 0 40px 15px;

}

}



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

.dashboardCon {

	padding: 30px 0 40px 0;

}

.dashboardCon .frontBoxesCon .inner {

	margin-top: 15px;

}

.dashboardCon .dashBoardItems {

	padding: 30px;

}

.dashboardCon .dashBoardItems h1 {

	font-size: 24px;

	line-height: 26px;

}

.dashboardCon .dashBoardItems .secondTxt {

	font-size: 14px;

}

.dashboardCon .leftNavCon {

	margin: 0 15px 30px;

}

.dashboardCon .leftNavCon .navTabs {

	min-height: auto;

}

}



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

.dashboardCon .dashBoardItems {

	padding: 20px;

}

.dashboardCon .dashBoardItems h1 {

	font-size: 20px;

	line-height: 22px;

}

.dashboardCon .dashBoardItems .secondTxt {

	font-size: 13px;

	margin: 0;

}

.myaccUser {

	text-align: center;

}

.myaccUser .media {

	float: none;

	display: block;

}

.myaccUser .media figure {

	display: block;

	margin: auto;

}

.myaccUser .logoutCon {

	float: none;

	border: 0;

	margin: 0;

	padding: 5px 0 0 0;

}

}

.cartCon {

	border: 1px solid #f00;

	margin: 30px 0 30px;

	border: 1px solid #eee;

	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	padding: 30px;

}

.cartColumns .col_1 {

	width: 7%;

	float: left;

}

.cartColumns .col_2 {

	width: 60%;

	float: left;

}

.cartColumns .col_3 {

	width: 10%;

	float: left;

}

.cartColumns .col_4 {

	width: 10%;

	float: left;

}

.cartColumns .col_5 {

	width: 13%;

	float: left;

}

.cartColumns .col_6 {

	width: 70%;

	float: left;

}

.cartColumns .col_7 {

	width: 20%;

	float: left;

}

.cartColumns .col_8 {

	width: 25%;

	float: left;

}

.cartColumns .col_9 {

	width: 50%;

	float: left;

}

.cartTitle {

	background: #F3F9FE;

	padding: 15px 15px;

	font-size: 14px;

	color: #000;

	font-weight: 600;

}

.cartBox {

	border-top: 0;

	-webkit-box-shadow: 0 5px 15px -10px rgba(0, 93, 90, 0.1);

	box-shadow: 0 5px 15px -10px rgba(0, 93, 90, 0.1);

	padding: 25px 15px;

}

.cartBox .thumbnailImg {

	width: 130px;

	height: 130px;

	border: 1px solid #ddd;

	overflow: hidden;

	background: #fff;

	display: block;

	float: left;

	margin-right: 20px;

}

.cartBox .productInfoTxt {

	float: left;

	width: 70%;

}

.cartBox .productInfoTxt .productTitle {

	font-size: 20px;

	line-height: 24px;

	font-weight: 600;

	color: #000;

}

.cartBox .productInfoTxt .productTitle span {

	font-weight: 400;

	color: #777;

	font-size: 16px;

}

.cartBox .productInfoTxt .table {

	border: 0;

	width: 95%;

	margin: 10px 0 0 0;

}

.cartBox .productInfoTxt .table td {

	padding: 4px 0;

	border: 0;

	border-bottom: 1px solid #eee;

	border-left: 1px solid #eee;

	padding-left: 15px;

}

.cartBox .productInfoTxt .table td strong {

	color: #000;

}

.cartBox .mobOnly {

	display: none;

}

.cartTitle2 {

	background: #000;

	color: #ffffff !important;

	font-weight: 500;

}

.cartCon .cartBox .productInfoTxt .table tr td:first-child {

	border-left: 0;

	padding-left: 0;

}

.auctionBtn a {

	font-size: 13px;

	width: 25px;

	display: inline-block;

	height: 25px;

	border-radius: 100%;

	background: #eee;

	border: 1px solid #ccc;

	color: #000;

	padding: 4px 0;

	text-decoration: none;

	margin: 2px;

}

.auctionBtn a.delete {

	background: #eee;

	font-size: 10px;

	padding: 4px 0;

}

.quantity {

	width: 40px;

	text-align: center;

	display: inline-block;

	height: 30px;

	border-radius: 3px;

	background: #f5f5f5;

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

}

.quantity:focus {

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

	border-color: #E01021;

}

.price {

	font-size: 16px;

	font-weight: 600;

	color: #E01021;

}

.btnCon {

	margin: 15px 0 0 0;

}

.btnCon .leftBtn {

	float: left;

}

.btnCon .rightBtn {

	float: right;

}

.totalAmount {

	text-align: right;

	padding: 15px 5px 5px;

}

.totalAmount p {

	font-size: 14px;

	line-height: 20px;

}

.totalAmount p strong {

	color: #000;

}

.totalAmount h6 {

	font-size: 18px;

	color: #E01021;

	margin-top: 5px;

}



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

.cartBox {

	border: 1px solid #f9f9f9;

	margin: 10px 0;

}

.cartBox .productInfoTxt .table {

	width: 100%;

}

.cartBox .mobOnly {

	display: inline-block;

}

.cartTitle {

	display: none;

}

.cartColumns .col_1 {

	width: 100%;

	float: left;

	margin-bottom: 5px;

	font-weight: 600;

}

.cartColumns .col_2 {

	width: 100%;

	float: left;

}

.cartColumns .col_3 {

	width: 100%;

	float: left;

	text-align: right !important;

	padding: 5px 0;

	margin-top: 15px;

}

.cartColumns .col_4 {

	width: 100%;

	float: left;

	text-align: right !important;

	padding: 5px 0;

}

.cartColumns .col_5 {

	width: 100%;

	float: left;

	text-align: right !important;

	padding: 5px 0 0 0;

}

.cartColumns .col_6 {

	width: 100%;

	float: left;

}

.auctionBtn a {

	text-align: center;

}

}



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

.cartCon {

	padding: 15px 20px 20px;

}

.cartBox {

	margin: 10px 0;

}

.cartBox .thumbnailImg {

	float: none;

	margin-bottom: 15px;

}

.cartBox .productInfoTxt {

	display: block;

	width: 100%;

}

.cartBox .productInfoTxt .productTitle {

	font-size: 16px;

}

.cartBox .productInfoTxt .productTitle span {

	font-size: 12px;

}

.cartBox .mobOnly {

	display: inline-block;

}

.cartTitle {

	display: none;

}

.cartColumns .col_1 {

	width: 100%;

	float: left;

	margin-bottom: 5px;

	font-weight: 600;

}

.cartColumns .col_2 {

	width: 100%;

	float: left;

}

.cartColumns .col_3 {

	width: 100%;

	float: left;

	text-align: right !important;

	padding: 5px 0;

	margin-top: 15px;

}

.cartColumns .col_4 {

	width: 100%;

	float: left;

	text-align: right !important;

	padding: 5px 0;

}

.cartColumns .col_5 {

	width: 100%;

	float: left;

	text-align: right !important;

	padding: 5px 0 0 0;

}

.cartColumns .col_6 {

	width: 100%;

	float: left;

}

.auctionBtn a {

	text-align: center;

}

.btnCon .btn1 {

	padding: 0 30px !important;

}

}



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

.btnCon .leftBtn {

	display: block;

	float: none;

}

.btnCon .rightBtn {

	display: block;

	float: none;

}

.btnCon .btn1 {

	padding: 0 30px !important;

	display: block;

	margin: 3px 0;

}

}

.reportList {

	border: 0;

	padding: 0;

	margin: 0;

}

.reportList .invoiceNo {

	font-size: 18px;

	font-weight: 300;

}

.reportList .invoiceNo a {

	font-weight: 600;

	color: #38C2D9 !important;

}

.reportList p {

	font-size: 13px;

	line-height: 20px;

	color: #38C2D9;

}

.reportList .text-secondary p {

	color: #6c757d;

}

.reportList .status {

	font-size: 13px;

}

.reportList .status .pending {

	background: #eee;

	padding: 2px 5px;

	border-radius: 2px;

	color: #888;

}

.reportList .status .cancelled {

	background: #EC0D10;

	padding: 2px 5px;

	border-radius: 2px;

	color: #fff;

}

.reportList .status .delivered {

	background: #1fa30d;

	padding: 2px 5px;

	border-radius: 2px;

	color: #fff;

}

.reportList .view {

	font-size: 18px;

	color: #000;

	font-weight: 600;

	text-decoration: none;

}

.reportList .view:hover {

	color: #E01021;

}

.accIconSize {

	font-size: 18px;

	font-weight: 600;

	text-decoration: none;

	line-height: 22px;

	height: 22px;

	text-decoration: none !important;

}

.accIconSize22 {

	font-size: 22px;

}

.editIcon {

	color: #38C2D9

}

.editIcon:hover {

	color: #2d9eb1

}

.reportList .remove {

	font-size: 18px;

	color: #EC0D10;

	font-weight: 600;

	text-decoration: none;

}

.reportList .remove:hover {

	color: #EC0D10;

}

.reportList .thumbnailImg {

	width: 90px;

	height: 90px;

}

.reportList .productInfoTxt {

	padding: 8px 0;

}

.reportList .productInfoTxt .productTitle {

	font-size: 16px;

	line-height: 20px;

}

.reportList .productInfoTxt .productTitle a {

	color: #000;

}

.reportList .productInfoTxt .productTitle span {

	font-weight: 400;

	color: #777;

	font-size: 14px;

}

.reportList .productInfoTxt p strong {

	font-weight: 600;

	color: #000;

}

.reportList .productInfoTxt .viewAll {

	background: #ef8737;

	color: #fff;

	display: inline-block;

	padding: 2px 10px;

	border-radius: 3px;

	margin-top: 5px;

	text-decoration: none;

}

.owColumns .col_1 {

	width: 10%;

	float: left;

}

.owColumns .col_2 {

	width: 60%;

	float: left;

}

.owColumns .col_3 {

	width: 15%;

	float: left;

}

.owColumns .col_4 {

	width: 15%;

	float: left;

}

.owColumns .col_5 {

	width: 75%;

	float: left;

}

.owColumns .col_7 {

	width: 20%;

	float: left;

}

.owColumns .col_8 {

	width: 40%;

	float: left;

}

.owColumns .col_9 {

	width: 50%;

	float: left;

}

.owColumns .col_10 {

	width: 10%;

	float: left;

}

.pagingCon {

	text-align: center;

	margin-top: 20px;

	font-size: 12px;

	font-weight: 500;

}

.pagingCon a {

	display: inline-block;

	padding: 3px 10px 2px;

	text-align: center;

	background: #ddd;

	margin: 0 2px;

	color: #000;

	margin: 2px 2px 0 2px;

	border-radius: 2px;

}

.pagingCon a:hover {

	text-decoration: none;

	color: #ffffff;

	background: #000;

}

.pagingCon a.active {

	background: #E01021;

	color: #ffffff;

}



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

.owColumns .col_1 {

	width: 100%;

	float: left;

}

.owColumns .col_2 {

	width: 100%;

	float: left;

	margin-top: 5px;

}

.owColumns .col_3 {

	width: 100%;

	float: left;

	text-align: left !important;

	margin-top: 10px;

}

.owColumns .col_4 {

	width: 100%;

	float: left;

	text-align: left !important;

	margin-top: 20px;

}

.owColumns .col_5 {

	width: 100%;

	float: left;

	margin-top: 10px;

}

.owColumns .col_8 {

	width: 100%;

	float: left;

	text-align: left !important;

	margin-top: 20px;

}

.owColumns .col_9 {

	width: 100%;

	float: left;

	text-align: left !important;

}

.owColumns .col_10 {

	width: 100%;

	float: left;

	text-align: left !important;

	margin-top: 20px;

	padding-left: 5px;

}

.reportList .view {

	vertical-align: sub;

}

}

.middleGray {

	background: #fff;

}

.cmsBox {

	border-top: 0;

	border-bottom: 0;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	background: #ffffff;

	padding: 15px 0;

	min-height: 300px;

}

.cmsBox h1 {

	font-size: 30px;

	color: #000;

	line-height: 34px;

	border-bottom: 1px solid #eee;

	padding: 0 30px 10px 30px;

}

.cmsArea {

	padding: 20px 30px 30px 30px;

}

.cmsArea h2 {

	font-size: 20px;

	line-height: 24px;

	color: #000;

	position: relative;

}

.cmsArea h2:after {

	position: static;

	margin-top: 10px;

	display: block;

	content: '';

	width: 50px;

	height: 1px;

	background: #E01021;

}

.cmsArea h3 {

	font-size: 25px;

	line-height: 28px;

	color: #1a1a1a;

	margin: 0;

}

.cmsArea p {

	font-size: 14px;

	line-height: 24px;

}

.cmsArea .centerTxt {

	font-size: 18px;

	margin: 0;

	line-height: 30px;

	padding: 15px 4%;

}

.cmsArea hr {

	border-color: #eee;

	margin: 25px 0;

}

.cmsArea .btn-link {

	color: #E01021;

}

.cmsArea ul {

	margin: 20px 0 0 30px;

}

.cmsArea ul li {

	font-size: 14px;

	line-height: 24px;

	list-style: none;

	position: relative;

	padding: 0 0 0 18px;

}

.cmsArea ul li:before {

	content: '\e904';

	font-family: 'icomoon';

	width: 10px;

	height: 10px;

	top: 0px;

	left: 0;

	position: absolute;

	font-size: 12px;

	color: #E01021;

}

.cmsArea ol {

	margin: 20px 0 0 80px;

}

.cmsArea ol li {

	font-size: 14px;

	line-height: 24px;

	list-style: decimal;

	position: relative;

	padding: 0 0 0 18px;

}

.cmsArea .cmsImg {

	float: right;

	margin: 10px 0 20px 20px;

}



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

.cmsArea p {

	text-align: left !important;

}

.cmsArea ul {

	margin-left: 0;

}

.cmsArea ol {

	margin-left: 30px;

}

}









.faq-content {

	padding: 30px 30px 15px 30px;

	margin: 0;

}

.faq-content .card > .card-header {

	background-color: #F3F9FE;

	border-color: none !important;

	border: none !important;

	-webkit-box-shadow: 0 !important;

	box-shadow: 0 !important;

}

.faq-content .more-less {

	float: right;

	margin-top: 3px;

	color: #ccc;

}

.faq-content .card {

	border-color: #f9f9f9;

	border: 1px solid #f9f9f9;

	border-radius: 0px;

	margin-bottom: 10px;

}

.faq-content .card-body {

	padding: 20px 20px 20px 20px !important;

	border: none !important;

}

.faq-content .card-header {

	border-bottom: 1px solid transparent;

	border-top-left-radius: 0px;

	border-top-right-radius: 0px;

	padding: 0px;

	border-radius: 0px;

}

a.card-link {

	text-decoration: none;

	display: block;

	font-size: 16px;

	line-height: 24px;

	padding: 12px 15px 8px 20px;

	color: #1a1a1a;

	font-weight: 500;

}

a.card-link i {

	font-size: 14px;

}

.faq-content .card:hover {

	border-bottom: 1px solid #dbd6d2;

}

.faq-content .card-body p {

	font-size: 14px;

	line-height: 24px;

	color: #777;

}

.faq-content .card-body ul {

	margin: 0px;

	margin-left: 50px;

}

.faq-content .card-body ul li {

	font-size: 14px;

	list-style: disc;

	line-height: 24px;

	padding: 0;

}



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

.faq-content {

	padding: 20px;

}

a.card-link {

	font-size: 16px;

	line-height: 20px;

	padding: 8px 10px 10px 15px;

}

.faq-content .card-body ul {

	margin-left: 30px;

}

}

.contactCon {

	padding: 30px 30px;

}

.contactCon .companyName {

	font-size: 18px;

	text-transform: uppercase;

	color: #E01021;

	font-weight: 600;

	line-height: 24px;

}

.contactCon p {

	font-size: 15px;

	line-height: 24px;

	color: #777;

}

.contactCon p a {

	font-size: 18px;

	color: #38C2D9;

}

.contactCon p strong {

	color: #000;

	margin-bottom: 5px;

	display: inline-block;

}

.contactCon .rightFormBox .inner {

	margin-top: 10px;

}

.contactCon .rightFormBox h3 {

	font-size: 20px;

	color: #000;

	font-weight: 600;

}

.contactForm {

	margin: auto;

}



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

.contactCon p a {

	font-size: 18px;

	color: #777;

}

}



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

.contactCon {

	padding: 20px;

}

.contactCon p a {

	font-size: 14px;

	color: #777;

}

}

.actionLinks a {

	display: inline-block;

	color: #38C2D9;

	border-bottom: 1px dashed #ccc;

	margin-bottom: 5px;

	text-decoration: none;

}

.actionLinks a:hover {

	color: #E01021;

}

.reportInfo p {

	font-size: 16px;

	font-family: "Open Sans", sans-serif;

	line-height: 26px;

}

/*.gReportCon {

  padding: 30px 0 40px;

  max-width: 736px;

  margin: auto;

}*/

.gReportCon {

	padding: 30px 20px 40px;

	background: #ffffff;

	max-width: 736px;

	margin: auto;

	border-left: 3px solid #E01021;

	border-right: 3px solid #E01021;

}

label .iconInfo {

	color: #38C2D9;

	font-size: 13px;

	margin-top: 2px;

	cursor: help;

}

/*# sourceMappingURL=style.css.map */

/*payment class*/

.paymentBox {

	background: #fff;

	padding: 10px 30px 30px 30px;

	border-radius: 5px;

	min-height: 100px;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	margin: auto;

}

.paymentBox h2 {

	font-size: 24px;

	line-height: 30px;

	color: #38C2D9;

	font-weight: 400;

}

.paymentBox .row {

	margin-top: 0;

}

.paymentBox .inner {

	border: 1px solid #F3F9FE;

	padding: 20px;

	margin-top: 15px;

}

.paymentBox .inner h3 {

	font-size: 16px;

	line-height: 22px;

	margin-bottom: 15px;

	font-weight: 400;

}

.paymentBox .inner .pmethodCon {

	display: flex;

	flex-wrap: wrap;

	width: 100%;

}

.paymentBox .inner .selectMethod {

	background: #F3F9FE;

	padding: 10px 15px;

	flex-grow: 1;

	margin: 1px;

	text-align: center;

}

.paymentBox .inner .selectMethod label {

	margin: 0;

	line-height: 22px;

}

.paymentBox .inner .selectMethod label input[type=radio] {

	vertical-align: middle;

	margin-right: 3px;

	margin-top: -2px;

	color: #38C2D9;

}

.paymentBox .inner .selectMethod label span {

	padding-top: 2px;

}

.paymentBox2 {

	box-shadow: none;

	border: 1px solid #ddd;

	border-radius: 10px;

}

.paymentBox2 .inner {

	padding: 0;

	border: 0;

}

.paymentBox2 .inner h3 {

	color: #1a1a1a;

	font-weight: 600;

}

.paymentBox2 h2 {

	font-size: 18px;

	background: rgba(56,194,217,.1);

	padding: 5px 15px;

	border-radius: 5px;

}

.packageDetail h3 {

	font-size: 16px;

	line-height: 22px;

	margin: 10px 0;

	font-weight: 400;

	color: #38C2D9;

	text-transform: uppercase;

}

.packageDetail .inner h4 {

	font-size: 16px;

	line-height: 22px;

	font-weight: 400;

}

.packageDetail .inner h4 span {

	color: #38C2D9;

}

.packageDetail .inner p {

	font-size: 14px;

	margin-top: 5px;

}

.packageDetail .inner p span {

	color: #E01021;

}

/*Job Style*/





.commanBox2 {

	background-color: #ffffff;

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	border-radius: 5px;

	background: #ffffff;

}

.commanBox2:after {

	display: block;

	clear: both;

	content: "";

}

.commanBox2 .boxTitle {

	font: 600 20px/34px 'Open Sans', sans-serif;

	color: #1a1a1a;

	text-transform: uppercase;

	padding: 15px 20px 15px;

}

.commanBox2 .boxTitle .btn-link {

	text-transform: capitalize;

	font-size: 0.75rem;

	color: #999999;

	float: right;

}

.commanBox2 .boxTitle .btn-link:hover {

	color: #000;

}

.commanBox2 .boxTitle small {

	text-transform: none;

	color: #999999;

}

.commanBox2 .boxTitle .subtext {

	line-height: 22px;

}

.commanBox2 .boxTitle .searchFor {

	width: 230px;

	float: right;

	margin-bottom: 13px;

	position: relative;

}

.commanBox2 .boxTitle .searchFor .form-control {

	height: 34px;

}

.commanBox2 .boxTitle .searchFor .btnSearch {

	background: none;

	position: absolute;

	right: 10px;

	top: 5px;

	padding: 0 0;

	box-shadow: none;

}

.companyList {

	padding: 14px 12px;

}

.companyList li {

	float: left;

	width: 16.6666666666667%;

	list-style: none;

	padding: 7px;

}

.companyList li a {

	display: block;

	border: 1px solid #eee;

	transition: all .4s ease 0s;

	-webkit-transition: all .4s ease 0s;

	-o-transition: all .4s ease 0s;

	-ms-transition: all .4s ease 0s;

}

.companyList li a:hover {

	transform: scale(1.04);

	box-shadow: rgba(0, 0, 0, 0.05) 0 5px 10px 2px;

}

.companyList li a img {

	width: 100%;

	display: block;

	height: auto;

}

.companyListInside li {

	width: 25%;

}

.companyListInside li .innerBox {

	padding: 10px 15px 10px;

	border: 1px solid #f9f9f9;

	display: block;

	box-shadow: rgba(0, 0, 0, 0.005) 0 5px 15px 2px !important;

	transform: scale(1) !important;

	text-decoration: none;

}

.companyListInside li .innerBox:hover {

	border: 1px solid #f4f4f4;

	box-shadow: rgba(0, 0, 0, 0.03) 0 5px 15px 2px !important;

}

.companyListInside li .innerBox figure {

	width: 123px;

	height: 53px;

	margin: auto;

	overflow: hidden;

}

.companyListInside li .innerBox figcaption {

	border-top: 1px solid #eee;

	padding: 8px 0 0 0;

}

.companyListInside li .innerBox figcaption p {

	color: gray;

	font-family: "Open Sans", sans-serif;

	line-height: 18px;

	height: 40px;

	overflow: hidden;

	text-overflow: ellipsis;

}

.companyListInside li .innerBox:hover figcaption p {

	color: #ffa23e;

}

.jobsCatList {

	padding: 15px 12px 18px;

}

.jobsCatList li {

	width: 33.33333333333%;

	float: left;

	list-style: none;

	padding: 4px 7px;

}

.jobsCatList li a {

	font-size: 14px;

	font-family: 'Open Sans', sans-serif;

	color: gray;

	position: relative;

	padding: 0 0 0 16px;

}

.jobsCatList li a:hover {

	color: #38C2D9;

}

.jobsCatList li a:before {

	position: absolute;

	left: 0;

	top: 1px;

	content: '';

	background: url(../images/bullet1.png) no-repeat left top;

	width: 13px;

	height: 13px;

}

.jobsCatList li a .badge {

	border-radius: 30px;

	padding: 4px 5px 2px;

	text-align: center;

	color: #b3b3b3;

	font-weight: 400;

}

.jobsCatList li a:hover .badge {

	color: #1a1a1a;

}

.trainigCon li {

	list-style: none;

	border-bottom: 2px solid #f4f4f4;

	transition: all .4s ease 0s;

	-webkit-transition: all .4s ease 0s;

	-o-transition: all .4s ease 0s;

	-ms-transition: all .4s ease 0s;

}

.trainigCon li:hover {

	background: #f8f8f8;

}

.trainigCon li .innerBox {

	padding: 12px 18px 12px 33px;

	display: block;

	text-decoration: none;

}

.trainigCon li .innerBox .trainingTitle {

	font-size: 0.875rem;

	color: #38C2D9;

	line-height: 18px;

	font-weight: 500;

	font-family: "Open Sans", sans-serif;

	position: relative;

	padding: 0 0 0 15px;

	margin-left: -15px;

}

.trainigCon li .innerBox .trainingTitle:before {

	position: absolute;

	content: '';

	background: url(../images/bullet2.png) no-repeat left top;

	width: 11px;

	height: 11px;

	left: 0;

	top: 2px;

}

.trainigCon li .innerBox .companyName {

	color: gray;

	font-family: "Open Sans", sans-serif;

}

.trainigCon li .innerBox hr {

	border-color: #f7f7f7;

	margin: 7px 0 4px;

}

.trainigCon li .innerBox .training-info {

	color: #999999;

	font-size: 11px;

}

.trainigCon li .innerBox .training-info .divider {

	margin: 0 3px 0;

	width: 1px;

	background: #e6e6e6;

	height: 10px;

	display: inline-block;

}

.trainigCon li:hover hr {

	border-color: #ffffff;

}

.trainigCon .btn-light {

	background: #fafafa;

	border: 0;

	border-radius: 0;

	height: 35px;

	padding: 0 15px;

	line-height: 35px;

	text-align: left;

	font-family: "Open Sans", sans-serif;

	font-size: 0.875rem;

	color: #999999;

}

.jobsByLocation {

	background-color: #38C2D9;

	padding: 30px 0 40px;

	text-align: center;

}

.jobsByLocation h3 {

	color: #ffffff;

	font-family: "Open Sans", sans-serif;

	position: relative;

}

.jobsByLocation h3:after {

	position: static;

	content: '';

	height: 5px;

	width: 65px;

	background: url(../images/titleBdr.png) no-repeat center center;

	display: block;

	margin: 3px auto 0 auto;

}

.locatonJobsBox {

	margin: 30px -20px 0 -20px;

}

.locatonJobsBox li {

	list-style: none;

	padding: 0 15px;

}

.locatonJobsBox li .innerBox {

	background: #ffffff;

	padding: 18px 15px 0 15px;

	width: 100%;

	display: block;

	text-decoration: none;

	font-family: "Open Sans", sans-serif;

}

.locatonJobsBox li .innerBox .locationIcon {

	width: 100px;

	height: 100px;

	border-radius: 100%;

	border: 1px solid #eee;

	margin: auto;

	display: block;

	overflow: hidden;

}

.locatonJobsBox li .innerBox .locationTitle {

	font-size: 1rem;

	line-height: 22px;

	color: #1a1a1a;

	font-weight: 500;

	margin: 10px 0 7px;

}

.locatonJobsBox li .innerBox .noOfJobs {

	background: #F3F9FE;

	color: #38C2D9;

	margin: 0 -15px;

	padding: 7px 5px 7px;

	font-size: 0.875rem;

	font-weight: 400;

}

.locatonJobsBoxInside {

	margin: 0;

	padding: 14px 12px;

}

.locatonJobsBoxInside li {

	text-align: center;

	list-style: none;

	padding: 7px;

	float: left;

	width: 20%;

}

.locatonJobsBoxInside li .innerBox {

	padding: 10px 10px 0;

	border: 1px solid #ddd;

	overflow: hidden;

	display: block;

	border-radius: 10px;

	box-shadow: rgba(0, 0, 0, 0.005) 0 5px 15px 2px !important;

	transition: all .4s ease 0s;

	-webkit-transition: all .4s ease 0s;

	-o-transition: all .4s ease 0s;

	-ms-transition: all .4s ease 0s;

}

.locatonJobsBoxInside li .innerBox:hover {

	border: 1px solid #ddd;

	box-shadow: rgba(0, 0, 0, 0.05) 0 5px 15px 2px !important;

}

.locatonJobsBoxInside li .innerBox .locationTitle {

	margin: 5px 0 10px;

}

.locatonJobsBoxInside li .innerBox .noOfJobs {

	margin: 0 -10px;

}

.shortByAlphabels {

	background: #f4f4f4;

}

.shortByAlphabels a {

	width: 3.84615%;

	float: left;

	display: block;

	background: #f4f4f4;

	text-align: center;

	padding: 0 5px;

	height: 30px;

	border-right: 1px solid #fff;

	line-height: 30px;

	color: #38C2D9;

	text-decoration: none;

	border-bottom: 2px solid transparent;

}

.shortByAlphabels a:hover {

	border-bottom: 2px solid #38C2D9;

}

.shortByAlphabels a.active {

	border-bottom: 2px solid #38C2D9;

}

.shortByAlphabels a:nth-child(26) {

	border: 0 !important;

}

.jobRefine {

	border-radius: 5px;

	padding: 0;

	margin-top: 0;

}

.jobRefine .boxTitle {

	color: #1a1a1a;

	padding: 12px 15px;

	text-transform: uppercase;

	border-bottom: 1px solid #eee;

	font-weight: 600;

	font-size: 20px;

}

.jobRefine .refineBox {

	font-family: "Open Sans", sans-serif;

	padding: 12px 15px 0;

}

.jobRefine .refineListBox {

	margin-top: 10px;

	border-bottom: 1px solid #eee;

}

.jobRefine .refineListBox .checkbox, .jobRefine .refineListBox .radio {

	position: relative;

	display: block;

}

.jobRefine .refineListBox .checkbox span, .jobRefine .refineListBox .radio span {

	display: block;

	color: #4d4d4d;

	max-width: 90px;

	display: inline-block;

	vertical-align: top;

	line-height: 16px;

	height: 19px;

	overflow: hidden;

	text-overflow: ellipsis;

}

.jobRefine .refineListBox .checkbox span:hover, .jobRefine .refineListBox .radio span:hover {

	color: #999999;

}

.jobRefine .refineListBox .checkbox .badge, .jobRefine .refineListBox .radio .badge {

	position: absolute;

	right: 0;

	border-radius: 30px;

	font-size: 11px;

	font-weight: 400;

	color: #4d4d4d;

}

.jobRefine .last {

	border: 0;

}

.jobRefine .refineTitle, .jobRefine .refineTitle_noToggle {

	text-transform: uppercase;

	font-size: 13px;

	font-weight: 500;

	font-family: "Open Sans", sans-serif;

	color: #999999;

	background: url(../images/close.png) right 1px no-repeat;

	cursor: pointer;

	border-bottom: 1px solid #eee;

	padding-bottom: 10px;

}

.jobRefine .refineTitle_noToggle {

	border: 0;

	padding: 0;

	background: none;

}

.jobRefine .open-con {

	background: url(../images/open.png) right 1px no-repeat;

}

.jobRefine .btn-light {

	background: #fff;

	border: 0;

	border-radius: 0;

	height: 35px;

	padding: 0 15px;

	line-height: 35px;

	text-align: left;

	font-family: "Open Sans", sans-serif;

	font-size: 12px;

	color: #999999;

	text-decoration: underline;

}

.searchRefine {

	padding: 15px 15px 0;

	border-bottom: 1px solid #eee;

}

.searchRefine .searchFor2 {

	width: 100%;

	margin-bottom: 13px;

	position: relative;

}

.searchRefine .searchFor2 .form-control {

	height: 34px;

}

.searchRefine .searchFor2 .btnSearch {

	background: none;

	position: absolute;

	right: 10px;

	top: 5px;

	padding: 0 0;

	box-shadow: none;

}

.youSearched {

	padding: 15px 15px;

	border-top: 2px solid #eee;

}

.youSearched .title {

	font-size: 0.875rem;

	color: #999999;

	float: left;

	margin: 10px 0;

}

.youSearched .title span {

	color: #ffa23e;

}

.youSearched .btn-light {

	float: right;

}

.jobsAvailability {

	background: #F3F9FE;

	padding: 15px 15px;

	border-radius: 5px;

	border-bottom: 2px solid #eee;

}

.jobsAvailability .available {

	font-size: 0.875rem;

	float: left;

	margin: 10px 0;

}

.jobsAvailability .btn-group {

	float: right;

}

.jobsAvailability .btn-group .btn-light {

	float: right;

	background: #fff;

	box-shadow: none;

}

.btn {

	border-radius: 30px;

}

.jobsAvailability .btn-group .btn-light.active {

	background: #E01021 !important;

	color: #ffffff !important;

	box-shadow: none;

}

.paging {

	margin: 20px 0;

}

.paging a, .paging a:visited {

	display: inline-block;

	padding: 5px 10px;

	text-align: center;

	font: bold 12px/16px 'Open Sans', sans-serif;

	background: #fff;

	margin: 0px 2px;

	color: #1a1a1a;

	border-radius: 5px;

	border: 1px solid #eee;

	text-decoration: none;

}

.paging a:hover, .paging a:visited:hover {

	background: #F3F9FE;

}

.paging a.act {

	background: #E01021 !important;

	color: #ffffff !important;

}

.jobsBox {

	background: #ffffff;

	font-family: "Open Sans", sans-serif;

	margin-top: 20px;

	display: block;

	box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.05);

	border-radius: 5px;

	border: 1px solid #f0f0f0;

}

.jobsBox:hover {

	box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.3);

	text-decoration: none;

}

.jobsBox .inner {

	padding: 20px;

}

.jobsBox .cLogo {

	float: right;

	max-width: 100px;

	height: 100px;

	overflow: hidden;

	display: flex;

	align-items: center;

}

.jobsBox .cLogo img {

	width: 100%;

	height: auto;

	vertical-align: middle;

}

.jobsBox .profileimg {

	float: right;

	width: 100px;

	height: 100px;

	border-radius: 100%;

	overflow: hidden;

	display: flex;

	align-items: center;

}

.jobsBox .profileimg img {

	width: 100%;

	height: auto;

	vertical-align: middle;

}

.jobsBox .jobTitle {

	font-size: 18px;

	line-height: 24px;

	color: #1a1a1a;

	font-weight: 600;

}

.jobsBox .companyName {

	color: #38C2D9;

	margin-top: 5px;

}

.jobsBox p {

	color: #666;

}

.jobsBox p i {

	margin-right: 3px;

}

.jobsBox .devider {

	margin: 0 10px;

	color: #e6e6e6;

}

.jobsBox .bottom {

	background: #F3F9FE;

	border-radius: 0 0 5px 5px;

}

.jobsBox .bottom .left {

	float: left;

}

.jobsBox .bottom .left .saveJob {

	height: 35px;

	width: 40px;

	display: inline-block;

	text-align: center;

	padding: 7px 0;

	font-size: 1.125rem;

	text-decoration: none;

	border-right: 1px solid #f1f1f1;

	color: #ffa23e;

}

.jobsBox .bottom .left .saveJob:hover {

	background: #ffa23e;

	color: #ffffff;

}

.jobsBox .bottom .left .posted {

	vertical-align: top;

	padding: 10px 20px;

	display: inline-block;

	margin-top: 3px;

}

.jobsBox .bottom .location {

	float: right;

	padding: 10px 20px;

}

.jobsBox .bottom .location i {

	font-size: 1rem;

	vertical-align: bottom;

	margin-right: 0;

}

.jobsBox:hover .jobTitle {

	text-decoration: underline;

}

.companyHeader {

	border-top: 2px solid #eee;

	font-family: "Open Sans", sans-serif;

}

.companyHeader .inner {

	padding: 15px;

}

.companyHeader .cInfo {

	max-width: 70%;

	float: left;

}

.companyHeader .copanyName {

	font-size: 1rem;

	color: #1a1a1a;

	font-weight: 600;

}

.companyHeader .established {

	margin-top: 2px;

}

.companyHeader .address {

	line-height: 20px;

}

.companyHeader .companyLogo {

	float: right;

	border: 1px solid #eee;

	overflow: hidden;

	margin: 5px 0;

}

.companyHeader hr {

	margin: 10px 0;

	border-color: #eee;

}

.companyHeader .bottom {

	background: #fafafa;

}

.companyHeader .bottom .left {

	float: left;

}

.companyHeader .bottom .left .saveJob {

	height: 35px;

	width: 40px;

	display: inline-block;

	text-align: center;

	padding: 7px 0;

	font-size: 1.125rem;

	text-decoration: none;

	border-right: 1px solid #f1f1f1;

	color: #ffa23e;

}

.companyHeader .bottom .left .saveJob:hover {

	background: #ffa23e;

	color: #ffffff;

}

.companyHeader .bottom .left .posted {

	vertical-align: top;

	padding: 6px;

	display: inline-block;

	margin-top: 3px;

}

.companyHeader .bottom .location {

	float: right;

	padding: 8px 15px;

}

.companyHeader .bottom .location i {

	font-size: 1rem;

	vertical-align: sub;

	margin-right: 0;

}

.jobDetail {

	font-family: "Open Sans", sans-serif;

}

.jobDetail h3 {

	font-size: 1rem;

	border-bottom: 1px solid #eee;

	padding-bottom: 7px;

}

.jobsOverview {

	margin-top: 20px;

	background: #fafafa;

	padding: 20px;

	border-left: 3px solid #eee;

}

.jobsOverview p {

	color: #1a1a1a;

}

.jobsOverview p span {

	min-width: 150px;

	display: inline-block;

	color: #999999;

}

.keySkills {

	margin-top: 15px;

}

.keySkills span {

	padding: 5px 15px;

	display: inline-block;

	background: #fafafa;

	margin: 3px;

	border: 1px solid #f1f1f1;

	color: #049ee4;

}

.jobDescription {

	margin-top: 15px;

	font-family: "Open Sans", sans-serif;

}

.jobDescription ul {

	margin: 15px 0 15px 30px;

}

.jobDescription ul li {

	list-style: circle;

	font-weight: 500;

}

.companyDescription {

	padding: 20px;

	font-family: "Open Sans", sans-serif;

}

.companyDescription h3 {

	font-size: 1.25rem;

	color: #049ee4;

	margin-bottom: 10px;

}

.companyDescription ul {

	margin: 15px 0 15px 30px;

}

.companyDescription ul li {

	list-style: circle;

	font-weight: 500;

}

.fs_m {

	font-size: 14px;

}

.fs_l {

	font-size: 16px;

}

.fs_xl {

	font-size: 20px;

}

.fs_xxl {

	font-size: 24px;

}

.ml5 {

	margin-left: 5px;

}

.text-bold {

	font-weight: 600;

}

a.noEff, a.noEff:hover, a.noEff:focus {

	text-decoration: none;

}

.modal-content .thanksCon {

	padding: 0;

}

.modal-content .thanksCon .thanksBox {

	box-shadow: none;

	min-height: 100px;

	padding: 30px 30px;

}

.vat {

	vertical-align: top;

}

.vam {

	vertical-middle: middle;

}

.vab {

	vertical-bottom: bottom;

}

.uu {

	text-decoration: underline !important;

}

.uo:hover, .uo:focus {

	text-decoration: underline !important;

}

.cartTitle.xs_hidden {

	display: block;

}

.p20 {

	padding: 20px;

}

.noBorder {

	border: 0 !important;

}



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

.cartTitle.xs_hidden {

	display: none;

}

.xs_left {

	text-align: left !important;

}

.xs_mt5 {

	margin-top: 5px;

}

.xs_mt10 {

	margin-top: 10px;

}

.xs_mt15 {

	margin-top: 15px;

}

.xs_mt20 {

	margin-top: 20px;

}

.xs_ml5 {

	margin-left: 5px;

}

.xs_ml10 {

	margin-left: 10px;

}

.actionLinks.s_inline {

	display: inline-block;

}

}

.disabled {

	color: #999 !important;

	pointer-events: none;

}

.customTabs .nav-link {

	background: #38C2D9;

	border-color: #38C2D9;

	color: #fff;

	padding: 15px 25px 12px;

	border-radius: 25px 25px 0 0;

	font-size: 14px;

	font-weight: 600;

}

.customTabs .nav-link:hover {

	background: #8edce9;

	border-color: #8edce9;

	border-bottom-color: transparent;

}

.nav-tabs {

	border-bottom: 1px solid #38C2D9;

}

.customTabs .nav-link.active {

	color: #333;

	background: #fff;

	border-color: #38C2D9;

	border-bottom-color: transparent;

}

.customTabs .nav-link.active:hover {

	color: #333;

	background: #fff;

	border-color: #38C2D9;

	border-bottom-color: transparent;

}

.badge.light {

	font-weight: 400;

}

.boxStyle1 {

	border: 1px dotted #38C2D9;

	padding: 15px;

	background: #fdfdfd;

	-webkit-box-shadow: 0 5px 15px -10px rgba(0, 93, 90, 0.1);

	box-shadow: 0 5px 15px -10px rgba(0, 93, 90, 0.1);

}

.convList {

	margin: 0;

	padding: 10px;

	list-style: none;

	height: 400px !important;

	overflow: scroll;

}

.convList li {

	margin: 25px 15% 25px 0;

	padding: 0;

}

.convList li.guest {

	margin: 25px 0 25px 15%;

	padding: 0;

	text-align: right;

}

.messageBox {

	background: #fff;

	border: 1px solid #eee;

	padding: 15px;

	border-radius: 25px;

	margin: 5px 0 0 0;

	-webkit-box-shadow: 0 5px 15px -10px rgba(0, 93, 90, 0.2);

	box-shadow: 0 5px 15px -10px rgba(0, 93, 90, 0.2);

	font-size: 14px;

	line-height: 22px;

}

.guest .messageBox {

	background: #F3F9FE;

	border: 1px solid #e6f2fb;

}

.satusTableOuter {

	position: relative;

}

.satusTableOuter .line {

	border-top: 2px solid #ddd;

	position: absolute;

	top: 15px;

	width: 100%;

}

.satusTable {

	width: 100%;

	margin: 15px 0;

	text-align: center;

}

.satusTable td {

	padding: 10px 0;

	width: 33.3333%;

	border: 0;

	position: relative;

}

.satusTable.fourSteps td {

	width: 25%;

}

.ball {

	background: #999;

	width: 30px;

	height: 30px;

	border-radius: 30px;

	border: 7px solid #eee;

	display: inline-block;

	position: absolute;

	left: 50%;

	top: 0;

	margin-left: -15px;

}

.tdLineWhiteLeft {

	width: 50%;

	border-top: 2px solid #fff;

	position: absolute;

	top: 15px;

	left: 0;

}

.tdLine {

	width: 50%;

	position: absolute;

	top: 15px;

	border-top: 2px solid #f00;

}

.tdLineWhiteRight {

	border-color: #fff;

	right: 0;

}

.tdLineWhiteLeft {

	border-color: #fff;

	left: 0;

}

.tdLineMLeft {

	border-color: #f00;

	left: 0;

}

.tdLineMRight {

	border-color: #f00;

	right: 0;

}

.statusHired .ball1 {

	background: #28a745;

	border-color: #e0f7e5;

}

.statusInprogress .ball1, .statusInprogress .ball1a {

	background: #28a745;

	border-color: #e0f7e5;

}

.statusInprogress .line2, .statusInprogress .line2a {

	border-color: #28a745;

}

.statusDelivered .ball1, .statusDelivered .ball1a, .statusDelivered .ball2 {

	background: #28a745;

	border-color: #e0f7e5;

}

.statusDelivered .line2, .statusDelivered .line2a, .statusDelivered .line2b, .statusDelivered .line3 {

	border-color: #28a745;

}

.statusDeliveryAccepted .ball1, .statusDeliveryAccepted .ball1a, .statusDeliveryAccepted .ball2, .statusDeliveryAccepted .ball3 {

	background: #28a745;

	border-color: #e0f7e5;

}

.statusDeliveryAccepted .line2, .statusDeliveryAccepted .line2a, .statusDeliveryAccepted .line2b, .statusDeliveryAccepted .line3, .statusDeliveryAccepted .line4, .statusDeliveryAccepted .line5 {

	border-color: #28a745;

}

.input-small {

	padding: 5px 10px;

	line-height: 20px;

	height: 32px !important;

	width: auto;

	margin: auto;

}

.myList li {

	margin: 10px 0 0 40px;

}

.text-danger {

	color: #f00;

}

.text-danger a, .text-danger a:hover, .text-danger a:visited {

	color: #f00;

}

.text-light2 {

	color: #767676;

}

.input-group .input-group-append .btn, .input-group .input-group-append .input-group-text {

	border-radius: 5px;

}

.priceDetails {

	display: none;

	padding: 15px;

	border: 1px solid #ddd;

	border-radius: 7px;

	box-shadow: 0 5px 15px rgba(0, 93, 90, 0.1);

}

.priceDetails.details {

	box-shadow: none;

}

.toggleButton.showNext + .priceDetails {

	display: block;

}

.btn-outline-info {

	border: 2px solid #17a2b8 !important;

	height: 40px;

}

.toggleButton {

	position: relative;

	padding-right: 50px;

}

.toggleButton::after {

	padding-right: 50px;

	position: absolute;

	border: 0;

	right: -25px;

	content: '\e90b';

	font-family: 'icomoon';

	color: #17a2b8;

	font-size: 13px;

	font-weight: bold;

}

.toggleButton:hover::after {

	color: #fff;

}

.toggleButton.showNext::after {

	content: '\e90e';

}

.text-normal {

	font-size: 14px;

	line-height: 22px;

}

/* image gallery */





.imageGallery_container {

	position: relative;

	margin-top: 15px;

}

.imageGallery_thum {

	margin: 5px -5px 0;

}

.imageGallery_containerInr {

	position: relative;

}

.mySlides {

	display: none;

}

/* Add a pointer when hovering over the thumbnail images */

.cursor {

	cursor: pointer;

}

/* Next & previous buttons */

.prev, .next {

	cursor: pointer;

	position: absolute;

	top: 50%;

	width: auto;

	padding: 16px;

	margin-top: -20px;

	color: #fff !important;

	font-weight: bold;

	font-size: 20px;

	border-radius: 0 3px 3px 0;

	user-select: none;

	-webkit-user-select: none;

}

/* Position the "next button" to the right */

.next {

	right: 0;

	border-radius: 3px 0 0 3px;

}

/* On hover, add a black background color with a little bit see-through */

.prev:hover, .next:hover {

	background-color: rgba(0, 0, 0, 0.8);

}

/* Number text (1/3 etc) */

.numbertext {

	color: #f2f2f2;

	font-size: 12px;

	padding: 8px 12px;

	position: absolute;

	top: 0;

}

/* Container for image text */

.caption-container {

	text-align: center;

	background-color: rgba(0,0,0,.5);

	padding: 8px 16px;

	color: white;

	position: absolute;

	z-index: 999;

	bottom: 0;

	width: 100%;

}

.row:after {

	content: "";

	display: table;

	clear: both;

}

/* Six columns side by side */

.column {

	float: left;

	width: 10%;

	padding: 5px;

}

/* Add a transparency effect for thumnbail images */

.demo {

	opacity: 0.6;

}

.active, .demo:hover {

	opacity: 1;

}

/* image gallery ends */



.budgetCircle {

	width: 120px;

	height: 120px;

	text-align: center;

	padding: 40px 10px;

	line-height: 40px;

	font-size: 24px;

	color: #fff;

	font-weight: bold;

	display: inline-block;

	background: #f00;

	border-radius: 100%;

	box-shadow: 5px 5px 15px rgba(0,0,0,.1);

	margin-top: 20px;

}

.videoContainer {

	margin: 15px 0;

}

.offerPackages .description {

	height: 60px;

	margin: 30px 0 10px;

	overflow: hidden;

}

.offerPackages .packageBox {

	margin: 15px 0;

}

.input-smaller {

	padding: 3px 5px;

	height: 28px !important;

	font-size: 12px;

	border-radius: 20px;

}

.offerPackages.addons .packageBox {

	background: #f1eee2;

}

.offerPackages.addons .packageBox h4 {

	color: #d99a38;

}

.offerPackages.addons .packageBox hr {

	border-color: #eae5d1;

}

.priceBox {

	margin: 20px 0 10px 0;

	font-size: 14px;

}

.priceList {

	position: relative;

	margin: 5px 0;

	padding-right: 30px;

	padding-top: 5px;

}

.priceList + .priceList {

	border-top: 1px solid #f9f9f9;

}

.priceList .iconCancel {

	position: absolute;

	right: 5px;

	top: 7px;

	color: #f00;

	font-size: 12px;

	text-decoration: none !important;

}

.radius30px {

	border-radius: 30px;

}

.welcomeText {

	padding: .4rem 1.5rem;

}

.noWrap {

	white-space: nowrap;

}

.notificationBox {

	min-width: 360px;

	padding: .4rem 0;

	max-height: 300px;

	overflow-y: auto;

}

.notificationList {

	margin: 0;

	padding: 0;

	list-style: none;

}

.notificationList li + li {

	border-top: 1px solid #eee;

}

.notificationList li a {

	padding: .4rem 1.5rem;

	font-size: 13px;

	color: #999;

	text-decoration: none;

	display: block;

}

.notificationList li a small {

	color: #999;

	font-size: 11px;

	font-weight: normal;

}

.notificationList li.new a {

	color: #666;

	font-weight: bold;

}

.notificationBadge {

	position: absolute;

	background: #fff;

	border-radius: 100%;

	color: #000;

	top: 5px;

	right: 28px;

	font-weight: normal;

	padding: 3px 4px 2px;

	line-height: 16px;

	text-align: center;

	min-width: 22px;

}

header .navbar .nav-tabs .nav-item.dropdown.notificationDD {

	position: static !important;

}

.notificationBox {

/*right:15px !important;*/

}



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

.notificationBox {

	width: 300px;

	min-width: 300px;

}

}

.nav.nav-tabs.transEff.nav-tabs-inside {

	position: relative;

}

.notificationListInr a {

	color: #666;

	font-size: 14px;

	text-decoration: none;

}

.notificationListInr .list.new {

	background: #fffff8;

}

.notificationListInr .list.new a {

	font-weight: bold;

}

.notificationListInr a small {

	font-size: 12px;

	color: #999;

	font-weight: normal;

}

.row.row-small {

	margin-left: -5px !important;

	margin-right: -5px !important;

}

.row.row-small > div {

	padding-left: 5px !important;

	padding-right: 5px !important;

}

.orderDetails, .serviceDetails {

	margin-top: 12px;

}



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

.orderDetails, .serviceDetails {

	margin-top: 35px;

}

}

.offerLists .jobsBox .text-secondary a {

	color: #6c757d!important;

}

.jobRefine {

	margin-bottom: 20px;

}

.text-primary, .text-primary a {

	color: #38C2D9 !important;

}

.custom-nav-tabs .nav-tabs .nav-link {

	font-size: 14px;

	font-weight: 600;

	padding: 20px 26px;

	text-transform: uppercase;

}

.userHeader {

/*border-bottom:1px solid #ddd;*/

}

.userHeader table {

	width: 100%;

}

.userHeader table .userImage {

	width: 180px;

}

.userHeader table td {

	padding: 0;

	border: 0;

	vertical-align: top;

}

.userImageBox {

	width: 150px;

	height: 150px;

}

.userImageBox .thm {

	border: 1px solid #ddd;

	width: 100%;

	height: 100%;

	border-radius: 100%;

	overflow: hidden;

	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

}

.userImageBox .thm2 {

	display: flex;

	align-items: center;

	border: 1px solid #ddd;

	width: 100%;

	height: 100%;

	border-radius: 100%;

	overflow: hidden;

	padding: 10px 15px;

	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

}

.userImageBox .thm img, .userImageBox .thm2 img {

	width: 100%;

	height: auto;

	display: block;

}

.userInfo {

	margin: 20px 0;

}

.userSkills {

	margin: 15px -5px 0;

}

.userSkills b {

	display: inline-block;

	vertical-align: top;

	background: #f4f4f4;

	padding: 4px 15px;

	border-radius: 15px;

	line-height: 20px;

	margin: 5px;

	font-weight: normal;

	box-shadow: 2px 2px 2px rgba(0,0,0,.2);

}

.lh-22 {

	line-height: 22px;

}

.lh-24 {

	line-height: 24px;

}

.ehList {

	margin: 20px 0;

	list-style: none;

}

.ehList li {

	margin: 25px 0;

	padding: 0;

}

.ehList li h5 {

	font-size: 16px;

	font-weight: bold;

}

.freelancerProfile h1, .freelancerProfile h2, .freelancerProfile h3, .freelancerProfile h4, .freelancerProfile h5 {

	color: #333;

}

.freelancerProfile h4 {

	font-size: 20px;

	padding: 15px 0;

}

.mt15px {

	margin-top: 15px;

}

.userSubInfo .language {

	width: 40%;

}

.userSubInfo .availability {

	width: 30%;

}

.userSubInfo .priceInfo {

	width: 30%;

}

.columnHeightManager {

	margin-top: 50px;

}

.ehListForm + .ehListForm {

	border-top: 1px solid #eee;

	padding-top: 20px;

	margin-top: 20px;

}

.editUserProfile hr {

	margin: 40px 0 !important;

}

.custom-file-label {

	line-height: 22px;

}

.rightProfileBox {

	padding: 40px;

	-webkit-box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	box-shadow: 0 5px 60px -10px rgba(0, 93, 90, 0.1);

	border-radius: 5px;

	background: #ffffff;

}

.userInfo.userInfo2 {

	margin-top: 0;

}

.userInfo.userInfo2 h4 {

	padding-top: 0;

}

.reviewBox {

	background: #ffffff;

	border: 1px solid #F3F9FE;

	border-radius: 5px;

	padding: 30px 30px;

	margin: 15px 0;

}



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

.actionLinks {

	margin-top: 15px;

}

.actionLinks a {

	margin-right: 5px;

}

}

.messageBadge {

	border-radius: 100%;

	color: #fff !important;

	font-weight: normal;

	background: #E01021 !important;

	padding: 1px 4px 2px;

	line-height: 16px;

	text-align: center;

	border: 0 !important;

	max-height: 20px;

	min-width: 20px;

}

.spkg {

	margin-right: -5px;

	margin-left: -5px;

}

.spkg .cols {

	padding-left: 5px;

	padding-right: 5px;

}

.shareWithUs a {

	width: 45px;

	height: 45px;

	border-radius: 100%;

	display: inline-block;

	background: #ffffff;

	text-align: center;

	color: #38C2D9;

	font-size: 18px;

	margin-right: 7px;

	padding: 13px 0;

	text-decoration: none;

	-webkit-box-shadow: 0 5px 20px -10px rgba(0, 93, 90, 0.7);

	box-shadow: 0 5px 20px -10px rgba(0, 93, 90, 0.7);

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

}

.shareWithUs a:hover {

	color: #ffffff;

	background: #E01021;

}

.rightJobCon {

	background: none;

}



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

.rightJobCon {

	margin-top: 30px;

}

}

.propertyImg {

	margin: 10px -10px -10px;

}

.propertyImg .box {

	width: 100px;

	height: 60px;

	background: #ddd;

	border: 2px solid #fff;

	position: relative;

	margin: 10px;

	float: left;

	box-shadow: 3px 3px 5px 1px rgba(0,0,0,.1);

}

.propertyImg .box .close {

	width: 24px;

	height: 24px;

	overflow: hidden;

	border-radius: 100%;

	background: #fff;

	position: absolute;

	right: -10px;

	top: -10px;

	opacity: 1;

}

.propertyImg .box .close img {

	width: 100%;

	height: 100%;

	display: block;

}

.propertyImg .box .img {

	width: 100%;

	height: 100%;

	overflow: hidden;

}

.propertyImg .box .img img {

	width: 100%;

	height: auto;

	display: block;

}

.fancyChecks .fCheck {

	display: inline-block;

	position: relative;

}

.fancyChecks .fCheck input {

	position: absolute;

	z-index: -9999;

	opacity: 0;

}

.fancyChecks .fCheck i {

	display: inline-block;

	padding: 5px 10px;

	background: #fff;

	border-radius: 15px;

	font-size: 12px;

	color: #666;

	cursor: pointer;

	font-style: normal;

	border: 1px solid #ddd;

	line-height: 16px;

}

.fancyChecks .fCheck:hover i {

	background: #f1f1f1;

}

.fancyChecks .fCheck input:checked + i {

	background: #38C2D9;

	color: #fff;

	border: 1px solid #38C2D9;

}

.fancyChecksSpace {

	margin: 7px -3px -3px -3px;

}

.fancyChecksSpace .fCheck {

	margin: 3px;

}

.sBtnSpace {

	margin: 0px 5px;

}

.proPicCont {

	width: 200px;

	float: left;

}

.proPic {

	width: 200px;

	height: 125px;

	background: #f1f1f1;

	overflow: hidden;

}

.proPic img {

	width: 100%;

	height: 100%;

	margin: auto;

	display: block;

}

.proDtl {

	padding-left: 220px;

}



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

.proPicCont {

	width: 100%;

	float: none;

}

.proPic {

	width: 100%;

	height: 200px;

}

.proPic img {

	width: 100%;

	height: 100%;

	max-height: 200px;

}

.proDtl {

	padding-left: 0px;

	margin-top: 20px;

}

.jobsBox .bottom .left, .jobsBox .bottom .location {

	float: none;

}

.left, .jobsBox .bottom .location {

	padding-top: 0;

}

}

.proFeature {

	background: #fff;

	padding: 7px 10px;

	border-radius: 2px;

	margin: 9px 0;

	border: 1px solid #f1f1f1;

}

.proFeature .label {

	font-size: 12px;

	color: #999;

	margin: 0 0 2px 0;

}

.proPicCont_D {

	width: 100%;

	float: none;

}

.proPic_D {

	width: 100%;

	height: auto;

	background: #f1f1f1;

	overflow: hidden;

}

.propDetails {

	margin: 30px 0 0 0;

}

.propDetails .proDtl {

	padding: 0;

	margin: 0;

	padding-left: 0;

}

.propDetails .proFeature {

	padding: 30px;

	border-radius: 10px;

	margin: 30px 0 0 0;

	border: 1px solid #eee;

	font-size: 14px;

}

.propDetails .proFeature .label {

	font-size: 14px;

	margin-bottom: 8px;

}

.propDetails hr {

	border-color: #f1f1f1;

	border-style: dashed;

	margin: 25px 0;

}



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

.propDetails hr {

	margin: 15px 0;

}

}



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

.propDetails hr {

	margin: 15px 0;

}

.proPicCont_D {

	width: 100%;

	float: none;



}

.proPic_D {

	width: 100%;

	height: 200px;

	background: #f1f1f1;

	overflow: hidden;

}

.proPic_D img {

	width: 100%;

	height: 100%;

	max-height: 200px;

}

.propDetails .proDtl {

	padding-left: 0px;

	margin-top: 20px;

}

}



@media (min-width: 992px) {

.hidden-lg {

	display: none;

}

}

.visible-xs {

	display: none;

}



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

.visible-xs {

	display: block;

}

}

.tenderCon .row {

	margin-top: 50px;

}

.pageTitleCon3 {

	padding-bottom: 40px;

}

.tenderBox {

	margin-top: 40px !important;

}

/*Freelancer clasess*/

.freelanceCat {

	padding: 0;

	margin: 0;

}

.freelanceCat li {

	width: 33.333333%;

	height: auto;

	list-style: none;

	float: left;

	padding: 20px;

}



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

.freelanceCat li {

	width: 50%;

	padding: 10px;

}

}



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

.dashboardCon .dashBoardItems2 .freelanceCat li {

	width: 50%;

	padding: 10px;

}

}

.freelanceCat li .imgBox1 {

	width: 100%;

	height: 220px;

	overflow: hidden;

	border-radius: 10px;

	background: #fff;

}

.freelanceCat li .imgBox1 img {

	width: 100%;

	height: auto;

	display: block;

	border-radius: 10px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

}

.freelanceCat li:hover .imgBox1 img {

	opacity: .8;

}

.freelanceCat li h3 {

	font-size: 16px;

	color: #1a1a1a;

	font-weight: 400;

}

.freelanceCat li a {

	text-decoration: none;

}

.dashBoardItems2 .freelanceCat li .imgBox1 {

	width: 100%;

	height: 160px;

	overflow: hidden;

	border-radius: 10px;

	background: #fff;

}

.freelanceList li .listBox .imgBox {

	width: 100%;

	height: 180px;

	overflow: hidden;

}



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

.freelanceCat li .imgBox1, .dashBoardItems2 .freelanceCat li .imgBox1, .freelanceList li .listBox .imgBox {

	height: 180px;

}

}



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

.freelanceCat li .imgBox1, .dashBoardItems2 .freelanceCat li .imgBox1 {

	height: 120px;

}

.freelanceList li .listBox .imgBox {

	height: 200px;

}

}



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

.freelanceCat li .imgBox1, .dashBoardItems2 .freelanceCat li .imgBox1 {

	height: 90px;

}

.freelanceList li .listBox .imgBox {

	height: 200px;

}

.freelanceCat li h3 {

	font-size: 14px;

}

}

.freelanceList {

	margin-left: -15px;

	margin-right: -15px;

}

.freelanceList li {

	width: 33.333333%;

	float: left;

	padding: 20px 15px;

	list-style: none;

}

.freelanceList li .listBox {

	box-shadow: 0 5px 20px -5px rgb(0 0 0 / 5%);

	border-radius: 5px;

	background: #fff;

	border: 1px solid #f0f0f0;

	min-height: 200px;

}

.freelanceList li .listBox .carousel-indicators li {

	padding: 0 !important;

	width: 20px;

}

.freelanceList li .listBox figcaption {

	padding: 15px 10px;

	height: 116px;

}

.freelanceList li .listBox figcaption .profile .pic {

	width: 30px;

	height: 30px;

	border-radius: 100%;

	overflow: hidden;

	display: inline-block;

	vertical-align: middle;

	margin-right: 5px;

}

.freelanceList li .listBox figcaption .profile a {

	color: #888;

	font-size: 14px;

}

.freelanceList li .listBox figcaption .profile .pic img {

	width: 100%;

	height: auto;

	display: block;

}

.freelanceList li .listBox figcaption .title {

	font-size: 15px;

	line-height: 24px;

	color: #1a1a1a;

	margin-top: 15px;

	display: block;

	overflow: hidden;

	max-height: 100px;

}

.freelanceList li .listBox figcaption .title:hover {

	color: #38C2D9;

}

.freelanceList li .listBox .rp {

	border-top: 1px solid #f0f0f0;

	padding: 15px 10px;

}

.freelanceList li .listBox .rp .rating {

	color: #f2c200;

	font-weight: 600;

	font-size: 15px;

	float: left;

}

.freelanceList li .listBox .rp .rating span {

	color: #b3b3b3;

	font-weight: 400;

}

.freelanceList li .listBox .rp .price {

	font-size: 13px;

	color: #888;

	text-transform: uppercase;

	font-weight: 400;

	float: right;

}

.freelanceList li .listBox .rp .price strong {

	font-size: 20px;

	font-weight: 600;

	color: #1a1a1a;

	line-height: 24px;

	margin-left: 5px;

}

.freelanceDetailCon1 {

	margin-top: 60px;

}

.freelanceDetailCon1 .profileInfo .pic {

	width: 40px;

	height: 40px;

	border-radius: 100%;

	overflow: hidden;

	display: inline-block;

	vertical-align: middle;

	margin-right: 5px;

}

.freelanceDetailCon1 .profileInfo {

	margin-top: 15px;

}

.freelanceDetailCon1 .profileInfo .pic img {

	width: 100%;

	height: auto;

}

.freelanceDetailCon1 .profileInfo .username {

	color: #1a1a1a;

	font-size: 15px;

	font-weight: 700;

}

.freelanceDetailCon1 .profileInfo .rating {

	color: #f2c200;

	font-weight: 600;

	font-size: 15px;

}

.freelanceDetailCon1 .profileInfo .rating {

	border-left: 1px solid #ccc;

	margin-left: 6px;

	padding-left: 8px;

}

.freelanceDetailCon1 .profileInfo .rating a {

	font-weight: 400;

	color: #1a1a1a;

}

.freelanceDetailCon1 .profileInfo .orders {

	border-left: 1px solid #ccc;

	margin-left: 6px;

	padding-left: 8px;

	font-size: 14px;

}

.packageCon {

	margin-top: 60px;

}

.packageCon .packageBox {

	border: 1px solid #ddd;

	border-radius: 10px;

	overflow: hidden;

}

.packageCon .packageBox .nav-tabs {

	border: 0;

}

.packageCon .packageBox .nav-tabs .nav-item {

	width: 33.33333%;

	text-align: center;

	margin-bottom: 0;

}

.packageCon .packageBox .nav-tabs .nav-item .nav-link {

	padding: 0 5px;

	line-height: 50px;

	font-size: 15px;

	font-weight: 600;

	border: 0;

	border-radius: 0;

	background: #f9f9f9;

	color: #888;

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

}

.packageCon .packageBox .nav-tabs .nav-item:last-child .nav-link {

	border-right: 0;

}

.packageCon .packageBox .nav-tabs .nav-item.show .nav-link, .packageCon .packageBox .nav-tabs .nav-link.active {

	color: #1a1a1a;

	background-color: #fff;

	border-bottom: 2px solid #38C2D9;

}

.packageCon .packageBox .tab-content {

	padding: 20px;

}

.packageCon .packageBox .tab-content h3 {

	font-weight: 700;

	color: #1a1a1a;

	font-size: 16px;

	line-height: 22px;

	float: left;

}

.packageCon .packageBox .tab-content .price {

	float: right;

	font-size: 24px;

	font-weight: 400;

	color: #1a1a1a;

	line-height: 24px;

}

.packageCon .packageBox .tab-content .shortDes {

	margin-top: 20px;

	line-height: 22px;

	color: #666;

}

.packageCon .packageBox .tab-content .additionalInfo {

	margin-top: 20px;

	line-height: 22px;

	font-weight: 700;

	color: #1a1a1a;

}

.packageCon .packageBox .tab-content .additionalInfo span {

	background: rgba(224,16,33,.1);

	padding: 3px 8px;

	border-radius: 3px;

	color: #e01021;

}

.packageBox .tab-content .include h4 {

	font-weight: 700;

	color: #1a1a1a;

	font-size: 14px;

	line-height: 22px;

	margin-top: 30px;

	border-top: 1px solid #eee;

	padding-top: 20px;

}

.packageBox .tab-content .include ul {

	margin-top: 10px;

	margin-bottom: 20px;

}

.packageBox .tab-content .include ul li {

	color: #888;

	list-style: none;

	margin: 6px 0;

	position: relative;

	padding-left: 20px;

}

.packageBox .tab-content .include ul li:before {

	position: absolute;

	content: "\e904";

	font-family: 'icomoon';

	color: #999;

	left: 1px;

	font-size: 12px;

}

.packageBox .tab-content .include ul li.active {

	color: #1a1a1a;

}

.packageBox .tab-content .include ul li.active:before {

	color: #38C2D9;

}

.aboutSeller .media h4 a {

	font-size: 20px;

	font-weight: 600;

	color: #1a1a1a;

}

.media .rating {

	color: #f2c200;

	font-size: 15px;

}

.media .rating strong {

	font-weight: 600;

	color: #1a1a1a;

}

.media .rating span {

	color: #888;

}

.media .btn-light {

	background: #eee;

	color: #1a1a1a !important;

}

.comparePackages .price {

	font-size: 20px;

	color: #666;

	font-weight: 400;

}

.comparePackages .type {

	font-size: 18px;

	color: #1a1a1a;

	font-weight: 700;

	margin-top: 15px;

}

.comparePackages .dis {

	color: #1a1a1a;

	margin-top: 15px;

}

.comparePackages .icon-check-mark1 {

	color: #38C2D9;

}

.comparePackages .disabled {

	color: #bbb !important;

}

.bg-grey {

	background: #f7f7f7;

}

.recommended {

	padding: 0;

	margin: 0 !important;

}

.recommended li {

	width: auto;

	list-style: none;

	float: none;

	padding: 0 !important;

}

.recommended li:before {

	display: none;

}

.recommended .owl-prev, .recommended .owl-next {

	text-align: center;

}

.recommended .owl-prev {

	left: -20px;

}

.recommended .owl-next {

	right: -20px;

}

.freeCartBox {

	display: flex;

	flex-wrap: wrap;

	border: 1px solid #ddd;

	padding: 20px;

	border-radius: 10px;

}

.freeCartBox .left {

	flex-flow: 1;

	display: flex;

	width: 75%;

}

.freeCartBox .left .media h4 a {

	font-size: 15px;

	font-weight: 600;

	color: #1a1a1a;

}

.freeCartBox .right {

	flex-flow: 1;

	display: flex;

	width: 20%;

	align-items: top;

	margin-top: 10px;

}

.freeCartBox .right .qty {

	display: flex;

	align-items: top;

	margin-right: 30px;

	vertical-align: middle;

}

.freeCartBox .right .qty strong {

	font-weight: 400;

	padding-top: 2px

}

.freeCartBox .right .qty .form-control {

	height: 25px !important;

	width: 56px;

	margin-left: 5px;

	color: #1a1a1a;

	padding: 1px 5px;

}

.freeCartBox .right .price {

	color: #1a1a1a;

	padding-top: 5px;

}

.includeBox {

	padding: 20px;

	background: #f7f7f7;

	border-radius: 5px;

	margin-top: 20px;

	width: 100%;

}

.includeBox h3 {

	font-size: 15px;

	font-weight: 600;

	color: #1a1a1a;

}

.includeBox ul {

	margin: 20px 0 0 0;

}

.includeBox ul li {

	list-style: none;

	font-weight: 600;

	color: #999;

	padding: 5px 0 5px 20px;

	position: relative;

}

.includeBox ul li:before {

	content: '\e904';

	font-family: 'icomoon';

	width: 10px;

	height: 10px;

	top: 4px;

	left: 0;

	position: absolute;

	font-size: 12px;

	color: #38C2D9;

}



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

.freelanceList li {

	width: 50%;

	float: left;

	padding: 10px;

	list-style: none;

}

}



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

.freelanceList li {

	width: 100%;

	float: left;

	padding: 10px;

	list-style: none;

}

}

.addonCon h2 {

	font-size: 18px;

	font-weight: 600;

}

.addonCon .box {

	padding: 25px 20px;

	border: 1px solid #ddd;

	border-radius: 5px;

	margin-top: 20px;

	width: 100%;

	display: flex;

	flex-wrap: wrap;

	cursor: pointer;

}

.addonCon .box:hover {

	background: #f7f7f7;

}

.addonCon .box.selected {

	background: #f7f7f7;

}

.addonCon .box .details {

	flex-flow: 1;

	width: 75%;

}

.addonCon .box .details label {

	font-size: 16px;

	font-weight: 700;

	color: #1a1a1a;

}

.addonCon .box .details p {

	padding-left: 20px;

}

.addonCon .box .right {

	flex-flow: 1;

	display: flex;

	width: 25%;

	align-items: top;

	margin-top: 10px;

}

.addonCon .box .right .qty {

	display: none;

	align-items: top;

	margin-right: 30px;

	vertical-align: middle;

}

.addonCon .box .right .qty strong {

	font-weight: 400;

	padding-top: 2px

}

.addonCon .box .right .qty .form-control {

	height: 25px !important;

	width: 56px;

	margin-left: 5px;

	color: #1a1a1a;

	padding: 1px 5px;

}

.addonCon .box .right .price {

	color: #1a1a1a;

	display: block;

	padding-top: 5px;

	text-align: right;

	width: 100%;

}

.addonCon .box.selected .qty {

	display: flex;

}

.checkoutBox table td {

	padding: 7px 0;

	width: 100%;

}

.messageModal .modal-header {

	background: #f7f7f7;

}

.messageModal .modal-header .modal-title {

	color: #1a1a1a;

	font-weight: 700;

	font-size: 18px;

}

.messageModal .profile {

	padding-left: 10px;

}

.messageModal .profile ul {

	text-align: left !important;

}

.messageModal .profile ul li {

	margin-left: 15px;

	padding-top: 4px;

}

.messageModal .rightInfo .tD span {

	border-right: 1px solid #eee;

	padding: 0 5px;

}

.contactCard {

	border-radius: 20px;

	border: 1px solid #ddd;

	padding: 30px;

	background: #eee;

	margin-top: 30px;

}

.contactCard .cLogo {

	border-radius: 100%;

	overflow: hidden;

	width: 120px;

	height: 120px;

	display: inline-block;

	border: 1px solid #ddd;

	box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);

}

.contactCard .cLogo2 {

	border-radius: 10px;

	overflow: hidden;

	width: 180px;

	height: auto;

	display: inline-block;

	border: 1px solid #ddd;

	box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);

	background: #fff;

	padding: 10px;

}

.contactCard .cLogo img, .contactCard .cLogo2 img {

	width: 100%;

}

.contactCard h3 {

	color: #1a1a1a;

	font-weight: 700;

	font-size: 18px;

	margin-bottom: 5px;

}

.contactCard hr {

	border-color: #ccc;

	margin: 15px 0;

}

.contactCard .cpp {

	border-radius: 5px;

	overflow: hidden;

	width: 100px;

	height: 100px;

	display: inline-block;

	margin-top: 10px;

}

.contactCard .cpp img {

	width: 100%;

}

.contactCard .cpn {

	font-size: 16px;

	color: #1a1a1a;

	font-weight: 700;

	line-height: 24px;

}

.contactCard .cpn span {

	font-size: 12px;

	font-weight: 400;

	display: block;

}

.contactCard .contactInfo {

	margin-top: 15px;

}

.contactCard .contactInfo p {

	font-size: 16px;

	border-top: 1px solid #ccc;

	padding: 13px 0;

}

[class*="svg-"] {

	background-size: 100% 100%;

	content: '';

	-o-background-size: 100% 100%;

	-webkit-background-size: 100% 100%;

	background-size: cover;

	min-width: 22px;

	min-height: 22px

}

.svg-emo-happy {

	background-image: url('../images/star-happy.png');

}

.svg-emo-sad {

	background-image: url('../images/star-sad.png');

}

.svg-emo-neutral {

	background-image: url('../images/star-average.png');

}

.svg-emo-very-happy {

	background-image: url('../images/star-veryhappy.png');

}

.svg-emo-very-sad {

	background-image: url('../images/star-verysad.png');

}

b[class*="svg-"] {

	border-radius: 50%;

}

.rate_dg i {

	line-height: 1em;

	font-size: 20px;

	color: #D00

}

.rate_dg * {

	display: inline-block;

	margin: .15em;

	vertical-align: middle

}

.rate_dg b.act, .rate_dg>b:hover {

}

.label-default {

	background-color: #777

}

.rate_dg .label {

	display: inline;

	padding: .2em .6em .3em;

	font-size: 1em;

	font-weight: 600;

	line-height: 1;

	color: #fff;

	text-align: center;

	white-space: nowrap;

	vertical-align: baseline;

	border-radius: .25em;

	font-size: 13px;

}

.rate_dg>b, .rate_dg>i {

	cursor: pointer

}

b.svg-emo-happy:hover, b.svg-emo-happy.act {

	background: url(../images/star-happy2.png) no-repeat;

}

b.svg-emo-sad:hover, b.svg-emo-sad.act {

	background: url(../images/star-sad2.png) no-repeat;

}

b.svg-emo-neutral:hover, b.svg-emo-neutral.act {

	background: url(../images/star-average2.png) no-repeat;

}

b.svg-emo-very-happy:hover, b.svg-emo-very-happy.act {

	background: url(../images/star-veryhappy2.png) no-repeat;

}

b.svg-emo-very-sad:hover, b.svg-emo-very-sad.act {

	background: url(../images/star-verysad2.png) no-repeat;

}

/*Profile Card*/





.ProfileCard {

	margin-top: 0;

	padding: 25px 20px;

	border-radius: 20px;

}

.ProfileCard .cLogo {

	border-radius: 100%;

	overflow: hidden;

	width: 120px;

	height: 120px;

	display: inline-block;

	border: 1px solid #ddd;

	box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);

}

.ProfileCard .rating {

	color: #f2c200;

	font-size: 15px;

}

.ProfileCard .rating strong {

	font-weight: 600;

	color: #1a1a1a;

}

.ProfileCard .rating span {

	color: #888;

}

.ProfileCard .table {

	margin-bottom: 0;

}

.ProfileCard .table tr td {

	border: 0;

	padding: 7px 0;

}

.ProfileCard2 {

	margin-top: 20px;

	border: 1px solid #ddd;

	padding: 25px 20px;

	border-radius: 20px;

}

.ProfileCard2 h3 {

	font-size: 16px;

	font-weight: 600;

	color: #1a1a1a;

	margin-bottom: 10px;

}

/*accordian menu*/



 

.accordianMenu .card, .accordianMenu .card .card-header {

	background: none;

	border: 0;

	padding: 0;

}

.accordianMenu .card .card-header a {

	display: block;

	color: #000;

	font-size: 16px;

	line-height: 22px;

	padding: 14px 20px;

	border-top: 1px solid #fff;

	font-family: "Open Sans", sans-serif;

	border-left: 3px solid transparent;

	position: relative;

	-webkit-box-shadow: 0 5px 60px -10px rgb(0 93 90 / 5%);

	box-shadow: 0 5px 60px -10px rgb(0 93 90 / 5%);

}

.accordianMenu .card .card-header a.active {

	background: #ffffff;

	color: #000;

	border-left: 3px solid #E01021;

	text-decoration: none;

	-webkit-box-shadow: 0 5px 60px -10px rgb(0 93 90 / 20%);

	box-shadow: 0 5px 60px -10px rgb(0 93 90 / 20%);

}

.accordianMenu .card .card-header a .more-less {

	float: right;

	margin-top: 3px;

	color: #aaa;

}

.accordianMenu .card .card-body {

	padding: 0;

}

.accordianMenu .card .card-body .subLink {

	background: #f7f7f7;

	-webkit-box-shadow: 0 5px 60px -10px rgb(0 93 90 / 20%);

	box-shadow: 0 5px 60px -10px rgb(0 93 90 / 20%);

}

.accordianMenu .card .card-body .subLink a {

	display: block;

	padding: 10px 22px;

	background: #f7f7f7;

	color: #777;

	font-size: 13px;

}

.accordianMenu .card .card-body .subLink a:hover {

	background: #fff;

	text-decoration: none;

}

.accordianMenu .card .card-body .subLink a.active {

	background: #fff;

	text-decoration: none;

	color: #1a1a1a;

}

.accordianMenu .iconQuesion {

	color: #38C2D9;

	font-size: 15px;

	margin-top: 2px;

	position: static;

	cursor: help;

}

/*onlineOffline*/

.onoff {

	float: right;

	font-size: 13px;

	color: #1a1a1a;

	margin-top: 3px;

}

.onoff .onn {

	width: 11px;

	height: 11px;

	border-radius: 100%;

	background: #02a745;

	display: inline-block;

	margin-left: 4px;

	vertical-align: middle;

}

.onoff .off {

	width: 11px;

	height: 11px;

	border-radius: 100%;

	background: #a1a1a1;

	display: inline-block;

	margin-left: 4px;

	vertical-align: middle;

}

.onoff_02 {

	font-size: 13px;

	color: #1a1a1a;

	display: block;

	margin-top: 4px;

}

.onoff_02 .onn {

	width: 11px;

	height: 11px;

	border-radius: 100%;

	background: #02a745;

	display: inline-block;

	margin-right: 4px;

}

.onoff_02 .off {

	width: 11px;

	height: 11px;

	border-radius: 100%;

	background: #a1a1a1;

	display: inline-block;

	margin-right: 4px;

}

/*new clasess*/



.newSearchCon {

	width: 100%;

	padding: 60px 0;

	margin-bottom: 20px;

	background: #E01021;

	text-align: center;

}

.newSearchCon .wraper {

	width: 670px;

	margin: auto;

	text-align: center;

}

.newSearchCon .form-group {

	position: relative;

	margin-top: 20px;

}

.newSearchCon .form-group .form-control {

	font-size: 16px;

}

.newSearchCon .searchBtn {

	border-radius: 0 5px 5px 0;

	font-size: 16px;

	font-weight: 500;

	position: absolute;

	right: 0;

	top: 0;

	background: none;

	border: 0;

	height: 60px;

	width: 100px;

	display: block;

	outline: none;

	cursor: pointer;

}

.newSearchCon h2 {

	color: #fff;

	text-transform: uppercase;

	font-weight: 400;

}

.newSearchCon .hintBox {

	position: absolute;

	width: 100%;

	background: #fff;

	box-shadow: 0 2px 15px 0 rgb(0 0 0 / 20%);

	left: 0;

	top: 50px;

	border-radius: 3px;

	display: block;

	z-index: 9;

}

.newSearchCon .hintBox ul {

	margin: 0;

	padding: 0;

}

.newSearchCon .hintBox ul li {

	list-style: none;

	display: block;

	padding: 10px 15px;

	font-size: 15px;

	color: #666;

	line-height: 24px;

	text-align: left!important;

	cursor: pointer;

	z-index: 9;

}

.newSearchCon .hintBox ul li:hover, .newSearchCon .hintBox ul li:focus, .newSearchCon .hintBox ul li.active {

	background: #f2f2f2;

}

.searchResultList .shorting {

	border-bottom: 1px solid #eee;

	padding-bottom: 20px;

}

.listTab {

	background: #f2f2f2;

}

.listTab .scrollCon {

	width: 510px;

}

.listTab a {

	line-height: 50px;

	padding: 0 20px;

	font-size: 15px;

	color: #1a1a1a;

	text-decoration: none;

	display: inline-block;

}

.listTab a:hover, .listTab a.active, .listTab a:focus {

	background: #E01021;

	color: #fff;

}

.rating2 {

	font-weight: 400;

	margin-top: 5px;

	display: block;

	font-size: 15px;

}

.searchResultList .keyskills {

	max-width: 70%;

}

.buttons {

	margin-left: 20px;

}

.buttons a {

	height: 38px;

	width: 38px;

	display: inline-block;

	text-align: center;

	background: #f2f2f2;

	color: #666;

	font-size: 16px;

	padding: 10px 0;

	text-decoration: none;

	margin-right: 1px;

}

.buttons a:first-child {

	background: #38C2D9;

	color: #fff;

}



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

.searchResultList .left {

	float: left !important;

}

.searchResultList .location {

	float: right !important;

	padding: 10px 20px !important;

}

.searchResultList .keyskills {

	max-width: 100%;

}

.newSearchCon .wraper {

	width: 100%;

	margin: auto;

	margin-top: 50px;

	margin-bottom: 20px;

	text-align: center;

}

}

/*invoice*/



.invoice {

	padding: 30px !important;

}

.invoice .invoiceBox {

	text-align: left !important;

}

.invoice .invoiceBox p {

	font-size: 13px;

}

/*Tender logo*/

.tenderLogos {

	text-align: center;

	padding: 30px 10px;

	border: 1px solid #ddd;

	border-radius: 30px;

	margin-top: 40px;

	box-shadow: 0 5px 5px -10px rgb(0 93 90 / 10%);

}

.tenderLogos h3 {

	color: #1a1a1a;

	font-size: 20px;

	font-weight: 600;

	margin-bottom: 30px;

}

.tenderLogos .logos a {

	width: 27%;

	display: inline-block;

	margin: 10px 3%;

	padding: 10px;

}

.tenderLogos .logos a img {

	width: 100%;

	height: auto;

}

.tenderLogos hr {

	margin: 30px;

}

/*new buttons*/



.nBtn1, .nBtn1:hover, .nBtn1:focus {

	background: url(../images/click-here-3.png) no-repeat center center;

	width: 180px;

	height: 56px;

	display: inline-block;

	color: #fff;

	background-size: contain;

	text-align: center;

	font-size: 16px;

	font-weight: 600;

	line-height: 40px;

	padding-right: 15px;

	text-decoration: none;

}

.nBtn2, .nBtn2:hover, .nBtn2:focus {

	background: url(../images/Find-your-dream-home.png) no-repeat center center;

	width: 210px;

	height: 60px;

	display: inline-block;

	color: #fff;

	background-size: contain;

	text-align: center;

	font-size: 16px;

	font-weight: 600;

	line-height: 40px;

	text-decoration: none;

}

.nBtn3, .nBtn3:hover, .nBtn3:focus {

	background: url(../images/postJobFree.png) no-repeat center center;

	width: 120px;

	height: 95px;

	display: inline-block;

	color: #fff;

	background-size: contain;

	text-align: center;

	font-size: 12px;

	font-weight: 600;

	line-height: 40px;

	text-decoration: none;

	padding: 27px 0;

}

.absolute {

	position: absolute;

	top: -15px;

	left: -33px;

	transform: rotate(-45deg)

}

.absolute2 {

	position: absolute;

	top: -45px;

	right: 30px;

}

/*myaccountnavigation*/



.navbarMyAccount {

	display: block;

	width: 100%;

	padding: 0;

	background: #fff;

	border-bottom: 1px solid #ddd;

	box-shadow: 0px 10px 50px -4px rgb(0 0 0 / 10%)

}

.navbarMyAccount>.container {

	display: block;

}





.navbarMyAccount .dropdown-menu {

	 

}





.navbarMyAccount .nav-tabs {

	border: 0;

}

.navbarMyAccount .nav-tabs .nav-item {

	margin: 0;

}

.navbarMyAccount .nav-tabs .nav-item .nav-link {

	font-size: 16px;

	color: #000;

	font-weight: 500;

	padding: 15px 15px;

	margin-bottom: -2px;

}

.navbarMyAccount .nav-tabs .nav-link:focus, .navbarMyAccount .nav-tabs .nav-link:hover {

	border: 0;

	color: #E01021 !important;

}

.navbarMyAccount .nav-tabs .nav-item.show .nav-link, .navbarMyAccount .nav-tabs .nav-link.active {

	border: 0;

	border-bottom: 3px solid #E01021;

	font-weight: 600;

	color: #000 !important;

}

.navbarMyAccount .dropdown-menu {

	border-radius: 15px;

	margin-top: 2px;

	-webkit-box-shadow: 0 5px 30px -10px rgb(0 0 0 / 20%);

	box-shadow: 0 5px 30px -10px rgb(0 0 0 / 20%);

	z-index: 8;

	padding: 1rem 0;

	border: 1px solid #eee;

	background: rgba(255, 255, 255, 1);

}

.navbarMyAccount .dropdown-toggle::after {

	border: 0;

	position: static;

	content: '\e90b';

	font-family: 'icomoon';

	color: #000;

	font-size: 13px;

	margin-top: -15px;

	margin-left: 5px;

	vertical-align: middle;

}

.navbarMyAccount .dropdown-menu .dropdown-item {

	font-size: 14px;

	padding: 7px 15px;

	position: relative !important;

}

.navbarMyAccount .dropdown-menu .dropdown-item .iconQuesion {

	right: 15px;

	position: static;

}

.navbarMyAccount .dropdown-menu .dropdown-item:hover {

	background: #38C2D9;

	color: #fff;

}

.navbarMyAccount .dropdown-menu .dropdown-item:hover .iconQuesion {

	color: #fff;

}

.navbarMyAccount .dropdown-menu .dropdown-item2 {

	color: #666;

	font-size: 13px;

	padding: 5px 15px;

}

.dropdown-item.active, .dropdown-item:active {

	color: #000;

	text-decoration: none;

	background-color: #fff;

}

.navbarMyAccount .nav-justified .nav-item {

	flex-basis: auto;

}

.onlySM {

	display: none;

}

.triBar {

	display: none;

}

body.showNav {

	height: 100%;

	overflow: hidden;

}







.subDropdown{

 

	position: absolute; left: 100%; background:#FFF; top:0; display: none; 

	border: 1px solid #e0e6ed; border-radius: 15px; overflow: hidden;

    box-shadow: rgb(113 106 202 / 20%) 0px 0px 15px 1px; padding: 15px 0; min-width: 180px;

}

.showSub{position: relative;}

.showSub:hover .subDropdown{display: block;}





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

.navbarMyAccount {

	padding: 15px 0 8px;

}

.navbarMyAccount .nav {

	display: block;

}

.navbarMyAccount .nav-justified .nav-item {

	text-align: left;

}

.navbarMyAccount .nav-tabs .nav-link {

	border-bottom: 1px solid #eee;

}

.navbarMyAccount .dropdown-menu {

	position: static;

	float: none;

	border-radius: 0; box-shadow: none !important; border-radius: 0 !important; border-bottom: 1px solid #eee !important;

}

.navbarMyAccount .nav-tabs .nav-item .nav-link {

	margin-bottom: 0;

}

.onlySM {

	display: block;

}

.triBar {

	display: inline-block;

	cursor: pointer;

	font-size: 16px;

	color: #121212;

}

.triBar i {

	font-size: 20px;

}

.triBar span {

	vertical-align: top;

	margin-left: 3px;

	margin-top: 2px;

	text-transform: uppercase;

}

.navOverlay {

	display: block;

	position: fixed;

	background: rgba(0,0,0,.8);

	top: 0;

	bottom: 0;

	width: 100%;

	left: -100%;

	z-index: 9990;

}

.showNav .navOverlay {

	left: 0;

}

.navbar-custom {

	position: fixed;

	background: #fff;

	top: 0;

	bottom: 0;

	width: 300px;

	z-index: 9999;

	display: block;

	left: -300px;

}

.showNav .navOverlay {

	left: 0;

}

.showNav .navbar-custom {

	left: 0;

}

	

.subDropdown{

 

	position: static; left: 100%; background:#FFF; top:0; display: block; 

	border: 1px solid #e0e6ed; border-radius: 0; overflow: hidden;

    box-shadow:none; padding: 5px 0; min-width: 180px;

}

	.subDropdown .dropdown-item{color: #666; font-size: 13px !important;}

	

	

.showSub{position: relative;}

.showSub:hover .subDropdown{display: block;}

	

}





/*tender section*/



.tenderSection{padding:60px 0 0 0;}

.tenderSection .flexBox{display: flex; flex-wrap: nowrap; align-items: center; width: 100%;}

.tenderSection .flexBox .cols{width:50%;}

.tenderSection .flexBox .cols img{width: 100%; height: auto;}



.tenderSection .flexBox .cols h3{color:#000; line-height: 38px; font-weight: 700;}

.tenderSection .flexBox .cols p{font-size: 16px; line-height: 24px; margin: 30px 0;}



.tenderSection .flexBox .cols .btn{margin-bottom:60px;}



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

	.tenderSection{padding: 60px 0 0 0;}

	.tenderSection .flexBox{display: flex; flex-wrap: wrap; align-items: center; width: 100%; text-align: center;}

	.tenderSection .flexBox .cols{width:100%;}

	.tenderSection .flexBox .cols img{width: 80%; height: auto; margin:30px auto 0 auto;}



	.tenderSection .flexBox .cols .btn{margin-bottom:0;}

}





.searchCon .select2-container .select2-search--inline .select2-search__field{    margin-left: 15px !important;

    margin-top: 18px;

    font-size: 14px;}

.searchCon .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#ccc !important;}

.searchCon .select2-container--default .select2-selection--multiple{ height:54px !important; over-flow:hidden !important;}

 

 .select2-container--default .select2-selection--multiple .select2-selection__choice{height:30px; margin-top: 11px; background-color: #f7f7f7 !important;

    border: 1px solid #ddd !important;}

 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{height:28.5px;}

.select2-container .select2-selection--multiple .select2-selection__rendered{line-height:30px !important;}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{padding: 0 8px !important; border-right: 1px solid #ddd !important;}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {

    cursor: default;

    padding-left: 6px !important;

    padding-right: 6x !important;

}



.select2-container--default .select2-selection--multiple .select2-selection__clear {

    cursor: pointer;

    float: right;

    font-weight: bold;

    height: 20px;

    margin-right: 10px;

    margin-top: 14px !important;

    padding: 1px;

    font-size: 32px !important;

}



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

.select2-container--default .select2-selection--multiple .select2-selection__clear{text-align: right !important;}

    .SearchArea .searchCon select, .SearchArea .searchCon .form-control, .SearchArea .searchCon button{width: inherit !important;}

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-top:0 !important; border-radius:0 !important;}

}

.select2-container--default .select2-selection--multiple{width:inherit !important;}

.select2-container .select2-selection--multiple{text-align:left !important;}

.searchCon .select2-container--default.select2-container--focus .select2-selection--multiple {

    border-color: #ccc !important;

    width: inherit !important;

}