
@font-face {
    font-family: Bitter;
    src: url(../fonts/fonts/Bitter/Bitter-Bold.ttf);
}
@font-face {
    font-family: Old_Standard_TT;
    src: url(../fonts/fonts/Old_Standard_TT/OldStandard-Regular.ttf);
}
@font-face {
    font-family: PT_Sans_Narrow;
    src: url(../fonts/fonts/PT_Sans_Narrow/PT_Sans-Narrow-Web-Regular.ttf);
}

@font-face {
    font-family: Certificate;
    src: url(../fonts/fonts/certificate.ttf);
}
@font-face {
    font-family: Courgette;
    src: url(../fonts/fonts/Courgette-Regular.ttf);
}
@font-face {
    font-family: Roboto Bold;
    src: url(../fonts/Courgette-Regular.ttf);
}
@font-face {
    font-family: Roboto Light;
    src: url(../fonts/RobotoCondensed-Light.ttf);
}
@font-face {
    font-family: Roboto;
    src: url(../fonts/RobotoCondensed-Regular.ttf);
}

html{
    width: 100%;
    height: 100%;
    font-size:14px;
    /*background:#fff;*/
    overflow-x:hidden;
}
body {
    height:100%;
    font-size:14px;
    color:#666666;
/*   font-family: Roboto;*/
    font-family: Times New Roman; /* this css is necesary for preventing the font changing after reloading the map */
   /*font-family: Slabo27px;*/
    /*-webkit-print-color-adjust:exact;*/
}
h1,h2,h3,h4,h5,h6{
    font-family: Roboto, Roboto Light, Roboto Bold;
    /*text-align: center !important;*/ 
    text-align: left !important; 
}
.h3{
    font-size:16px;
    text-align: center !important;
}
.h2{
    font-size:16px;
    text-align: center !important;
}
h3,h2{
    font-size:16px;
}
/*span{
        color:#80c12c;
}*/

a{
    color:#80c12c;
    font-family: Roboto, Roboto Light, Roboto Bold;
    word-wrap: break-word ;
}
a:hover,a:after{
    text-decoration:none;
    color:#dd4b39;
}
.red{
    color:#dd4b39;
}
.red:hover,.red:after{
    color:#80c12c;
}
.green{
    color:#80c12c;
}
.gray-font{
    color:#A3A3A3;
}
/* Form-control */
.form-control{
    border:1px solid #80c12c;
    font-size:12px;
    box-shadow: inset 0 1px 1px rgba(128, 193, 44, .075)
}
.input-group-addon {
    border:1px solid #80c12c;
}
.green-btn{
    width:100%;
    color:#fff;
    background:#80c12c;
    border:1px solid #6fc005;
    font-family: Roboto, Roboto Light, Roboto Bold;
}
.green-btn:hover{
    color:#fff;
    background:#80c12c;
    border:1px solid #6fc005;
    opacity:0.8;
}
.btn{
    font-size:16px;
    /*padding:5px 12px;*/
}

.btn-success{
    background:#8CC73F;
    border:1px solid #73AE28;
    font-size: 14px;
    color:#fff;

}
.btn-gray{
    background:#F2F9EA  !important;
    border:1px solid #73AE28;
    font-size: 14px;
    color:#fff;

}
.btn-gray:hover{
    background:#F2F9EA !important;
    border:1px solid #73AE28;
    font-size: 14px;
    color:#fff;

}

li{
    list-style-type: none;
}
.btn-success:hover{
    background:#80c12c;
    border:1px solid #73AE28;
    opacity:0.9;
    font-size: 14px;
    color:#fff;
}

.btn-twitter-custom{
    background:#2795E9;
    border:1px solid #73AE28;
    color:#fff;
    margin-bottom: 20px;
    border-color: rgba(0,0,0,0.2);
}


.btn-twitter-custom:hover{
    background:#2795E9;
    border:1px solid #73AE28;
    opacity:0.9;
    /*font-size: 14px;*/
    color:#fff;
    border-color: rgba(0,0,0,0.2);
}




.btn-facebook-custom{
    background:#3b5998;
    border:1px solid #73AE28;
    color:#fff;
    margin-bottom: 20px;
    border-color: rgba(0,0,0,0.2);
}


.btn-facebook-custom:hover{
    background:#3b5998;
    border:1px solid #73AE28;
    opacity:0.9;
    /*font-size: 14px;*/
    color:#fff;
    border-color: rgba(0,0,0,0.2);
}




.btn-linkedin-custom{
    background:#0e76a8;
    border:1px solid #73AE28;
    color:#fff;
    margin-bottom: 20px;
    border-color: rgba(0,0,0,0.2);
}


.btn-linkedin-custom:hover{
    background:#0e76a8;
    border:1px solid #73AE28;
    opacity:0.9;
    /*font-size: 14px;*/
    color:#fff;
    border-color: rgba(0,0,0,0.2);
}


.btn-yahoo-custom{
    background:#720e9e;
    border:1px solid #73AE28;
    color:#fff;
    margin-bottom: 20px;
    border-color: rgba(0,0,0,0.2);
}


.btn-yahoo-custom:hover{
    background:#720e9e;
    border:1px solid #73AE28;
    opacity:0.9;
    /*font-size: 14px;*/
    color:#fff;
    border-color: rgba(0,0,0,0.2);
}




.btn-google-custom{
    background:#db4a39;
    border:1px solid #73AE28;
    color:#fff;
    margin-bottom: 20px;
    border-color: rgba(0,0,0,0.2);
}


.btn-google-custom:hover{
    background:#db4a39;
    border:1px solid #73AE28;
    opacity:0.9;
    /*font-size: 14px;*/
    color:#fff;
    border-color: rgba(0,0,0,0.2);
}


/*.social-padding-right{
    padding-right: 80px;
}*/
.social-icon{width: 300px}
.checkbox {
    padding-left: 20px; }
.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 2px;
    margin:5px auto;
    font-size: 14px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #80c12c;
    border-radius: 3px;
    /*background-color: #80c12c;*/
    color:#fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; 
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    background-color: #80c12c;
    color:#fff;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 13px;
    color: #555555; 
}
.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1; 
}
.checkbox input[type="checkbox"]:focus + label::before{
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; 
}
.checkbox input[type="checkbox"]:checked + label::after{
    font-family: "FontAwesome";
    content: "\f00c"; 
}
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; 
}
.checkbox input[type="checkbox"]:disabled + label::before{
    background-color: #eeeeee;
    cursor: not-allowed; 
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%; 
}
.checkbox.checkbox-inline {
    margin-top: 0; 
}

