/*

This site created by www.e-scorpio.com/

*/
/* 
    Created on : Nov 12, 2016, 1:23:35 AM
    Author     : ahmed
*/
@import url('https://fonts.googleapis.com/css?family=Cairo|Ubuntu');
body{
    padding: 0;
    margin:0;
    width: 100%;
    font-family: 'Ubuntu';
    font-size: 14px;
}
p,div,h1,h2,h3,h4,h5,ul{
    padding: 0;
    margin: 0;
}
h2{
    color:#feb81d;
    font:normal bold 18px 'Ubuntu'
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
a{
    text-decoration: none;
}
.fa-search{
    font:normal normal normal 24px FontAwesome !important;
    border:none !important;
    margin:0 !important;
}
a.fa-search:hover{
    background: none!important;
    color: #ffb81d!important
}
.row{
    width: 100%;
    display: block;
}
.search-contaier{
    text-transform: uppercase;
}
.right{
    float:right
}
.left{
    float: left
}

.close-accordion{
    display: none;
}
.open-accordion{
    display: block;
}
button.widget-header-title{
    background:transparent url('../images/tinypng/arrow-down.png') no-repeat 224px 4px;
}
button.open-btn{
    background:transparent url('../images/tinypng/arrow-up.png') no-repeat 224px 4px;
}
ul{
    list-style: none;
}
hr{
    border:none;
    border-bottom: solid 1px #ffb81e;
}
/******************* First **************/
.yellow-header-container{
    background: #ffb81d;
    width:100%;
    display: block;
    border: 0;
    padding: 0;
    margin:0;
    height: 37px;
}
.container{
    width:1125px;
    margin:0 auto;
}
.social-icon-container{
    float:left;
    width:30%;
    padding-top: 4px;
}
.social [class*="fa fa-"] {
    background-color: #000;
    border-radius: 30px;
    color: #ffb81d;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
}
.login-container{
    float:right;
    width:50%;
    text-align: right;
    padding-top:7px;
}
.login-btn:hover{
    background-color: #0f0e0e;
    color:#ffb81d;
    font-weight: bold;
}
.login-btn{
    margin-right: 15px;
}
.login-btn,.signup-btn{
    background-color:  transparent;
    background: none;
    box-shadow: none;
    border:1px solid #222;
    border-radius: 30px;
    font-size: 14px;
    color: #111;
    padding: 3px 35px;
    font-family: 'Ubuntu', Arial;
}
.signup-btn:hover{
    background-color: transparent;
    color: #111;
    font-weight: normal;
}
.signup-btn{
    background-color: #0f0e0e;
    color: #ffb81d;
    font-weight: bold;
    font-family: 'Ubuntu', Arial;
}
.gray-container{
    background-color: rgba(0, 0, 0, 0.8);
    padding: 20px 0;
}
.gray-container .container{
    display: flex;
    align-items: center;
}
.header-menu-section{
    background: transparent url('../images/tinypng/header-image.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}
.logo-container{
    float:left;
    width:30%;
}
.menu-container{
    float:right;
    width:70%;
}
.menu-container li{
    float:left;
    list-style: none;
}
.menu-container li a{
    padding: 10px 15px;
    font-size: 16px;
    font-family: Arial;
    color: #ffb81d;
    text-decoration: none;

}
.menu-container li a:hover{
    border-bottom:1px solid #feb81d;
}
.menu-container li:last-child a{
    padding-right:0px
}
.search-contaier{
    padding-top: 8%;
    text-align: center;
}
.search-contaier h2{
    font:normal bold 72px 'Ubuntu';
    color: #ffb81d;
    margin-bottom: 10%;
    text-transform: uppercase
}
.search-input{
    width:60%;
    border:none;
    border-bottom: 1px solid #ffb81d;
    background: transparent;
    box-shadow: none;
    outline: none;
    color:#ccc;
    font-size: 17px;
    font-family: 'Ubuntu';
}
.search-input:focus{
    outline: none;
}
.search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ccc;
    font-size: 17px;
    font-family: 'Ubuntu';
    font-style: italic;
}
.search-input::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
    font-size: 17px;
    font-family: 'Ubuntu';
    font-style: italic;
}
.search-input:-ms-input-placeholder { /* IE 10+ */
    color: #ccc;
    font-size: 17px;
    font-family: 'Ubuntu';
    font-style: italic;
}
.search-input:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
    font-size: 17px;
    font-family: 'Ubuntu';
    font-style: italic;
}
.search-contaier .fa-search{
    color: #feb81d;
    text-decoration: none;
    cursor:pointer;
    font-size: 24px;
    margin-left:20px;
}
/**************** footer ****************/
footer{
    background: transparent url('../images/tinypng/footer-image.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 318px;
}
.fo-gray-section{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 19px 0 0 0;
}
.fo-gray-section div{
    margin:0 15px;
    width: 24%;
}
.fo-gray-section div:first-child{
    margin-left:0
}
.fo-gray-section div:last-child{
    margin-right: 0;
}
.fo-gray-section h2{
    text-transform: uppercase;
    margin-bottom: 10px;
}
.footer-logo{
    margin:0 auto;
    width:100%;
}

.subjects-container li,.information-container li{
    list-style: none;
    border-bottom: 1px solid #feb81d;
}
.subjects-container li:last-child,.information-container li:last-child{
    border-bottom: none;
}
.subjects-container li a,.information-container li a{
    color:#d1d1d1;
    font-size: 18px;
    font-family: 'Ubuntu';
    display: block;
    width: 100%;
    padding: 10px 0;
    text-decoration: none;
}
.contact-us-container ul{
    display: flex;
    flex-direction: column;
    align-content: center;
}
.contact-us-container li{
    list-style: none;
    color:#d1d1d1;
    padding: 14px 0;
    vertical-align: middle;
    font-family: 'Ubuntu';
    font-size: 13px;
}
.contact-us-container li img{
    float:left;
    width:27px;
    margin-right: 10px;
}
.contact-us-container a{
    color: #f5b324;
    font-size: 50px;
    text-decoration: none;
    border-radius: 0!important;
}
.copyright-section{
    font-size: 12px;
    padding: 15px 0;
    line-height: 25px;
    width:100%;
    background: #fff;
}
.copyright-section span{
    font-weight: bold;
}
.color-copyright{
    color: #a97400;
    display: flex;
    flex-direction: row;
}
.color-copyright p:first-child{
    justify-content: flex-start;
    width:80%
}
.color-copyright p:last-child{
    justify-content: flex-end;
    width:20%;
    color: #000;
    text-align: right;
}
.body{
    display: flex;
    flex-direction: row;
    padding-top:50px; 
}
.left-sidebar{
    width:25%;
    padding: 0 10px 20px 0 ;
    height: 100%;
}
.advice-container{
    font-size: 17px;
}
.left-widget{
    background: #ffb81d;
    padding: 15px 0 0 0;
    margin-top:20px
}
.widget-contaier{
    display: flex;
    flex-direction: row;
    padding:20px 0; 
    background-color: #222; 
    min-height: 40px;
}
.widget-selector,.widget-labels{
    display: flex;
    flex-direction: column;
}
.widget-selector input{
    margin-bottom: 12px
}
.widget-labels span{
    margin-bottom: 10px;
}
.widget-selector{
    margin-left:20px
}
.widget-labels{
    margin-left:10px;
    font:italic normal 16px 'Ubuntu';
    color: #fff;

}
.widget-header:after{
    content: " ";
    display: block;
    width:100%;
    height: 100%;
    clear: both;
    margin-bottom: 10px;
}
.widget-header-title{
    float:left;
    width: 90%;
    margin-left:20px;
    font:normal bold 17px 'Ubuntu';
}
button.widget-header-title{
    text-align: left;
    outline: none;
    margin-bottom: 10px;
    border:none;
}
#only-one button{
    background-color: transparent;
    padding: 0;
    border:0;

}
#only-one button:after{
    top:0;
    right:0;
}
.close-content{
    background: transparent url('../images/tinypng/arrow-down.png') no-repeat;
}
.gray-circle,.yellow-circle{
    display: flex;
    width:80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #222;
    margin-top: 20px;
    color:#ffb81d;
    text-align: center;
    font:normal normal  14px 'Ubuntu';
    align-items: center;
    justify-content: center;
    z-index: 123;
    position: relative;
}
.yellow-circle{
    background-color: #ffb81d;
    top:10px;
    color:#2d2d2d;
    font-size:14px;
}
.yellow-circle a{
    color:#2d2d2d;
}
.right-sidebar{
    width:75%;
    padding-left: 20px;
    border-left: 1px solid #ffb81d;
}
.sort-by-container{
    text-align: right;
}
.sort-by-container select{
    width: 250px;
    height: 40px;
    background-color: #222;
    padding-left: 15px;
    color:#ffb81d;
    font:normal bold 17px 'Ubuntu';
}
.result-container{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    clear: both;
    margin-top:40px
}
.item-result-container{
    width:33.33%;
    padding-right: 15px ;
    position: relative;
    /*    text-align: center;*/
    margin-bottom: 40px;
}
.item-result-container:nth-child(3){
    padding-right:0px;       
}
.item-result-container{
    position: relative;
    top:0;
    left:0;
}
.item-result-container > img{
    position: absolute;
    top:0px;
    left: 20%;
    z-index: 123
}
.item-content{
    width: 100%;
    background:#f2f2f2;
    padding-top:80px; 
    position: relative;
    top:67px;
    left:0;

}
.fa-star:before,.fa-comment:before{
    color:#ffb81d;
}
.like-comment-contaier{
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}
.like-comment-contaier p:nth-child(1),.like-comment-contaier p:nth-child(2){
    width:48%;
    text-align: right;
}
.like-comment-contaier p:nth-child(2){
    text-align: left;
    margin-left:5%;
}
.like-comment-contaier p span{
    font:normal bold 14px 'Ubuntu';
    margin-left:5px;
}
.specification-container{
    display: flex;
    flex-direction: row;
}
.specification-title,.specification-rate{
    display:flex;
    flex-direction: column;
    width:50%;
}
.specification-title span,.specification-rate span{
    border-bottom: 1px solid #f5b324;
    width:92%;
    margin-left:10px;
    font:normal bold 14px 'Ubuntu';
    padding: 10px 0;
}
.specification-title span:last-child,.specification-rate span:last-child{
    border-bottom: 0;
    padding-bottom: 50px;
}
.specification-rate span{
    margin:0;
    font-weight: normal;
}
.pagerpagination-container{
    margin:0 auto;
    text-align: center;
    margin-bottom: 40px;
}
.pagerpagination-container a{
    display: inline-table;
    padding: 10px 15px;
    background-color: #222;
    color: #ffb81d;
    text-decoration: none;
    font:normal bold 18px 'Ubuntu';
    border-radius: 50%;
    margin-right: 10px;

}
.contact-us-container > h2 + p{
    font:normal normal 18px 'Ubuntu';
    color:#d1d1d1
}
.subjects-container h2,.information-container h2,
.contact-us-container h2{
    margin-left:-20px
}
.copyright-section .container > p{
    text-align: center;
}
/****************** Home **********************/
#home .header-menu-section{
    background-image:url('../images/tinypng/header-image-home.jpg');
    height: 770px;
}
#home .search-contaier h2{
    text-transform: capitalize;
    margin-bottom: 1%;
}
#home .search-contaier p{
    color: #ffb81d;
    font: normal normal 24px 'Ubuntu';
    margin-bottom: 13%;
}
#home .search-contaier{
    padding-top:10%;
}
.looking-for-contianer span{
    font:normal normal 36px 'Ubuntu';
    color: #ffb81d;
}
.looking-for-contianer input{
    width: 255px;
}
.looking-for-contianer a{
    background: transparent;
    border:3px solid #f5b324;
    color:#f5b324;
    font:normal normal 24px 'Ubuntu';
    padding:5px 30px;
    border-radius: 30px;
    margin: 100px 10px 0 0;
    display: inline-block;
}
.looking-for-contianer a:last-child{
    background:#f5b324;
    color: #575858;
}
.looking-for-contianer a:last-child:hover{
    background:transparent;
    color:#f5b324;
}
.looking-for-contianer a:hover{
    background:#f5b324;
    color: #575858;
}
.home-container{
    padding: 80px 0 20px 0;
}
.home-container h1{
    text-align: center;
    color: #ffb81d;
    font:normal bold 36px 'Ubuntu';
    margin-bottom: 60px;
}
.qualified-container{
    display: flex;
    flex-direction:row;
}
.qualified-content{
    width:33%;
    margin-right:1%;
    position: relative;
    top:0;
    left:0;
    margin-bottom: 80px;
}
.qualified-content > div.clearfix{
    background-color:#f2f2f2;
    padding:15px 0 60px 0;
    border-radius:9px
}
.qualified-content h2{
    font:normal bold 30px 'Ubuntu';
    color:#2d2d2d;
    text-align: center;
    padding-bottom: 15px; 
}
.qualified-item-links a img{
    width: 80px;
    height: 80px
}
.qualified-item-links a{
    width:80px;
    height: 80px;
    margin: 20px 20px;
    float:left;
}
.qualified-item-links a span.yellow-circle{
    top:0;
    right:0;
    margin-top:0px;
    position: relative;
    left:0px
}
.qualified-item-list{
    list-style: none;
    padding: 0px 15% 0 15%;
}
.qualified-item-list li{
    text-align: center;
    padding: 15px 0;
    border-bottom: solid 1px #feb81d;
    font:normal normal 18px 'Ubuntu';
}
.qualified-content .yellow-circle{
    background-color: #ffb81d;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: -35px;
    left: 39%;
    top:auto;

}
.jobs-services-container{
    width: 100%;
    display: flex;
    flex-direction: row
}
.services-container{
    width:50%;
    background: #ffb81d;
    float:left;
    padding-left: 11%
}
.services-container h2{
    font:normal bold 32px 'Ubuntu';
    color:#2d2d2d;
    margin:20px 0
}
.jobs-container{
    width:50%;
    background: #2d2d2d;
    float:left;
    padding-right: 11%;
    padding-left: 4%;
}
.jobs-container h2{
    font:normal bold 32px 'Ubuntu';
    color: #ffb81d;
    margin: 20px 0;
}
.service-content,.jobs-content{
    display: flex;
    flex-direction: row;
}

