/*
* Setting page for general class
* Build Date: October 2016
* Author: Mohamed Hamato
* Copyright (C) 2016 Mohamed Hamato
* Envato Profile: https://themeforest.net/user/pharaohlab
*/

/*position */
.relative{
    position: relative;
}

/*  --------------------------------------------------------
ALPHA OPACITY
-------------------------------------------------------- */
.alpha2     { opacity: .2 !important; }
.alpha3     { opacity: .3 !important; }
.alpha4     { opacity: .4 !important; }
.alpha5     { opacity: .5 !important; }
.alpha6     { opacity: .6 !important; }
.alpha7     { opacity: .7 !important; }
.alpha8     { opacity: .8 !important; }
.alpha9     { opacity: .9 !important; }
.alpha10    { opacity: 1 !important; }



/*  --------------------------------------------------------
COLOR SETTING
-------------------------------------------------------- */

.color-red 		{ color: #fd3635 !important; }
.color-pink		{ color: #fd40b3 !important; }
.color-orange 	{ color: #ff8b34 !important; }
.color-purple 	{ color: #a85ad4 !important; }
.color-blue 	{ color: #3dace1 !important; }
.color-cyan		{ color: #1abc9c !important; }
.color-green	{ color: #b2cc71 !important; }
.color-yellow	{ color: #ffc501 !important; }

.color-light    { color: #ffffff !important; }
.color-gray 	{ color: #f5f7f9 !important; }
.color-gray2 	{ color: #e0e0e0 !important; }
.color-dark 	{ color: #2a2a2a !important; }
.color-black    { color: #111111 !important; }

.color-primary  { color: #337ab7 !important;}
.color-success  { color: #5cb85c !important;}
.color-info     { color: #5bc0de !important;}
.color-warning  { color: #f0ad4e !important;}
.color-danger   { color: #d9534f !important;}
.color-facebook {
    color: #3b5998;
}
.color-twitter {
    color: #00aced;
}
.color-googleplus {
    color: #dd4b39;
}
.color-instagram {
    color: #125688;
}
.color-pinterest {
    color: #cb2027;
}
.color-dribbble {
    color: #ea4c89;
}
.color-behance {
    color: #053eff;
}


/*  --------------------------------------------------------
BACKGROUND COLOR SETTING
-------------------------------------------------------- */
.bg-transparent { background: transparent !important; }
.bg-red     { background-color: #fd3635 !important; }
.bg-pink    { background-color: #fd40b3 !important; }
.bg-orange  { background-color: #ff8b34 !important; }
.bg-purple  { background-color: #a85ad4 !important; }
.bg-blue    { background-color: #3dace1 !important; }
.bg-cyan	{ background-color: #1abc9c !important; }
.bg-green	{ background-color: #b2cc71 !important; }
.bg-yellow	{ background-color: #ffc501 !important; }
.bg-dark  { background-color: #012E55 !important; }
.bg-black   { background-color: #111111 !important; }
.bg-gray 	{ background-color: #f8f8f8; !important; }
.bg-light   { background-color: #ffffff !important; }
.bg-primary { background-color: #337ab7 !important;}
.bg-success { background-color: #5cb85c !important;}
.bg-info    { background-color: #5bc0de !important;}
.bg-warning { background-color: #f0ad4e !important;}
.bg-danger  { background-color: #d9534f !important;}
.bg-gradient-blue{
    background: #0A1F48; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #1A2980 , #26D0CE); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #0A1F48 , #26D0CE); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.bg-facebook {
    background: #3b5998;
    color: #fff;
}
.bg-twitter {
    background: #00aced;
    color: #fff;
}
.bg-googleplus {
    background: #dd4b39;
    color: #fff;
}
.bg-instagram {
    background: #125688;
    color: #fff;
}
.bg-pinterest {
    background: #cb2027;
    color: #fff;
}
.bg-dribbble {
    background: #ea4c89;
    color: #fff;
}
.bg-behance {
    background: #053eff;
    color: #fff;
}
.bg-linkedin {
    background-color: #007bb6 !important;
}

/*  --------------------------------------------------------
BORDER COLOR SETTING
-------------------------------------------------------- */
.border-red     { border-color: #fd3635 !important; }
.border-pink    { border-color: #fd40b3 !important; }
.border-orange  { border-color: #ff8b34 !important; }
.border-purple  { border-color: #a85ad4 !important; }
.border-blue    { border-color: #3dace1 !important; }
.border-cyan	{ border-color: #1abc9c !important; }
.border-green	{ border-color: #b2cc71 !important; }
.border-yellow	{ border-color: #ffc501 !important; }
.border-dark	{ border-color: #2a2a2a !important; }
.border-gray 	{ border-color: #f8f8f8; !important; }
.border-light   { border-color: #ffffff !important; }
.border-black   { border-color: #111111 !important; }

/*  --------------------------------------------------------
 PADDING
-------------------------------------------------------- */
.ptb200{
    padding: 200px 0;
}
.ptb150{
    padding: 150px 0;
}
.ptb100{
    padding: 100px 0;
}
.ptb90{
    padding: 90px 0;
}
.ptb80{
    padding: 80px 0;
}
.ptb70{
    padding: 70px 0;
}
.ptb60{
    padding: 60px 0;
}
.ptb50{
    padding: 50px 0;
}
.ptb40{
    padding: 40px 0;
}
.ptb30{
    padding: 30px 0;
}
.ptb20{
    padding: 20px 0;
}
.ptb10{
    padding: 10px 0;
}
.pt200{
    padding-top: 200px;
}
.pt250{
    padding-top: 250px;
}


.pt100{
    padding-top: 100px;
}
.pt90{
    padding-top: 90px;
}
.pt80{
    padding-top: 80px;
}
.pt70{
    padding-top: 70px;
}
.pt60{
    padding-top: 60px;
}
.pt50{
    padding-top: 50px;
}
.pt40{
     padding-top: 40px;
}
.pt30{
    padding-top: 30px;
}
.pt20{
    padding-top: 20px;
}
.pt10{
    padding-top: 10px;
}
.pb100{
    padding-bottom: 100px;
}
.pb90{
    padding-bottom: 90px;
}
.pb80{
    padding-bottom: 80px;
}
.pb70{
    padding-bottom: 70px;
}
.pb60{
    padding-bottom: 60px;
}
.pb50{
    padding-bottom: 50px;
}
.pb40{
    padding-bottom: 40px;
}
.pb30{
    padding-bottom: 30px;
}
.pb20{
    padding-bottom: 20px;
}
.pb10{
    padding-bottom: 10px;
}
@media (max-width: 992px) {
    .pbxs150 {
        padding-bottom: 150px;
    }
}
/*  --------------------------------------------------------
margin
-------------------------------------------------------- */
.mtb200{
    margin: 200px 0;
}
.mtb150{
    margin: 150px 0;
}
.mtb100{
    margin: 100px 0;
}
.mtb90{
    margin: 90px 0;
}
.mtb80{
    margin: 80px 0;
}
.mtb70{
    margin: 70px 0;
}
.mtb60{
    margin: 60px 0;
}
.mtb50{
    margin: 50px 0;
}
.mtb40{
    margin: 40px 0;
}
.mtb30{
    margin: 30px 0;
}
.mtb20{
    margin: 20px 0;
}
.mtb10{
    margin: 10px 0;
}
.mt100{
    margin-top: 100px;
}
.mt90{
    margin-top: 90px;
}
.mt80{
    margin-top: 80px;
}
.mt70{
    margin-top: 70px;
}
.mt60{
    margin-top: 60px;
}
.mt50{
    margin-top: 50px;
}
.mt40{
    margin-top: 40px;
}
.mt30{
    margin-top: 30px;
}
.mt20{
    margin-top: 20px;
}
.mt10{
    margin-top: 10px;
}
.mb100{
    margin-bottom: 100px;
}
.mb90{
    margin-bottom: 90px;
}
.mb80{
    margin-bottom: 80px;
}
.mb70{
    margin-bottom: 70px;
}
.mb60{
    margin-bottom: 60px;
}
.mb50{
    margin-bottom: 50px;
}
.mb40{
    margin-bottom: 40px;
}
.mb30{
    margin-bottom: 30px;
}
.mb20{
    margin-bottom: 20px;
}
.mb10{
    margin-bottom: 10px;
}