.checkbox-primary input[type="checkbox"]:checked + label::before{
    background-color: #337ab7;
    border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after{
    color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before{
    background-color: #d9534f;
    border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before{
    background-color: #5bc0de;
    border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after{
    color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before{
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after{
    color: #fff; }

.radio {
    padding-left: 20px; 
}
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; 
    font-size: 14px;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #80c12c;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 14px;
    height: 14px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); 
}
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1; 
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); 
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; 
}

/*input[type="date"] {
   -moz-binding: url('chrome://global/content/bindings/datetimepicker.xml#datepicker-grid');
 }*/

.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; 
}
.radio.radio-inline {
    margin-top: 0; 
}
.radio-primary input[type="radio"] + label::after {
    background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
    border-color: #80c12c; }
.radio-success input[type="radio"]:checked + label::after {
    background-color: #80c12c; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #80c12c;
    border: 1px solid #80c12c;
    border-bottom-color: transparent;
    padding-right: 15px;
}
/*<<<<<<<<<<<<<<<<<<<<<<<------tab-------->>>>>>>>>>>>>>>>>>>>>>*/
.nav > li > a:hover,.nav > li > a:focus {
    color: #fff;
    text-decoration: none;
    /*border: 1px solid #80c12c;*/
    background-color: #80c12c;
}


.nav > li > a:-webkit-scrollbar,.nav > li > a:focus {
    color: #fff;
    text-decoration: none;
    /*border: 1px solid #80c12c;*/
    background-color: #80c12c;
}


ul#tabs.nav.nav-tabs{
    height:45px;
    border-bottom:3px solid #80c12c;
}

/*<<<<<<<<<<<<<<<<<<<----------accordion---->>>>>>>>>>>>>>>>>>>*/
/*
.panel-default > .panel-heading {
        background-color: #80c12c;
        border:1px solid #80c12c;
        color:#fff;
        text-align:left;
}*/
.panel-default > .panel-body {
    text-align:left;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    text-align:left;
}

.panel-default > .panel-heading {
    background-color: #80c12c;
    border: 1px solid #80c12c;
    color: #fff;
    text-align: left;
}
/* /.Form-control */

/* Navbar */
.navbar-default{
    width:100%;
    height:51px;
    /*background:none;*/
    background:#F2F9EA !important;
    border:none;
    position:fixed;
    display:inline-block;
    border:0px solid red;
}
.navbar-default >.container-fluid{
    /*	border:1px solid red; */
    padding:0 2%;
}
.navbar-default:hover{
    border-bottom:0px solid #ccc;
    background:#F2F9EA;
    opacity:1;
    transition: all .5s ease 0s;
    -webkit-box-shadow:0 0 10px rgba(204,204,204,0.8);
    -moz-box-shadow:0 0 10px rgba(204,204,204,0.8);
    box-shadow:0 0 10px rgba(204,204,204,0.8);

}



.navbar-default .navbar-collapse{
    width:100% !important;
    background:#F2F9EA;
    /*opacity:0.8;*/
}
.navbar-default:hover .navbar-collapse{
    width:100% !important;
    border-bottom:0px solid #ccc;
    background:#F2F9EA;
    /*opacity:0.8;*/
    transition: all .5s ease 0s;
}
.navbar-default:hover .navbar-default .navbar-form {
    background:none;
}

.navbar-form{
    margin-left:0px;
    margin-right:0px;
}
.navbar-default ul li:active{
    background:none;
}
.nav > li > a {
    /*padding: 15px 0px 10px 15px;*/
    /* border:1px solid red;*/
}
.nav > li >.right-padding-zero{
    padding: 15px 0px 10px 15px;
}
.navbar-default .navbar-nav > .active > a{
    background:#80c12c;
    /*opacity:0.8;*/
    color:#fff;
    border:none;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    padding:12px;
    margin-top:3px;
    font-family: Roboto, Roboto Light, Roboto Bold;
}
.navbar-default .navbar-nav > .active > a >.fa{
    padding:4px 6px;
    /*background:#fff;*/
    color:#fff;
}
.navbar-default .navbar-nav > .active > a >.fa:hover{
    color:#333;
}
.navbar-default:hover .navbar-nav > .active > a{
    color:#fff;
}
.navbar-default:hover .navbar-nav > .active > a:hover{
    background:#80c12c;
    color:#333;
}
.navbar-default:hover .navbar-nav > li > a {
    border-right: 0px solid #ccc;
}
.navbar-default:hover .navbar-nav > li > a:hover {
    color:#80c12c;
}



/*.navbar-default .navbar-nav > .active > a >.fa:-webkit-scrollbar {
    color:#333;
}
.navbar-default:-webkit-scrollbar .navbar-nav > .active > a{
    color:#fff;
}
.navbar-default:-webkit-scrollbar .navbar-nav > .active > a:hover{
    background:#80c12c;
    color:#333;
}
.navbar-default:-webkit-scrollbar .navbar-nav > li > a {
    border-right: 0px solid #ccc;
}
.navbar-default:-webkit-scrollbar .navbar-nav > li > a:hover {
    color:#80c12c;
}*/



/*.navbar-default:hover ul li{
        border-right:2px solid red;;
}
.navbar-default:hover ul form{
        border-right:2px solid red;;
}*/
/*#hMenu{
    position:absolute;
    top:0;  
    display:none;
}*/

.navbar-default:hover #hMenu {
    overflow: auto;
    /*position: relative;*/

    display : block;
    /*background-color: white;*/
    width: auto;
}

#hMenu {
    overflow: auto;
    position: relative;
    display : block;

    /*display : none;*/
    /*background-color: white;*/
    /*z-index: 999999999;*/
}



/*.navbar-default ::-webkit-scrollbar .test{
   
    display:block;

}*/
/*::-webkit-scrollbar {
    
    background-color: red;
}
::-webkit-scrollbar:hover .test {
    
 display:block;
}*/

.user_image{
    margin-left: 20px;margin-top: 10px;
}
#search-menu{
    width:500px;
}
.navbar-collapse.in {
    overflow-x:visible;
    overflow-y:visible;
}
/*@media(max-width:768px){
        .navbar-default >.container-fluid{
                 padding:0% 2%;
        }
        #search-input{
                width:auto;
                margin-left:10px;
        }
}
@media(min-width:769px) {
        #search-input{
                width:400px;
                margin-left:50px;
        }
}*/

@media(min-width:240px) and (max-width:1365px) {
    .navbar-default >.container-fluid{
        padding:0% 2% 0% 0%;
    }
}

@media (max-width:799px){


    #emailPreview{
        width:300px !important;
        margin:0 auto;
    }
}

/* /.Navbar */

/* Home page header */

@media  (min-width:850px) and (max-width:1920px) {
    .header1 {
        /*background: url(../images/talha_new1.jpg) no-repeat center center fixed;*/ 
        display: table;
        color: #fff;
        position: relative;
        /*height: 100%;*/
        width: 100%;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }
}
/*@media  (min-width:300px) and (max-width:849px) {
    .header1 {
        background: url(../images/talha_new2.jpg) no-repeat center center fixed; 
        display: table;
        color: #fff;
        position: relative;
        height: 100%;
        width: 100%;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }
}*/
/*@media  (min-width:200px) and (max-width:599px) {
    .header1 {
        background: url(../images/talha_new500.jpg) no-repeat center center fixed; 
        display: table;
        color: #fff;
        position: relative;
        height: 100%;
        width: 100%;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
    }
}*/

/*.header1 {
    background: url(../images/talha_new1.jpg) no-repeat center center fixed; 
    display: table;
    color: #fff;
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}*/
.header1 h2{
    font-family: Roboto, Roboto Light, Roboto Bold;
    font-style:italic;
    font-size:40px;
    margin-bottom:25px;
}

.header1 .header-content {
    vertical-align:middle;
    position: relative;
    width: 100%;
    padding: 100px 15px;
    text-align: center;
    border:0px solid #fff;
}

.header1 .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 700;
    color:#3c3c3c;
    font-size:65px;
    font-family: Roboto, Roboto Light, Roboto Bold;
}
.header1 .header-content .header-content-inner .green {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 700;
    color:#80c12c;
    font-size:65px;
    font-family: Roboto, Roboto Light, Roboto Bold;
}
.header1 .header-content .header-content-inner .red {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 700;
    color:#f01c23;
    font-size:75px;
    font-family: Roboto, Roboto Light, Roboto Bold;
}

.header1 .header-content .header-content-inner hr {
    margin: 30px auto;
}

