@import "animate.css";
@import url(https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css);
@import url(https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic);
@font-face {font-family: "MyriadProLight"; font-style: normal; font-weight: normal; src: url('font/MyriadPro-Light.eot') format("embedded-opentype"), url('font/MyriadPro-Light.woff') format("woff"), url('font/MyriadPro-Light.ttf') format("truetype"), url('font/MyriadPro-Light.svg') format("svg"); }
/*========================================================
                    Main layout styles
=========================================================*/
* {outline:none;}
body {
    font: 400 16px/24px "MyriadProLight", sans-serif;
    color: #666666;
}
p {
    margin-bottom: 24px;
    text-align: justify;
}
a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}
a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #f47321;
}
a:hover, a:active, a:focus {
    outline: 0;
}
button {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
button:hover {
    color: #ff5a27!important;
	cursor: pointer;
}
a:hover {
    color: #ff5a27;
    text-decoration: underline;
}
img {
    max-width: 100%;
}
* {
    -webkit-text-size-adjust: none;
}
/* ======= Headers ======= */
h2 {
    font: 600 32px/36px "Lato", sans-serif;
    color: #444444;
    margin-bottom: 20px;
}
h3 {
    font: 600 24px/30px "Lato", sans-serif;
    color: #444444;
    margin-bottom: 20px;
}
h4 {
    text-transform: uppercase;
    font: 600 16px/21px "Lato", sans-serif;
    color: #333333;
}
h5 {
    text-transform: uppercase;
    font: 900 27px/32px "Lato", sans-serif;
}
h6 {
    font: 400 72px/72px "MyriadProLight", sans-serif;
}
.blog-header1 {
    font: 400 18px/24px "Lato", sans-serif;
    display: block;
    color: #f47321;
}
.footer-header1 {
    font: 400 29px/31px "Lato", sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
}
/* ======= Buttons ======= */
.btn-default, button.btn-default {
    font: 700 12px/18px "Lato", sans-serif;
    color: #333333;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 15px 6px 15px;
    border-radius: 30px;
    border: 1px solid #c1c1c1;
    background: url(../img/background2.png) repeat-x center 0 #dddcdc;
}
.btn-big, button.btn-big {
    font: 400 14px/24px "Lato",sans-serif;
    color: #333333;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 20px 7px 22px;
    border-radius: 30px;
    border: 1px solid #c1c1c1;
    background: url(../img/background2.png) repeat-x center 0 #dddcdc;
}
.btn-banner, button.btn-banner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    color: #f47321;
    background: #ffffff;
    font: 700 22px/26px "Lato", sans-serif;
    border-radius: 30px;
    padding: 15px 42px 16px;
}
.btn-banner:hover, button.btn-banner:hover {
    background: #cccccc;
    color: #ffffff;
}
.btn-default:hover, .btn-big:hover, .btn-banner:hover {
    text-decoration: none;
}
.btn-big.danger {
    background: url(../img/background-danger.png) repeat-x center 0 #dddcdc;
    color: white;
}
.btn-big.danger:hover {
    color: #f1f1f1!important;
}
/* ======= Modifiers ======= */
.__white-background {
    background: #ffffff;
}
.__display-none {
    display: none;
}
@media (max-width: 767px) {
    .__display-none {
        display: inline;
    }
}
.__display-inline {
    display: inline;
}
@media (max-width: 767px) {
    .__display-inline {
        display: none;
    }
}
.__orange {
    color: #ff5a27;
}
.__upper {
    text-transform: uppercase;
}
.__normal {
    font-weight: 400;
}
.__relative {
    position: relative;
}
.__margin1 {
    margin-bottom: 30px;
}
.__margin2 {
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .__margin2 {
        margin-bottom: 40px;
    }
}
.__margin3 {
    margin-top: 24px;
}
/* ======= Wrappers ======= */
.wrapper1 {
    padding: 40px 0 60px;
    background-color: white;
}
.container .wrapper1 {border: none;}
@media (max-width: 767px) {
    .wrapper1 {
        padding: 43px 0 60px;
    }
}
.wrapper2 {
    padding: 45px 0 60px;
    background-color: #efeeee;
    border-top: 1px solid #DFDEDE;
    border-bottom: 1px solid #d1d1d1;
}
@media (max-width: 767px) {
    .wrapper2 {
        padding: 43px 0 35px;
    }
}
.wrapper3 {
    padding: 45px 0 60px;
    background: #e3e3e3;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}
@media (max-width: 767px) {
    .wrapper3 {
        padding: 43px 0 35px;
    }
}
.wrapper4 {
    background: #e94e1b;
    border-top: 1px solid #ac401c;
}
.wrapper5 {
    padding: 45px 0 50px;
    background: #444444;
}
@media (max-width: 767px) {
    .wrapper5 {
        padding: 43px 0 25px;
    }
}
.wrapper6 {
    border-top: 1px solid #666666;
}
@media (max-width: 767px) {
    .wrapper6 {
    }
}
.wrapper7 {
    padding: 40px 0 30px;
    background: #383838;
}
.wrapper8 {
    padding: 40px 0 0;
    background: #ffffff;
}
@media (max-width: 767px) {
    .wrapper8 {
        padding: 20px 0 0;
    }
}
.wrapper9 {
    padding: 0 0 40px 0;
}
@media (max-width: 767px) {
    .wrapper9 {
        padding: 0 0 46px 0;
    }
}
.wrapper10 {
    padding: 84px 0 73px;
}
@media (max-width: 767px) {
    .wrapper10 {
        padding: 42px 0 36px;
    }
}
.wrapper11 {
    padding: 0 0 86px 0;
    border-bottom: 1px solid #c1c1c1;
}
@media (max-width: 767px) {
    .wrapper11 {
        padding: 0 0 43px 0;
    }
}
.wrapper12 {
    padding: 0 0 63px 0;
    border-bottom: 1px solid #c1c1c1;
}
@media (max-width: 767px) {
    .wrapper12 {
        padding: 0 0 23px 0;
    }
}
.wrapper13 {
    padding: 0 0 50px 0;
}
@media (max-width: 767px) {
    .wrapper13 {
        padding: 0 0 43px 0;
    }
}
.wrapper14 {
    padding: 86px 0 92px;
    border-bottom: 1px solid #c1c1c1;
}
@media (max-width: 767px) {
    .wrapper14 {
        padding: 43px 0;
    }
}
.wrapper15 {
    padding: 86px 0 92px;
}
@media (max-width: 767px) {
    .wrapper15 {
        padding: 43px 0;
    }
}
/*========================================================
                    HEADER styles
=========================================================*/
#header {
    background: #ffffff;
    /* ======= Logo ======= */
    /* ======= Socials ======= */
}
#header .logo-info {
    border-top: 4px solid #f47321;
    background: #100F0F url(../img/banner.png) repeat-x;
}
#header #stuck_container {
    background-color: #222222;
    border-top: 1px solid #353535;
    border-bottom: 1px solid #353535;
}
#header h1 { float: left; margin: 12px 0px 22px -8px; }
#header .header_info-block { clear: right; float: right; margin-top: 15px; font: normal 14px/14px "MyriadProLight", sans-serif; color: #c1c1c1; }
#header .header_info-block * { vertical-align: middle; }
#header .header_info-block-bottom { clear: right; float: right; font: normal 14px/14px "MyriadProLight", sans-serif; color: #c1c1c1; }
#header #login-inline {margin-top: 0; float: right;}
#header #login-inline input {display: block; float: left; width: 160px; margin-right: 15px; margin-bottom: 4px; padding: 4px 13px; color: #bbbbbb}
#header #login-inline button {float: left; background: #ff7028; color: #ffffff; border-color: #f47321; margin-right: 0;}
#header #login-inline button:hover {color: #ffffff!important;}
#header .header_info-block .header_phone { display: inline-block; position: relative; padding-right: 15px; line-height: 22px; }
#header .header_info-block .header_phone .description { display: inline-block; margin-right: 9px; }
#header .header_info-block .header_phone .phone {
    font: normal 14px/14px "MyriadProLight", sans-serif;
    display: inline-block;
    position: relative;
    padding-left: 13px;
}
#header .header_info-block .header_phone .phone:before {
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    cursor: default;
    content: '\f095';
    left: 0px;
    top: 1px;
}
#header .header_info-block .divider1 {
    display: block;
    position: absolute;
    width: 1px;
    height: 13px;
    right: 0;
    top: 0;
}
#header .header_info-block .header_mail {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    margin-left: 15px;
}
#header .header_info-block .header_mail:before {
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    cursor: default;
    content: '\f003';
    left: -1px;
    top: 1px;
    color: #f47321;
}
#header .header_info-block .header_search {
    display: inline-block;
}
#header .socials1 .socials_list1 {
    text-align: right;
    margin-top: 15px;
}
#header .socials1 .socials_list1 li {
    display: inline-block;
}
#header .socials1 .socials_list1 li + li {
    margin-left: 3px;
}
#header .socials1 .socials_list1 li a {
    display: block;
    height: 35px;
    width: 35px;
    background: #676767;
    border-radius: 100px;
    text-align: center;
}
#header .socials1 .socials_list1 li a:hover {
    background: #f47321;
}
#header .socials1 .socials_list1 li a i {
    font-size: 20px;
    color: #ffffff;
    line-height: 36px;
}
@media (max-width: 979px) {
    #header {
        text-align: center;
    }
    #header h1 {
        float: none;
        text-align: center;
    }
    #header .header_info-block {
        float: none;
        text-align: center;
        margin: 12px 0 6px;
    }
    #header .header_info-block #search {
        text-align: left;
    }
    #header .socials1 {
        position: absolute;
        left: 50%;
        margin-left: -100px;
    }
    #header .socials1 .socials_list1 {
        text-align: center;
    }
    #header #login-inline {float: none;}
}
@media (max-width: 767px) {
    #header #stuck_container {

    }
    #header .header_info-block {
        margin-top: 10px;
    }
}
nav {
}
@media (max-width: 979px) {

}
.search1 {
  margin-top: 2px;
  margin-bottom: 0;
  margin-right: 1px;
  position: relative;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  border: 1px solid #d8d8d8;
  box-shadow: none;
  outline: none;
  height: 42px;
  width: 309px;
  background: transparent;
}
.search1::-ms-clear {
  display: none;
}
.search1 input {
  border-radius: 4px;
  font: 400 16px/24px "Lato", sans-serif;
  color: #666666;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  border: none!important;
  box-shadow: none;
  outline: none;
  height: 42px;
  width: 254px;
  background: transparent;
  padding: 0 0 5px 13px;
}
.search1 input::-ms-clear {
  display: none;
}
.search1 input::-webkit-input-placeholder {
  color: #666666;
}
.search1 input:-moz-placeholder {
  /* Firefox 18- */
  color: #666666;
}
.search1 input::-moz-placeholder {
  /* Firefox 19+ */
  color: #666666;
}
.search1 input:-ms-input-placeholder {
  color: #666666;
}
.search1 a {
  position: absolute;
  font-size: 25px;
  cursor: pointer;
  color: #ffffff;
  top: 50%;
  margin-top: -8px;
  right: 38px;
}
.search1 a > .search_icon {
  display: block;
}
.search1 a > .search_icon:hover:before {
  color: #ff5a27;
}
.search1 a > .search_icon:before {
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  content: '\f002';
  color: #707270;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.search1 a > .search_icon:hover {
  background-position: center -17px;
}
@media (max-width: 1199px) {
  .search1 {
    width: 259px;
  }
  .search1 input {
    width: 204px;
  }
}
@media (max-width: 767px) {
  .search1 {
    width: 420px;
    margin-top: 20px;
  }
  .search1 input {
    width: 370px;
  }
}
@media (max-width: 480px) {
  .search1 {
    width: 270px;
  }
  .search1 input {
    width: 220px;
  }
}
.transactions {
    text-align: right;
}