.service-content a{
    font:normal normal 24px 'Ubuntu';
    color: #2d2d2d;
}
.left-service-content-item,.right-service-content-item{
    display: flex;
    flex-direction: column;
    width:50%;
}
.left-jobs-content-item{
    display: flex;
    flex-direction: column;
    width:10%;
}
.right-jobs-content-item{
    display: flex;
    flex-direction: column;
    width:90%;
}
.service-item,.jobs-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px
}
.left-service-content-item p,.right-service-content-item p,
.left-jobs-content-item p,.right-jobs-content-item p{
    padding-right:15px;
}
.jobs-content a{
    color: #ffb81d;
    background:transparent url('../images/tinypng/arrow-right.png') no-repeat center right;
    display: block;
    width: 100%;
    line-height: 25px;
}
.jobs-content a span.title{
    font:normal normal 20px 'Ubuntu';    
}
.jobs-content a span.left{
    font:normal normal 15px 'Ubuntu';
    float:left;
}
.jobs-content a span.right{
    font:normal bold 15px 'Ubuntu';
    float:right;
    margin-right: 50px
}
.jobs-content a span.line{
    display: block;
    width:95%;
    content: " ";
    border-bottom: solid 1px #ffb81d;
    clear:both;
    margin-top: 20px;
    height: 100%
}
.about.container h2{
    font:normal bold 36px 'Ubuntu';
    margin:40px;
    text-align: center;
}
.flex-row{
    display: flex;
    flex-direction: row;
}
.about .flex-row div{
    width:50%;
}
.about-works-read{
    border-left: solid 1px #ffb81d;
    padding-left:20px;
    font:normal normal 18px 'Ubuntu';
    color: #2d2d2d;
    line-height: 30px;
}
.about-read-more-btn{
    background: #ffb81d;
    border-radius: 25px;
    padding: 10px 35px;
    float: right;
    color: #2d2d2d;
    font:normal normal 14px 'Ubuntu';
    margin: 20px 0;
}
.comments-container{
    background: #f2f2f2;
    margin-top: 10px;
    padding-bottom: 40px
}
.comments-container h2{
    font:normal bold 40px 'Ubuntu';
    color:#2d2d2d;
    text-align: center;
    padding:30px 0;
}
.comment{
    text-align: center
}
.comment p{
    font:normal normal 16px 'Ubuntu';
    color: #2d2d2d;
    text-align: center;
    min-height: 120px;
    max-height: 120px;
    line-height: 25px;
}
.comments-container .flex-row .comment{
    width:32%;
    padding-right: 5%;
}
.comment h3{
    color:#f5b324;
    font:normal bold 20px 'Ubuntu';
}
.comment span{
    font:normal bold 14px 'Ubuntu';
    color: #2d2d2d;
}
/****************************************************popup*******************************************************************************************************/
#mask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}