.header1 .header-content .header-content-inner p {

    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255,255,255,.7);

}
.header-btn-active{
    background: #80c12c;
    /* opacity: 0.8; */
    width: 300px;
    height: auto;
    text-align: left;
    margin: 1% auto;
    padding: 5px;
    padding-left: 7%;
    border: 1px solid #6fc005;
    font-size: 16px;
    color: #fff;
    font-family: Roboto, Roboto Light, Roboto Bold;
}
.header-btn-active:hover,.header-btn-active:after{
    opacity:0.9;
    color:#fff;
}

@media(min-width:768px) {
    /*    .header1 {
            min-height: 100%;
        }*/

    .header1 .header-content {
        margin-top:5%;
        position: absolute;
        top: 50%;
        padding: 0 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .header1 .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    .header1 .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 16px;
    }

}
/* /.Home page header */

/* Service section */
.service{
    position: relative;
    display:table;
    width: 100%;
    height:auto;
    /*min-height: 100%;*/
    /*padding-top:20px;*/
    text-align: center;
    color: #666666;
    background:#fff;
}
.service-inner{
    margin:5% 10%;
}
.service-button{
    margin-left:5px;
    margin-bottom:20px;
    padding:10px 20px;
    border:2px solid #D6D6D6;
    background:#f8f8f7;
    border-radius:3px;
    cursor:pointer;
    font-size: 18px;
}
.service-button:hover{
    border:3px solid #a70b0c;
    opacity:1;
    color:white;
    font-size: 18px;
    background-color: 	#e93f33;
    -webkit-box-shadow: 0px 0px 15px -4px rgba(233,63,51,1);
    -moz-box-shadow: 0px 0px 15px -4px rgba(233,63,51,1);
    box-shadow: 0px 0px 15px -4px rgba(233,63,51,1);
    transition-duration: 2s;
}
.service-button i{
    font-size:52px;
    /*color:#80c12c;*/
    border-bottom:2px solid #ccc;
    margin:5%;
    padding-bottom:5%;
    font-weight:normal;
}
/* /.Service section */

/* /Login page login section */
.login{
    position: relative;
    display:table;
    width: 100%;
    height:auto;
    /*min-height: 100%;*/
    padding-top:50px;
    text-align: center;
    color: #666666;
    background:#F2F9EA;
    border:0px solid red;
}
.login-inner{
    width:60%;
    margin:auto;
    padding:2%;
    margin-top:20px;
    margin-bottom:10%;
    border:1px solid #C0E096;
    border-radius:4px;
    background:#fff;
}
.col-border{
    border-left:1px solid red;
    padding-left:10%;
}
.login > .login-inner > .white-bg > .col-md-3 > form >.input-group >.form-control{
    height:44px;
    border:1px solid #ccc;
} 
.forgot_password_btn{
    width:70%;
    height:44px;
    vertical-align:middle;
    padding-top:3%;
    text-align: 0 auto;
    background:#80c12c;
    color:#fff;
    border:1px solid #6fc005;
    border-radius: 500px;
} 
.sign-in-btn{
    width:25%;
    height:35px;
    vertical-align:middle;
    padding-top:1%;
    background:#80c12c;
    color:#fff;
    border:1px solid #6fc005;
    border-radius: 500px;
    margin-left:120px;
} 
.sign-in-btn1{
    width:25%;
    height:35px;
    vertical-align:middle;
    padding-top:1%;
    background:#80c12c;
    color:#fff;
    border:1px solid #6fc005;
    border-radius: 500px;
} 
.sign-in-btn:hover{
    background:#80c12c;
    color:#fff;
    opacity:0.9;
}
/*.sign-in-btn{
        background:#80c12c;
        opacity:0.8;
        width:100%;
        height:44px;
        text-align: center;
        margin: 1% auto;
        padding-top:10px;
        border:1px solid #128622;
        color:#fff;
}*/
.white-bg{
    padding:5%;
    /*	background-color:#fff;*/
}
.underline{
    text-decoration: underline;
}
@media only screen and (max-width: 768px) {
    .login-inner{
        width:100%;
    }
}
/* /.Login page login section */

/* /Sign-up page sign-up section */
.sign-up{
    position: relative;
    display:table;
    width: 100%;
    height:auto;
    min-height: 100%;
    padding-top:50px;
    text-align: center;
    color: #666666;
    background:#F2F9EA;	
}
.sign-up-inner{
    width:60%;
    margin:auto;
    padding:2%;
    margin-top:20px;
    margin-bottom:10%;
    border:1px solid #C0E096;
    border-radius:4px;
    background:#fff;
}
/*.sign-up > .sign-up-inner > .white-bg row > .col-md-6 > form > .form-group > .btn{
        width:100% !important;
        border:2px solid red;
}*/
@media only screen and (max-width: 768px) {
    .sign-up-inner{
        width:100%;
    }

}
#country .btn-default{
    width:100%;
    border:2px solid #80c12c;
}
/* /.Sign-up page sign-up section */

/* Course page course section */
.course{
    position: relative;
    display:table;
    width: 100%;
    height:auto;
    min-height: 100%;
    padding-top:80px;
    padding-bottom:80px;
    text-align: center;
    color: #666666;
    background:#fff;
}
.course h1{
    margin-bottom:20px;
}
.course h3{
    text-align:left;
}
.course >.row{
    border:1px solid #D6D6D6;
    width:80%;
    margin:auto;
    padding:10px;
    background:#F3F3F3;
    border-radius:3px;
}
.gray{
    background:#F2F9EA;
    margin:auto;
    padding:10px 10px 10px 0px;
    border-radius:3px;
    border:1px solid #eee;
}
.white{
    background:#FCFCFC;
    margin:auto;
    padding:10px 10px 10px 0px;
    border-radius:3px; 
    border:1px solid #eee;
}
.course >.row >.col-md-3{
    background:#fff;
    border:0px solid red;
    border-radius:3px;
    width:20%;
    padding:10px;
    margin-right:10px;
}
.course >.row >.col-md-3 >.gray{
    padding-left:15px;
    text-align:left;
    margin-bottom:10px;
}
.course >.row >.col-md-3 >.white{
    background:#FCFCFC;
    padding-left:15px;
    margin-bottom:10px;
}
.course >.row >.col-md-3 h3{
    color:#dd4b39;
    margin-top:0;	
}
@media only screen and (max-width: 768px) {
    .course >.row,
    .course >.row >.col-md-3,
    .course >.row >.col-md-9{
        float:left;
        width:100% !important;
    }
}
.course >.row > .col-md-3 >.gray >ul{
    padding-left:20px;
    text-align:left;
}
.course >.row >.col-md-3 >.gray >ul >li {
    text-align:left;
    list-style:none;
    color:#80c12c;	
}
.course >.row >.col-md-3 >ul >li >a{
    text-align:left;
    color:#80c12c;	
}
.checkbox,.radio{
    text-align:left;
}
.course >.row >.col-md-9{
    width:79%;
    background:#fff;
    text-align:left;
    /*	padding-top:20px;
            padding-right:25px;
            padding-bottom:20px;*/
    padding:10px;
    border:0px solid #ccc;
    border-radius:3px;
    height:100%;
}
.course >.row >.col-md-9 >div >.row{
    margin-bottom:10px;
}
.rating,.rating-read-only{
    margin-bottom:2%;
    color:#dd4b39;
}
.course-pagination{
    vertical-align:middle;
    text-align:center;
}
.pagination > li > a, .pagination > li > span{
    font-weight:700;
    color:#80c12c;
}
.pagination >li >span{
    color:#80c12c;
    background:#fff;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #fff;
    background-color: #80c12c;
    border-color: #80c12c;
}
/* /.Course page course section */

