@charset 'utf-8';
/* CSS DOCUMENT */


@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic/TradeGothicLTStd.otf');
    src: url('../fonts/TradeGothic/TradeGothicLTStd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TradeGothic/TradeGothicLTStd.woff') format('woff'),
         url('../fonts/TradeGothic/TradeGothicLTStd.ttf') format('truetype'),
         url('../fonts/TradeGothic/TradeGothicLTStd.svg#TradeGothicLTStd') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TradeGothicBD';
    src: url('../fonts/TradeGothicBD/TradeGothicBD.otf');
    src: url('../fonts/TradeGothicBD/TradeGothicBD.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TradeGothicBD/TradeGothicBD.woff') format('woff'),
         url('../fonts/TradeGothicBD/TradeGothicBD.ttf') format('truetype'),
         url('../fonts/TradeGothicBD/TradeGothicBD.svg#TradeGothicBD') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TradeGothic20';
    src: url('../fonts/TradeGothic20/TradeGothic20.otf');
    src: url('../fonts/TradeGothic20/TradeGothic20.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TradeGothic20/TradeGothic20.woff') format('woff'),
         url('../fonts/TradeGothic20/TradeGothic20.ttf') format('truetype'),
         url('../fonts/TradeGothic20/TradeGothic20.svg#TradeGothic20') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TradeGothic2';
    src: url('../fonts/TradeGothic2/TradeGothic2.otf');
    src: url('../fonts/TradeGothic2/TradeGothic2.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TradeGothic2/TradeGothic2.woff') format('woff'),
         url('../fonts/TradeGothic2/TradeGothic2.ttf') format('truetype'),
         url('../fonts/TradeGothic2/TradeGothic2.svg#TradeGothic2') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FreeStyle';
    src: url('../fonts/FreeStyle/FreeStyle.otf');
    src: url('../fonts/FreeStyle/FreeStyle.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FreeStyle/FreeStyle.woff') format('woff'),
         url('../fonts/FreeStyle/FreeStyle.ttf') format('truetype'),
         url('../fonts/FreeStyle/FreeStyle.svg#FreeStyle') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body { height:100%; min-height:100%; font-family: 'Lato', sans-serif;}