/* You can customize to your needs  */
.login-popup {
    display: none;
    background: #f5b324;
    padding: 10px;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    border-radius: 10px;
    -moz-border-radius: 10px;
    /* Firefox */
    -webkit-border-radius: 10px;
    /* Safari, Chrome */;
}
.login-popup h2{
    font:normal bold 48px 'Ubuntu';
    color:#222;
    text-align: center;
    margin:20px 0;
}
img.btn_close {
    /*  Position the close button*/
    float: right;
    margin: -28px -28px 0 0;
    width:30px;
    height: 30px;
}

fieldset {
    border: none;
}

#login-box form.sigin .textbox input {
    background: transparent;
    border:none;
    color: #fff;
    font: normal normal 18px 'Ubuntu';
    padding: 6px 6px 4px;
    width: 82%;
    outline: none;
}

#login-box form.sigin input:-moz-placeholder {
    font:italic normal 18px 'Ubuntu';
    color:#636363;
}

#login-box form.sigin input::-webkit-input-placeholder {
    font:italic normal 18px 'Ubuntu';
    color:#636363;
}

#login-box form.sigin .textbox input.button {
    border: none;
    background: transparent;
    font:normal bold 28px 'Ubuntu';
    color: #ffb81d;
    display: block;
    width: 100%;
    height: 40px;
}
#login-box form.sigin .textbox input.button:hover{
    cursor: pointer;
}
.login-submit{
    float: right;
    border-bottom: 45px solid #222;
    border-right: 0px solid transparent;
    border-left: 30px solid transparent;
    height: 0;
    width: 135px;
    color: #f5b324;
    font: normal normal 30px 'Ubuntu';
    justify-content: center;
}
#login-box form.sigin .flex-row{
    margin-top: 20px;
    align-items: center;
}
#login-box form.sigin .flex-row div{
    width:60%
}
#login-box form.sigin .field-container{
    display: flex;
    flex-direction: row;
    border-bottom: solid 1px #222;
    margin-bottom: 30px;
}
#login-box form.sigin .field-container span{
    border-bottom: 45px solid #222;
    border-left: 0px solid transparent;
    border-right: 30px solid transparent;
    height: 0;
    width: 50px;
    color: #f5b324;
    font: normal normal 30px 'Ubuntu';
    display: flex;
    justify-content: center;
}
#login-box .field-container select{
    width:82%;
    outline: none;
}
#login-box .placeholder,#login-box .field-container select{
    font:italic normal 18px 'Ubuntu';
    color:#636363;
    background: transparent;
    border:none;
}
select option{
    color:#000;
}
.fa-user,.fa-unlock-alt{
    margin-top:8px
}
.forgot{
    font:normal normal 14px 'Ubuntu';
    color:#222;
    float: right;
    text-decoration: underline;
}
#remember-me{
    width: auto;
}
.submit.button{
    float:right;
}
.have-not-account{
    text-align: center;
    width: 100%;
    margin-top: 30px
}
.have-not-account a{
    font:normal normal 14px 'Ubuntu';
    color: #222;
    text-decoration: underline
}
#sign-up-box.login-popup{
    background: #222
}
#sign-up-box.login-popup h2{
    color: #f5b324;
    font:normal bold 48px 'Ubuntu';
    text-align: center;
    margin:20px 0;
}
.sign-up p{
    width:412px;
    margin:0 auto;
    margin-bottom: 25px;
    text-align: center;
}
.sign-up p a{
    display: block;
    background: #fff;
    padding: 25px;
    text-align: center;
    font:normal normal 24px 'Ubuntu';
    color:#222;
}
#sign-up-box .have-not-account a{
    color: #f5b324;
}
#login-box select,#su-job-poster #login-box select:focus{
    padding: 0;
    margin: 0;
    box-sizing:inherit;
    outline: none
}
#login-box form.sigin .textbox input#remember-me{
    margin-right: 2px!important;
    width:auto;
}
/***********************************************************************************************************************************************************/
/**************************************************************** signup job poster ************************************************************************/
#su-job-poster{
    background-color: #222;
}
#su-job-poster .header-menu-section {
    background-image: url(../images/tinypng/header-signup.jpg);
    height: 530px;
}