/* Course-detail page course-detail section */
.course-detail{
    position: relative;
    display:table;
    width: 100%;
    height:auto;
    min-height: 100%;
    padding-top:80px;
    padding-bottom:80px;
    text-align: center;
    color: #666666;
    background:#fff;
}
.course-detail >.row{
    border:1px solid #D6D6D6;
    width:80%;
    margin:auto;
    padding:10px;
    background:#F3F3F3;
    border-radius:3px;
}
.course-detail >.row >.col-md-12{
    background:#fff;
    text-align:center;
    padding:10px;
    border:0px solid #ccc;
    border-radius:3px;
    height:100%;
}
.course-detail-tab{
    margin:5% auto;
}
.panel-default > .panel-heading > a{
    color:#fff;
}
.panel-default > .panel-heading >a:hover,
.panel-default > .panel-heading >.a:after {
    color:#333;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body >a >.fa {
    color:#80c12c;;
    font-size:20px;
    padding:5px;
    margin-right:5px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body >a:hover{
    color:#333;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body >a >span{
    padding-top:5px;
}

.pop{
    margin-bottom:0; 
    background:none; 
    color:#80c12c; 
    border:none; 
    padding:10px 15px;
}
#work-files >.tab-content >.text-justify >a >i{
    font-size:20px;
    margin-right:8px;
}
#work-files >.tab-content >.text-justify >a:hover{
    color:#777;
}
/*Tab search icon button*/
.search{
    border:none;
}
.tab-content{
    background-color:#fff; 
    border:1px solid #eee; 
    border-radius:3px; 
    border-top:0;	
    -webkit-box-shadow:0 0 10px rgba(230,230,230,0.8);
    -moz-box-shadow:0 0 10px rgba(230,230,230,0.8);
    box-shadow:0 0 10px rgba(230,230,230,0.8);
}
.tab-content >.tab-pane >.row{
    margin:20px 0px;
}
.tab-bg{
    background:#fff;margin:0px 0px 0px 5px; 
    border-radius:3px; 
    border:1px solid #ccc;
    border-top:0; 
    -webkit-box-shadow: 0 0 10px rgba(230,230,230,0.8);
    -moz-box-shadow: 0 0 10px rgba(230,230,230,0.8);
    box-shadow: 0 0 10px rgba(230,230,230,0.8);
}
.popover-content{
    padding:0;
    width:auto;
    height:auto;
    display:block;
}
@media only screen and (max-width: 768px) {
    .course-detail >.row,
    .course >.row >.col-md-12,
    .course >.row >.col-md-12 >.login,
    .course >.row >.col-md-12>login >.login-inner{
        width:100%;
    }
}
/* /.Course-detail page course-detail section */

/* Back to top */
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(178, 178, 178, 0.9) url(../images/uparr-48-b.png) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}
/* /.back-to-top */

/* Footer section */
footer{
    height:auto;
    background:#FCFCFC;
    line-height:.5;
    font-size:14px;
    border-top:5px solid #80c12c;
}
footer .container-fluid{
    width:80%;
    margin:0% auto;
    padding:2% 0%;
    border:0px solid red;
}
footer .container-fluid .row .col-md-3 h4{
    color:	#80c12c;
}
footer .container-fluid .row .col-md-3 .btn{
    width:100%;
}
footer .container-fluid .row .col-md-3 a{
    color:	#8b8b8b;
}
footer .container-fluid .row .col-md-3 a:hover{
    color:	#333;
    text-decoration:none;
}
footer .container-fluid .row .col-md-3 p{
    line-height:1.5em;
    font-size:16px;
    color:#8b8b8b;
}
/*footer .container-fluid .row .col-md-3 .social {
          background-color: #c6c6c6;
          font-size: 18px;
          width: 36px;
          height: 36px;
          line-height: 36px;
          text-align: center;
          color:#fff;;
          margin-right:5px;
          border-radius:50%;
          text-decoration:none;
          transition: all .5s ease 0s;
}
footer .container-fluid .row .col-md-3 .social:hover {
        color:#80c12c;
}*/
.footer-social{
    background:#eee;
    text-align:center;
    padding:30px;
}
.footer-social .page-header{
    border-bottom:1px solid #ccc;
}
.footer-social .fa{
    background-color: #B2B2B2;
    font-size: 24px;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color:#fff;;
    margin-right:10px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    text-decoration:none;
    transition: all .5s ease 0s;
}
.footer-social .fa:hover{
    color:#dd4b39;
}
.footer-bottom{
    height:85px;
    padding-top:35px;
    background:#80c12c;
    text-align:center;
    color:#fff;
}
.footer-links{
    color:#585858;
    font-size:16px;
    line-height:1.8em;
}

/*suddam */

.gray_ttc{
    background:#F2F9EA;
    margin:auto;
    border-radius:3px;
    /*border:1px solid #eee;*/
}

#edit_pencil{display: none}
#main_profile:hover #edit_pencil{
    display: inline-block;
    width: 50px;
    margin-top: 10px;
}
#experience_profile:hover #edit_pencil{
    display: inline-block;
    width: 50px;
    margin-top: 10px;
}
#experience_profile:hover #edit_pencil{
    display: inline-block;
    width: 50px;
    margin-top: 10px;
}
#experience_profile:hover #edit_pencil{
    display: inline-block;
    width: 50px;
    margin-top: 10px;
}
#experience_profile:hover #edit_pencil{
    display: inline-block;
    width: 50px;
    margin-top: 10px;
}

#course_edit:hover #edit_pencil{
    display: inline-block;
    width: 50px;
    margin-top: 10px;
}
#language_edit:hover #edit_pencil{
    display: inline-block;
    width: 50px;
    margin-top: 10px;
}
#Education_Edit:hover #edit_pencil{
    display: inline-block;
    width: 50px;
    margin-top: 10px;
}
#interest_edit:hover #edit_pencil{
    display: inline-block;
    width: 50px;
    margin-top: 10px;
}
#organization_edit:hover #edit_pencil{
    display: inline-block;
    width: 50px;
    margin-top: 10px;
}

.course-detail-tab{
    /*margin:10% auto;*/

}
#message_panel{
    margin-bottom: 0;
    z-index: 1232545;
    position: relative;
    float: right
}

section .container-fluid {
    width: 80%;
    margin: 0% auto;
    padding: 2% 0%;
}
header .container-fluid {
    width: 80%;
    margin: 0% auto;
    padding: 2% 0%;
}
.bg_view{
    border: 1px solid #D6D6D6;
    padding: 10px;
    background: #F3F3F3;
    border-radius: 3px;
}




@media(min-width:1024px) {
    #search-menu{
        width:auto;
    }
    #search-input{
        width:220px;
        /*margin-left:0;*/
    }
    #emailPreview{
        width:500px !important;
        margin:0 auto;
    }

    #searchContainer{
        width:220px !important;
        margin-left: -258px !important;
    }
    #searchUContainer{
        width:220px !important;
        margin-left: 15px !important;
    }
    #searchTitle{
        width:210px !important;

    }
}

@media (min-width:1280px) {

    #search-input{
        width:350px;

        margin-left:60px;
    }

    #searchContainer{
        width:350px !important;
        margin-left: -388px !important;
    }
    #searchUContainer{
        width:350px !important;
        margin-left: 75px !important;
    }
    #searchTitle{
        width:340px !important;

    }

}
@media (min-width:1366px) {

    #search-input{
        width:400px;
        margin-left:60px;
    }

    #searchContainer{
        width:400px !important;
        margin-left: -438px !important;
    }
    #searchUContainer{
        width:400px !important;
        margin-left: 75px !important;
    }
}
@media (min-width:1440px) {

    #search-input{
        width:450px;

        margin-left:60px;
    }

    #searchContainer{
        width:450px !important;
        margin-left: -488px !important;
    }

    #searchUContainer{
        width:450px !important;
        margin-left: 75px !important;
    }

}

