.page { width:100%; height:auto; }

.clear{clear:both}
.m10{margin:10px}
.m5{margin:5px}
.m2{margin:2px}
.m3{margin:3px}
.m0{margin:0}
.ml-0{margin-left:0 !important;}
.mr-0{margin-right: 0 !important;}
.ml-5{margin-left:5px}
.mr-5{margin-right:5px}
.ml-10{margin-left:10px}
.mr-10{margin-right:10px}
.ml-20{margin-left:20px}
.mr-20{margin-right:20px}
.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px}
.mb-10{margin-bottom:10px}
.mb-20{margin-bottom:20px}
.m-lr-0{margin-left: 0 !important;; margin-right: 0 !important; }
.m-lr-5{margin:0 5px}
.m-tb-5{margin:5px 0}

.p0{padding:0}
.p20{padding:20px}
.p10{padding:10px}
.p5{padding:5px}
.p3{padding:3px}
.pt-5{padding-top:5px}
.pt-10{padding-top:10px}
.pt-20{padding-top:20px}
.pb-5{padding-bottom:5px}
.pb-10{padding-bottom:10px}
.pb-20{padding-bottom:20px}
.p-lr-5{padding:0 5px}
.p-tb-5{padding:5px 0}
.p-tb-10{padding:10px 0}
.pl-5{padding-left:5px}
.pr-5{padding-right:5px}
.pl-10{padding-left:10px}
.pr-10{padding-right:10px}
.pr-15{padding-right:15px}
.pl-30{padding-left:30px}
.pr-30{padding-right:30px}
.pl-60{padding-left:60px}
.pr-60{padding-right:60px}


.t-555{color:#555}
.t-333{color:#333}

.w155{width:155px}
.h155{height:155px}

.w200{width:200px}
.h200{height:200px}

.w210{width:210px}
.h210{height:210px !important}

.w125{width:125px}
.h125{height:125px}

.w135{width:135px}
.h135{height:135px}

.w10{width:10px}
.h10{height:10px}
.w20{width:20px}
.h20{height:20px}
.w30{width:30px}
.h30{height:30px}
.w40{width:40px}
.h40{height:40px}
.w50{width:50px}
.h50{height:50px}
.w70{width:70px}
.h70{height:70px}
.o-hid{overflow: hidden;}
.box-shadow{-webkit-box-shadow: 0 1px 4px #e7ebf2; /*rgba(0, 105, 214, 0.25)*/
    -moz-box-shadow: 0 1px 4px #e7ebf2;
    box-shadow: 0 1px 4px #e7ebf2 /*rgba(0, 105, 214, 0.25)*/;}
.h305{height:305px}

.w-full{width:99.5%}
.h-full{height:100%}

.w50p{width:50%}
.h50p{height:50%}

.bg-white{background:white}
.bg-f5{background-color: #f5f5f5;}
.bg-cccccc{background-color: #cccccc;}
.bg-7fbd02{background-color: #7fbd02;}
.bg-0095DA{background-color: #0095DA;}
.bg-3C9234{background-color: #3C9234;}
.bg-32a9c3{background-color: #32a9c3;}
.bg-023558{background-color: #023558;}
.bg-555555{background-color: #555555;}
/*.wrap{background: url('../images/warp-top.png') repeat-x 0 146px}*/
.bg-search{background-color: #cccccc;}

.fl{float:left}
.fr{float:right}

/** Begin font **/
.font10{font-size: 10px}
.font11{font-size: 11px}
.font12{font-size: 12px}
.font14{font-size: 14px}
.font16{font-size: 16px}
.font26{font-size: 26px}
.font110{font-size: 110px}
/** End font **/

/** Begin paging **/
.showPaging li{
    border:1px solid #CCC;
    float:left;
    margin-left:5px;
    font-size:16px;
    -moz-border-radius:3px; -webkit-border-radius:3px;
    list-style:none;
}
.showPaging a{
    text-decoration: none;
    color:#000000;
    padding:3px 5px;
}
.showPaging .active{
    background:#999999;
    color:#FFFFFF;
}
/** End paging **/


.line-text{ text-decoration: line-through;}
.c555 {color: #555555}
.cCCC {color: #ccc}
.red {color: red}
.orangered {color: orangered}
.yellow {color: #ffff00}
.purple {color: purple}
.white, .white a{color:white}
.blue{color:blue}
.c0095DA{color: #0095DA;}
.c7fbd02{color: #7fbd02;}

.tl{text-align:left}
.tr{text-align:right}

.line-height-normal{line-height:normal}

.bo{border: 1px solid !important;}
.no-bo{border: 0 !important;}
.bo-top{border-top: 1px solid !important;}
.bo-bottom{border-bottom: 1px solid !important;}
.bo-left{border-left: 1px solid !important;}
.bo-right{border-right: 1px solid !important;}

.position-relative{position:relative}.position-absolute{position:absolute}
.position-top{position: absolute; top: 0}
.position-bottom{position: absolute; bottom: 0}

.loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #dd990a;
    border-right: 8px solid #d25627;
    border-bottom: 8px solid red;
    border-left: 8px solid #556080;
    width: 32px;
    height: 32px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: auto;
}
.loader_animation {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.uppercase{text-transform: uppercase}
.text-center{text-align: center}