.su-job-poster-container .note{
    width: 50%;
    text-align: right;
    font: normal normal 18px 'Ubuntu';
    color: #ffb81d;
    margin:40px 0 15px 0;
    float:right;
}
#su-job-poster .flex-row input{
    width:48%;
    margin-right:2%;
    border: solid 1px #ffb81d;
    background: transparent;
    padding: 20px 20px;
    font:normal bold 18px 'Ubuntu';
    color:#ffb81d;
    outline: none;
}
#su-job-poster .flex-row input:nth-child(2){
    margin-right: 0;
    margin-left: 2%;
}
#su-job-poster ::-webkit-input-placeholder{
    color: #ffb81d;
}
#su-job-poster ::-moz-placeholder { /* Firefox 19+ */
    color: #ffb81d;
}
#su-job-poster :-ms-input-placeholder { /* IE 10+ */
    color: #ffb81d;
}
#su-job-poster :-moz-placeholder { /* Firefox 18- */
    color: #ffb81d;
}
#su-job-poster select,#request-tutor .body select{
    padding: 20px 20px;
    width: 52%;
    margin-left: 2%;
    border: solid 1px #ffb81d;
    background: transparent;
    background-image:
        linear-gradient(45deg, transparent 40%, #fdb81c 60%),
        linear-gradient(135deg, #fdb81c 40%, transparent 60%);
    /*    linear-gradient(to right, skyblue, skyblue);*/
    background-position:
        calc(108% - 68px) calc(1.5em + 1px),
        calc(108% - 51px) calc(1.5em + 1px),
        100% 0;
    background-size:
        17px 17px,
        17px 17px,
        2.5em 2.5em;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    font: normal bold 18px 'Ubuntu';
    color:#ffb81d;
}
#su-job-poster select:focus,#request-tutor .body select:focus {
    background-image:
        linear-gradient(45deg, #fdb81c 40%, transparent 60%),
        linear-gradient(135deg, transparent 40%, #fdb81c 60%);
    /*    linear-gradient(to right, gray, gray);*/
    background-position:
        calc(108% - 51px) calc(1.5em + 1px),
        calc(108% - 68px) calc(1.5em + 1px),
        100% 0;
    background-size:
        17px 17px,
        17px 17px,
        2.5em 2.5em;
    background-repeat: no-repeat;
    border-color: grey;
    outline: solid 2px #ffb81d;

}
#su-job-poster .flex-row select:nth-child(1){
    margin-left: 0;
    margin-right: 2%;
}
#su-job-poster select option,#request-tutor .body select option{
    background: #222;
    outline: solid 2px #ffb81d;
    border: solid 1px #ffb81d;
    font:normal bold 18px 'Ubuntu';
    color: #ffb81d
}
#su-job-poster .flex-row{
    margin-bottom: 30px;
}
#su-job-poster .row select{
    width:100%;
    margin:0;
    background-position:
        calc(103.5% - 68px) calc(1.5em + 1px),
        calc(103.5% - 51px) calc(1.5em + 1px),
        100% 0;
    margin-bottom: 30px;
}
#su-job-poster .row select:focus{
    background-position:
        calc(104% - 51px) calc(1.5em + 1px),
        calc(104% - 68px) calc(1.5em + 1px),
        100% 0;
}
#su-job-poster .row textarea{
    width:98%;
    height: 115px;
    background: transparent;
    border: solid 1px #ffb81d;
    outline: none;
    font:normal bold 18px 'Ubuntu';
    padding:15px 0 0 20px ;
    margin-bottom: 30px;
    color: #ffb81d;
}
#su-job-poster .row input{
    width:96.5%;
    margin-right:2%;
    border: solid 1px #ffb81d;
    background: transparent;
    padding: 5px 20px;
    font:normal bold 18px 'Ubuntu';
    color:#ffb81d;
    margin-bottom: 30px;
}
.row ::-webkit-file-upload-button {
    background:#ffb81d;
    color: #222;
    padding: 10px 30px;
    float:right;
    border:none;
    border-radius: 4px;
}
.register-btn-container{
    text-align: center;
    margin:0 auto;
}
.register-btn-container button,.btn-container button{
    background: #ffb81d;
    border: none;
    border-radius: 20px;
    padding: 5px 80px;
    font:normal bold 18px 'Ubuntu';
    color:#222;
    margin-bottom: 30px;
}
.btn-container{
    text-align: right;
}
/************************************************************* tabs *****************************************************/
.su-tutor-navbar.su-tutor-black{
    float:left;
    list-style: none;
    margin: 40px 0 15px 0;
    border:solid 1px #ffb81d;
    border-radius: 25px;
}
.su-tutor-navbar.su-tutor-black li{

}
.su-tutor-navbar.su-tutor-black li:last-child{
    border-right:none;
}
.su-tutor-navbar.su-tutor-black li a{
    padding: 15px 35px;
    display: block;
    color: #fff;    
}
.su-tutor-navbar.su-tutor-black li.active{
    background: #ffb81d;
    color:#222;
}
.w3-red{
    color: red;
}