@media (min-width:1680px) {

    #search-input{
        width:500px;

        margin-left:100px;
    }

    #searchContainer{
        width:500px !important;
        margin-left: -538px !important;
    }

    #searchUContainer{
        width:500px !important;
        margin-left: 115px !important;
    }



}

@media (min-width:1920px) {

    #search-input{
        width:600px;

        margin-left:100px;
    }
    #searchContainer{
        width:600px !important;
        margin-left: -638px !important;
    }

    #searchUContainer{
        width:600px !important;
        margin-left: 115px !important;
    }

}


@media (min-width:916px) and (max-width:1023px){

    #search-input{
        width:200px;
    }
    #emailPreview{
        width:350px !important;
        margin:0 auto;
    }

    #searchContainer{
        width:200px !important;
        margin-left: -240px !important;
    }
    #searchUContainer{
        width:200px !important;
        margin-left: 15px !important;
    }


    #searchTitle{
        width:190px !important;

    }


}
@media (min-width:852px) and (max-width:915px){

    #search-input{
        width:150px;
        /*margin-left:60px;*/
    }

    #emailPreview{
        width:300px !important;
        margin:0 auto;
    }

    #searchContainer{
        width:150px !important;
        margin-left: -190px !important;
    }

    #searchUContainer{
        width:150px !important;
        margin-left: 15px !important;
    }

    #searchTitle{
        width:140px !important;

    }

}
@media (min-width:788px) and (max-width:851px){

    #search-input{
        width:100px;
        /*margin-left:60px;*/
    }

    #searchContainer{
        width:100px !important;
        margin-left: -139px !important;
    }

    #searchUContainer{
        width:100px !important;
        margin-left: 15px !important;
    }

    #searchTitle{
        width:90px !important;

    }

}
@media (min-width:768px) and (max-width:787px){

    #search-input{
        width:80px;
        /*margin-left:60px;*/
    }

    #searchContainer{
        width:80px !important;
        margin-left: -120px !important;
    }

    #searchUContainer{
        width:80px !important;
        margin-left: 15px !important;
    }

    #searchTitle{
        width:70px !important;

    }

}



/*header .container-fluid {
    width: 80%;
    margin: 0% auto;
    padding: 2% 0%;
}*/


/* /.Footer section */

/*  suddam hossain Create Extra class      */

.padding-zero{
    padding: 0 !important;
}
.padding-top-zero{
    padding-top: 0 !important;
}
.margin-zero{
    margin: 0 !important;
}
.margin-top-20{
    margin-top: 20px;
}

/*certificate style code*/

.text-padding-left{
    padding-left:50px; 
}
/*.link-height{
    height: 200px;
}*/
.teacher-text{
    height: 120px;
}
.image-thum{
    width: 100px;
    height: 100px;
}

/* tinymc resposive style*/
.screen1280{display: none !important}
.screen1024{display: none !important}
.screenMobile{display: none !important}
.screenMobile_max499{display: none !important}
@media (min-width: 1280px)  and (max-width:1920px){

    .screen1280{
        display: block !important;
    }
}
@media (min-width: 1024px) and (max-width:1279px){

    .screen1024{
        display: block !important;

    }
}

@media (min-width: 500px) and (max-width:1023px){

    .screenMobile{
        display: block !important;

    }
}
@media (min-width: 100px) and (max-width:499px){

    .screenMobile_max499{
        display: block !important;

    }

}

.sub-mega{
    width: 900px !important;
}

@media (min-width: 768px) and (max-width:819px){

    .sub-mega{
        width: 450px !important;
    }
}
@media (min-width: 820px) and (max-width:969px){

    .sub-mega{
        width: 520px !important;

    }
}
@media (min-width: 970px) and (max-width:1300px){

    .sub-mega{
        width: 600px !important;
    }

}
#messagePanelArea p{
    line-height: 20px !important;
}
.embed-responsive-16by9{
    margin-top: 25px !important;
}
@media (min-width: 100px) and (max-width:767px){

    .embed-responsive-16by9{
        margin-top: 0px !important;
    }

    /*    #megaMenuRightSideSection ul li:hover{
         margin-left: 5px !important;   
        }*/
    /*user main content padding zero*/
    .mobile_padding_zero{
        padding: 0px !important
    }
    #mobile_dashboard_post_image_padding_zero{
        padding: 0px !important
    }
    .mobile_dashboard_post_url_note_padding_zero{
        padding: 0px !important
    }
    .mobile_dashboard_note_padding_zero{
        padding: 0px !important
    }
    .mobile_dashboard_commentLike_margin_left_ten{
        margin-left: 10px !important
    }
    .mobile_dashboard_post_button_margin_zero{
        margin:0px !important;
        padding: 0px !important;
    }
    .Placeholder{
        font-size: 9px !important;
    }
    .mobile_dashboard_serach_width{
        width: 65% !important;
    }

    .mobileSettingIconWidth,.mobileHomeIconWidth,.mobileIconWidth {
        width: 20px !important;
        padding-left: 5px;
        float: left !important;
        margin-top: 20px !important;
    }
    .mobileNotificationIconWidth{
        width: 30px !important;
        padding-left: 5px;
        float: left !important;
        margin-top: 20px !important;
    }
    #notificationLink{
        padding-right: 0px !important;
    }
    #notificationsBody ul{
        padding-left: 5px !important;
    }
    #dashboardSetting{
        margin-left: -150px !important
    }


    #notificationContainer {
        width: 202px !important;
        margin-left: -157px !important;
    }
    #notificationContainer:before {
        content: '';
        margin-left: 153px !important;
    }

    .mobile_dashboard_serach_border{
        border: none !important;
    }
    .mobileViewSearch{
        border-color: transparent !important;
    }
    #liveMessageLeftSide{
        /*        width: 40% !important;
                float: left !important;*/
        display: none;
        /*width:100% !important;*/
        position: absolute;
        z-index: 999999999;
        height: 500px;

        background-color: #fff;
    }
    #liveMessageRightSide{
        width: 100% !important;
        float: left !important;
    }
    #PublicationChatArea{
        border-left: 1px solid #80c12c;
    }
    #publicationChatForm{
        border-left: 1px solid #80c12c;
    }
    #MessagePanelTopLeft{
        width: 50% !important;
        float: left !important;
    }
    #MessageTopPanel{
        width: 100% !important;
        float: left !important;
    }
    #MessagePanelTopRight{
        width: 50% !important;
        float: left !important;
    }
    #convicationName{
        margin-top: -5px !important;
        margin-bottom: 0px !important;
    }
    #chatTopHeader{
        padding-left: 10px;
    }
    #chatTopHeader p{
        margin-top: -7px;
    }
    #messagePanelArea{
        background: #fff !important;
    }
    #PulicationMsgArea{
        width: 100% !important;
        background-color: #FCFCFC !important;
    }
    .hide-mobile{
        /*display: none !important;*/
    }
    #responsive_mega_menu{
        display: block;
        color: #777;
        cursor: pointer;
    }
    #signInUp{
        width: 70%;margin: 0 auto;
    }
    .searchArea{
        width: 80% !important;margin: 0 auto !important;
    }


    /*    #notificationContainer{
            width:100% !important;
            margin-left: 1% !important;
            margin-top: -10px !important;
        }*/
    #notificationTitle{
        width:75% !important;
    }

    #searchContainer{
        width:100% !important;
        margin-left: -100% !important;
    }
    #searchUContainer{
        width:58% !important;
        margin-top: 125px !important;
        margin-left: 15px !important;
    }
    #searchTitle{
        width:75% !important;

    }


    #responsive_mega_menu li{
        padding-bottom: 10px;
        padding-left: 25px;
    }
    /*    #responsive_mega_menu li:hover{
         background-color: #ededed;
        }*/
    #responsive_mega_menu li:hover{
        /*background-color: #e9e9e9;*/

        font-weight: bold;
    }
    #responsive_mega_menu li ul li{
        padding-bottom: 0;
        padding-left: 0;
    }
    #responsive_mega_menu li ul li a:hover{
        background-color:#80c12c;
        color: #a70b0c;
    }
    li{
        padding-left: 10px;
    }
    /*    #mega_menu_main{
            display: none;
        }*/
    .navbar-default{
        background-color: #fff
    }

    ul .course_list {
        font-weight: bold;

    }
    #course_list {
        padding-left: 20px !important;
        font-size: 16px;
        color: #a70b0c;

    }
    #course_list:hover {
        background:none !important;

    }


    #megaMenuLeftSide{
        height: auto !important;
        position: relative !important;
        box-shadow: unset !important;
    }

    #megaMenuLeftSide li {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    #megaMenuLeftSide li div{
        padding:0 !important;
    }

    .amazonmenu > ul li.hassub > a::after {
        border-width: 5px !important;
        border-style: solid !important;
        border-color: transparent transparent transparent #80C12C !important;
        -moz-border-top-colors: none !important;
        -moz-border-right-colors: none !important;
        -moz-border-bottom-colors: none !important;
        -moz-border-left-colors: none !important;
        border-image: none !important;
        content: "" !important;
        height: 0px !important;
        position: absolute !important;
        right: 5px !important;
        top: 35% !important;
        width: 0px !important;
    }

    #mega_menu_main{
        padding: 0 !important;
    }

    .amazonmenu ul{
        margin-left: 5px !important;
        width: 100% !important;
        margin:0px !important;
    }
    .RowMegaMenu{
        margin:0px !important;
    }
    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 100%  !important;
    }

    .amazonmenu ul li:hover{
        margin-left: 0px !important;
    }
    #bs-example-navbar-collapse-1{
        width: 116% !important;
    }

    #megaMenuRightSide {
        position: absolute !important; 
        color: #000 !important;
        /* background-color: #E0EEE1; */
        margin-top: -4px !important;
        /*        z-index: 1009;
                overflow: visible;*/
        /*display: block;*/
        /*opacity: 1;*/
        margin-left: -30px;
        width: 100% !important;
        /*width: 247px !important;*/
        height: auto !important;
        border-radius: 0 0 10px 10px !important;
    }
    #megaMenuRightSideSection {
        width: 100% !important;
    }
    #megaMenuBackBtn {
        display:block !important;
        width: 10% !important;
        float: left !important;
        margin-top: -4px;
        color: #a70b0c;
        font-weight: bold;
    }

    #ttMenuNam {
        font-size: 16px;
        font-weight: bold;
        width: 90% !important;
        float: right !important;
    }


}
@media (min-width: 480px) and (max-width:531px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 50%  !important;
    }
    #megaMenuRightSide{
        width: 50% !important;
        margin-left: -200px !important;
    }


    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }

}
@media (min-width: 532px) and (max-width:540px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 50%  !important;
    }
    #megaMenuRightSide{
        width: 50% !important;
        margin-left: -205px !important;
    }


    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }

}
@media (min-width: 541px) and (max-width:550px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 50%  !important;
    }
    #megaMenuRightSide{
        width: 50% !important;
        margin-left: -210px !important;
    }


    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }

}
@media (min-width: 551px) and (max-width:572px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 50%  !important;
    }
    #megaMenuRightSide{
        width: 50% !important;
        margin-left: -216px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 573px) and (max-width:582px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 50%  !important;
    }
    #megaMenuRightSide{
        width: 50% !important;
        margin-left: -220px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}