.hide { display:none !important;}
.ease,a,input[type="submit"],button { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.auto { width:1024px; margin: 0 auto; }
img { max-width: 100%; height: auto; }
* { box-sizing: border-box; }
/********* Clearfix *********/
* html .clearfix { height: 1%; }
.clearfix:after {visibility: hidden; display: block; font-size: 0; content:""; clear: both; height: 0;}
.clearfix { display: block; clear:both; }
.center-div{position:absolute; top:50%; left:50%; margin-right:-50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);  transform:translate(-50%,-50%); }
.middle-div{position:absolute; top:50%;  -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%);  transform:translate(0,-50%); }
.hori-div{position:absolute; left:50%;  -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -o-transform:translate(-50%,0);  transform:translate(-50%,0); }
.drpdown{position:relative; display:inline-block;}
/********* Page Template *********/
#main-container { height:100%; height: auto !important; min-height:100%; }
input[type="text"],input[type="password"], input[type=email], textarea, header, footer{-webkit-box-sizing : border-box;‌​ -moz-box-sizing : border-box; box-sizing : border-box;}
input[type="submit"] { font-family: 'Lato', sans-serif;}
textarea { outline:none; resize:none;  font-family: 'Lato', sans-serif;}
button{font-family: 'Lato', sans-serif;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
button:hover, input[type=submit]:hover{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.wrapper{max-width:1024px !important; width:96%; margin:0 auto;}
.wrapper2{max-width:1440px !important; width:96%; margin:0 auto;}
.full-width{width:100% !important; max-width: 100% !important;}
.seventy-width{width:70%;}
.thirty-width{width:30%;}
.sixty-width{width:60%;}
.forty-width{width:40%;}
.half-width{width:50%;}
.box{-webkit-box-sizing : border-box;‌​ -moz-box-sizing : border-box; box-sizing : border-box;}
.bg {background-repeat:no-repeat;  background-position:50% 50% !important;}
.fullscreen{width:100%; min-height:100%;}
.f-left{float:left;}
.f-right{float:right;}
.upper-text{text-transform:uppercase;}
.btn{padding: 10px 15px;  display: inline-block; border-radius: 5px; border:none;}
.btn:hover{}
.trans-btn{display: inline-block; letter-spacing: 1px; padding:10px 45px !important; border: 2px solid #5b5b5b; border-radius: 3px; font-size: 14px; color:#2d2d2d;}
.blue-btn{border: 3px solid #3592f1;}
.sub-btn{background: #3592f1 !important; border: 3px solid #3592f1; color:#FFF; padding:10px 65px;}
.sub-btn:hover{background: #2878ca !important;  border: 3px solid #2878ca; color:#FFF; }
.white-btn{border: 3px solid #FFF; color: #FFF;}
.orange-btn{border: 3px solid #ffa928; color: #FFF;}
.black-btn{border: 3px solid #2f2f2f; color: #292929;}
.btn-yellow{ color: #FFF;  font-size: 16px; font-weight: 600; background: #ffa928 !important;}
.btn-yellow:hover{background: #dc9122 !important; }
.btn-blue{ color: #FFF;  font-size: 16px; font-weight: 600; background: #3a94d8 !important;}
.btn-blue:hover{background: #3382be !important; }
.btn-grey{ color: #FFF;  font-size: 16px; font-weight: 600; background: #607483 !important;}
.btn-grey:hover{background: #43525d !important; }
.btn-dblue{ color: #FFF;  font-size: 16px; font-weight: 600; background: #0e3e6e !important;}
.btn-dblue:hover{background: #0b2f53 !important; }
.btn-yellow-nb{ color: #FFF;  font-size: 16px; font-weight: 600; background: #ffa928 !important; border:none !important;}
.btn-yellow-nb:hover{background: #dc9122 !important; }
.btn-green{background: #32871c; border-radius: 3px; color:#FFF !important; font-weight: 400 !important; padding:10px 20px; font-size: 14px;}
.btn-green:hover{background: #1e5110;}
.btn-b-blue{background: #3b87d5 !important; color: #FFF; border: none; text-align: center; padding: 5px 10px; color: #FFF;  font-size: 16px; }
.btn-b-blue:hover{background: #2c68a6; }
.btn-b-white{background: #ffffff; color:#000000; border: none; text-align: center; padding: 5px 10px;}
.btn-dblue{color: #FFF; background: #213750;}
.btn-white-b{background: transparent; color:#FFF; border: 2px solid #FFF; text-align: center; padding: 5px 10px;}
.btn-black-b{background: transparent;  border: 1px solid #000; text-align: center; padding: 5px 10px;}
.btn-yellow-b{background: transparent; color: #000; border: 2px solid #ffa928; text-align: center; padding: 5px 10px;}
.btn-yellow-b:hover{background: #ffa928; color: #FFF;}
.btn-blue-b{background: transparent; color: #000; border: 2px solid #2d5e8f; text-align: center; padding: 5px 10px;}
.btn-blue-b:hover{background: #2d5e8f; color: #FFF;}
.btn-small{font-size: 12px; padding: 7px 10px;}
.edit-link{padding: 3px 10px; font-size: 13px; border-radius: 3px;font-weight: 400; min-width: 50px; color:#FFF; color:#FFF; text-align: center; background: rgba(0,0,0,0.2);}
.edit-link:hover{ background: rgba(0,0,0,0.3) !important;}
.edit-link i{margin-right: 2px;}
.col{display: inline-block;}
.va-mid{vertical-align: middle;}
.va-top{vertical-align: top;}
.va-bot{vertical-align: bottom;}
.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.section{padding:60px 0; background: #f4f4f4;}
.section-small{padding:15px 0;}
.box-shadow{box-shadow:2px 2px 2px rgba(0,0,0,0.08);}
.b{font-weight: 600;}
.l{font-weight: 300;}
.bluebanner{background: #3a94d8; padding: 30px 0; text-align: center; color:#FFF; font-size: 20px;}
.bluebanner h3{font-size: 20px;}
.white-bg{background: #FFF;}
.grey-bg{background: #f4f4f4;}
.section-medium{padding: 30px 30px;}
.t-green{color: #065a04;}
.t-orange{color: #ff9900;}
.t-red{color: #f42212;}

.bullet-listing{margin: 10px 0;}
.bullet-listing li{padding-left: 25px; margin: 10px 0; background: url('../images/bullet-list.png') no-repeat; background-position: 3% 6px;}
/********* Page Template *********/

/**Header **/
.inner header{position: relative; background: #FFF; padding: 30px 0 8px 0;}
header{position: absolute; top:0; left:0; width: 100%; padding: 40px 0 0 0; z-index: 2;}
header .logo-holder{max-width: 200px; margin-top: -23px; margin-right: 10px;}
header nav{font-family: 'TradeGothic20'; font-size: 16px;}
header nav a{color: #FFF; display: inline-block; vertical-align: middle;}
header .responsive-menu{display: none;}
.inner header nav a{color: #0a0a0a;}
header .main-nav{width: 78%;}
header nav.nav-link{max-width: 480px; width: 100%;}
header nav.nav-link a{margin:0 15px;}
header nav.login-link{margin-top: -7px; max-width: 250px; width: 100%;}
header nav.login-link svg{font-size: 16px; line-height: 16px; vertical-align: top; height: 16px; margin-left: 5px; margin-top: 0;}
header nav.login-link a{margin-left: 15px;}
header nav.login-link a.log-in{margin-top: 2px;}
header nav.login-link a.btn{background: #3592f1; border-radius: 5px; padding:7px 8px 3px; }
header nav.login-link a.cart-link{border:2px solid #fff; color: #ffa928 !important;max-width: 75px; font-size: 16px; width: 100%; display: inline-block;text-align: left; padding: 4px 5px 3px; border-radius: 5px;}
.inner header nav.login-link a.cart-link{border:2px solid #0a0a0a;}
header nav.login-link a.cart-link svg{vertical-align: middle; margin-right: 10px; color: #ffa928;}
.inner header nav.login-link a.btn{color: #FFF;}

/** Form Holder **/
.form-holder h3{font-size: 16px; color: #36444f; margin-bottom: 10px;}
.form-holder label{display: block; font-size: 14px; color: #36444f; margin-bottom: 5px;}
.form-holder li{margin: 8px 0; position: relative;}
.form-holder li.f-left{padding-right: 10px;}
.form-holder li.f-right{padding-left: 10px;}
.form-holder select{width: 100%; height:36px;border:1px solid #e5e5e5; border-radius: 4px;}
.form-holder .select2-selection{width: 100%; height:36px;border:1px solid #e5e5e5; border-radius: 4px;}
.form-holder .select2-container--default .select2-selection--single{width: 100%; height:36px;border:1px solid #e5e5e5; border-radius: 4px;}
.form-holder .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 14px; padding: 3px 10px;}
.form-holder .select2-selection__arrow b{display: none;}
.form-holder .select2-selection__arrow{width: 14px !important; height: 9px !important; background: url('../images/arrow-down.png')no-repeat; top:15px !important; right:10px !important;}
.form-holder .select2-results__option.select2-results__message:before{content:''; display: none !important;}
.form-holder input{width: 100%; height:36px; padding: 10px; font-size: 14px; border:1px solid #e5e5e5; border-radius: 4px;}
.form-holder textarea{width: 100%; height:150px; padding: 10px; font-size: 14px; border:1px solid #e5e5e5; border-radius: 4px;}
.form-holder input.datepicker{padding-left: 35px; background: url('../images/datepicker.png')no-repeat #FFF; background-position: 3% 50%;}
.form-holder input.timepicker{padding-left: 35px; background: url('../images/timepicker.png')no-repeat #FFF; background-position: 3% 50%;}
.form-holder input[type="submit"]{font-family: 'Lato', sans-serif, 'FontAwesome';}
.checkbox{position: relative; color: #3b3b3b; font-size: 14px;max-width: 480px; width: 100%; margin: 20px auto;}
.checkbox input[type="checkbox"]{opacity: 0; position: absolute; top:0; left: 0; width: 50%; height: 100%; cursor: pointer}
.checkbox input[type="radio"]{opacity: 0; position: absolute; top:0; left: 0; width: 50%; height: 100%; cursor: pointer}
.checkbox span{display: inline-block; width: 22px; height: 22px; background: url('../images/checkbox.png') no-repeat; vertical-align: middle;}
.checkbox input[type="checkbox"]:checked ~ span{background: url('../images/checkbox-check.png') no-repeat; }
.checkbox input[type="radio"]:checked ~ span{background: url('../images/checkbox-check.png') no-repeat; }
.checkbox p{display: inline-block;  vertical-align: middle; margin-left: 5px;}
.checkbox label{display: inline-block;  vertical-align: middle; margin-left: 5px;}
.form-holder .warning{padding: 10px; border-radius: 5px; background: #9c3b25;}
.form-holder .warning h3{color: #FFF; margin: 0; font-size: 16px; font-weight: 400;}
.form-holder .warning p{color: #FFF; margin: 0; font-size: 14px; font-weight: 400;}
.form-holder .btn-holder .btn{border: none; height:initial;}
.form-holder  .rating {
  border: none;
  float: left;
  margin: 0;
}
.sign-up-form .role_type_holder .checkbox{margin: 0;}

.form-holder  .rating > input { display: none; }
.form-holder  .rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
  color: #ffa928 !important;
}

.rating > label:before {
  color: #ffa928 !important;
}
.rating > .half:before {
  color: #ffa928 !important;
}

.form-holder  .rating > .half:before {
  content: "\f089";
  position: absolute;
}

.form-holder  .rating > label {
  color: #ddd;
 float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.form-holder  .rating > input:checked ~ label, /* show gold star when clicked */
.form-holder  .rating:not(:checked) > label:hover, /* hover current star */
.form-holder  .rating:not(:checked) > label:hover ~ label { color: #e59e33;  } /* hover previous stars in list */

.form-holder  .rating > input:checked + label:hover, /* hover current star when changing rating */
.form-holder  .rating > input:checked ~ label:hover,
.form-holder  .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.form-holder  .rating > input:checked ~ label:hover ~ label { color: #e0a244;  }


/** End of Form Holder **/



footer{background: #FFF; text-align: center;}
footer .top-footer{ padding: 30px 0 50px; text-align: center;}
footer .top-footer h3{font-size: 20px; font-family: 'TradeGothic20'; color:#000;}
footer .top-footer hr{width: 60px; height: 3px; background: #ffa928; color: #ffa928; border:0;}
footer .top-footer .top-cont{display: inline-block; vertical-align: top; text-align: left;}
footer .top-footer .quick-links{min-width: 320px; max-width: 320px;}
footer .top-footer .quick-links .link-holder{display: inline-block; vertical-align: top; max-width: 400px; width: 100%;}
footer .top-footer .quick-links .link-holder.op{max-width: 235px; width: 100%;}
footer .top-footer .quick-links .link-holder.customer ul li{width: 49%; display: inline-block; vertical-align: top;}
footer .top-footer .quick-links .link-holder h4{font-weight: 400; color: #000; font-size: 18px;}
footer .top-footer .quick-links .link-holder ul li{ margin: 5px 0; list-style: none;}
footer .top-footer .quick-links .link-holder ul li a{font-size: 14px; color: #494949;}
footer .top-footer .quick-links .link-holder ul li:before{content: '\f054'; font-family: 'FontAwesome'; color:#494949; margin-right: 5px;}
footer .top-footer .contact{max-width: 265px; width: 100%;}
footer .top-footer .contact ul li{margin: 10px 0;}
footer .top-footer .contact ul li div{max-width: 180px; width: 100%;}
footer .top-footer .contact ul li h3{font-size: 14px; color:#636363; margin-right: 5px;font-weight: 400; font-family: 'Lato', sans-serif;}
footer .top-footer .contact ul li p{font-size: 14px; color:#959595;}
footer .top-footer .contact ul li a{color: #5c5c5c; font-size: 14px; margin: 0 2px;}
footer .top-footer .contact ul li a:hover{color: #3592f1;}
footer .top-footer .contact ul li:nth-child(2) a{ margin: 0; display: block; font-size: 14px; color:#3592f1;}
footer .bottom-footer{background: #3e96c1; padding:24px 0; font-size: 14px; color: #FFF;}
.banner-holder{width: 100%; min-height:736px; position: relative;}
.banner-holder .content-holder{width: 100%; text-align: center; overflow: hidden; padding-top: 20px;}
.banner-holder .content-holder .title-holder{margin-left: 0; -ms-transform: rotate(-8deg);     -webkit-transform: rotate(-8deg);   transform: rotate(-8deg);}
.banner-holder .content-holder .title-holder hr{height:4px; background: #FFF; color:#FFF; border:none; max-width: 59px; width: 100%; margin: 5px auto;}
.banner-holder .content-holder h3{text-align: center; font-weight: 400; color: #FFF; font-family: 'TradeGothic20'; font-size: 46px; text-transform: uppercase; letter-spacing: -3px; line-height: 40px; }
.banner-holder .content-holder h3 span{font-size: 59px; color:#ffa928; font-family: 'FreeStyle'; display: block; text-transform: none; letter-spacing: 0px; line-height: 52px;}
.links-holder{margin-top: 40px; width: 100%;}
.search-holder{text-align: center;background: rgba(0,0,0,0.6); margin: 100px auto 20px; display: block; max-width: 935px; width: 100%; border-radius: 5px; }
.search-holder .looking{max-width: 285px; width: 100%;}
.search-holder .event-in{max-width: 270px; width: 100%;}
.search-holder .event-on{max-width: 180px; width: 100%;}
.search-holder .btn-holder{max-width: 190px; width: 100%;}
.search-holder .col{position: relative; padding: 0; vertical-align: top;padding: 5px 3px; text-align: left;}
.search-holder .col label{display: block; position: absolute; top:-20px; left: 0; color: #FFF; font-size: 14px; text-align: left; margin-bottom: 5px; }
.search-holder .btn-holder .btn{font-family: 'fontAwesome', 'Lato', sans-serif;}
.search-holder ul li{margin: 0;}


.looking-drop{width: 100%;position: relative;}
.looking .select2-search--inline{}
.homepage .select2-results__option {padding-right: 20px;vertical-align: middle;}
.homepage .select2-results__option:before {content: "";display: inline-block;position: relative;height: 21px;width: 22px;border: 1px solid #999999;border-radius: 4px;margin-right: 20px;vertical-align: middle;}
.homepage .select2-results__option--highlighted:before {content: "";display: inline-block;position: relative;height: 21px;width: 22px;border: 1px solid #999999;border-radius: 4px;margin-right: 20px;vertical-align: middle;}
.homepage .select2-results__option[aria-selected=true]:before {font-family:fontAwesome;content: "\f00c";color: #999999;width: 22px;font-size: 14px;border: 1px solid #999999;display: inline-block;padding-left: 0;text-align: center;}
.homepage .select2-container--default .select2-results__option[aria-selected=true] {background-color: #fff;}
.homepage .select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #eaeaeb;color: #272727;}
.homepage .select2-container--default .select2-selection--multiple {border-width: 0;}
.homepage .select2-container--open .select2-dropdown--below {border-radius: 6px;}
.homepage .select2-selection .select2-selection--multiple:after {content: 'hhghgh';}
.homepage .select2-selection input{height: 32px;}

.sign-up-form .select2-dropdown li.select2-results__option{padding-left: 20px;vertical-align: middle;}
.sign-up-form .select2-dropdown li.select2-results__option:before {content: "";display: inline-block;position: relative;height: 21px;width: 22px;border: 1px solid #999999;border-radius: 4px;margin-right: 20px;vertical-align: middle;}
.sign-up-form .select2-dropdown li.select2-results__option--highlighted:before {content: "";display: inline-block;position: relative;height: 21px;width: 22px;border: 1px solid #999999;border-radius: 4px;margin-right: 20px;vertical-align: middle;}
.sign-up-form .select2-dropdown li.select2-results__option[aria-selected=true]:before {font-family:fontAwesome;content: "\f00c";color: #999999;width: 22px;font-size: 14px;border: 1px solid #999999;display: inline-block;padding-left: 0;text-align: center;}

#professional_fields .select2-container--default .select2-results__option--highlighted[aria-selected]:before{font-family:fontAwesome;content: "\f00c";color: #FFF;width: 22px;font-size: 14px;border: 1px solid #FFF;display: inline-block;padding-left: 0;text-align: center;}
#professional_fields .select2-container--default .select2-results__option:before{font-family:fontAwesome;content: "\f00c";color: #999999;width: 22px;font-size: 14px;border: 1px solid #999999;display: inline-block;padding-left: 0;text-align: center; margin-right: 5px;}
.form-holder #professional_fields .select2-selection{height:auto !important;}
.scroll{position: absolute; bottom: 2%; left:0; width: 100%; text-align: center;}
.scroll img{margin-left: -25px;}
.title-holder{text-align: center;}
.title-holder h3{text-align: center; font-weight: 400; font-family: 'TradeGothic20'; font-size: 50px; color:#212121; line-height: 47px;}
.title-holder h3 span{display: block; font-size: 40px; font-family: 'FreeStyle'; color:#3f3f3f; line-height: 32px;}
.title-holder hr{width:60px; height:4px; margin: 10px auto; background: #ffa928; color:#ffa928; border:none;}
.title-holder.colored-bg h3{color: #FFF;}
.title-holder.colored-bg h3 span{color: #ffa928;}
.title-holder.colored-bg hr{background: #FFF;}
.about-holder{background: url('../images/about-bg.jpg')no-repeat; background-size: cover;}
.about-holder .content-holder{text-align: center; margin: 0 auto;}
.about-holder .content-holder h5{font-size: 20px; color:#FFF;}
.about-holder .content-holder p{font-size: 16px; color:#FFF; margin-top: 10px;}
.about-holder .content-holder a{margin: 20px 0;}
.pro-signup .pro-banner{width: 100%; min-height: 335px; background-size: cover !important;}
.pro-signup .pro-container{ margin: 40px 0;text-align: center;}
.pro-signup .pro-container .pro-holder{-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1.0, 1.0);display: inline-block; vertical-align: top; margin:0 5px 10px; position: relative; max-width: 190px; width: 100%;}
.pro-signup .pro-container .pro-holder:hover{margin-top: -10px; -webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);}
.pro-signup .pro-container .pro-holder .content-holder{position: absolute; bottom:8%; width: 100%; padding:0 5px;}
.pro-signup .pro-container .pro-holder .content-holder h3{color:#FFF; font-size: 19px; font-family: 'TradeGothic20'; line-height: 22px; }
.pro-signup .text-cont{font-size: 18px; color:#3c3c3c; margin:40px 0 20px; width: 100%; text-align: center;}
.pro-signup .text-cont p {margin-bottom: 20px;}


.how-it-works{min-height: 790px; position: relative;}
.how-it-works .main-cont{min-height: 790px;}
.how-it-works .main-cont.left-bg{

  background: #3592f1; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #3592f1, #4498a2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #3592f1, #4498a2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #3592f1, #4498a2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #3592f1, #4498a2); /* Standard syntax */
}
.how-it-works .main-cont.right-bg{

  background: #5a519c; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #5a519c, #31495f); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #5a519c, #31495f); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #5a519c, #31495f); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #5a519c, #31495f); /* Standard syntax */
}

.how-it-works .content-holder{width: 100%; position: absolute; top:5%; z-index: 2; text-align: center;}
.how-it-works .content-holder .title-holder{margin: 30px 0 -50px;}
.how-it-works .content-holder .title-holder h3{color:#FFF;}
.how-it-works .content-holder .title-holder h3 span{color:#FFF;}
.how-it-works .content-holder .title-holder hr{background: #FFF; color:#FFF;}
.how-it-works .content-holder .column{display: inline-block; vertical-align: middle; margin: 0 20px 0;}
.how-it-works .content-holder .column ul li{ margin:40px 0;}
.how-it-works .content-holder .column ul li h3{color: #FFF; font-size: 20px; margin-top: 20px; line-height: 21px;}
.how-it-works .content-holder .column ul li p{color:#fff; font-size: 14px;}
.how-it-works .content-holder .col1{max-width: 265px;}
.how-it-works .content-holder .col1 ul li{text-align: right;}
.how-it-works .content-holder .col1 ul li h3{text-align: right; margin-right: 10px;}
.how-it-works .content-holder .col3 ul li h3{margin-left: 10px;}
.how-it-works .content-holder .col1 ul li p{text-align: right; }
.how-it-works .content-holder .col3 ul li{text-align: left;}
.how-it-works .content-holder .col3 ul li p{text-align: left; margin-top: 5px;}
.how-it-works .content-holder .col3{max-width: 265px;}
.how-it-works .content-holder .col2{padding-top: 100px;}
.how-it-works .content-holder .read-more p{font-size: 16px; color:#FFF; margin-bottom: 10px;}


.latest-talent{text-align: center; padding-bottom: 80px 0 50px;}
.latest-talent .title-holder{margin-bottom: 60px;}
.latest-talent .talent-holder{display: inline-block;  background: #FFF; vertical-align: top; margin: 10px; }
.latest-talent .talent-holder .text-holder{padding:10px 20px 20px;}
.latest-talent .talent-holder .text-holder h3{font-size: 16px; color: #232323; margin: 0 0 10px;}
.latest-talent .talent-holder .text-holder p{font-size: 14px; line-height: 15px; color: #757575; }

.latest-blog{min-height: 734px; padding: 100px; width: 100%; background-size: cover !important;}
.latest-blog .col-holder1{width: 65%; }
.latest-blog .col-holder1 .full-width.blog-holder{max-height: 205px;}
.latest-blog .col-holder2{width: 35%;}
.latest-blog .col .blog-holder{position: relative; }
.latest-blog .col .blog-holder .hover{position: absolute; width: 100%; height: 100%; left: 0; top:0; border: 5px solid transparent; z-index:5;}
.latest-blog .col .blog-holder:hover .hover{border: 5px solid #3592f1;}
.latest-blog .col .blog-holder img{width: 100%;}
.latest-blog .col .blog-holder img.over-grad{position: absolute; left: 0; bottom:0;}
.latest-blog .col .blog-holder .text-holder{padding:0 20px; position: absolute; bottom: 7%; width: 100%;left:0; z-index: 6;}
.latest-blog .col .blog-holder .text-holder h3{font-size: 18px; color: #FFF; margin-bottom: 5px;}
.latest-blog .col .blog-holder .text-holder p{font-size: 12px; color:#FFF; text-transform: uppercase;}
.latest-blog .col .blog-holder .text-holder hr{width: 53px; height:3px; margin:20px 0 0; border:none; background: #ffa928; color:#ffa928;}
.latest-blog .col .bottom-blog{max-height: 185px; overflow: hidden;}
.latest-blog .col-holder2 .title-blog{ padding: 0 10px 0 20px; margin: 20px 0 46px;}
.latest-blog .col-holder2 .title-blog{ padding: 0 10px 0 20px; margin: 20px 0 46px;}
.latest-blog .col-holder2 .title-blog h3{font-size: 50px; letter-spacing: -2px; font-family: 'TradeGothic20'; color: #FFF; font-weight: 400; line-height: 45px; text-transform: uppercase;}
.latest-blog .col-holder2 .title-blog h3 span{display: block; letter-spacing: 0;font-family: 'FreeStyle'; line-height: 35px; font-size: 40px; color:#ffa928; text-transform: none;}
.latest-blog .col-holder2 .title-blog p{font-size: 14px; color:#FFF;}
.latest-blog .btn-holder{margin-top: 20px;}
.newsletter{padding: 60px 0; background: #FFF;}
.newsletter .newsletter-holder{max-width: 1045px; width: 100%; margin: 0 auto; background-size: cover !important; min-height: 164px; }
.newsletter .newsletter-holder .content-holder{padding:60px 40px 0; text-align: center;}
.newsletter .newsletter-holder .content-holder *{display: inline-block; vertical-align: middle;}
.newsletter .newsletter-holder .content-holder h3{font-size: 26px; margin-right: 10px; text-align: right; color: #FFF; font-family: 'TradeGothic20'; text-transform: uppercase; line-height: 24px;}
.newsletter .newsletter-holder .content-holder input[type="email"]{max-width: 270px; min-width: 270px; width: 100%; min-height: 40px; border:1px solid #ffffff; background: #ecebeb; padding:14px;}
.newsletter .newsletter-holder .content-holder input[type="submit"]{max-width: 179px; min-width: 179px; width: 100%; min-height: 44px; border-radius: 3px; margin-left: 10px; border:1px solid #ffffff; background: #ffa928; padding:11px; font-size: 16px; color:#FFF; font-weight: 600; letter-spacing: 2px;}




/** About Page **/
.about-page .about-holder{background: #f4f4f4; color: #000;}
.about-page .about-holder h5{color: #000;}
.about-page .about-holder p{color: #000;}
.about-section{width: 100%; min-height: 537px; overflow: hidden; background-size: cover !important;}
.about-section .container{position: relative; min-height: 537px; }
.about-section .container .content-holder{padding: 50px;}
.about-section .container .content-holder h3{margin-bottom: 10px;font-weight: 400; font-size: 50px; color:#FFF; font-family: 'TradeGothic20'; text-transform: uppercase; line-height: 47px;}
.about-section .container .content-holder h3 span{font-size: 50px; font-family: 'FreeStyle'; line-height: 47px; display: block; color:#FFF; text-transform: none;}
.about-section .container .content-holder p{font-size: 16px; color:#FFF;}
.about-section.cont1 .img-holder{position: absolute; bottom:-2%; max-width: 549px; width: 100%;}
.about-section.cont3 .img-holder{position: absolute; bottom:-2%; max-width: 549px; width: 100%;}
.about-section.cont2 .img-holder{position: absolute; bottom:0; left: 0; width: 100%;}
.about-section.cont2{background: #f9f9f9; color: #000;}
.about-section.cont2 .content-holder h3{color:#000000;}
.about-section.cont2 .content-holder h3 span{color:#616161;}
.about-section.cont2 .content-holder p{color:#000;}
.contact-link{padding: 80px 0; text-align: center; }
.contact-link p{font-size: 16px; color:#4a4a4a; margin-bottom: 60px;}

.hiw-page .banner-holder{min-height: 469px; padding-bottom: 0; position: relative;}
.hiw-page .banner-holder .half-width{min-height: 469px; position: relative;}
.hiw-page .banner-holder .title-holder{text-align: left;}
.hiw-page .banner-holder .title-holder h4{font-size: 75px; line-height: 70px; font-family: 'TradeGothic20'; color:#3592f1; text-transform: uppercase;}
.hiw-page .banner-holder .title-holder span{color:#000000; display: block;}
.hiw-page .banner-holder .title-holder hr{margin:10px 0;}
.hiw-page .banner-holder .title-holder p{font-size: 20px; font-weight: 600; color:#2a2a2a;}
.hiw-page .banner-holder .img-holder{bottom:0; max-width: 421px; width: 100%;}

.hiw-page .how-section{padding: 180px 0; width: 100%;}
.hiw-page .how-section .content-holder{padding: 0 20px; }
.hiw-page .how-section .content-holder label{font-size: 165px; margin-right: 10px; line-height: 130px; font-family: 'TradeGothic2'; }
.hiw-page .how-section .content-holder h3{max-width: 300px; font-size: 50px; color: #FFF; line-height: 45px; font-family: 'TradeGothic2'; text-transform: uppercase; margin-left: -10px;}
.hiw-page .how-section .content-holder h4{font-family: 'Lato', sans-serif; font-weight: 400; font-size: 30px; color:#FFF; line-height: 29px; margin-left: 20px;}
.hiw-page .how-section .content-holder p{font-size: 18px; color:#FFF; margin-top: 10px; margin-left: 20px;}
.hiw-page .how-section .content-holder.left-content p{ margin-top: 5px; margin-left: 10px;}
.hiw-page .how-section .content-holder.left-content{padding-right: 60px;}
.hiw-page .how-section .img-holder{padding-top: 20px;}
.hiw-page .how-section .img-holder.right-content{padding-top: 0;}

.blog-page .title-holder h3{color: #FFF;}
.blog-page .title-holder h3 span{color:#FFF;}
.blog-page .title-holder p{color:#FFF; font-size: 20px; font-weight: 600;}

.title-holder.white-text h3{color: #FFF;}
.title-holder.white-text h3 span{color:#FFF;}
.title-holder.white-text p{color:#FFF; font-size: 20px; font-weight: 600;}

.blog-page .blog-content{text-align: center; }
.blog-page .listing-holder{text-align: left; max-width: 560px; width: 100%; display: inline-block; vertical-align: top; margin: 0 20px;}
.blog-page .details-holder{text-align: left; max-width: 560px; width: 100%; display: inline-block; vertical-align: top; margin: 0 20px;}
.blog-page .recent-holder{text-align: left; max-width: 260px; width: 100%; display: inline-block; vertical-align: top; margin: 0 20px;}
.blog-page .blog-holder{position: relative; max-width: 560px; width: 100%; overflow: hidden; margin-bottom: 40px;}
.blog-page .blog-holder .hover{position: absolute; width: 100%; height: 100%; left: 0; top:0; border: 5px solid transparent; z-index:5;}
.blog-page .blog-holder:hover .hover{border: 5px solid #3592f1; background: rgba(0,0,0,0.6);}
.blog-page .blog-holder img{width: 100%;}
.blog-page .blog-holder img.over-grad{position: absolute; left: 0; bottom:0;}
.blog-page .blog-holder .text-holder{padding:0 20px; position: absolute; bottom: 7%; width: 100%;left:0; z-index: 6;}
.blog-page .blog-holder .text-holder h3{font-size: 18px; color: #FFF; margin-bottom: 5px;}
.blog-page .blog-holder .text-holder p{font-size: 12px; color:#959595; text-transform: uppercase;}
.blog-page .blog-holder .text-holder hr{width: 53px; height:3px; margin:20px 0 0; border:none; background: #ffa928; color:#ffa928;}
 .pagination{text-align: center;}
 .pagination .nav{padding: 0px 8px; color:#FFF; background: #3592f1; border-radius: 3px; font-size: 10px;}
 .pagination .nav i{ font-size: 25px;}
 .pagination .nav.f-right i{ margin-left: 10px; vertical-align: middle;}
 .pagination .nav.f-right span{ font-weight: 900; display: inline-block; vertical-align: middle;}
 .pagination .nav:hover{background: #2d7bca;}
 .pagination .pages{margin-top: 3px;display: inline-block; vertical-align: middle;}
 .pagination .pages a{padding:8px 10px; font-size: 9px; color:#202020; background: #FFF; margin:0 2px; border-radius: 3px;}
 .pagination .pages a:hover{color:#FFF; background: #ffa928;}
 .pagination .pages a.active{color:#FFF; background: #ffa928;}
.blog-page .recent-holder h3{font-family: 'TradeGothic2'; color:#3592f1; font-size: 19px;}
.blog-page .recent-holder hr{width: 58px; height:2px; color: #ffa928; background: #ffa928; margin:10px 0; border:none;}
.blog-page .recent-holder ul li{padding:10px 0; border-bottom: 1px solid #fdfdfd;}
.blog-page .recent-holder ul li:last-child{border-bottom: none;}
.blog-page .recent-holder ul li a{color: #2e2e2e; font-size: 14px;}
.blog-page .recent-holder ul li a:hover{color: #0d0d0d;}
.blog-page .details-holder .img-holder{width: 100%;}
.blog-page .details-holder h3{font-size: 19px; color: #0f0f0f; margin: 10px 0;}

.blog-page .details-holder label{font-size: 12px; color:#959595; text-transform: uppercase;}
.blog-page .details-holder hr{width: 53px; height:3px; margin:20px 0 30px; border:none; background: #ffa928; color:#ffa928;}
.blog-page .details-holder p{text-align: justify; font-size: 14px; color:#414141; line-height: 25px; margin: 10px 0;}
.blog-page .details-holder ul{padding-left: 20px;}
.blog-page .details-holder ul li{text-align: justify; font-size: 14px; color:#414141; line-height: 25px; margin: 10px 0;}
.blog-page .details-holder p img.f-left{margin-top: 15px; margin-right: 20px; margin-bottom: 15px;}
.blog-page .details-holder p img.f-right{margin-top: 15px; margin-left: 20px; margin-bottom: 15px;}
.blog-page .details-holder .back{display: block; font-size: 13px; letter-spacing: 2px; color:#414141; margin-top: 40px;}
.blog-page .details-holder .back:hover{color:#232323;}

.contact-page .title-holder{padding: 60px 0;}
.contact-section{background: #4d4e89; }
.contact-section .info-holder{color:#FFF; text-align: center;}
.contact-section .info-holder ul li{margin:-100px 60px 0; display:inline-block; vertical-align: top;}
.contact-section .info-holder p{font-size: 14px; margin-top: 40px;}
.contact-section .form-holder{margin: 60px auto 80px; max-width: 745px; width: 100%; color: #FFF;}
.contact-section .form-holder ul li{max-width: 49%; width: 100%; display: inline-block; vertical-align: top;}
.contact-section .form-holder ul li:nth-child(odd){margin-right: 6px;}
.contact-section .form-holder ul li:nth-child(even){margin-left:6px;}
.contact-section .form-holder ul li:last-child{max-width: 100%; width: 100%; display: block;}




/** Search Results Page**/
.search-page{}
.search-criteria{max-width: 100%; background: #3a94d8;}
.search-criteria .search-holder{margin: 20px auto 0; background: transparent;}
.search-criteria .search-holder input[type="button"]{font-family: 'fontAwesome','Lato', sans-serif;}
.search-page .results-total{font-size: 14px; color: #000;}
.search-page .results-total span{display: inline-block; color: #828282;}
.search-results{background: #f4f4f4;}
.result-section{ margin: 20px 0 40px;}
.result-section h3{color: #2a6794; font-size: 20px; margin-bottom: 10px;}
.result-section .pro-result{margin: 15px 0; background: #FFF; padding: 30px; position: relative; border-radius: 5px;}
.result-section .pro-result .col{vertical-align: middle;}
.result-section .pro-result .bookmark{font-size: 14px; color: #ffa928; position: relative;  display: inline-block; position: absolute; top:5px; left: 15px;}
.result-section .pro-result .bookmark input[type="checkbox"]{position: absolute; cursor: pointer; width: 100%; height: 100%; top:0; left: 0; opacity: 0;}
.result-section .pro-result .bookmark p:before{content:'\f02e'; font-family: "fontAwesome";  font-weight: 400; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -2px;}
.result-section .pro-result .bookmark input[type="checkbox"]:checked ~ p::before{content:'\f02e'; font-family: "fontAwesome"; font-weight: 900; display: inline-block;}
.result-section .pro-result .bookmark input[type="checkbox"]:checked ~ p span:before{content:'Remove'; margin-right: 2px;display: inline-block;}
.result-section .pro-result .bookmark p{display: inline-block;}
.result-section .pro-result .img-holder{width:146px; height: 146px; vertical-align: middle; overflow: hidden; border-radius: 50%; background: #3a94d8; color: #FFF; position: relative; margin-right: 5px;}
.result-section .pro-result .img-holder img{width: 100%;}
.result-section .pro-result .img-holder h3{color: #FFF; font-size: 40px;}
.result-section .pro-result .pro-summary{max-width: 210px; width: 100%; padding: 0 10px; border-right: 2px solid #b3b3b3;}
.result-section .pro-result .pro-summary a{font-size: 16px; color: #3a94d8;}
.result-section .pro-result .pro-summary a:hover{color: #347fb8;}
.result-section .pro-result .pro-summary p{font-size: 14px; color: #757575; }
.result-section .pro-result .pro-summary p span{color: #000;}
.result-section .pro-result .pro-summary p.pro-id{ margin-bottom: 5px;}
.result-section .pro-result .pro-summary .rating{margin: 5px 0; font-size: 14px; color: #e59e33;}
.result-section .pro-result .pro-summary .booking{margin: 5px 0;}
.result-section .pro-result .pro-summary .booking h5{font-size: 32px; color: #ffa928;}
.result-section .pro-result .pro-summary .booking h6{color: #5a5a5b; font-size: 14px; line-height: 14px; margin-left: 5px;}
.result-section .pro-result .pro-details{margin-left: 10px;max-width: 580px; width: 100%; padding: 0 20px; color: #3d3d3d; font-size: 14px; line-height: 25px;}
.result-section .pro-result .pro-details .btn-holder{margin-top: 20px;}
.result-section .pro-result .pro-details .btn-holder .btn{text-align: center; max-width: 220px; width: 100%; margin: 5px 10px 5px 0;}

/** Event Details Form**/
.eventform{padding: 30px; background: #FFF;}
.eventform .form-holder{margin-bottom: 30px;}


/** Profile - Template  & Rating**/
.profile-img{width:40px; height: 40px; vertical-align: middle; overflow: hidden; border-radius: 50%; background: #3a94d8; color: #FFF; position: relative; margin-right: 5px;}
.profile-img img{width: 100%;}
.profile-img h3{color: #FFF; font-size: 20px;}
.pro-details{padding-left: 5px;}
.pro-details a{font-size: 16px; font-weight: 600;}
.pro-details p.event-fee{font-size: 12px; margin: 3px 0;}
.rating{margin: 5px 0; font-size: 14px; color: #e59e33;}
.booking{margin: 5px 0;}
.booking h5{font-size: 32px; color: #ffa928;}
.booking h6{color: #5a5a5b; font-size: 14px; line-height: 14px; margin-left: 5px;}


/** Table Holder **/
.table-holder{margin: 20px 0;}
.table-holder table{width: 100%; text-align: center; font-size: 14px; color: #5a5a5a;}
.table-holder table tr th{font-size: 12px;}
.table-holder table tr td{padding: 10px 8px; word-break: break-all;}
.table-holder table tr:nth-child(odd) td{background: #eef5f7;}
.table-holder table tr td .pro-details{max-width: 163px; width: 100%;}
.table-holder table tr td .pro-details a{font-size: 14px;}
/** End of Table Holder **/

/** Cart **/
.cart-page .table-holder tr th:first-child{}
.cart-page .table-holder tr td:first-child{text-align: left; width: 22%;}
.cart-page .table-holder tr td:nth-child(2){width: 10%;}
.cart-page .table-holder tr td:nth-child(3){width: 10%;}
.cart-page .table-holder tr td .col{vertical-align: top;}
.cart-page .table-holder tr td .pro-details{max-width: 141px;}
.cart-page .table-holder tr td:nth-child(4){width: 20%; text-align: left;}
.cart-page .table-holder tr td:nth-child(5){width: 13%;}
.cart-page .table-holder tr td:nth-child(6){width: 10%; }
.cart-page .table-holder tr td:nth-child(6) .col{vertical-align: middle;}
.cart-page .table-holder tr td:nth-child(6) .details{width: 100%; font-size: 12px; margin-right: 5px;}
.cart-page .table-holder tr td:nth-child(6) .details p span{font-size: 16px; font-weight: 600;}
.cart-page .table-holder tr td:nth-child(7){width: 15%;}
.cart-page .table-holder tr td .btn{vertical-align: middle; word-break: initial;}
.cart-page .table-holder tr td .btn-close{background: transparent; border:none; font-size: 16px; color: #434343; }
.cart-page .right-section{margin: 20px 0; max-width: 250px; text-align: center;}
.cart-page .right-section .total-holder{display: inline-block; width: 100%; text-align: left; font-size: 16px;}
.cart-page .right-section .total-holder h3{font-weight: 400;}
.cart-page .right-section .total-holder span{float: right; font-weight: 600;}
.cart-page .right-section .total-holder{display: inline-block; width: 100%;}
.cart-page .right-section .btn-holder{display: inline-block; width: 100%;}
.cart-page .right-section .btn-holder .btn{width: 100%; margin: 5px 0;}


/** Profile Page**/
.profile-details .bluebanner{border-top-left-radius:5px; border-top-right-radius: 5px;  padding: 10px 30px; min-height: 80px;}
.profile-details .bluebanner .btn-holder{margin: 0;}
.profile-details .profile-content{border-bottom-left-radius:5px; border-bottom-right-radius: 5px; position: relative; min-height: 150px; padding: 15px 30px;}
.profile-details .profile-info{position: absolute; top:0; max-width: 240px; width: 100%; margin: -60px auto 0; text-align: center;}
.profile-details .profile-info .profile-img{width: 120px; height: 120px; border:4px solid #FFF; margin:0 auto;}
.profile-details .profile-info h1{font-size: 20px; color: #3a94d8;}
.profile-details .profile-info p{font-size: 14px;}
.profile-details .profile-info p span{color: #757575;}
.profile-details .member-since p{color: #5a5a5b; font-size: 14px; line-height: 14px; font-weight: 600;}
.profile-details .member-since h3{color: #e59e33; font-size: 30px; line-height: 30px;}
.profile-details .rating{margin: 0 0; font-size: 14px; color: #e59e33;}
.profile-details .rating p{display: inline-block; font-size: 12px; color: #424242; margin-left: 5px;}
.profile-details .rating span{display: inline-block; color: #FFF; background: #df8b0b; border-radius: 3px; padding:2px 5px;}
.profile-details .booking{margin: 0 0;}
.profile-details .booking h5{font-size: 32px; color: #ffa928;}
.profile-details .booking h6{color: #5a5a5b; font-size: 14px; line-height: 14px; margin-left: 5px;}
.profile-details .pro-desc{margin: 70px 0 20px;}
.profile-details .pro-desc p{ color: #3d3d3d; font-size: 14px; line-height: 25px;}
.profile-details .profile-section{margin: 20px 0;}
.profile-details .profile-section h2{color: #3a94d8; font-size: 20px; margin-bottom: 10px;}
.profile-details .profile-section.general-info .info{margin: 30px 0;}
.profile-details .profile-section.general-info .info:first-child{margin-top: 0;}
.profile-details .profile-section.general-info h6{color: #282828; font-size: 14px; margin-bottom: 5px;}
.profile-details .profile-section.general-info p{color: #707070; padding-left: 15px; font-size: 14px;}
.profile-details .profile-section .calendar-holder h2{font-size: 16px; color: #e68f0d;}
.profile-details .profile-section .price-list .price-holder:first-child{margin-top: 0;}
.profile-details .profile-section .price-list .price-holder{margin: 20px 0; padding: 10px 15px; color: #FFF; border-radius: 3px;}
.profile-details .profile-section .price-list .price-holder h3{font-size: 18px;}
.profile-details .profile-section .price-list .price-holder h4{font-size: 16px; font-weight: 400;}
.profile-details .profile-section .price-list .price-holder h4 p{font-size: 12px; display: inline-block; vertical-align: middle;}
.profile-details .profile-section .price-list .price-holder p{margin: 5px 0 0; font-size: 14px;}
.profile-details .profile-section .price-list .price-holder.service-holder{background: #213750;}
.profile-details .profile-section .price-list .price-holder.promo-holder{background: #e68f0d;}
.profile-details .profile-section .gallery-listing .gall-holder{width: 20%; padding: 10px; overflow: hidden;}
.profile-details .profile-section .gallery-listing .gall-holder .container1{width: 100% !important;}
.profile-details .profile-section .gallery-listing .gall-holder .media-holder{background: #ffa928; width: 20%; padding: 10px; overflow: hidden;}
.profile-details .profile-section .gallery-listing .gall-holder img{width: 100%;}
.profile-details .profile-section .gallery-listing .gall-holder .media-holder iframe{width: 100% !important;}
.profile-details .profile-section .gallery-listing iframe{width: 20% !important; height:200px !important; float: left; padding: 10px;}
.profile-details .profile-section .booking-listing .booking-holder{display: inline-block; max-width: 280px; width: 100%; vertical-align: top; position: relative; background: #f4f4f4; padding: 15px; margin: 15px;}
.profile-details .profile-section .booking-listing .booking-holder .booking-details{position: relative;max-width: 180px; width:100%; text-align: left; display: inline-block; vertical-align: middle;}
.profile-details .profile-section .booking-listing .booking-holder .booking-details h3{font-size: 18px; line-height: 18px; margin-bottom: 5px;}
.profile-details .profile-section .booking-listing .booking-holder .booking-details p{font-size: 12px; color: #3d3d3d;}
.profile-details .profile-section .booking-listing .booking-holder .booking-date{position: absolute; right:-8px; display: inline-block; max-width: 65px; width: 100%; vertical-align: middle; background: #ffa928; border-radius: 3px;padding: 10px; color: #FFF; font-size: 600;  border-top-right-radius: 0;}
.profile-details .profile-section .booking-listing .booking-holder .booking-date:before{content:url('../images/booking-shadow.png'); width: 8px; height:4px; position: absolute; top:-11px; right:0;}
.profile-details .profile-section .booking-listing .booking-holder .booking-date p{font-size: 14px; line-height: 14px; letter-spacing: 2px; font-weight: 600;}
.profile-details .profile-section .booking-listing .booking-holder .booking-date h4{font-size: 37px; line-height: 30px;}
.profile-details .profile-section .booking-listing .booking-holder .booking-date p span{font-size: 12px; line-height: 12px; letter-spacing: 3px;}
.profile-details .profile-section .review-listing .review-holder:first-child{margin-top:0;}
.profile-details .profile-section .review-listing .review-holder{background: #f4f4f4; padding: 15px; margin: 20px 0;}
.profile-details .profile-section .review-listing .review-holder .rating>label:before{margin: 0 5px; color: #e08a0c;}
.profile-details .profile-section .review-listing .review-holder .review-img{max-width: 180px; width:100%; display: inline-block; vertical-align: top;}
.profile-details .profile-section .review-listing .review-holder .title{font-size: 18px;}
.profile-details .profile-section .review-listing .review-holder .title a{font-weight: 600; color: #2c5c8b;}
.profile-details .profile-section .review-listing .review-holder .title .loc{display: block; text-transform: uppercase; font-size: 14px;}
.profile-details .profile-section .review-listing .review-holder .review-details{margin: 5px 0;}
.profile-details .profile-section .review-listing .review-holder .review-details p{color: #707070; font-size: 14px;}
.profile-details .profile-section .review-listing .review-holder .client-profile{margin: 5px 0;}
.profile-details .profile-section .review-listing .review-holder .client-profile p{color: #4f4f4f; font-size: 14px;}






/** Plugins Override **/
.ui-widget-content{border:none !important; overflow: hidden;}
.ui-timepicker-list li{font-size: 13px; padding: 5px 15px;}
.ui-timepicker-wrapper{width: 140px;}



/** Professional Dashboard **/
header nav.pro-nav{font-size: 14px; padding-top: 10px;}
header nav.pro-nav a{margin: 0 0px; font-family: 'Lato', sans-serif; color: #3592f1; font-size: 14px;}
header nav.pro-nav a svg{color: #36444f; margin-right: 2px; font-size: 14px;}
header .pro-nav a:hover{color: #3283d7;}
header .pro-nav p{margin: 0 8px; font-family: 'Lato', sans-serif; font-size: 14px; color:#b0b0b0; vertical-align: middle;}
header .pro-nav p a{margin: 0; color: #3592f1; display: inline-block; vertical-align: top; font-size: 14px;}
header .pro-nav p a:hover{color: #3283d7;}
header .pro-nav a svg{margin-top: 0;}
header .pro-nav a.notif{font-size: 14px; color: #434343;}
header .pro-nav a.notif svg{color: #e59e33; margin-right: 3px;}

/** Client Dashboard**/
header nav.client-nav{padding-top: 10px;}
header nav.client-nav p{font-size: 14px;}
header nav.client-nav p a{font-size: 14px;}
header nav.client-nav a{font-size: 14px; margin: 0 0px;}
header nav.client-nav svg{color: #3a94d8; font-size: 14px;}
header nav.client-nav .cart svg{color: #3a94d8; font-size: 14px;}
header nav.client-nav .search svg{margin: 0;}

.pro-menu{padding: 20px; text-align: center; border-radius: 3px;}
.pro-menu ul li{display: inline-block; vertical-align: middle; min-width: 120px; margin: 0 9px;}
.pro-menu ul li img.hover{display: none;}

.pro-menu ul li *{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.pro-menu ul li a:hover img{display: none;}
.pro-menu ul li a:hover .hover{display: inline-block;}
.pro-menu ul li a:hover span{color: #4c8dce;}
.pro-menu ul li.active a img{display: none;}
.pro-menu ul li.active a .hover{display: inline-block;}
.pro-menu ul li span{display: block; color: #36444f; font-size: 14px; margin: 3px 0 0;}
.pro-menu ul li.active span{color: #4c8dce;}
.pro-menu ul li.active span{color: #4c8dce;}

.db-content-holder{margin: 20px 0 20px;}
.dashboard-holder .left-sidebar{width: 21%; min-width: 205px; }
.dashboard-holder .left-sidebar .sidebar-content{padding: 15px; background: #FFF; margin-bottom: 20px; border-radius: 5px;}
.dashboard-holder .left-sidebar .sidebar-content .title-holder{margin-bottom: 5px; text-align: left; }
.dashboard-holder .left-sidebar .sidebar-content .title-holder h3{color: #36444f; font-size: 15px; line-height: 16px; font-family: 'Lato', sans-serif; text-align: left; margin: 0;}
.dashboard-holder .left-sidebar .sidebar-content .title-holder h3 span{color: #ffa928; display: inline-block; font-size: 15px; line-height: 16px; font-family: 'Lato', sans-serif;}
.dashboard-holder .left-sidebar .sidebar-content.credits{ text-align: center;}
.dashboard-holder .left-sidebar .sidebar-content.credits h4{color: #216aa9; font-size: 24px; line-height: 26px;font-weight: 400;}
.dashboard-holder .left-sidebar .sidebar-content .btn{width: 100%; margin: 10px 0; font-size: 14px;text-align: center;padding: 8px 10px;}
.dashboard-holder .left-sidebar .sidebar-content.switch-btn .btn span{color: #3592f1;}
.dashboard-holder .left-sidebar .sidebar-content.switch-btn .btn:hover{background: #3592f1; color: #FFF; border: 1px solid #3592f1;}
.dashboard-holder .left-sidebar .sidebar-content.switch-btn .btn:hover span{color: #FFF;}
.dashboard-holder .left-sidebar .sidebar-content.post-ads p{font-size: 12px; color: #363636;}
.dashboard-holder .left-sidebar .sidebar-content.post-ads h3 svg{color: #576671; font-size: 18px;}
.dashboard-holder .left-sidebar .sidebar-content.post-ads .slider-holder{position: relative;}
.dashboard-holder .left-sidebar .sidebar-content.post-ads .slider-holder .flex-control-nav{bottom:-5px;}
.dashboard-holder .left-sidebar .sidebar-content.post-ads .slider-holder .flex-control-nav a{color: #383838;}
.dashboard-holder .left-sidebar .sidebar-content.post-ads .prof-info-ad{padding: 5px 10px;}
.dashboard-holder .left-sidebar .sidebar-content.post-ads .prof-info-ad a.pro{color: #3a94d8;font-size: 15px; display: block;}
.dashboard-holder .left-sidebar .sidebar-content.post-ads .prof-info-ad p{color: #36444f; font-size: 14px;}
.dashboard-holder .left-sidebar .sidebar-content.post-ads .prof-info-ad .img-holder{width: 100%; max-width: 100%; margin: 5px 0 5px;}
.dashboard-holder .left-sidebar .sidebar-content.post-ads .prof-info-ad .img-holder img{width: 100%; max-width: 100%;}
.dashboard-holder .left-sidebar .sidebar-content.post-ads .prof-info-ad .btn-holder{margin: 0 0 10px;}

.dashboard-holder .left-sidebar .sidebar-content.how-sec ul li{color: #647988; font-size: 13px; }
.dashboard-holder .right-content{width: 79%; padding-left: 20px; min-height: 20px;}
.dashboard-holder .right-content .db-content .db-quicklinks a{}
.dashboard-holder .right-content .db-content .db-quicklinks .half-width.f-left{padding-right: 10px;}
.dashboard-holder .right-content .db-content .db-quicklinks .half-width.f-right{padding-left: 10px;}
.dashboard-holder .right-content .db-content .db-quicklinks .booked-events{background: url('../images/booked-bg.png')no-repeat; }
.dashboard-holder .right-content .db-content .db-quicklinks .update-cal{background: url('../images/update-cal.png')no-repeat; }
.dashboard-holder .right-content .db-content .db-quicklinks .new-reserve{background: url('../images/new-reservation.png')no-repeat; }
.dashboard-holder .right-content .db-content .db-quicklinks .need-help{background: url('../images/need-help.png')no-repeat; }
.dashboard-holder .right-content .db-content .db-quicklinks .reserve-quick{background: url('../images/reserve-quick.png')no-repeat; }
.dashboard-holder .right-content .db-content .db-quicklinks .quick-sec{ background-size:cover; border-radius: 5px; text-align: center; }
.dashboard-holder .right-content .db-content .db-quicklinks .quick-sec a{display: block; width: 100%;min-height: 78px;padding: 17px 10px 10px;}
.dashboard-holder .right-content .db-content .db-quicklinks .quick-sec.new-reserve a{padding: 25px 10px 10px;}
.dashboard-holder .right-content .db-content .db-quicklinks .quick-sec a img{display: inline-block; vertical-align: middle;margin-right: 5px;}
.dashboard-holder .right-content .db-content .db-quicklinks .quick-sec a span{display: inline-block; vertical-align: middle;font-size: 16px; line-height: 16px; text-align: left; font-weight: 600; color: #FFF;}
.dashboard-holder .right-content .db-content .db-quicklinks .half-width .full-width{padding-top: 20px;}
.dashboard-holder .right-content .db-content .db-quicklinks .new-reserve a{color: #FFF; font-size: 20px; font-weight: 600;}
.dashboard-holder .right-content .db-content .db-quicklinks .new-reserve a span{font-size: 30px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 5px;}
.dashboard-holder .right-content .db-content .db-quicklinks .need-help{padding:47px 20px 40px;}
.dashboard-holder .right-content .db-content .db-quicklinks .need-help h3{font-size: 20px; color: #FFF;}
.dashboard-holder .right-content .db-content .db-quicklinks .need-help .btn-holder{margin: 10px 0;}
.dashboard-holder .right-content .db-content .db-quicklinks .need-help a{margin:3px 1px; display: inline-block; max-width: 165px;padding: 8px 10px; min-height: initial; font-size: 14px; font-weight: 400;}
.dashboard-holder .right-content .db-content .db-quicklinks .reserve-quick a{margin: 3px; display: inline-block; max-width: 235px;padding: 8px 10px; min-height: initial; font-size: 14px; font-weight: 400;}
.dashboard-holder .right-content .db-content .db-quicklinks .reserve-quick a svg{margin-right: 5px; }
.dashboard-holder .right-content .dashboard-table{background: #FFF; border-radius: 5px; margin: 30px 0; display: block;}
.dashboard-holder .right-content .dashboard-table h1{font-weight: 400; font-size: 16px;}
.dashboard-holder .right-content .title-holder{border-bottom: 1px solid #e7eaec; padding: 10px 20px; margin: 0;}
.dashboard-holder .right-content .title-holder h3{text-align: left; color: #36444f; text-align: left; font-size: 20px; font-family: 'Lato', sans-serif; margin: 0;}
.dashboard-holder .right-content .title-holder h3{text-align: left; color: #36444f; text-align: left; font-size: 20px; font-family: 'Lato', sans-serif; margin: 0;}
.dashboard-holder .right-content .title-holder .f-right.btn{margin-top: 10px; max-width: 120px; width: 100%;}
.dashboard-holder .right-content .title-holder .f-right.btn svg{margin-right: 5px;}
.dashboard-holder .right-content .dashboard-table .table-holder{margin: 0;}
.dashboard-holder .right-content .dashboard-table .table-holder tr th{background: #e7eaec; padding: 10px;}
.dashboard-holder .right-content .dashboard-table .table-holder tr td:first-child{text-align: left; }
.dashboard-holder .right-content .dashboard-table .table-holder tr td:first-child a{color:#2c5c8b; }
.dashboard-holder .right-content .dashboard-table .table-holder tr td{padding: 10px 15px;}
.upcoming-table tr td .btn-holder{text-align: right;}
.upcoming-table tr td .btn-holder .btn{margin: 5px; text-align: center;}
.upcoming-table tr td .btn-holder .btn-yellow-b{max-width: 142px; display: inline-block; padding:5px;}
.upcoming-table tr td .btn-holder p{min-width: 142px; text-align: center; margin: 5px;}

/** Pro My Events**/
.pro-events .db-content .dashboard-table{margin-top: 0;}
.pro-events .tab-nav{width: 100%; background: #e5a23b; max-width: 100%; overflow: hidden;}
.pro-events .tab-nav li{display: inline-block; vertical-align: top; margin: 0 -2px;}
.pro-events .tab-nav a{background: #e5a23b; color: #FFF; font-size: 14px; font-weight: 600; padding: 20px 20px; display: block;}
.pro-events .tab-nav a:hover{background: #9c6a1f;}
.pro-events .tab-nav li.active a{background: #9c6a1f;}
.pro-events .btn-nav{margin: 20px 0; padding: 0 20px;}
.pro-events .btn-nav .btn{margin-left: 10px; max-width: 120px; width:100%; font-size: 14px;}
.pro-events .btn-nav .btn span{font-size: 12px;}
.pro-events .btn-nav .btn-blue-b.active{background: #2d5e8f; color: #FFF;}
.pro-events.reserve-tbl .table-holder tr td{padding: 10px !important;}
.pro-events.reserve-tbl .table-holder tr td:first-child{width: 30%; padding-left: 7px !important; font-size: 14px;}
.pro-events.reserve-tbl .table-holder tr td:first-child a{font-size: 14px !important;}
.pro-events.reserve-tbl .table-holder tr td:last-child{width: 20%; padding: 10px 5px 10px 3px !important;}
.pro-events.reserve-tbl .table-holder tr td .btn-holder a.btn-green{width: 70px; display: inline-block; margin: 3px; font-weight: 400;}
.pro-events.reserve-tbl .table-holder tr td .btn-holder a.btn-grey{width: 70px; display: inline-block; margin: 3px; font-weight: 400;}
.pro-events.reserve-tbl .table-holder tr td .btn-holder a.btn-green{margin-left: 0; }
.pro-events.reserve-tbl .table-holder tr td .btn-holder a.btn-grey{margin-right: 0;}
.pro-events.reserve-tbl .table-holder tr td .btn-holder a.btn-blue{width: 100%; margin: 3px auto;}
.pro-events.pro-upcoming .table-holder tr td .pro-details{max-width: 185px;}
.pro-events.pro-upcoming .table-holder tr td .btn-holder *{width: 100%; max-width: 142px; display: block; margin: 5px auto;}


/** Client My Events**/
.client-dashboard .pro-events .tab-nav{background: #3994f1; }
.client-dashboard .pro-events .tab-nav li.active a{background: #163a56; }
.client-dashboard .pro-events .tab-nav a{background: #3994f1; }
.client-dashboard .pro-events .tab-nav a:hover{background: #163a56; }
.client-dashboard .pro-events .upcoming-table tr td .btn-holder .btn-yellow-b{max-width: 136px; width: 100%; margin: 3px auto;}
.client-dashboard .pro-events .upcoming-table tr td .btn-holder .btn-blue{max-width: 136px !important;}

/** Pagination **/
.pagination{margin: 20px 0 0; padding: 20px 20px;}
.pagination .results{font-size: 13px;}
.pagination .page-nav .col{padding: 8px 12px; height:30px; border-radius: 3px; margin: 0 3px;}
.pagination .page-nav .prev-btn{background: #3592f1; color: #FFF;}
.pagination .page-nav .prev-btn.disabled{background: #e1e1e1; color: #FFF; cursor: auto;}
.pagination .page-nav .next-btn{background: #3592f1; color: #FFF;}
.pagination .page-nav .next-btn svg{margin-left: 10px; margin-top: 2px;}
.pagination .page-nav .page.active{color: #FFF; background: #ffa928;}
.pagination .page-nav .page{color: #000;}
.pagination .page-nav .page:hover{color: #FFF; background: #ffa928;}

/** Pro Profile**/
.dashboard-pro-client .db-content{background: transparent !important; box-shadow:none;}
.pro-myprofile .db-content{background: #FFF;}
.pro-myprofile .db-content .profile-tabs{border-bottom: 1px solid #e7eaec; text-align: center;}
.pro-myprofile .db-content .profile-tabs ul li{display: inline-block; vertical-align: middle; margin: 0 -2px;}
.pro-myprofile .db-content .profile-tabs ul li a{display: block; padding: 15px 30px; font-size: 16px; color: #36444f; border-bottom: 1px solid transparent;}
.pro-myprofile .db-content .profile-tabs ul li:hover a{border-bottom: 1px solid #ffa928;}
.pro-myprofile .db-content .profile-tabs ul li.active a{border-bottom: 1px solid #ffa928;}
.pro-myprofile .db-content .profile-tabs .photo-vid-header{width:100%}
.pro-myprofile .db-content .gal-img-listing .container1{padding: 10px !important;}
.pro-myprofile .db-content .gal-img-listing .btn{width: 100%; text-align: center; margin: 5px 0;}
.pro-myprofile .db-content .gal-img-listing .video-holder{max-width: 200px; width: 100%;}
.pro-myprofile .db-content .gal-img-listing .video-holder iframe{width: 100% !important;}
.pro-myprofile .db-content .upload-img{padding: 0 10px;}
.pro-myprofile .db-content .upload-img #cropContainerMinimal{margin: 0 auto; border:1px solid #dddddd; width: 141px; height: 141px; position: relative;}
.pro-myprofile .db-content .upload-img .btn{width: 100%; margin: 10px 0;}
.pro-myprofile .db-content .upload-img #myDropzone{width: 100% !important; height: 180px !important;}
.pro-myprofile .form-holder .btn-holder{font-weight: 400; margin: 50px 0 20px; }
.pro-myprofile .form-holder .btn-holder .btn{max-width: 240px; width: 100%; border: none; letter-spacing: 1px;}
.pro-myprofile .general-info .form-holder ul li{margin: 15px 0;}
.pro-myprofile .general-info .form-holder .select2-container--default .select2-selection--multiple{border:1px solid #e5e5e5!important;}
.pro-myprofile .general-info .form-holder .select2-container--default .select2-selection--multiple ul li{margin: 0;}
.pro-myprofile .service-list{margin: 20px 0;}
.pro-myprofile .service-list h3{color: #3a94d8; font-size: 18px; margin-bottom: 10px;}
.pro-myprofile .service-list .service-holder{padding: 15px; border-radius: 3px; margin: 20px 0;}
.pro-myprofile .service-list .service-holder h4{color: #323a3f; font-size: 16px;}
.pro-myprofile .service-list .service-holder .title-holder{border:none; padding: 0; margin-bottom: 5px;}
.pro-myprofile .service-list .service-holder p{font-size: 14px; color: #647988;}
.pro-myprofile .service-list .service-holder .btn-holder{margin:-10px 0 5px;}
.pro-myprofile .service-list .service-holder .btn-holder .btn{max-width: 90px; font-size: 14px; font-weight: 400; margin: 3px 3px;}
.pro-myprofile .service-list .service-holder .btn-holder .btn-advertise{max-width: 180px; letter-spacing: 0;}
.pro-myprofile .edit-calendar .btn-holder{margin: 20px 0 40px;}
.pro-myprofile .edit-calendar .calendar-holder{width: 100%;}


/**Events Details**/
.pro-events .section-small{padding: 20px;}
.pro-events .event-details .client-details{padding-bottom: 20px;}
.pro-events .event-details .timeline p{font-size: 16px; font-weight: 600; color: #686868;}
.pro-events .event-details .days *{display: inline-block; vertical-align: middle;}
.pro-events .event-details .days p span{display: inline-block; vertical-align: top;}
.pro-events .event-details .days h6{ padding: 3px 6px; font-size: 20px; color: #FFF; margin-left: 3px; border-radius: 3px;}
.pro-events .event-details .days h6.green-bg{background: #539d3c; }
.pro-events .event-details .days h6.warning-bg{background: #ea9f22; }
.pro-events .event-details .days h6.red-bg{background: #da2c2c; }
.pro-events .event-details .days h6 svg{margin-right: 3px; margin-top: -4px;}
.pro-events .event-details .date-accepted{padding-top: 10px;}
.pro-events .event-details .date-accepted p{font: 14px; font-weight: 400;}
.pro-events .event-details .client-details{margin: 20px 0 0; font-size: 14px; color: #757575; border-bottom: 1px solid #e1e1e1;}
.pro-events .event-details .client-details .profile-img{width: 100px; height:100px;}
.pro-events .event-details .client-details .profile-img h3{font-size: 40px;}
.pro-events .event-details .client-details .rating-booking{padding-top: 10px;}
.pro-events .event-details .client-details .email{padding-top: 23px; margin-left: 20px;}
.pro-events .event-details .client-details .btn-holder .btn svg{margin-right: 5px;}
.pro-events .event-details .client-details .btn-holder .btn{margin: 8px 0;}
.pro-events .event-details .client-details .client-bottom{padding-left: 112px; }
.pro-events .event-details .client-details .client-bottom p{margin: 0; margin-right: 30px;}
.pro-events .event-details .client-details .client-bottom .btn-holder{margin: 10px 0 0;}
.pro-events .event-details .event-info-sec{border-bottom: 1px solid #e1e1e1; padding: 10px 0 20px;}
.pro-events .event-details .event-info-sec.event-transact{border: none;}
.pro-events .event-details .event-info-sec .title-holder{margin: 0; border:none; padding:0;}
.pro-events .event-details .event-info-sec .title-holder h3{color: #2c5c8b; font-size: 18px;}
.pro-events .event-details .event-info-sec ul li{margin: 10px 0;}
.pro-events .event-details .event-info-sec ul li.f-left{padding-right: 10px;}
.pro-events .event-details .event-info-sec ul li.f-right{padding-left: 10px;}
.pro-events .event-details .event-info-sec ul li p{display: inline-block; vertical-align: top; font-size: 14px; color: #000;}
.pro-events .event-details .event-info-sec ul li p:first-child{min-width: 130px;}
.pro-events .event-details .event-info-sec ul li p:nth-child(2){color: #2d5d8f;}
.pro-events .event-details .event-info-sec ul.event-total li p:nth-child(2){color: #000; font-weight: 600; margin-left: 20px;}
.pro-events .event-details .event-info-sec .more-info{margin: 10px 0; font-size: 14px;}
.pro-events .event-details .event-info-sec .more-info h4{margin: 0 0 5px; font-size: 16px;}
.pro-events .event-details .event-info-sec .table-holder tr td:first-child{text-align: center; }
.pro-events .event-details .event-info-sec .table-holder tr td{padding: 5px;}
.pro-events .event-details .event-info-sec .table-holder tr td .btn-holder .btn{font-size: 12px;}
.pro-events .event-details .event-info-sec .table-holder tr th{}
.pro-events .event-details .event-info-sec .table-holder .btn-holder .btn{margin: 3px; font-weight: 400; display: inline-block; width: 80px;}
.pro-events .event-details .btn-holder.final-btn{margin: 20px 0;}
.pro-events .event-details .btn-holder .btn{max-width: 250px; width: 100%; margin: 8px auto; display: block; font-weight: 400; font-size: 16px;}

/** Account Info**/
.acct-info .acct-sec{margin: 0 0 50px;}
.acct-info .btn-holder{margin: 20px 0;}
.acct-info .btn-holder p{font-size: 14px; color: #707070; margin: 10px 0;}
.acct-info .btn-holder .btn{letter-spacing: 1px;}
.acct-info .text-header{color: #FFF; border-radius: 3px; padding: 10px; background: #3e88b8;}
.acct-info .text-header h3{color: #FFF; margin: 0; font-size: 16px; font-weight: 400;}
.acct-info .form-holder{margin: 20px 0;}
.acct-info .form-holder p{font-size: 14px; color: #707070; margin: 10px 0;}

/** Transaction History**/
.transact-filter{font-size: 12px; color: #585858; padding: 15px;}
.transact-filter .col{vertical-align: middle; margin: 5px; text-align: left;}
.transact-filter label{display: inline-block;}
.transact-filter select{min-width: 185px;}
.transact-filter .btn{font-weight: 400; padding: 8px 15px;}

/** Notification **/
.noti-page{}
.noti-list .noti-holder{padding: 10px; margin: 10px 0; border-bottom: 1px solid #e7eaec;}

.noti-list .noti-holder .upper-details *{display: inline-block; margin: 0 2px; font-size: 14px;}
.noti-list .noti-holder .time{margin: 1px 0;  font-size: 14px; color: #b8b8b8;}
.noti-list .noti-holder .time svg{margin-right: 3px;}
.noti-list .noti-holder .content{width: 80%;}
.noti-list .noti-holder .btn-holder{width:20%; padding: 0 10px;}
.noti-list .noti-holder .btn-holder .btn{width:100%; text-align: center;}
.noti-list .noti-holder .btn-holder .btn svg{margin-right: 3px;}


/** Bookmark Page **/
.bookmark-page .result-section .pro-result{padding: 30px 0;}
.bookmark-page .result-section .pro-result .img-holder{width: 100px; height: 100px;}
.bookmark-page .result-section .pro-result .pro-details{ margin-left: 0; max-width: 420px; line-height: 20px;}
.bookmark-page .result-section .pro-result .pro-details .btn-holder .btn{max-width: 175px; font-size: 14px;}
.bookmark-page .result-section .pro-result .pro-details .btn-holder{margin-top: 10px;}


/** Popup Holder**/
.popup-holder .title-holder h3{font-size: 20px; text-align: center; font-family: 'Lato', sans-serif;}
.popup-holder{padding: 30px; background: #FFF; position:relative; max-width: 550px; width: 100%; margin: 0 auto;}
.popup-holder .btn-holder{margin: 20px 0;}
.popup-holder .btn-holder .btn{border:none;}
.log-in-pop {position: relative;  background-color: #fff; width:509px;display: block;margin:auto; padding:30px 30px 40px; border-radius:5px;}
.log-in-pop p.or{background: #FFF !important;}
.pop-width-375 {width:100%;max-width:375px; display: block; margin: auto;}
.log-in-pop .form-holder .btn-pop-marg {margin: 20px auto;}
.log-in-pop .form-holder .input-holder{margin-bottom:10px;}
.log-in-pop .forgot a {font-size:14px;display: block;margin: auto; text-align: center;}



/** Rating **/
.rate-page .event-details .event-info-sec{border-bottom: none;}
.rate-page .event-details .event-info-sec{padding: 0;}
.rate-page .event-info-sec .client-details{border-bottom: none;}
.rate-page .event-info-sec .dropzone{min-height: 50px;}
.rate-page .event-info-sec .checkbox{max-width: 70px; margin: 5px;}

/** Dropzone **/
.dropzone{border-radius: 3px; border:none; background: #3a94d8; }
.dropzone .dz-message{font-size: 16px; color: #FFF;}

@media only screen and (max-width: 1120px){
  .banner-holder{background-size: cover !important; background-position: center !important;}
  .how-it-works .half-width{display: none;}
  .how-it-works .content-holder{position: relative; z-index: 0; top:auto; left: auto; transform: none; padding: 40px; background: linear-gradient(90deg, #3592f1 50%, #5a519c 50%);}
  .how-it-works .content-holder .column{display: block; margin: 10px auto; }
  .how-it-works .content-holder .title-holder{margin: 30px 0 0;}
  .how-it-works .content-holder .col1 ul li h3{text-align: left; float: left; margin-bottom: 5px;}
  .how-it-works .content-holder .col1 ul li p{text-align: left;}
  .latest-blog .col-holder2{width: 100%; margin-bottom: 20px;}
  .latest-blog .col-holder2 .blog-holder{width: 50% !important; float: right;}
  .latest-blog .col-holder2 .title-blog{width: 50% !important; float: left;}
  .latest-blog .col-holder1{width: 100%;}


}
@media only screen and (max-width: 1130px){
  .dashboard-holder .left-sidebar{width: 100%; text-align: center; float: right;}
  .dashboard-holder .left-sidebar .sidebar-content{text-align: left;display: inline-block; vertical-align: top; max-width: 45%; width: 100%; margin: 10px;}
  .dashboard-holder .right-content{width: 100%; padding-left: 0; margin-top: 10px;}
  .dashboard-holder .left-sidebar .sidebar-content.post-ads .slider-holder{max-width: 215px; position: relative; margin: 0 auto;}
  .pro-menu ul li{margin: 5px 9px;}
}
@media only screen and (max-width: 1055px){
  .result-section .pro-result .img-holder{display: block; margin: 10px auto;}
  .result-section .pro-result .pro-details {max-width: 59%;}
}
@media only screen and (max-width: 1024px){
  .hiw-page .how-section .half-width{width:100%; float:none;}
  .hiw-page .how-section .img-holder{text-align: center;}
  .hiw-page .how-section .content-holder{max-width: 500px; margin: 20px auto;}
}
@media only screen and (max-width: 1000px){
  header .main-nav{display: none; position: fixed; top:0; left: 0; background: #FFF; width: 280px; height:100vh; z-index: 9999; padding: 30px 10px; }
  .non-registered header .responsive-menu{ margin-top: -5px;display: block; float: right; color: #FFF; font-size: 24px;}
  .inner.non-registered header .responsive-menu{color:#000;}
  .inner header .responsive-menu{color:#000;}
  .non-registered header nav.nav-link{display: block; max-width: 100%;}
  .non-registered header nav.nav-link li{display: block; margin: 5px 0;}
  .non-registered header nav.nav-link a{display: block; color: #000;}
  .non-registered header nav a{display: block; color: #000; margin: 10px !important; font-size: 24px !important;}
  .non-registered header nav.login-link a.btn{color: #FFF !important; font-size: 18px !important;}
  .non-registered header nav.login-link a{margin-left: 0;}
  .non-registered header nav.login-link{max-width: 100%;}
  .non-registered header nav.login-link a.cart-link{border:2px solid #000; font-size: 18px !important;}
  .newsletter .newsletter-holder{background-position: center !important;}
  .newsletter .newsletter-holder .content-holder h3{display: block; text-align: center;}
  .newsletter .newsletter-holder .content-holder h3 br{display: none;}
  .newsletter .newsletter-holder .content-holder{padding: 50px 40px 0;}
  footer .top-footer .quick-links{margin: 10px 0;}
}
@media only screen and (max-width: 935px){
  .search-holder .col{max-width: 49%;}
  .search-holder .col label{position: relative; top:auto;}
  .search-holder .col.btn-holder{padding-top: 28px;}
  .search-holder{padding-bottom: 10px;}
  .section{padding:60px 20px;}
  .section.newsletter{padding:0 0;}
  .about-section{text-align: center; padding: 20px 20px;}
  .about-section.cont1{padding-bottom: 0; }
  .about-section.cont1 img{margin-bottom: -10px;}
  .about-section.cont3 img{margin-bottom: -20px;}
  .about-section{min-height: initial}
  .about-section .container{float: none; min-height: initial; display: inline-block; margin-top: 10px; width: 100%;}
  .about-section .container .center-div{position: relative; transform:none; top:auto; left: auto; margin: 0;}
  .about-section .container br{display: none;}
  .about-section .container .hori-div{position: relative; transform:none; top:auto; left: auto; margin: 0;}
  .about-section .container .img-holder{position: relative; bottom:auto; left: auto; margin: 0 auto; max-width: 340px; width: 100%;}
  .dashboard-holder .right-content .db-content .db-quicklinks .half-width{width: 100%; padding:10px 0 !important;}
  .dashboard-holder .right-content .dashboard-table .table-holder{overflow-x: scroll;}
  .dashboard-holder .right-content .dashboard-table .table-holder table{width:980px;}
  .bookmark-page .result-section .pro-result .pro-details{max-width: 100%; margin: 10px 0;}
  .result-section .pro-result .pro-summary{border-right: 0; }
  .cart-page .table-holder{overflow-x: scroll;}
  .cart-page .table-holder table{width: 1024px;}
}
@media only screen and (max-width: 780px){
  .latest-blog .col-holder2{margin: 0;}
  .latest-blog .col-holder2 .title-blog{width: 100% !important;}
  .latest-blog .col-holder2 .blog-holder{display: none;}
  .about-holder .content-holder h5 br{display: none;  }
  .latest-blog .col .bottom-blog{width: 100%;}
  .newsletter .newsletter-holder .content-holder h3{margin-bottom: 5px;}
  .newsletter .newsletter-holder .content-holder input[type="email"]{width: 100%; max-width: 100%; min-height: 35px;}
  .newsletter .newsletter-holder .content-holder input[type="submit"]{max-width: 100%; width:100%; margin: 5px 0; min-height: 35px; padding: 6px;}
  .newsletter .newsletter-holder{min-height: 180px;}
  .newsletter .newsletter-holder .content-holder{    padding: 35px 40px 0;}
  footer .top-footer{padding: 20px;}
  footer .top-footer .quick-links{margin: 10px auto; display: block; max-width: 320px; min-width: initial; width: 100%;}
  footer .top-footer .contact{max-width: 320px;}
  .how-it-works .content-holder .col2{padding-top: 20px;}
  .latest-blog{padding: 20px;}
  .pro-events .event-details .event-info-sec ul li p{display: block;}
  .profile-content .rating-booking{margin-top: 100px;}
  .profile-content .rating-booking .member-since{margin-top: 10px;}
  .profile-details .pro-desc{margin-top: 20px;}
  .result-section .pro-result .pro-details .btn-holder .btn{max-width: 170px;}
}
@media only screen and (max-width: 670px){
  .result-section .pro-result .pro-summary{display: block; max-width: 100%; text-align: center;}
  .result-section .pro-result .pro-summary .rating{max-width: 135px; margin: 5px auto; float:none;}
  .result-section .pro-result .pro-summary br{display: none;}
  .result-section .pro-result .pro-details{max-width: 100%; padding: 0; margin: 0;}
  .result-section .pro-result .pro-details .btn-holder{text-align: center;}
  .profile-details .profile-info{position: relative; top:auto; left: auto; transform:none;}
  .profile-details .profile-content .half-width{width:100%; float: none;}
}
@media only screen and (max-width: 600px){
  .pro-user .logo-holder{float: none;}
  .pro-nav{float: none; margin: 5px 0; text-align: center;}
  .dashboard-holder .left-sidebar .sidebar-content{max-width: 100%; margin: 5px 0;}
  .pro-menu ul li{min-width: 85px; }
  .pro-menu{padding: 15px;}
  .form-holder li.half-width{width: 100%; padding: 0;}
  .pro-myprofile .db-content .upload-img.thirty-width{width: 100%; margin: 10px 0;}
  .pro-myprofile .db-content .seventy-width{width: 100%; }
  .pro-events .event-details .date-accepted{float: none;}

  .pro-events .event-details .client-details .rating-booking{float: none;}
  .pro-details{text-align: left;display: block; max-width: 320px; margin: 10px 0 0;}
  .pro-events .event-details .client-details .profile-img{display: block; margin: 5px auto;}
  .pro-events .event-details .client-details .client-bottom{text-align: left; padding: 0;}
  .pro-events .event-details .client-details .btn-holder .btn{margin: 8px auto;}
  .rate-page .event-info-sec .half-width{width:100%; }
}

@media only screen and (max-width: 586px){
  .contact-section{padding: 20px 20px 50px; }
  .contact-section .info-holder ul li{display: block; margin:20px 0;}
  .contact-section .info-holder p{margin:20px 0;}
}
@media only screen and (max-width: 585px){
  .profile-details .profile-info{margin: -30px auto 0;}
  .profile-content .rating-booking{margin-top: 130px;}
  .hiw-page .how-section .content-holder{padding: 0 !important; max-width: 320px;}
  .hiw-page .how-section .content-holder h3{font-size:30px; line-height: 25px;}
  .hiw-page .how-section .content-holder label{font-size:80px; line-height: 80px;}
  .hiw-page .how-section .content-holder p{font-size: 14px;}
}
@media only screen and (max-width: 535px){
  .bookmark-page .result-section .pro-result .pro-details .btn-holder .btn{max-width: 100%; margin: 5px 0;}
  .pro-events .section-small{padding: 15px;}
  .pro-events .btn-nav .btn{max-width: 100%; margin: 5px 0;}
}
@media only screen and (max-width: 480px){
  .search-holder .col{max-width: 100%;}
  .search-holder{width: 90%; padding: 10px;margin: 45px auto 20px;}
  .title-holder h3{font-size: 35px; line-height: 40px;}
  .title-holder h3 span{font-size: 30px; line-height: 30px;}
  .banner-holder .content-holder h3 span{font-size: 40px; line-height: 40px;}
  .banner-holder .content-holder h3{font-size: 40px; line-height: 40px; letter-spacing: -2px;}
  .newsletter .newsletter-holder .content-holder h3{margin-right: 0; font-size: 20px;}
  .newsletter .newsletter-holder .content-holder{    padding: 35px 20px 0;}
  footer .top-footer .quick-links .link-holder.customer ul li{width: 100%;}
  .latest-blog .col-holder2 .title-blog h3{font-size: 40px; line-height: 40px;}
  .latest-blog .col .blog-holder .text-holder h3{font-size: 14px;}
  .about-holder .content-holder h5{font-size: 16px;}
  .about-holder .content-holder p{font-size: 13px;}
  .about-holder .content-holder p br{display: none;}
  .pro-signup .pro-container .pro-holder{    margin: 0 auto 10px;}
  .pro-signup .pro-container .pro-holder{max-width: 130px;}
  .pro-signup .pro-container .pro-holder .content-holder h3{font-size: 16px;}
  .about-section .container .content-holder h3 span{font-size: 30px;line-height: 37px;}
  .about-section .container .content-holder h3{font-size: 35px; line-height: 32px;}
  .dashboard-holder .right-content .db-content .db-quicklinks .need-help{padding: 47px 12px 40px;}
  .bookmark-page .result-section .pro-result .img-holder{margin: 5px auto; display: block;}
  .bookmark-page .result-section .pro-result .pro-summary{margin: 5px auto; display: block;}
  .dashboard-holder .right-content .title-holder .f-right.btn{float: none; max-width: 100%;}
  .pro-events .event-details .event-info-sec ul li{width: 100%; padding: 0 !important;}
  .pro-events .tab-nav li{width: 100%; margin: 0;}
  .event-details{padding: 15px;}
  .page-nav{width: 100;}
  .pagination .page-nav{width: 100%; margin: 5px 0; text-align: center;}
  .pagination .page-nav .col{padding: 8px 9px;}
  .profile-content .rating-booking .f-left{float: none;}
  .profile-content .rating-booking .f-right{float: none; text-align: left;}
  .profile-details .rating{width: 100%;}
  .profile-details .rating p{margin: 0;}
  .about-section .container .content-holder{padding: 15px;}
  .profile-details .rating{font-size: 12px;}
  .profile-details .member-since p{font-size: 12px; }
  .profile-details .member-since{margin-top: 40px;}
}

@media only screen and (max-width: 375px){
  .result-section .pro-result .pro-details .btn-holder .btn{max-width: 125px;}
}

#calendar_master .fc-day.fc-widget-content.fc-future .markers,#calendar_master .fc-day.fc-widget-content.fc-today .markers{
  position: relative;
  background-color: #ffa928 !important;
  padding: 3px 5px 3px 5px;
  margin: 3px;
  color: #fff;
  border-radius: 5px;
  margin-top: 20%;
}
#calendar_master .fc-day.fc-widget-content.fc-future .markers:hover,#calendar_master .fc-day.fc-widget-content.fc-today .markers:hover{
  cursor: pointer;
}
#calendar_master .fc-day.fc-widget-content.fc-future .markers .delete_button,#calendar_master .fc-day.fc-widget-content.fc-today .markers .delete_button{
  width: 0;
  display: none;
  background-color: grey;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  border-radius: 5px;
  margin-bottom: -27px;
}
#calendar_master .fc-day.fc-widget-content.fc-future .markers:hover .delete_button,#calendar_master .fc-day.fc-widget-content.fc-today .markers:hover .delete_button{
  display: block;
  width: auto;
}

#calendar_master .fc-day.fc-widget-content.fc-future .markers .delete_button:after,#calendar_master .fc-day.fc-widget-content.fc-today .markers .delete_button:after{
  content: ' ';
  border: 5px solid grey;
  position: absolute;
  top: -10px;
  right: 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}

#calendar_master .fc-day.fc-widget-content.fc-future .markers .delete_button:before,#calendar_master .fc-day.fc-widget-content.fc-today .markers .delete_button:before{
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  top: -7px;
  bottom: 0;
  z-index: -1;
}




#cover-spin {
	position:fixed;
	width:100%;
	left:0;right:0;top:0;bottom:0;
	background-color: rgba(255,255,255,0.7);
	z-index:9999;

}

@-webkit-keyframes spin {
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}

#cover-spin::after {
	content:'';
	display:block;
	position:absolute;
	left:48%;top:40%;
	width:40px;height:40px;
	border-style:solid;
	border-color:black;
	border-top-color:transparent;
	border-width: 4px;
	border-radius:50%;
	-webkit-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
}