/**************************************************************/
ul.tab {
    overflow: hidden;
    float:left;
    list-style: none;
    margin: 40px 0 15px 0;
    border:solid 1px #ffb81d;
    border-radius: 25px;
}

/* Float the list items side by side */
ul.tab li {
    float:left;
    border-right:solid 1px #ffb81d
}
ul.tab li:last-child{
    border-right:none;
}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;    
    padding: 15px 35px;
    display: block;
    color: #fff;  
    font:normal normal 18px 'Ubuntu';
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ffb81d;
}

/* Create an active/current tablink class */
ul.tab li a:focus,ul.tab li a.active {
    background-color: #ffb81d;
    color:#222;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    color:#ffb81d
}
/*************************************************************************************************/
div.label { 
    margin: 0; 
    padding: 0; 
    margin-left: 20px; 
    font-size: 100%; 
    font-weight: bold; 
} 

ul.checkbox   { 
    margin: 0; 
    padding: 0; 
    margin-left: 20px; 
    list-style: none; 
} 
ul.checkbox li{
    margin-bottom: 10px;
}
ul.checkbox li input  { 
    margin-right: .25em; 
}
#su-job-poster .row input[type~="checkbox"]{
    width:auto;
    margin-bottom: 0;
}
.col-03{
    width: 32%;
    padding:1% 2% 0 2%;
    color:#ffb81d;
    font:normal normal 16px 'Ubuntu';
    color:#fff;
}
#Teaching hr{
    border:none;
    border-bottom: solid 1px #ffb81d;
    width:95%;
    margin-bottom: 15px
}
#Teaching .flex-row{
    margin-bottom: 10px
}
#Teaching section{
    border:solid 1px #ffb81d;
    padding-top:15px;
    border-radius: 10px;
    margin-bottom: 20px;
}
#Teaching .row > .checkbox{
    font:normal bold 18px 'Ubunte';
    text-transform: uppercase;
}
#Teaching .row input{
    padding: 20px;
    outline: none;
    border-radius: 10px;
}
#Teaching .row input[type~="file"]{
    padding: 7px 20px
}
#Teaching .row h2{
    font:normal bold 18px 'Ubuntu';
    margin:0 0 10px 20px;
}
#su-job-poster .location .flex-row select,.location .flex-row select:nth-child(1){
    width: 46%;
    margin:15px 2%;
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.custom-file-input::before {
    content: 'Select some files';
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}
.custom-file-input:hover::before {
    border-color: black;
}
.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
/************************************************************************ search jobs ***************************************************************/
#search-jobs .header-menu-section{
    background: transparent url('../images/tinypng/header-image-search-jobs.jpg') no-repeat;
    height: 500px;
    background-size: cover;
}
.advice-container .yellow-circle{
    top:0;
    margin:0;
    width:60px;
    height: 60px;
}
#search-jobs .advice-container{
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.advice-container h2{
    font:normal bold 30px 'Ubuntu';
    color:#000;
    margin-left:25px;
}
.fa-filter{
    font-size: 30px;
    color:#fff;
}
.widget-contaier.time{
    display: block;
    padding-right: 25px;
    padding-left: 25px;
}
.widget-contaier.time h3{
    font:italic normal 18px 'Ubuntu';
    color:#fff;
    margin-bottom: 5px;
}
.widget-contaier.time select{
    border:none;
    background: #feb81d;
    margin-right:15px;
    width: 150px;
    height: 27px;
    font:normal bold 11px 'Ubuntu';
    margin-bottom: 5px
}
.widget-contaier.time select:nth-child(3),.widget-contaier.time select:nth-child(6){
    width:46px;
    margin-right: 0px
}
.payment{
    padding-left:25px;
    padding-right: 20px;
}
.payment a{
    border:solid 1px #ffb81d;
    padding: 5px 20px;
    margin-right: 20px;
    height: 15px;
    width:50px;
    color:#ffb81d;
}
#search-jobs .left-sidebar .yellow-circle{   
    margin: 10px 0 0 40px;
    font:normal normal 20px 'Ubuntu';
}
#search-jobs .left-sidebar .gray-circle{
    margin-left: 20px;
    font:normal normal 18px 'Ubuntu';
}
.flex-row .pagerpagination-container{
    text-align: left;
    margin: 0;
    width: 50%;
}
.flex-row .sort-by-container{
    width: 50%;
}
.search-job-item{
    width:80%;
    background-color:#f2f2f2;
    border:solid 1px #ffb81d;
    border-right: none;
    padding:20px 40px 20px 20px;
    align-items: center;
}
.search-job-item img{
    margin-right:30px;
}
.search-job-item-info{
    width:75%;
}
.search-job-item-info p{
    font:normal bold 16px 'Ubuntu';
    width: 80%;
    color:#222;
}
.search-job-item-info .flex-row{
    border-bottom: solid 1px #ffb81d;
    padding: 10px 0; 
}
.search-job-item-info span{
    width:20%;
    text-align: right;
}
.search-job-item-info .row p{
    text-align: center;
    padding-top: 10px 
}
.assign-date{
    width:20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.assing-date-header{
    background: #222;
    color:#ffb81d;
    padding:20px 0;
    font:normal normal 18px 'Ubuntu';
    width: 100%;
    text-align: center;
}
.assing-date-body{
    background: #ffb81d;
    font:normal normal 24px 'Ubuntu';
    text-align: center;
    padding:45px 0;
    color:#222;
    width:100%;
}
.search-job-item-container{
    margin:20px 0;
}
/******************************************************************************QAT************************************************/
#qat-body .header-menu-section,#qat_2-body .header-menu-section{
    background: transparent url('../images/tinypng/header-image-QAT.jpg') no-repeat;
    background-size: cover;
    height: 500px;
}
#qat-body .qat-container h2{
    text-align: center;
    color:#222;
    font:normal bold 36px 'Ubuntu';
    margin:40px 0;
}
.cours-item{
    background: #222;
    border-radius: 35px 7px;
    margin:20px;
}
.cours-item a{
    display: flex;
    align-items: center;
    width: 300px;
    height: 150px;
    justify-content: center;
    color:#fff;
    font:normal bold 30px 'Ubuntu';
}
.cours-container .flex-row{
    justify-content: center;
}
.exam-container-btn{
    text-align: center
}
.exam-container-btn a {
    width: 215px;
    height: 55px;
    border-radius: 7px 7px 35px 35px;
    background: #ffb81d;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 15px;
    color: #222;
    font:normal bold 18px 'Ubuntu';
}
/************************************************************* qat_2 ******************************************************************************/
#qat_2-body .qat_2-container.container{
    width:1004px;
    margin:0 auto;
}
#qat_2-body .qat_2-container.container > h2{
    text-align: center;
    font:normal bold 36px 'Ubuntu';
    color: #222;
    margin:40px 0;
}
.question-list-container a{
    display: block;
    width:100%;
    padding:10px 20px;
    color:#222;
    font:normal bold 20px 'Ubuntu';
    text-transform: uppercase;
}
.question-list-container li.active{
    background: #ffb81e;
}
.question-list-container li{
    border:solid 1px #ffb81e;
    margin:10px 0;
}
.qat_2-controlar{
    width: 100%;
}
.qat_2-controlar li{
    float: left;
    font:normal bold 16px 'Ubuntu';
    width:29.5%;
    border: solid 1px #ffb81e;
    margin-right:2%;
    text-transform: uppercase;
}
.qat_2-controlar li a{
    padding:20px 20px;
    display: block;
    color: #222;
}
.qat_2-controlar li:first-child{
    border:none;
    width:35%;
}
.qat_2-controlar li:first-child a{
    background: #222;
    font:normal bold 18px 'Ubuntu';
    color:#ffb81e;
}
.qat_2-controlar li:last-child{
    margin-right: 0;
    float:right;
}
.question-item-container{
    width:100%;
}
.question-item{
    background: #ffb81e;
    margin:20px 0;
    padding: 0 20px 20px;
    font:normal normal 16px 'Ubuntu';
}
.question-item .title{
    font:normal bold 18px 'Ubuntu';
    color: #222;
    text-transform: uppercase;
    padding:10px 0;
}
.answer-container{
    width:100%;
    padding: 20px 0;
}
.answer{
    width:50%;
    margin-right:2px;
    background: #222;
    padding: 20px 0;
    color:#fff;
}
.answer:last-child{
    margin-left:20px;
}
.answer p:first-child{
    width:15%;
    text-align: center;
    font: normal bold 24px 'Ubuntu'; 
    border-right: solid 1px #fff;
}
input[type="radio"]{
    margin: 0px 0 0 -4px;
} 
.answer p:last-child{
    width:85%;
    font:normal normal 16px 'Ubuntu';
    padding-left:20px;
    padding-right: 20px;
}
#qat_2-body .right-sidebar{
    border: none;
}
#qat_2-body .left-sidebar{
    border-right: solid 1px #ffb81e;
}
/************************************************ job-details *****************************************************************************/
#job-details .header-menu-section{
    background: transparent url('../images/tinypng/header-job-details.jpg') no-repeat;
    background-size: cover;
    height: 500px;
}
#job-details .left-sidebar{
    width: 31%;
}
#job-details .right-sidebar{
    width: 69%;
}
.pre-school-item-container{
    align-items: center;
    display: flex;
    flex-direction: row;
    margin:20px 0;
    height: 65px;

}
.pre-school-item{
    width:40%;
    background: #ffb81e;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
    font:normal bold 18px 'Ubuntu';

}
.pre-school-item-result{
    width:60%;
    background: #222;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffb81e;
    font:normal normal 18px 'Ubuntu';
    border-radius: 0 20px 20px 0;
}
.left-column{
    width:50%;
    margin-right:2%
}
.right-column{
    width:50%;
}
.column-header{
    background: #ffb81e;
    font:normal bold 18px 'Ubuntu';
    color: #222;
    padding: 5px 15px;
}
.column-body{
    color: #ffb81e;
    text-align: center;
    padding:5px;
    font: normal normal 18px 'Ubuntu';
    background: #222;    
}
.column-body:after,.column-body ul:after{
    content: " ";
    width:100%;
    height: 100%;
    clear: both;
    display: block;
}
.column-body ul li{
    float:left
}
.column-body ul li:last-child{
    margin-left: 10px;
}
#job-details .right-sidebar .row,#job-details .right-sidebar .flex-row{
    margin-bottom: 20px;
}
/************************************************************* request-tutor *******************************************************/
#request-tutor .header-menu-section{
    background: transparent url('../images/tinypng/header-request-tutor.jpg') no-repeat 0 0 ;
    background-size: cover;
    height: 530px;
}
#request-tutor .body{
    display: block;
}
#request-tutor .row,#request-tutor .flex-row{
    margin-bottom: 20px;
}
#request-tutor .body input[type="text"]{
    width: 90%;
    margin:0 auto;
    background: transparent;
    border: none;
    border-bottom: solid 1px #ffb81e;
    padding:10px 0;
    color:#ffb81e;
    margin-bottom: 10px;
    font:normal normal 18px 'Ubuntu';
}
#request-tutor .body ::-webkit-input-placeholder{
    text-align: right;
    font:normal normal 14px 'Ubuntu';
    color: #5a5a5a;   
}
#request-tutor .body ::-moz-placeholder{
    text-align: right;
}
#request-tutor .body select{
    width:95%;
    border:none;
    border-bottom: solid 1px #ffb81e;
    padding: 10px 0;
    margin-bottom: 10px;
    background-position: calc(108% - 68px) calc(.8em + 1px), calc(108% - 51px) calc(0.8em + 1px), 100% 0;
}
#request-tutor .body select:focus{
    background-position: calc(108% - 51px) calc(.9em + 1px), calc(108% - 68px) calc(.9em + 1px), 100% 0;
    border:none;
    border-bottom: solid 1px #ffb81e;
    outline:none;
}
#request-tutor .body select option{
    font:normal normal 14px 'Ubuntu';
    color: #5a5a5a; 
}
#request-tutor .body select{
    font:normal normal 18px 'Ubuntu';
}
#request-tutor .body .row p.column-header{
    text-align: center;
    font:normal bold 24px 'Ubuntu';
    padding: 10px 0;
    margin:20px 0;
}
.next-request-tutor{
    float:right;
    margin:20px 0;
}
.next-request-tutor .gray-circle,.back-request-tutor .gray-circle{
    font: normal bold 24px 'Ubuntu';
}
.next-request-tutor:after{
    content: " ";
    display:block;
    width:100%;
    height: 100%;
    visibility: visible;
    clear: both;
}
.back-request-tutor{
    float:left;
    margin:20px 0;
}
.back-request-tutor .gray-circle{
    margin-top:0;
}
.send-request-tutor{
    background: #ffb81e;
    border-radius: 20px;
    float: right;
    margin: 40px 0
}
.send-request-tutor a{
    text-transform: uppercase;
    font:normal bold 18px 'Ubuntu';
    padding: 10px 50px;
    display: inline-block;
    color: #222;
}
.prefered-day-container th{
    text-align: left;
    border-bottom: solid 1px #ffb81e;
    padding-left:10px
}
.prefered-day-container td{
    text-align: left
}
.prefered-day-container tr td:nth-child(2){
    padding-left:10px;
}
.prefered-day-container tr td.time-period{
    width:50px;
}
.prefered-day-container tr td.time-period select{
    padding-left:15px!important;
}
#request-tutor .body .prefered-day-container td select {
    border:none;
    background: #ffb81e;
    color:#000;
    font:normal bold 12px 'Ubuntu';
    padding-left:20px;
    margin-bottom: 0;
}
.prefered-day-container,
.preferred-type .right-column,
.contact-mode .right-column{
    width:67.5%;
}
.prefered-day-container + .right-column,
.preferred-type .left-column,
.contact-mode .left-column{
    width:32.5%;
}
.list-no-float ul li{
    float:none;
    text-align: left;
}
.list-no-float ul li input{
    margin-right:20px;
}
.list-no-float ul,.contact-mode .left-column .column-body ul{
    margin-top:20px;
}
.list-no-float ul li:last-child{
    margin-left:0;
}
.request-tutor_2 .column-body ul li{
    float:none;
    text-align: left;
}
.request-tutor_2 .column-body .col-03:nth-child(2) ul{
    margin-left: 0
}
.request-tutor_2 .column-body ul li:last-child{
    margin-left: 0
}
.contact-mode .left-column .column-body{
    padding-left:20px;
}
.contact-mode .left-column .column-body input{
    margin:0 10px 20px 0
}
.contact-mode .right-column .column-body textarea{
    width: 95%;
    min-height: 120px;
    background: transparent;
    border:none;
    max-height: 150px;
    text-align: left;
    padding: 0;
    font:normal normal 16px 'Ubuntu';
    color: #ffb81e;
    outline: none;
}
.contact-mode .right-column .column-body ::-webkit-input-placeholder{
    text-align: left!important;
}
/********************************************* profile *****************************************************/
.profile-body{
    width:1022px;
    margin:0 auto;
    display: flex;
    flex-direction: row;
    background: #e6e6e6;
    margin-top: 100px;
    position: relative;
    top:0;
    left:0;
    padding: 0 20px 20px;
    margin-bottom: 100px;
    min-height: 480px
}
#profile .header-menu-section{
    background: transparent url('../images/tinypng/header-profile.jpg') no-repeat 0 0;
    background-size: cover;
    height: 600px;
}
#profile .search-contaier{
    margin-top: 5%;
}
.profile-body .left-column{
    width: 35%;
}
.profile-body .right-column{
    width: 65%;
}
.item-image-container{
    position: relative;
    top:0;
    left:0;
    width: 341px;
    height: 281px;
}
.item-image-container img{
    position: absolute;
    top:-80px;
    left:20px;
}
.profile-body .left-column h2{

    font:normal bold 48px 'Ubuntu';
    color:#000;
    margin:0 auto;
    text-align: center;
}
.rate{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top:30px;
}
.rate li{
    margin-right: 10px;
    font:normal bold 34px 'Ubuntu';
}
.rate li:nth-child(2){
    margin-right:20px;
}
.profile-body .left-column .yellow-circle{
    width:108px;
    height: 108px;
    margin:0;
    margin-right: 20px;
    position:relative;
    bottom: 0;
}
.contact-yellow-container{
    justify-content: center;
    position: absolute;
    left:6%;
    bottom: -20px;
}
.profile-body .right-column .tab li a{
    display: flex;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background-color: #222;
    margin: 20px 10px 0 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    z-index: 123;
    position: relative;
    border:0;
    padding: 0;
    font:normal normal 14px 'Ubuntu';
    color:#ffb81e;
}
.profile-body .right-column .tab li{
    border:none;
}
.profile-body .right-column .tab li a:focus,
.profile-body .right-column .tab li a.active{
    background: #ffb81e;
    color: #222;
}
.profile-body .right-column{
    position:relative;
    top:0;
    right: 0;
    padding-top: 80px;
}
.profile-body .right-column .tab{
    border:0;
    position: absolute;
    top:-80px;
    right:0;
    margin:0;
    margin-bottom: 20px;
}
.profile-body .right-column .column-header{
    background: transparent url('../images/tinypng/column-header.png') no-repeat 0 0;
    color:#ffb81e;
}
.profile-body .right-column .row .column-body{
    text-align: center;
}
.profile-body .right-column .column-body{
    background: transparent url('../images/tinypng/column-body-1.png') no-repeat 0 0;
    color:#222;
    text-align: right;
}
.profile-body .right-column .row,
.profile-body .right-column .flex-row{
    margin-bottom: 20px;
}
.profile-body .right-column .left-column{
    width:50%;
}
.profile-body .right-column .right-column{
    padding-top: 0;
}
#Teaching .column-body{
    padding-left: 40px;
}
#Teaching .column-body .flex-row .left-column{
    width:25%
}
#Teaching .column-body .flex-row .left-column li,
#Teaching .column-body .flex-row .right-column li{
    float:none;
    text-align: left;
    font-size: 14px
}
#Teaching .column-body .flex-row .left-column li:first-child,
#Teaching .column-body .flex-row .right-column li:first-child{
    font-weight: bold;
}
#Teaching .column-body .flex-row .left-column li:last-child,
#Teaching .column-body .flex-row .right-column li:last-child{
    margin-left: 0;
}
#Teaching .column-body .flex-row .right-column{
    width:75%;
    text-align: center
}
#Teaching .column-body .flex-row .right-column li{
    text-align: center;
}
#Teaching .row:first-child .column-body .flex-row .right-column li{
    text-align: left;
}
#Teaching .column-body,#Confidence .column-body{
    font-size: 14px;
}
#Confidence .column-header{
    background: transparent url('../images/tinypng/column-header-2.png') no-repeat 0 0;
}
#Confidence .row .column-body{
    padding: 10px 0 10px 40px;
    text-align: center;
}
#Confidence .row .column-body a{
    display: inline-block;
    width:50%;
    background: #222;
    color:#ffb81e;
    font-size: 18px;
    padding:10px 0;
    text-decoration: underline
}
.write-review{
    width:100%;
    background: #222;
    border: none;
    color: #ffb81e;
    padding: 15px 0;
    border-radius:  30px;
    font-size: 18px;
}
/********************************************************** notification popup *************************************************************/
#notification.login-popup{
    background: transparent url('../images/tinypng/notification-bg.jpg') no-repeat center top;
    background-size: cover;
}
.notificaition-popup{
    padding: 40px 40px 10px;
    text-align: center;
}
.textbox h2{
    font:normal bold 48px 'Ubuntu';
    color:#222;
    text-transform: uppercase;
    margin-bottom: 50px
}
.textbox p{
    font:normal bold 24px 'Ubuntu';
    color:#222
}
.textbox div + p{
    margin-bottom: 50px!important;
}
.textbox h3{
    font:normal bold 36px 'Ubuntu';
    color:#222;
    margin: 15px 0;
}
.orang-btn{
    color: #fff;
    font:normal bold 24px 'Ubuntu';
    text-transform: uppercase;
    padding: 10px 30px;
    background: #ff5200;
    border-radius: 30px;
    display: inline-block;
    margin-top: 20px;
}
/*************************************************************** eMail ******************************************************/
.email-popup-header{
    background: transparent url('../images/tinypng/email-popup.jpg') no-repeat 0 0;
    height: 84px;
}
.small-logo{
    float:left;
}
.small-logo img{
    margin:20px 0 0 25px;
}
.email-content{
    width:720px;
    background: #232323;
}
.email-content fieldset{
    width:100%;
    margin:0;
    padding: 0;
}
.email-popup-social{
    float:right;
    padding:25px 0;
}
.email-popup-social a{
    font-size: 28px;
    color: #ffb81e;
    margin-right:10px;    
}
.email-content h2{
    font:normal bold 22px 'Ubuntu';
    color: #ffb81e;
    margin:30px 0 45px 30px;
}
.email-content p{
    font:normal bold 18px 'Ubuntu';
    color: #ffb81e;
    padding-left: 40px;
}
.email-content li{
    color: #fff;
    padding: 20px 20px 20px 40px;    
}
.email-content li img{
    margin-right:25px;
    width:auto;
    height: auto;
    float:left;
}
.email-content li span{
    float: left;
    width:80%;
    font:normal normal 16px 'Ubuntu';
}
.email-content li:after{
    clear: both;
    content:" ";
    width:100%;
    height: 100%;
    display: block;
}
.email-content ul{
    margin-bottom: 50px
}
.email-content hr{
    border: none;
    border-top: solid 2px #ffb81e;
    background: #12171c;
    height: 16px;
}
.email-content .copyright-section {
    color:#2d2d2d;
    
}
.email-content .copyright-section > div > p > span{
    font-weight: bold !important;    
}
.email-content .copyright-section > div > p {
    text-align: center;
    color:#2d2d2d;
    font-size: 9px;
    font-weight:normal;
}
.email-content .copyright-section .color-copyright > p:first-child{
    font-size: 9px;
    color: #a97400;
    padding-left: 20px;
}
.color-copyright p:last-child{
    font-size: 9px;
    font-weight: normal;
}