@media (min-width: 583px) and (max-width:593px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 50%  !important;
    }
    #megaMenuRightSide{
        width: 50% !important;
        margin-left: -225px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 594px) and (max-width:603px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 50%  !important;
    }
    #megaMenuRightSide{
        width: 50% !important;
        margin-left: -230px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 604px) and (max-width:614px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 50%  !important;
    }
    #megaMenuRightSide{
        width: 50% !important;
        margin-left: -235px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 615px) and (max-width:624px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 50%  !important;
    }
    #megaMenuRightSide{
        width: 50% !important;
        margin-left: -240px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 625px) and (max-width:634px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 50%  !important;
    }
    #megaMenuRightSide{
        width: 50% !important;
        margin-left: -245px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 635px) and (max-width:644px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 50%  !important;
    }
    #megaMenuRightSide{
        width: 50% !important;
        margin-left: -250px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 645px) and (max-width:654px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 50%  !important;
    }
    #megaMenuRightSide{
        width: 50% !important;
        margin-left: -255px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 655px) and (max-width:664px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 48%  !important;
    }
    #megaMenuRightSide{
        width: 52% !important;
        margin-left: -260px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 665px) and (max-width:674px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 48%  !important;
    }
    #megaMenuRightSide{
        width: 52% !important;
        margin-left: -265px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 675px) and (max-width:684px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 48%  !important;
    }
    #megaMenuRightSide{
        width: 52% !important;
        margin-left: -270px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 685px) and (max-width:694px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 48%  !important;
    }
    #megaMenuRightSide{
        width: 52% !important;
        margin-left: -275px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 695px) and (max-width:705px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 48%  !important;
    }
    #megaMenuRightSide{
        width: 52% !important;
        margin-left: -280px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 706px) and (max-width:715px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 48%  !important;
    }
    #megaMenuRightSide{
        width: 52% !important;
        margin-left: -285px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 716px) and (max-width:725px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 48%  !important;
    }
    #megaMenuRightSide{
        width: 52% !important;
        margin-left: -290px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 726px) and (max-width:735px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 48%  !important;
    }
    #megaMenuRightSide{
        width: 52% !important;
        margin-left: -295px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 736px) and (max-width:745px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 48%  !important;
    }
    #megaMenuRightSide{
        width: 52% !important;
        margin-left: -300px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 746px) and (max-width:755px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 48%  !important;
    }
    #megaMenuRightSide{
        width: 52% !important;
        margin-left: -305px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}
@media (min-width: 756px) and (max-width:767px){

    .amazonmenu ul li{
        margin-top: -5px !important;
        margin-left: 5px !important;
        width: 48%  !important;
    }
    #megaMenuRightSide{
        width: 52% !important;
        margin-left: -311px !important;
    }

    .amazonmenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
        border: 5px solid transparent  !important;
        border-left-color: #a70b0c !important; /* Default color of arrow */
        content: ''  !important;
        height: 0  !important;
        position: absolute  !important;
        right: 5px  !important;
        top: 35%  !important;
        width: 0  !important;
    }
}

.radio-margin{
    margin: 0;
}   
.btn-text{
    font-size: 14px;
}   

/*span.mceEditor iframe {
    width:575px !important;
}

table.mceLayout iframe {
    width:575px !important;
}*/
/*.tinyWidth > table {
    width:400px !important;
}*/
/*.text-padding{
   padding:2px; 
}*/



.cretificate-file{
    margin-top: 10px;
}

.certificate{
    border: 8px solid #8CC73F;
    height: 600px;

}
.certificate_top_padding{
    padding-top: 10px
}
.certificate_top_right_padding{
    padding-top: 40px
}
.certificate_top_Bootom_border{
    border-bottom: 2px solid #8CC73F;
}
.certificate_Bootom_border{
    border-bottom: 1px solid #8CC73F;
}
.certificate_h1_content{
    font-size: 70px;
    font-family:Certificate ;

}
.certificate_owner_name{
    font-size: 30px;
    font-family: Courgette;   

}