.transactions a {
    background-color: #f47321;
    color: #ffffff;
    border-radius: 25px;
    padding: 5px 20px;
    position: relative;
}
.transactions a i {
    margin-right: 8px;
}
.transactions a:hover {
    text-decoration: none;
    background-color: #FF7028;
}

/* Main menu styles
========================================================*/
.sf-menu {
    text-transform: uppercase;
}
.sf-menu > li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: relative;
    margin-right: 0;
    padding: 13px 27px 6px;
}
.sf-menu > li.button {
    background: #FF7028;
    padding: 7px 15px 0px;
    margin: 6px 0 0 10px;
    border-radius: 25px;
    text-transform: none;
}
.sf-menu > li.button:hover {background: #ff5a27;}
.sf-menu > li.button a {font-size: 14px;font-weight: bold;}
.sf-menu > li.button a:hover {
    color: #ffffff;
}

.glowing_button {
 border: 1px transparent;
 -webkit-border-radius: 40px;
 border-radius: 40px;
 color: #eeeeee;
 cursor: pointer;
 display: inline-block;
 font-family: Arial;
 font-size: 20px;
 padding: 8px 30px;
 text-align: center;
 text-decoration: none;
 margin-left: 20px;
 -webkit-animation: glowing 1300ms infinite;
 -moz-animation: glowing 1300ms infinite;
 -o-animation: glowing 1300ms infinite;
 animation: glowing 1300ms infinite;
}
@-webkit-keyframes glowing {
0% {background-color: #ff5b00;-webkit-box-shadow: 0 0 3px #ff5b00;}
50% {background-color: #ff5b00;-webkit-box-shadow: 0 0 15px #ff5b00;}
100% {background-color: #0091b2;-webkit-box-shadow: 0 0 3px #0091b2;}
}

@keyframes glowing {
0% {background-color: #ff5b00;box-shadow: 0 0 3px #ff5b00;}
50% {background-color: #ff5b00;box-shadow: 0 0 15px #ff5b00;}
100% {background-color: #0091b2;box-shadow: 0 0 3px #0091b2;}
}



@media (max-width: 1199px) {
    .sf-menu > li {
        padding: 13px 16px 6px;
    }
}
.sf-menu > li + li {
}
.sf-menu > li.first {
    padding-left: 0;
    display: relative;
}
.sf-menu > li:first-child i {
    font-size: 24px;
    display: absolute;
    top: 50%;
    margin-top: -4px;
}
.sf-menu > li.last {
    padding-right: 0;
}
.sf-menu > li > .sf-with-ul:after {
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    cursor: default;
    content: "\f0d7";
    color: #666666;
    bottom: 1px;
    left: 50%;
    margin-left: -3px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sf-menu > li > a, .sf-menu > li > span {
    font: 400 16px/16px "MyriadProLight", sans-serif;
    display: inline-block;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: white;
}
.sf-menu > li > span {
    text-transform: none;
}
.sf-menu > li > a:hover {
    color: #f47321;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    text-decoration: none;
}
.sf-menu > li > a:active {
    background: transparent;
    color: #f47321;
}
.sf-menu .sfHover > a:after {
    color: #f47321;
}
.sf-menu > li.current > a {
    color: #f47321;
}
.sf-menu > li.current > .sf-with-ul:after {
    color: #f47321;
}
.sf-menu > li.sfHover > a {
    color: #f47321;
}
.sf-menu a {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.sf-menu a:hover {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
/* First level sub-menu styles
========================================================*/
.sf-menu ul {
    width: 175px;
    font: 400 12px/12px Arial, sans-serif;
    position: absolute;
    top: 44px;
    left: 15px;
    background: #222222;
    z-index: 2;
    display: none;
    -webkit-box-shadow: -2px 2px 5px 1px rgba(0, 0, 0, 0.16);
    box-shadow: -2px 2px 5px 1px rgba(0, 0, 0, 0.16);
}
@media (max-width: 1199px) {
    .sf-menu ul {
        left: -41px;
    }
}
.sf-menu ul > li + li {

}
.sf-menu ul li {
    position: relative;
    display: block;
}
.sf-menu ul li > .sf-with-ul:after {
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    cursor: default;
    content: "\f0da";
    color: #ffffff;
    bottom: -1px;
    right: 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sf-menu ul li a {
    color: #ffffff;
    padding: 10px 25px 13px;
    display: block;
    border-bottom: 1px solid #353535;
}
.sf-menu ul li a:hover {
    color: #f47321;
    text-decoration: none;
    cursor: pointer;
}

/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul {
    font-size: 12px;
    position: absolute;
    top: -26px;
    left: 176px;
    background: #ffffff;
    padding: 17px 0 24px 0;
    z-index: 4;
    text-align: center;
}
.sf-menu ul ul li {
    line-height: 27px;
    margin-top: 1px;
}
.sf-menu ul ul li a {
    color: #424242;
    text-transform: none;
    display: block;
}
.sf-menu ul ul li:hover {
    background: #f47321;
}
.sf-menu ul ul li:hover a {
    color: #ffffff;
}
.sf-menu ul ul li + li {
    margin-top: 8px;
}
@media only screen and (max-width: 767px) {
    .sf-menu {
        display: none;
    }
    nav {
        width: 100%;
        float: none;
    }
    .select-menu {
        border-radius: none;
        display: block;
        text-transform: capitalize;
        float: none;
        color: #f47321;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        background: #ffffff;
        font: 18px/28px "MyriadProLight", sans-serif;
        text-align: left;
        border: 1px solid #c1c1c1;
        padding: 2px 0;
        position: relative;
    }
    .select-menu option {
        text-align: left;
        position: relative;
    }
}
/*Core variables and mixins*/
/* Stuck menu styles
========================================================*/
.isStuck {
    z-index: 999;
    position: fixed;
    -webkit-box-shadow: 0 0 4px 0 #000000;
    box-shadow: 0 0 4px 0 #000000;
}
@media only screen and (max-width: 979px) {
    .isStuck {
        display: none !important;
    }
}
/*========================================================
                    CONTENT styles
=========================================================*/
#content {
    background: #ffffff;
    min-height: 500px;
}
@media (max-width: 767px) {
    #content {
    }
}
/* ======= Post 1 We are experienced management professionals ======= */
.post1 {
    margin-top: 25px;
    margin-bottom: 20px;
}
.post1 time {
    font: 400 14px/21px "Lato", sans-serif;
}
.post1 img {
    margin-bottom: 26px;
    border: 1px solid #c1c1c1;
}
.post1 h3 {
    margin-bottom: 8px;
}
.btn-big {
}
@media (max-width: 767px) {
    .post1 {
        margin-bottom: 50px;
    }
    .post1 img {
        width: 100%;
    }
}
/* ======= Post 2 Videos ======= */
.post2 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.post2 h2 {
    text-align: left;
    margin-bottom: 20px;
}
.post2 .btn-big {
    margin-top: 32px;
}
/* ======= Vimeo video ======= */
.vimeo-video1 {
    width: 100%;
    height: 323px;
    padding: 4px;
    margin-top: 6px;
    margin-bottom: 20px;
    border: 1px solid #c1c1c1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 1199px) {
    .vimeo-video1 {
        height: 261px;
    }
}
@media (max-width: 979px) {
    .vimeo-video1 {
        height: 206px;
    }
}
@media (max-width: 767px) {
    .vimeo-video1 {
        height: 238px;
    }
}
@media (max-width: 480px) {
    .vimeo-video1 {
        height: 153px;
    }
}
/* ======= Post 3 Have a look through our superior products ======= */
.post3 {
    margin-top: 43px;
    margin-bottom: 18px;
    text-align: center;
}
.post3 img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.post3 h4 {
    margin-bottom: 12px;
}
.post3 p {
    font-size: 14px;
    line-height: 21px;
}
.post3 .btn-default {
    margin-top: 19px;
}
@media (max-width: 767px) {
    .post3 {
        margin-top: 60px;
    }
}
/* ======= Post 4 Overview of our main business courses ======= */
.post4 {
    margin-top: 65px;
    margin-bottom: 18px;
}
.post4 img {
    border: 1px solid #c1c1c1;
    margin-bottom: 20px;
}
.post4 p {
    font-size: 14px;
    line-height: 21px;
}
.post4 .btn-default {
}
/* ======= Post 5 CONSECTETUER ADIP ======= */
.post5 {
    margin-bottom: 21px;
}
.post5 h4 {
    margin-top: -2px;
    margin-bottom: 28px;
}
.post5 p {
    padding-right: 36px;
}
.post5 .btn-big {

}
@media (max-width: 767px) {
    .post5 {
        margin-bottom: 70px;
    }
}
/* ======= Banner ======= */
.banner1 {
    padding: 30px 0 28px;
}
.banner1 .banner_info {
    display: inline-block;
}
.banner1 .banner-button {
    display: inline-block;
    float: right;
    margin-top: 2px;
}
.banner1 h5 {
    color: #ffffff;
    margin-bottom: 2px;
}
.banner1 .banner_text {
    color: #ffffff;
    font-weight: 700;
}
@media (max-width: 979px) {
    .banner1 {
        text-align: center;
    }
    .banner1 .banner-info {
        display: block;
    }
    .banner1 .banner-button {
        display: block;
        float: none;
        margin-top: 20px;
    }
}
/* ======= Post 6 From our blog ======= */
.post6 {
    margin-top: 40px;
    background: #333333;
    padding: 36px 21px 39px;
}
.post6 .blog-header1 {
    padding-right: 18px;
}
.post6 .blog-header1 a:hover {
    color: #ffffff;
}
.post6 .post6_divider {
    background: #444444;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    line-height: 21px;
    border-radius: 3px;
    padding: 6px 14px 5px;
    margin: 17px 0 15px;
}
.post6 p {
    color: #939393;
    font-size: 12px;
    line-height: 21px;
    padding-right: 18px;
}
/* ======= Post 7 Shortly about our company & experienced staff ======= */
.post7 {
    margin-top: 25px;
}
.post7 img {
    margin-top: 6px;
}
.post7 h3 {
    margin-bottom: 8px;
}
.post7 p {
    overflow: hidden;
}
.post7 .btn-big {
    margin-top: 29px;
}
@media (max-width: 767px) {
    .post7 img {
        margin-bottom: 10px;
    }
}
/* ======= Post 8 Helping your business get back on its feet ======= */
.lender-view {
    margin-top: 16px;
    margin-bottom: 16px;
}
.post8 img {
    float: left;
    margin-right: 31px;
    margin-top: 5px;
    width: 170px;
}
.post8 div.photo, .post8 div.description {
    float: left;
}
.post8 div.photo { width: 20%; }
.post8 div.description { width: 80%; }
.lender-view h4 {
    margin-bottom: 12px;
}
.lender-view p {
    font-size: 14px;
    line-height: 21px;
    overflow: hidden;
}
@media (max-width: 1199px) {
    .post8 div.photo { width: 25%; }
    .post8 div.description { width: 75%; }
}
@media (max-width: 979px) {
    .post8 div.photo { width: 30%; }
    .post8 div.description { width: 70%; }
}
@media (max-width: 767px) {
    .post8 {
        margin-bottom: 40px;
    }
    .post8 img {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    .post8 div.photo { width: 100%; }
    .post8 div.description { width: 100%; }
}
@media (min-width: 768px) and (max-width: 979px) {

}
@media (max-width: 767px) {
    .post8__inset1 {
        text-align: center;
    }
    .post8__inset1 img {
        width: auto;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .post8__inset1 img {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
}
.post8.__margin1 {
    margin-bottom: 42px;
}
@media (min-width: 480px) and (max-width: 979px) {
    .post8.__margin1 {
        margin-bottom: 70px;
    }
}
.post8.post8__inset1.__margin1 {
    margin-bottom: 42px;
}
@media (min-width: 480px) and (max-width: 979px) {
    .post8.post8__inset1.__margin1 {
        margin-bottom: 30px;
    }
}
/* ======= Blockquote 1 What people say about us ======= */
.blockquote1 {
    margin-top: 60px;
    margin-bottom: 16px;
    padding-left: 51px;
    position: relative;
}
.blockquote1 p {
    font: 400 14px/21px "Lato", sans-serif;
    margin-bottom: 20px;
}
.blockquote1:before {
    content: '“';
    display: block;
    position: absolute;
    font-size: 100px;
    left: 0px;
    top: 29px;
    color: #343438;
}
/* ======= Post 9 Small business ======= */
.post9 {
    margin-top: 25px;
}
.post9 h3 {
    margin-bottom: 8px;
}
.post9 p {
    margin-bottom: 27px;
}
@media (max-width: 767px) {
    .post9 {
        margin-bottom: 40px;
    }
}
/* ======= List 1 ======= */
.list1 li {
    padding-left: 19px;
    position: relative;
}
.list1 li:before {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 11px;
    background: url(../img/list1.png) no-repeat center;
    left: 0;
    top: 7px;
}
.list1 li + li {
    margin-top: 11px;
}
/* ======= Post 10 Offering comprehensive projects ======= */
.post10 {
    margin-top: 66px;
    margin-bottom: 15px;
}
.post10 img {
    margin-bottom: 21px;
    border: 1px solid #c1c1c1;
}
.post10 h4 {
    margin-bottom: 11px;
}
@media (max-width: 767px) {
    .post10 img {
        width: 100%;
    }
}
/* ======= Post 11 services overview ======= */
.post11 {
    position: relative;
    padding-left: 109px;
    margin-top: 26px;
    margin-bottom: 23px;
}
.post11 p {
    font: 400 14px/21px "Lato", sans-serif;
    margin-bottom: 19px;
}
.post11 h4 {
    margin-bottom: 12px;
}
.post11:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 5px;
    width: 83px;
    height: 83px;
    border-radius: 200px;
    border: 2px solid #ff5a27;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    margin-right: 27px;
    background: no-repeat center;
}
.post11.post11_1:before {
    background-image: url(../img/page4_img1.png);
}
.post11.post11_2:before {
    background-image: url(../img/page4_img2.png);
}
.post11.post11_3:before {
    background-image: url(../img/page4_img3.png);
}
.post11.post11_4:before {
    background-image: url(../img/page4_img4.png);
}
.post11.post11_5:before {
    background-image: url(../img/page4_img5.png);
}
.post11.post11_6:before {
    background-image: url(../img/page4_img6.png);
}
/* ======= Post 12 Marketing services ======= */
.post12 {
    margin-top: 60px;
    margin-bottom: 28px;
}
.post12 h4 {
    margin-bottom: 12px;
}
.post12 p {
    font: 400 14px/21px "Lato", sans-serif;
}
/* ======= Gallery  ======= */
.gallery_image a {
    display: block;
    position: relative;
    margin-bottom: 37px;
    background: #666666;
}
.gallery_image a img {
    margin-bottom: 0;
}
@media (max-width: 979px) {
    .gallery_image a img {
        width: 100%;
    }
}
.gallery_image a:hover img {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.gallery_image a:hover .gallery_icon {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.gallery_image a img {
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.gallery_image a .gallery_icon {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 30px;
    height: 18px;
    background: url(../img/hover-icon.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -9px;
}
.post10_gallery {
    border: 1px solid #c1c1c1;
    margin-top: 31px;
    margin-bottom: -1px;
}
.post10_gallery a {
    margin-bottom: 27px;
}
.post10_gallery img {
    border-left: none;
    border-right: none;
    border-top: none;
}
.post10_gallery .post10_content {
    padding: 0 18px 33px 18px;
}
/* ======= Google Map  ======= */
.google-map_contacts {
    border: 1px solid #c1c1c1;
}
.google-map_contacts iframe {
    width: 100%;
    height: 385px;
}
@media (max-width: 767px) {
    .google-map_contacts iframe {
        height: 200px;
    }
}
/* ======= Address  ======= */
.address-block {
}
@media (max-width: 767px) {
    .address-block {
        margin-bottom: 50px;
    }
}
.address-block h3 {
    margin-bottom: 8px;
}
.address-block address {
    margin-bottom: 24px;
}
.address-block .our-address {
    display: block;
    margin-bottom: 24px;
}
.address-block .numbers {
    display: inline-block;
    min-width: 100px;
}
@media (min-width: 768px) and (max-width: 979px) {
    .address-block .numbers {
        display: block;
        min-width: 70px;
    }
}
.simple-link {
    text-decoration: underline;
}
/* =======  Post 13 Blog  ======= */
.post13 {
    margin-top: 26px;
    margin-bottom: 65px;
}
.post13 .post13_header {
    font-size: 14px;
    line-height: 21px;
    position: relative;
    margin-top: 1px;
    margin-bottom: 15px;
}
.post13 .post13_header span {
    display: inline-block;
}
.post13 .post13_header time {
    margin-right: 18px;
}
.post13 .post13_header_by {
    margin-right: 18px;
}
.post13 .post13_header_by a {
    color: #f47321;
}
.post13 .post13_header_by a:hover {
    color: #666666;
}
.post13 .post13_header_in {
    margin-right: 18px;
}
.post13 .post13_header_comments {
    position: absolute;
    top: 0px;
    right: 100px;
    color: #f47321;
}
.post13 .post13_header_comments a:hover {
    color: #666666;
}
.post13 img {
    margin-bottom: 25px;
    border: 1px solid #c1c1c1;
}
.post13 p {
    margin-bottom: 10px;
}
.post13 .btn-big {
    margin-top: 19px;
}
@media (max-width: 1199px) {
    .post13 .post13_header_comments {
        position: relative;
        top: auto;
        right: auto;
    }
}
@media (max-width: 767px) {
    .post13 {
        margin-bottom: 70px;
    }
    .post13 .post13_header_comments {
        margin-left: 0;
    }
}
/* =======  Post 14 Privacy  ======= */
.post14 {
    margin-top: 26px;
}
.post14 h4 {
    margin-bottom: 11px;
}
.post14 p {
    margin-bottom: 20px;
}
.post14 .simple-link {
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    margin-top: 3px;
    color: #333333;
}
.post14 .simple-link:hover {
    color: #f47321;
}
/*========================================================
                    FOOTER styles
=========================================================*/
#footer {
    text-align: center;
    background: #383838;
}
#footer .footer-info {
    color: #a7a7a7;
    font-size: 18px;
}
#footer .footer_wrapper {
    padding: 40px 0 25px;
}
#footer .footer-header1 {
    margin-bottom: 31px;
}
#footer .privacy-block {
    float: left;
    color: #ffffff;
    line-height: 16px;
    text-align: left;
}
#footer .menu-block {
    float: right;
    color: #f47321;
    line-height: 16px;
    text-align: right;
}
/* ======= Socials 2 ======= */
.socials_list2 {
    margin-top: 45px;
}
.socials_list2 li {
    display: inline-block;
    float: left;
}
.socials_list2 li + li {
    margin-left: 41px;
}
.socials_list2 li a {
    display: block;
    text-align: center;
    color: #ffffff;
}
.socials_list2 li a:hover {
    text-decoration: none;
    color: #f47321;
}
.socials_list2 li a:hover i {
    color: #f47321;
}
.socials_list2 li a i {
    font-size: 37px;
    color: #ffffff;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.socials_list2 li.invh a{
	background:#fff;
}
.socials_list2 li.invh a:hover{
	background:#f47321;
}
.socials_list2 li.invh a img{
	width:80px;padding:0 5px 5px 0;
}
@media (max-width: 979px) {
    .socials_list2 li a i {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .ads-menu {
        margin-top: 45px;
    }
    .socials_list2 li a i {
        font-size: 40px;
    }
    #footer .privacy-block {
        margin-bottom: 12px;
    }
    #footer .privacy-block, #footer .menu-block {
        float: none;
        text-align: center;
    }
}
@media (max-width: 480px) {
    .socials_list2 li + li {
        margin-left: 20px;
    }
    .socials_list2 li a i {
        font-size: 30px;
    }
}
/*========================================================
                    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 40px;
    left: 51%;
    margin-left: 640px;
    overflow: hidden;
    border: none;
    color: #818185;
    width: 30px;
    height: 30px;
    font-size: 28px;
    text-align: center;
    z-index: 20;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#toTop:hover {
    outline: none;
    color: #f47321;
}
/*Core variables and mixins*/
/*Core variables and mixins*/

.w50 {width: 50%; float: left; box-sizing: border-box; padding: 0 30px;}
@media (max-width: 767px) {
    .w50 {width: 100%;}
}
.ui-datepicker-trigger {position: absolute; right: -34px; top: 0px; height: 36px;}
.pointer img:hover {cursor: pointer;}
.padding-0 {padding: 0!important;}
.tall {font-size: 20px!important;}
.tiny {font-size: 12px!important;}
.w100 {width: 100%; box-sizing: border-box; padding: 0 30px;}
.amount {padding-left: 35px!important; background: url(../img/dollar.png) no-repeat 7px center!important;}
.mh-500 {min-height: 500px;}
@media (max-width: 767px) { .mh-500 {min-height: auto;} }
.orange-right {border-right: 1px solid #fb9656; box-sizing: border-box;}
.current {color: #008000;}
.past_due {color: #ff0000; font-weight: bold;}
.delayed {color: orange;}
.delayed *, .v_centered * {vertical-align: text-top;}
.delayed img {cursor: pointer;}
ul.list {padding-left: 15px; list-style-type: square;}
.spc_down {margin-bottom: 5px;}
.clear {clear: both;}
.validation_error, label.error {color: red;}
.fa20 {font-size: 20px;}
.text_center {text-align: center;}
.text_right {text-align: right!important;}
.to_left {float: left!important;}
.to_right {float: right!important;}
.home-video {width: 100%; height: 400px;}
.img-left-top {float: left; margin: 0 25px 25px 0;}
input.inline_text {display: inline; height: auto!important; width: 130px!important; padding: 0 8px !important;}
a.underline {text-decoration: underline;}
.dollar {font-size: 24px; line-height: 40px; float: left; color: #333333;}
@media (max-width: 767px) { .home-video {height: 300px; margin-top: 22px;} }
#message .close_btn {position: absolute; right: 5px; top: 4px; width: 24px; border-radius: 24px;}
#message .close_btn i {font-size: 30px; font-weight: 100; line-height: 22px;}
#notice_info, #notice_alert, #notice_error {font-size: 18px; margin-top: 15px; padding: 16px 25px 16px 60px; color: black; border-radius: 6px; text-align: center; position: relative;}
#notice_info {background: #d7ffa2 url(../img/success_icon.png) no-repeat 10px center; border: 1px solid #b7d98a;}
#notice_alert {background: #fffeae url(../img/alert_icon.png) no-repeat 10px center; border: 1px solid #e0e098;}
#notice_error {background: #feced8 url(../img/error_icon.png) no-repeat 10px center; border: 1px solid #e99ea7;}
.photo-container {width: 270px; height: 270px; overflow: hidden; border: 1px solid #d1d1d1; background-color: #dfdfdf;}
.photo-container .wraptocenter { display: table-cell; height: inherit; text-align: center; vertical-align: middle; width: 250px; height: 250px; padding: 10px; }
.photo-container .wraptocenter * { vertical-align: middle; }
.photo-container img { max-height: 250px; max-width: 250px;}
.slider-wrapper, #camera_wrap {min-height: 487px;}
@media (max-width: 1199px) {
    .photo-container {width: 220px; height: 220px;}
    .photo-container img { max-height: 200px; max-width: 200px;}
    .photo-container .wraptocenter { width: 200px; height: 200px;}
    .slider-wrapper, #camera_wrap {min-height: 391px;}
}
@media (max-width: 979px) {
    .photo-container {width: 172px; height: 172px;}
    .photo-container img { max-height: 152px; max-width: 152px;}
    .photo-container .wraptocenter { width: 152px; height: 152px;}
    .slider-wrapper, #camera_wrap {min-height: 311px;}
}
@media (max-width: 767px) {
    .photo-container {width: 420px; height: 420px;}
    .photo-container img { max-height: 400px; max-width: 400px;}
    .photo-container .wraptocenter { width: 400px; height: 400px;}
    .slider-wrapper, #camera_wrap {min-height: 175px;}
}
@media (max-width: 479px) {
    .photo-container {width: 300px; height: 300px;}
    .photo-container img { max-height: 280px; max-width: 280px;}
    .photo-container .wraptocenter { width: 280px; height: 280px;}
    .slider-wrapper, #camera_wrap {min-height: 155px;}
}
.ads-container {position: relative;}
.ads-container a#vid_url {position: absolute; width: 25%; height: 30%; top: 5%; right: 5%; border-radius: 50%; background-color: #ff5a27; opacity: 0;}
.ads-container .wraptocenter:hover a {opacity: 0.9!important;}
.ads-container .wraptocenter:hover a#vid_url {opacity: 0.6!important;}
.ads-container a#vid_url:before { position:absolute; font-family: FontAwesome; font-size: 24px; top:50%; left:50%; margin: -10px 0 0 -11px; content: "\f08e"; width: 24px; height: 24px; color: #ffffff;}
.ads-container {width: 270px; height: 225px; overflow: hidden; border: 1px solid #d1d1d1;}
.ads-container .wraptocenter { display: table-cell; height: inherit; text-align: center; vertical-align: middle; width: 270px; height: 225px; background-color: #000000;}
.ads-container .wraptocenter * { vertical-align: middle; }
.ads-container video, .ads-container img { max-height: 225px; max-width: 270px;}
@media (max-width: 1199px) {
    .ads-container {width: 220px; height: 183px;}
    .ads-container video, .ads-container img { max-height: 183px; max-width: 220px;}
    .ads-container .wraptocenter { width: 220px; height: 183px;}
}
@media (max-width: 979px) {
    .ads-container {width: 172px; height: 143px;}
    .ads-container video, .ads-container img { max-height: 143px; max-width: 172px;}
    .ads-container .wraptocenter { width: 172px; height: 143px;}
}
@media (max-width: 767px) {
    .ads-container {width: 420px; height: 420px;}
    .ads-container video, .ads-container img { max-height: 400px; max-width: 400px;}
    .ads-container .wraptocenter { width: 400px; height: 400px;}
}
@media (max-width: 479px) {
    .ads-container {width: 300px; height: 300px;}
    .ads-container video, .ads-container img { max-height: 280px; max-width: 280px;}
    .ads-container .wraptocenter { width: 280px; height: 280px;}
}
table.show-form tr td {padding: 3px 16px;}
table.show-form tr td.title, table.description tr td.title, span.title {color: #c25b1a; padding: 3px 16px 3px 0;}
table.show-form tr td.spc_title, table.description tr td.spc_title, span.spc_title {color: #c25b1a; padding: 8px 25px;}
table.basic {width: 100%; border-collapse:separate;}
table.basic th {background-color: #e1e1e1; border-bottom: 1px solid #d1d1d1; font-size: 16px; padding: 8px 15px; text-align:left; vertical-align:bottom; color: #666666;}
table.basic th:last-child {border-right:medium none;}
table.basic th.search {padding:3px 10px !important;}
table.basic th strong.drop_title{float: left; margin: 8px 10px 0 0;}
table.basic td {background-color: #FFFFFF; border-bottom:1px solid #d1d1d1; padding:8px 10px 8px 15px;}
table.basic tfoot td {background-color: #e1e1e1; font-weight: bold;}
table.bordered {border-left: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;}
table.full-bordered {border: 1px solid #d1d1d1;}
table.description {width: 100%;}
table.description tr td {border: 0; padding: 8px 15px 0 0; background-color: #ffffff !important;}
table.description h3 {font-weight: normal;}
span.divider {height: 20px; margin-top: 12px; border-top: 1px dashed #d1d1d1; display: block;}

/*User Profile navigation*/

.profile_menu {border-bottom: 1px solid #fb9656; margin-bottom: 35px;}
.profile_menu ul {}
.profile_menu ul li {float: left;}
.profile_menu ul li.leader {padding: 7px 15px 7px 0; font-weight: 800;font-size: 18px; line-height: 18px;}
.profile_menu ul li.current a {background: #fb9656; color: #ffffff;}
.profile_menu ul li a {display: block; padding: 7px 30px; position: relative;}
.profile_menu ul li a:before, .cd-tabs-navigation li a:before { position:absolute; font-family: FontAwesome; top: 6px; left: 10px; }
.profile_menu ul li a span.unread {font-weight: bold;}
.main-content {}
li.icon-profile a:before {content: "\f007";}
li.icon-creditor a:before {content: "\f09d";}
li.icon-report a:before {content: "\f1c1";}
li.icon-message a:before {content: "\f003";}
li.icon-inbox a:before {content: "\f01c";}
li.icon-sent a:before {content: "\f1d8";}
li.icon-contact a:before {content: "\f0c0";}
li.icon-payment a:before {content: "\f155";}
li.icon-history a:before {content: "\f017";}
li.icon-new a:before {content: "\f0fe";}
li.icon-dashboard a:before {content: "\f0e4";}
li.icon-package a:before {content: "\f06b";}
.profile_menu ul li a:hover {text-decoration: none; cursor: pointer;}
.profile_menu ul li.icon-left a {padding: 7px 15px 7px 30px; font-size: 14px; line-height: 18px;}
.cd-tabs-navigation li.icon-left a {padding: 5px 20px 5px 35px;}
#user_score {}
#user_score p {background: #666666; padding: 7px 20px; margin: 0; float: right; color: #ffffff; border-radius: 35px;}
a.score {color: #ffff00; font-size: 16px; font-weight: 600;}
.text-with-icon {line-height: 24px; font-size: 18px; color: #ff7028; font-weight: bold; margin-bottom: 6px;}
.orange {color: #ff7028;}
@media (max-width: 479px) {
    .profile_menu ul li a, .cd-tabs-navigation li a {text-align: center; padding: 7px 0px!important;}
    .profile_menu ul li a:before, .cd-tabs-navigation li a:before {display: none;}
}
@media (max-width: 979px) {
    span.score {font-size: 18px;}
    .profile_menu {margin-bottom: 20px;}
    #user_score p {float: none; text-align: center; display: inline-block;}
    .hide_979 {display: none;}
}
@media (max-width: 767px) {
    .profile_menu ul li {width: 33.33%!important;}
    .profile_menu ul li a {padding: 7px 10px; margin-right: 0;}
    .hide_767 {display: none;}
}
.hidden_data {display: none;}
.loading {
    background: transparent url("../img/loading.gif") no-repeat center center;
}
table.per2 tbody tr:nth-child(2n) td {background-color: #f5f5f5;}
table.per4 tbody tr:nth-child(4n + 3) td {background-color: #f5f5f5;}
tr.unread td {font-weight: bold;}
tr.view-message, tr.view-last-payments, tr.view-creditor {cursor: pointer;}
tr.view-message:hover td, tr.view-last-payments:hover td, tr.view-creditor:hover td {background-color: #f1f1f1;}

td.negative, a.negative, p.negative {color: red!important;}
td.positive, a.positive, p.positive {color: green!important;}

tr td.no-data {margin-bottom: 5px; text-align: center;}
td.attach { font-family: FontAwesome; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; cursor: default; content: '\f003'; top: 1px; color: #f47321; }
.table-title {float: left; width: auto;}
.table-buttons {float: right; width: auto; padding-top: 5px;}
i.regular {font-size: 24px;}
.full-width {width: 100%!important;}
.no-margin {margin: 0;}
div.delayed {padding: 25px 50px; background-color: #e99ea7;}
div.delayed h4 {margin-bottom: 10px;}
div.delayed p, div.delayed h4, div.delayed a, div.delayed li {color: white;}
div.delayed p {margin-bottom: 8px;}
div.delayed a {text-decoration: underline;}

div.package {border-width: 1px; border-style: solid; margin-bottom: 30px;}
div.package div.title {text-align: center; padding: 8px 0; font-size: 18px; color: #ffffff;}
div.package div.features {padding: 25px 0;}
div.package li {padding: 8px 15px;}
div.package li i {line-height: 22px; padding-right: 10px;}
div.package li:nth-child(2n + 1) { background-color: #eeeeee; }
div.package div.price {text-align: center; border-top-width: 1px;  border-top-style: solid; font-size: 32px; padding: 20px 0; font-weight: bold;}
div.package div.price div {font-size: 12px; margin-top: 6px;}
div.package div.buy a {display:block; padding: 10px 0; text-align: center; color: #ffffff; text-decoration: none;}
div.package div.buy a i {padding: 3px 4px 0 0; line-height: 16px;}

div.package.hovered {-moz-box-shadow: 3px 3px 15px 6px #ccc; -webkit-box-shadow: 3px 3px 15px 6px #ccc; box-shadow: 3px 3px 15px 6px #ccc;}

/* Red */
div.package.red {border-color: #d15b47;}
div.package.red div.title {background-color: #d15b47; }
div.package.red div.price {border-top-color: #d15b47; color: #d15b47; }
div.package.red div.buy a {background-color: #d15b47;}
div.package.red div.buy a:hover {background-color: #B53F2D;}
div.package.red li i {color: #d15b47;}

/* Blue */
div.package.blue {border-color: #3875d7;}
div.package.blue div.title {background-color: #3875d7; }
div.package.blue div.price {border-top-color: #3875d7; color: #3875d7;}
div.package.blue div.buy a {background-color: #3875d7;}
div.package.blue div.buy a:hover {background-color: #2562BC;}
div.package.blue li i {color: #3875d7;}

/* Green */
div.package.green {border-color: #82af6f;}
div.package.green div.title {background-color: #82af6f; }
div.package.green div.price {border-top-color: #82af6f; color: #82af6f;}
div.package.green div.buy a {background-color: #82af6f;}
div.package.green div.buy a:hover {background-color: #5C8E47;}
div.package.green li i {color: #82af6f;}

/* Yellow */
div.package.yellow {border-color: #e8b10d;}
div.package.yellow div.title {background-color: #e8b10d; }
div.package.yellow div.price {border-top-color: #e8b10d; color: #e8b10d;}
div.package.yellow div.buy a {background-color: #e8b10d;}
div.package.yellow div.buy a:hover {background-color: #e8b10d;}
div.package.yellow li i {color: #e8b10d;}

.ui-datepicker * {font-size: 12px;}
.ui-datepicker .ui-datepicker-title select {padding: 0; background: #ffffff; border-radius: 0;}

ul.left_menu {}
ul.left_menu li {display: block; margin-bottom: 1px;}
ul.left_menu li a {display: block; padding: 8px 20px; background-color: #fb9656; color: #ffffff;}
ul.left_menu li a:hover, ul.left_menu li.current a {text-decoration: none; cursor: pointer; background-color: #F57625;}
.bar { height: 18px; background: green; margin-top: 8px;}
.auto-upload {background: #F57625; color: #ffffff; position: relative; border-radius: 25px;}
.auto-upload i {position: absolute; top: 8px; left: 18px; font-size: 24px;}
.auto-upload span {position: absolute; top: 8px; left: 60px; font-size: 18px;}
.auto-upload input {width: 100%; height: 40px; opacity: 0; cursor: pointer;}
.notification {padding: 20px; background-color: #f1f1f1; border: 1px solid #e1e1e1; box-sizing: border-box;}
.top_h2 {margin-top: 50px;}
#overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 60000; background: #ffffff url(../img/loading_large.gif) center center no-repeat; opacity: 0.3;}
input.date {border-radius: 6px 0 0 6px!important;}
#login-box {width: 430px; margin: 15px auto!important;}
.fit-to-pass {padding-left: 180px;}
p.faq {display: none;}
h3.faq_action {cursor: pointer; background: url(../img/expand.png) right center no-repeat;}
h3.faq_action.open {cursor: pointer; background: url(../img/contract.png) right center no-repeat;}
.faq-video {width: 500px; height: 281px;}

.hidden {display: none!important;}
#header #login-inline input {height: 34px;}

.block {display: block;}
.mb0 {margin-bottom: 0;}
.pr20 {padding-right: 20px;}
.pv35 {padding-bottom: 35px; padding-top: 35px;}
.pb10 {padding-bottom: 10px;}
input:disabled, textarea:disabled { background-color: #e1e1e1!important;}
.dark {color: #222222; font-family: "Lato", sans-serif;}
.inline_text { display: inline;}
.hover-light:hover {color: #f5f5f5;}

/* bulute fef cess*/

.referral-list ul li:before {
	content: "\2713";
	/* color: #000; */
	 color: #FF7028;
	font-weight: bold;
	margin-left: -20px;
	margin-right: 8px;
}

.referral-list {
	margin-top: 1em;
	margin-left: 50px;
}

.sub-heading {
	font-weight: bold;
	color: #444444;
}

/* accordion Style for faq*/

.accordion {
    background-color: #fefffa;
    border-top: 6px solid #f47321;
    line-height: 1.6;
    box-shadow: 5px 5px 10px 0px #e6e6e6;
  }
  .accordion__item {
    border-bottom: 1px solid #dce7eb;
  }
  .accordion__title {
    padding: 13px 15px 15px 40px;
    display: block;
    position: relative;
    font-weight: 400;
  }
  .accordion__title:before {
    font-family: FontAwesome;
    content: "\f055";
    font-size: 20px;
    position: absolute;
    left: 15px;
    top: 12px;
    color: #ff5a27;
  }
  .accordion__title h5 {
    font: 600 17px/30px "Lato", sans-serif;
    border-bottom: 1px solid #fefffa;
    display: inline-block;
    text-transform: initial;
  }
  .accordion__title:hover, .accordion__title:focus {
    cursor: pointer;
    outline: none;
  }
  .accordion__title:hover h5, .accordion__title:focus h5 {
    border-bottom-color: #a8bdc4;
    display: inline-block;
  }
  .is-expanded .accordion__title:before {
    content: "\f056";
  }
  .accordion__content-inner {
    padding: 0 40px 10px 40px;
  }
  .accordion__content {
    transition: height 0.3s ease-out;
    height: 0;
    overflow: hidden;
  }
  #dialog-holder #dialog-center td .dialog-alert .dialog-cancel.dialog-confirm, #dialog-holder #dialog-center td .dialog-alert .dialog-confirm.dialog-confirm{
    background: #fb9656;
  }

  #dialog-center td .dialog-alert .dialog-confirm.dialog-confirm:hover {
    background: #ec7225;
}
#dialog-holder #dialog-center td .dialog-alert .dialog-message{
    font-size: 18px;
}

/* Branding */
.branded-color {
    color: #f47321 !important;
}

/* Referral email modal */
#refer_modal {
    display: none;
    position: absolute;
    z-index: 99;
    top: 5%;
    width: 60%;
    left: 20%;
    border: 1px solid;
    background: #FFFFFF;
}
#refer_popup_close {
    font-size: 150%;
    display: block;
    text-align: right;
    padding: 0 20px 0 0;
    line-height: 30px;
}

#refer_modal .content {
    padding: 0 20px 20px;
}
#refer_modal .form {
    padding: 20px;
    float: left;
}
.referral_form .btn-big{float:right;}
#referral_overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
    cursor: pointer;
}
#upload_preview img {
    width: 150px;
    float: left;
    display: inline;
}
#remove_attachment {
    cursor: pointer;
    color: #dd0000;
    float: left;
    display: inline;
    width: 100%;
}
.referral_form .form-row{
	display: inline;float: left;width: 100%;
}
.referral_form .form-row .error {
    border-color: red;
}
span.req {
    color: red;
}

.socialitem.twitter {
    /*color: #ff5b00;*/
}
.social_share .socialitem {
    display: inline;
    float: left;
    margin-right: 10px;
    width: auto;
    height: 32px;
}
.twitter-icon {
    background: url(../img/twitter-logo-icon.png) no-repeat transparent;
    float: left;
    width: 32px;
    height: 32px;
    margin-top: -4px;
    background-size: contain;
    margin-right:5px
}
.socialitem.twitter input {
    margin: 7px 0 0 4px;
    float: right;
}
.linkedin-icon {
    background: url(../img/linkedin-logo-icon.png) no-repeat transparent;
    float: left;
    width: 32px;
    height: 32px;
    margin-top: -4px;
    background-size: contain;
    margin-right:5px;
}
.socialitem.linkedin input {
    margin: 7px 0 0 4px;
    float: right;
}
.facebook-icon {
    background: url(../img/facebook-logo-icon.png) no-repeat transparent;
    float: left;
    width: 32px;
    height: 32px;
    margin-top: -4px;
    background-size: contain;
}
.reddit-icon {
    background: url(../img/reddit.png) no-repeat transparent;
    float: left;
    width: 35px;
    height: 35px;
    margin-top: -7px;
    background-size: contain;
    margin-right: 5px;
}
.socialitem.reddit a{
	margin: 3px 0 0 7px;
    float: left;
}
.socialitem.reddit input {
    margin: 7px 0 0 4px;
    float: right;
}

.insta-icon {
    background: url(../img/instagram.png) no-repeat transparent;
    float: left;
    width: 32px;
    height: 32px;
    margin-top: -3px;
    background-size: contain;
    margin-right: 5px;
}
.socialitem.insta a{
	margin: 3px 0 0 7px;
    float: left;
}
.socialitem.insta input {
    margin: 7px 0 0 4px;
    float: right;
}

.xing-icon {
    background: url(../img/xing.png) no-repeat transparent;
    float: left;
    width: 32px;
    height: 32px;
    margin-top: -3px;
    background-size: contain;
    margin-right: 5px;
}
.socialitem.xing a{
	margin: 3px 0 0 7px;
    float: left;
}
.socialitem.xing input {
    margin: 7px 0 0 4px;
    float: right;
}


.tiktok-icon {
    background: url(../img/icons-tiktok.png) no-repeat transparent;
    float: left;
    width: 32px;
    height: 32px;
    margin-top: -3px;
    background-size: contain;
    margin-right: 5px;
}
.socialitem.tiktok a{
	margin: 3px 0 0 7px;
    float: left;
}
.socialitem.tiktok input {
    margin: 7px 0 0 4px;
    float: right;
}

.add_creditor_form{
	float: left;width:100%;
}
.add_creditor_form .form-row{
	float: left;width:100%;
}
.sendfund_btn,
.send_fund_popup  input[type="submit"], 
.add_paypal_popup  input[type="submit"], 
.add_bank_popup input[type="submit"],
.add_creditor_form button, 
.add_creditor_form input#submit, 
.add_creditor_form input[type="button"], 
.add_creditor_form input[type="submit"], 
.add_creditor_form input[type="reset"] {
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    color: #ffffff;
    border-color: #ffffff;
    background-color: #ff5b00;
    border-radius: 50px;
    padding-top: 17px;
    padding-right: 26px;
    padding-bottom: 17px;
    padding-left: 26px;
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    font-size: 0.93333333333333rem;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
}
.add_creditor_form .form-row .error {
    border-color: red;
}
.form-row input[type="button"]{
	width: 100%;margin-top: 20px;
}    
.add_creditor_form .form-row.twobtn input {
    width: 45%;
    margin-right:10px;
    margin-left:10px;
}
.add_creditor_form span.error_msg {
    display: none;
    font-size: 12px;
    color: #d50000;
}
.add_creditor_form .form-row.half {
    width: 48%;
}
.add_creditor_form .form-row.half.right {
    float: right;
}
.add_creditor_form .form-row select, .add_creditor_form .form-row input[type='date']{padding: 4px 13px !important;}
.steps{display: inline;float:left;width:100%}
.add_creditor_form h3{text-align: center;}
#overlay {position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;cursor: pointer;}
.small_btn{border-color:#ffffff;background-color:#54595F;padding:1px 6px 1px 6px;border-radius:50px;color:#fff;font-size:14px;}
.small_btn:hover{text-decoration:none;}


.add_bank_popup, .add_paypal_popup{
	display:none;
	position: absolute;
    z-index: 99;
    top: 25%;
    width:60%;
    left:20%;border: 1px solid;background: #eee;
    padding:20px;
    z-index:100;
}
.add_bank_form, .add_paypal_form{display: inline;float: left;padding: 10px 0 0 0;width:100%;}
.add_bank_form .row, .add_paypal_form .row{float:left;width:100%;margin-bottom:10px;}
.bank_popup_content, .paypal_popup_content{padding:20px;display: inline;float: left;width: 100%;}
.bank_popup_content label, .paypal_popup_content label{float: left;width:30%}
.bank_popup_content input, .paypal_popup_content input{float: right;width:70%}
.bank_popup_content #save_bank_details, .paypal_popup_content #save_paypal_email{
	float: right;
	width: 20% ;
	margin: 10px 0 0 0;
}

#bank_popup_close, #paypal_popup_close{
	position: absolute;
    right: 21px;
    cursor: pointer;
    z-index: 99;
}
.add_paypal_popup .msg{margin:0px;position: absolute;}


.send_fund_popup{
	display:none;
	position: absolute;
    z-index: 99;
    top: 25%;
    width:50%;
    left:25%;border: 1px solid;background: #eee;
    padding:20px;
    z-index:100;
}
.send_fund_form{display: inline;float: left;padding: 10px 0 0 0;width:100%;}
.send_fund_form .row{float:left;width:100%;margin-bottom:10px;}
.send_fund_content{padding:20px;display: inline;float: left;width: 100%;}
.send_fund_content label{float: left;width:100%}
.send_fund_content input{float: right;width:70%}
.send_fund_content #send_fund{
	float: right;
	width: 20% ;
	margin: 10px 0 0 0;
}
#send_fund_close{
	position: absolute;
    right: 21px;
    cursor: pointer;
    z-index: 99;
}
.send_fund_popup .msg{margin:0px;position: absolute;}

.sendfund_btn{
	margin-top: 0;
    line-height: 2;
    padding: 10px 30px 10px 30px;
    border-radius: 20px;
    margin-left: 20px;
}
.sendfund_btn:hover{color:#fff;text-decoration:none;}

.numberpad{
	display: block;
    margin: 0 auto;
    width: 300px;
}
.numberpad li{
	display: inline;
    float: left;
    width: 30%;
    text-align: center;
    margin: 20px 5px 10px 5px;
}
.numberpad li span{
	padding: 10px 15px 10px 15px;
    border: 1px solid;
    border-radius:4px;
    cursor: pointer;
    transition: color .5s ease;
    transition: background .5s ease;
}
.numberpad li:hover span{
	background: #ff5b00;
	color:#fff;
}
#send_fund_amount{
	width: 300px;
    float: none;
    margin: 0 auto;
    display: block;
    border: 0px;
    text-align: center;
    font-size: 60px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}