.certificate2{

    height: 600px
}
/*.design1{

    height: 600px;
    background:url('../images/right_side4.png');
    background-repeat: no-repeat;
    border-top-right-radius: 80px;

}*/
.certificate2_panel1{

    height: 70px;
    background-color: #B3E26F;
    border-top-right-radius: 80px;
    position: absolute;
    z-index: 1;

    /*border-bottom-right-radius: 35px;*/


}
.certificate2_panel2{


    height: 50px;
    margin-top: 10px;;
    background: #B0191C;

    /*    border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;*/
    position: relative;
    z-index: 9999;
    /*border-bottom-right-radius: 35px;*/

}
.angle{

    width: 0; 
    height: 0; 
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 40px solid #B0191C;
    margin-left: 155px;
    margin-top: 10px;
}

.certificate_h3_content{
    font-size: 30px;
    margin: 10px auto;
    color:#fff;
    font-family:Certificate ;

}
/*

@media print {
    #CFull{ background-color:  #F2F9EA;}
    
.cretificate-file{
    margin-top: 10px;
   
}

.certificate{
    border: 8px solid #8CC73F;
    height: 600px
}
.certificate_top_padding{
    padding-top: 10px
}
.certificate_top_right_padding{
    padding-top: 40px
}
.certificate_top_Bootom_border{
    border-bottom: 2px solid #8CC73F;
}
.certificate_Bootom_border{
    border-bottom: 1px solid #8CC73F;
}
.certificate_h1_content{
    font-size: 70px;
    font-family:Certificate ;

}
.certificate_owner_name{
    font-size: 30px;
    font-family: Courgette;   

}


.certificate2{
    
    height: 600px
}
.design1{

    height: 600px;
    background:url('../images/right_side4.png');
    background-repeat: no-repeat;
    border-top-right-radius: 80px;

}
.certificate2_panel1{

    height: 70px;
    background-color: #B3E26F;
    border-top-right-radius: 80px;
    position: absolute;
    z-index: 1;
    border-bottom-right-radius: 35px;


}
.certificate2_panel2{


    height: 50px;
    margin-top: 10px;;
    background: #B0191C;
    
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    position: relative;
    z-index: 9999;
    border-bottom-right-radius: 35px;

}
.angle{

            width: 0; 
            height: 0; 
            border-top: 25px solid transparent;
            border-bottom: 25px solid transparent;
            border-left: 40px solid #B0191C;
            margin-left: 409px;
            margin-top: 10px;
}

.certificate_h3_content{
    font-size: 30px;
    margin: 10px auto;
    color:#fff;
    font-family:Certificate ;

}
}*/
@media print {
    *{
        color:#fff;
    }
    body{
        width: 1100px;height: 620px
    }
}


.mega-main-menu{
    background-color: #F2F9EA;
}
.mega-sub-menu{
    background:url(images/menu_bg.png) !important; 
    width: 900px; 
    height: 500px;
    margin-top: -25px;
    display: block
}
/*.twitter-effect:hover{overflow: visible }*/
.twitter_effect{
    background-image:url(../images/social_icon/sign-in-with-twitter.png) ; 
    width: 300px;
    height: 39px;
    border-color: rgba(0,0,0,0.2);
    margin:20px auto;   
}

.twitter_effect:hover{
    background-image:url(../images/social_icon/hover/twiiter-sign-in-with.png) ; 
    /*  width: 300px;
      height: 40px;*/
    cursor: pointer;
    border-color: rgba(0,0,0,0.2);
    margin:20px auto;   
}

.facebook_effect{
    background-image:url(../images/social_icon/sign-in-with-facebook.png) ; 
    width: 300px;
    height: 39px;
    border-color: rgba(0,0,0,0.2);
    margin:20px auto;   
}

.facebook_effect:hover{
    background-image:url(../images/social_icon/hover/facebook-sign-in.png) ; 
    /*  width: 300px;
      height: 40px;*/
    cursor: pointer;
    border-color: rgba(0,0,0,0.2);
    margin:20px auto;   
}



.linkedin_effect{
    background-image:url(../images/social_icon/sign-in-with-linkedin.png) ; 
    width: 300px;
    height: 39px;
    border-color: rgba(0,0,0,0.2);
    margin:20px auto;   
}

.linkedin_effect:hover{
    background-image:url(../images/social_icon/hover/linkedin-sign-in.png) ; 
    /*  width: 300px;
      height: 40px;*/
    cursor: pointer;
    border-color: rgba(0,0,0,0.2);
    margin:20px auto;   
}

.yahoo_effect{
    background-image:url(../images/social_icon/sign-in-with-yahoo.png) ; 
    width: 300px;
    height: 39px;
    border-color: rgba(0,0,0,0.2);
    margin:20px auto;   
}

.yahoo_effect:hover{
    background-image:url(../images/social_icon/hover/yahoo-sign-in-with.png) ; 
    /*  width: 300px;
      height: 37px;*/
    cursor: pointer;
    border-color: rgba(0,0,0,0.2);
    margin:20px auto;   
}


.google_effect{
    background-image:url(../images/social_icon/sign-in-with-google.png) ; 
    width: 300px;
    height: 39px;
    border-color: rgba(0,0,0,0.2);
    margin:20px auto;   
}

.google_effect:hover{
    background-image:url(../images/social_icon/hover/google-sign-in-with.png) ; 
    /*  width: 300px;
      height: 40px;*/
    border-color: rgba(0,0,0,0.2);
    cursor: pointer;
    margin:20px auto;   
}

.text-red{
    color: red;
}
.result-text{
    font-size: 22px !important;
}

.scrollbar
{
    margin-left: 30px;
    float: left;
    /*height: 300px;*/
    /*width: 65px;*/
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.force-overflow
{
    min-height: 450px;
}



/*
 *  STYLE 15
 */

#style-15::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

#style-15::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

#style-15::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear,
        40% 0%,
        75% 84%,
        from(#4D9C41),
        to(#19911D),
        color-stop(.6,#54DE5D))
}

#style-15::-moz-scrollbars-vertical 
{
    border-radius: 10px;
    background-image:    -moz-linear-gradient(top, hsl(0, 80%, 70%), #bada55); /* For Firefox (3.6 to 15) */
}


.adsTop{

    display: block;
    width: 700px;
}
.adsTop2{
    display: none;

}
.adsTop3{
    display: none;

}
.adsTop4{
    display: none;

}
.adsTop5{
    display: none;

}
.adsTop6{
    display: none;

}


@media (max-width: 1100px)  {

    .adsTop{
        display: none;
    }
    .adsTop2{
        display: block ;
        width: 650px;
    }
}
@media (max-width: 900px)  {

    .adsTop2{
        display: none;
    }
    .adsTop3{
        display: block ;
        width: 500px;
    }
}
@media (max-width: 700px)  {

    .adsTop3{
        display: none;
    }
    .adsTop4{
        display: block ;
        width: 400px;
    }
}
@media (max-width: 550px)  {

    .adsTop4{
        display: none;
    }
    .adsTop5{
        display: block ;
        width: 300px;
    }
}
@media (max-width: 406px)  {

    .adsTop5{
        display: none;
    }
    .adsTop6{
        display: block ;
        width: 180px;
    }
}

.view-tenth img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
    background-color: rgba(255, 231, 179, 0.3);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.view-tenth h2 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    color: #333;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.view-tenth p {
    color: #333;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.view-tenth a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.view-tenth:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.view-tenth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}


.view {
    width: 300px;
    height: 200px;
    margin: 10px;
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
    width: 300px;
    height: 200px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.view img {
    display: block;
    position: relative;
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0;
}
.view p {
    font-family: Roboto, Roboto Light, Roboto Bold;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
}

.view a.info:hover {
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}
.like_margin{
    margin-left: 60px !important;
}
.message_show {
    display: block;
    unicode-bidi: embed;
    font-family: Roboto, Roboto Light, Roboto Bold;
    white-space: pre;
}	
/* tinymc resposive style*/
#screen1280{display: none}
#screen1024{display: none}
#screenMobile{display: none}
#screenMobile_max499{display: none}

@media (min-width: 1280px)  and (max-width:1920px){

    #screen1280{
        display: block;
    }
}
@media (min-width: 1024px) and (max-width:1279px){

    #screen1024{
        display: block;

    }
}

@media (min-width: 500px) and (max-width:1023px){

    #screenMobile{
        display: block;

    }
}
@media (min-width: 100px) and (max-width:499px){

    #screenMobile_max499{
        display: block;

        /*width: 150px;*/
    }
    #max499{

        padding: 0;
        /*width: 150px;*/
    }

}
@media (min-width: 100px) and (max-width:768px){
    #Update_log{
        top: -300px !important;
    }
}




/*start tinymce responsive css */

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

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 230px !important;

    }
    #TtTextArea{
        margin-left: -42px !important;
    }
}

@media (min-width: 401px) and (max-width:430px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 260px !important;
    }
}

@media (min-width: 431px) and (max-width:460px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 290px !important;
    }
}

@media (min-width: 461px) and (max-width:490px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 320px !important;
    }
}

@media (min-width: 491px) and (max-width:520px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 350px !important;
    }
}

@media (min-width: 521px) and (max-width:550px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 380px !important;
    }
}

@media (min-width: 551px) and (max-width:580px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 410px !important;
    }
}

@media (min-width: 581px) and (max-width:610px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 440px !important;
    }
}

@media (min-width: 611px) and (max-width:640px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 470px !important;
    }
}

@media (min-width: 641px) and (max-width:670px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 500px !important;
    }
}

@media (min-width: 671px) and (max-width:700px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 530px !important;
    }
}

@media (min-width: 701px) and (max-width:730px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 560px !important;
    }
}

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

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 590px !important;
    }
}

@media (min-width: 768px) and (max-width:790px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 200px !important;
    }
}

@media (min-width: 791px) and (max-width:820px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 250px !important;
    }
}

@media (min-width: 821px) and (max-width:850px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 280px !important;
    }
}

@media (min-width: 851px) and (max-width:880px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 310px !important;
    }
}

@media (min-width: 881px) and (max-width:910px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 340px !important;
    }
}

@media (min-width: 911px) and (max-width:940px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 370px !important;
    }
}

@media (min-width: 941px) and (max-width:970px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 300px !important;
    }
}

@media (min-width: 971px) and (max-width:1000px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 430px !important;
    }
}

@media (min-width: 1001px) and (max-width:1030px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 460px !important;
    }
}

@media (min-width: 1001px) and (max-width:1030px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 490px !important;
    }
}

@media (min-width: 1031px) and (max-width:1040px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 505px !important;
    }
}

@media (min-width: 1041px) and (max-width:1050px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 510px !important;
    }
}


@media (min-width: 1051px) and (max-width:1120px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 520px !important;
    }
}


@media (min-width: 1120px) and (max-width:1200px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 530px !important;
    }
}

@media (min-width: 1201px) and (max-width:1250px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 540px !important;
    }
}

@media (min-width: 1251px) and (max-width:1360px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 560px !important;
    }
}

@media (min-width: 1361px) and (max-width:1900px){

    .defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText{
        max-width: 615px !important;
    }
}

/*end tinymce responsive css */

@media (min-width: 100px) and (max-width:312px){
    .mobile_dashboard_post_url_note_width{
        width: 101px !important;
    }
}
@media (min-width: 100px) and (max-width:280px){
    .mobile_view_profile_height{
        height: 440px !important;
    }
}
@media (min-width: 281px) and (max-width:300px){
    .mobile_view_profile_height{
        height: 420px !important;
    }
}
@media (min-width: 301px) and (max-width:315px){
    .mobile_view_profile_height{
        height: 400px !important;
    }
}
@media (min-width: 316px) and (max-width:350px){
    .mobile_view_profile_height{
        height: 380px !important;
    }
}
@media (min-width: 351px) and (max-width:767px){
    .mobile_view_profile_height{
        height: 350px !important;
    }
}
@media (min-width: 200px) and (max-width:355px){
    .mobile_view_profile_url{
        font-size:9px !important;
    }
}
@media (min-width: 200px) and (max-width:325px){
    .footer-bottom p{
        font-size:12px !important;
    }
}

/* skip invite learner-> review-and-publish (button) responsive
Name: Abdullah Al Mamun
Date: 21-05-2016
*/
@media (min-width: 768px) and (max-width:991px){
    #preview_student p{
        margin-left: 50px !important;
    }
}

@media (min-width: 768px) and (max-width:991px){
    #submit_review{
        margin-left: 50px !important;
    }
}
@media (min-width: 768px) and (max-width:991px){
    #save_draft{
        margin-left: 20px !important;
    }
}
@media (min-width: 768px) and (max-width:1199px){
    #back_invite{
        width: 170px !important;
    }
}
@media (min-width: 200px) and (max-width:768px){
    #mobile_view_review_and_publish{
        font-size: 11px !important;
    }
}

@media (min-width: 768px) and (max-width:991px){
    #back_to_edit_course{
        width: 135px !important;
    }
}
@media (min-width: 768px) and (max-width:991px){
    #invite_learner{
        width: 130px !important;
    }
}
@media (min-width: 768px) and (max-width:991px){
    #skip_learner{
        width: 130px !important;
    }
}
@media (min-width: 768px) and (max-width:1200px){
    #preview_email{
        width: 140px !important;
    }
}

#image_change_area{
    opacity:0;
}


/*#profile_image_area:hover #image_change_area {
    opacity:1;
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;

}*/


#changeProfilePicture{
    opacity:0;
}

#profile_image_area:hover #changeProfilePicture {
    opacity:1;
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;

}

.box-shadow:hover{
    box-shadow: 0px 0px 5px #80c12c;   
    cursor: pointer;
}
.bg-none{
    background: none !important;
}

.tinymce-img-responsive img{
    display: block;
    max-width: 100%;
    height: auto;
}

.tinymce-img-responsive2 img{
    /*    display: block;*/
    max-width: 50%;
    height: auto;
}
#searchContainer ul{
    padding-left: 10px;
    padding-right: 10px;
}
.text-select-none{
    -ms-user-select: none;
    -o-user-select:none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
/*
@Start Rating image CSS
     * @Description         : View Course rating image CSS 
     * @Developed By        : Md Jaherul Islam  
     * @Start DateTime      : 19-09-2016 11:15 AM
     * @Status              : available      
     */
.rating-star {
    width: 85px;
    height: 15px;
    position: relative;
    background-color: #ccc;
}
.rating-star .rating-star-bg{
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(../../image/star_image/star.png) repeat;
    background-size: contain;
}
.rating-star .rating-star-value{
    height: 100%;
    position: absolute;
    background-color: #8CC73F;
}
#loading_image{
    padding: 0px;
    height: 300px;
    position: absolute;
    z-index: 1;
    width: 100%;
    line-height: 300px;
}
/*
@End Rating image CSS
*/
.post_textarea_status{
    resize: none;
}
.post_textarea_size{
    height: 35px !important;
}

.post_textarea_animated {
    transition: height 0.2s;
}
.post_image{
    width: 45px; 
    height: 50px;
}
.post_comment_image{
    width: 33px; 
    height: 40px;
}