﻿/* Floating */
.fLeft{float:left}
.fRight{float:right}
.fNone{float:none}


/* Width */
.wid100{width:100%}
.wid90{width:90%}
.wid80{width:80%}
.wid70{width:70%}
.wid60{width:60%}
.wid50{width:50%}
.wid33{width:33%}
.wid25{width:25%}
.wid20{width:20%}
.wid10{width:10%}


/* Containers */
.container100{width:100%;overflow:hidden} 
.container90{width:90%;overflow:hidden} 
.container80{width:80%;overflow:hidden} 
.container70{width:70%;overflow:hidden} 
.container60{width:60%;overflow:hidden} 
.container50{width:50%;overflow:hidden}
.container33{width:33%;overflow:hidden} 
.container25{width:25%;overflow:hidden} 
.container20{width:20%;overflow:hidden} 
.container10{width:10%;overflow:hidden}


/* Overflows */
.ovHidden{overflow:hidden}
.ovScroll{overflow:scroll}
.ovAuto{overflow:auto}
.ovVisible{overflow:visible}
.ovXScroll{overflow-x:scroll}
.ovYScroll{overflow-y:scroll}
.ovXHidden{overflow-x:hidden}
.ovYHidden{overflow-y:hidden}


/* Text Aligns */
.texAlCenter{text-align:center}
.texAlLeft{text-align:left}
.texAlRight{text-align:right}


/* Margins */
.marAuto{margin-left:auto;margin-right:auto}
.marTop10{margin-top:10px}
.marTop20{margin-top:20px}
.marTop30{margin-top:30px}
.marTop40{margin-top:40px}
.marTop50{margin-top:50px}
.marBot10{margin-bottom:10px}
.marBot20{margin-bottom:20px}
.marBot30{margin-bottom:30px}
.marBot40{margin-bottom:40px}
.marBot50{margin-bottom:50px}
.marLef10{margin-left:10px}
.marLef20{margin-left:20px}
.marLef30{margin-left:30px}
.marLef40{margin-left:40px}
.marLef50{margin-left:50px}
.marRig10{margin-right:10px}
.marRig20{margin-right:20px}
.marRig30{margin-right:30px}
.marRig40{margin-right:40px}
.marRig50{margin-right:50px}


/* Paddings */
.padLef10{padding-left:10px}
.padLef20{padding-left:20px}
.padLef30{padding-left:30px}
.padLef40{padding-left:40px}
.padLef50{padding-left:50px}
.padRig10{padding-right:10px}
.padRig20{padding-right:20px}
.padRig30{padding-right:30px}
.padRig40{padding-right:40px}
.padRig50{padding-right:50px}


/* transparency */
.opacity0{opacity:0;filter:alpha(opacity=0)}
.opacity1{opacity:1;filter:alpha(opacity=100)}


/* Animation Properties */
.all{transition-property:all;-webkit-transition-property:all;-moz-transition-property:all}
.transform{transition-property:transform;-webkit-transition-property:transform;-moz-transition-property:transform}

.linear{transition-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear}
.ease{transition-timing-function:ease;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease}
.easeIn{transition-timing-function:ease-in;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in}
.easeOut{transition-timing-function:ease-out;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out}
.easeInOut{transition-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out}

.sn02{transition-duration:0.2s;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s}
.sn03{transition-duration:0.3s;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s}
.sn04{transition-duration:0.4s;-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s}
.sn05{transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s}
.sn06{transition-duration:0.6s;-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s}
.sn07{transition-duration:0.7s;-webkit-transition-duration:0.7s;-moz-transition-duration:0.7s}
.sn08{transition-duration:0.8s;-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s}
.sn09{transition-duration:0.9s;-webkit-transition-duration:0.9s;-moz-transition-duration:0.9s}
.sn1{transition-duration:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s}
.sn11{transition-duration:1.1s;-webkit-transition-duration:1.1s;-moz-transition-duration:1.1s}
.sn12{transition-duration:1.2s;-webkit-transition-duration:1.2s;-moz-transition-duration:1.2s}
.sn13{transition-duration:1.3s;-webkit-transition-duration:1.3s;-moz-transition-duration:1.3s}
.sn14{transition-duration:1.4s;-webkit-transition-duration:1.4s;-moz-transition-duration:1.4s}
.sn15{transition-duration:1.5s;-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s}
.sn16{transition-duration:1.6s;-webkit-transition-duration:1.6s;-moz-transition-duration:1.6s}
.sn17{transition-duration:1.7s;-webkit-transition-duration:1.7s;-moz-transition-duration:1.7s}
.sn18{transition-duration:1.8s;-webkit-transition-duration:1.8s;-moz-transition-duration:1.8s}
.sn19{transition-duration:1.9s;-webkit-transition-duration:1.9s;-moz-transition-duration:1.9s}
.sn2{transition-duration:2s;-webkit-transition-duration:2s;-moz-transition-duration:2s}  

/* KeyFrames */
@keyframes ziplama{
    50%{background-position:center 65%}
    100%{background-position:center 50%}
}

@-webkit-keyframes ziplama{
    50%{background-position:center 65%}
    100%{background-position:center 50%}
}
@-moz-keyframes ziplama{
    50%{background-position:center 65%}
    100%{background-position:center 50%}
}

.ziplama{animation:ziplama ease-in-out 1.8s infinite;-webkit-animation:ziplama ease-in-out 1.8s infinite;-moz-animation:ziplama ease-in-out 1.8s infinite}


/* font style */
.fSize10{font-size:10px !important}
.fSize11{font-size:11px !important}
.fSize12{font-size:12px !important}
.fSize13{font-size:13px !important}
.fSize14{font-size:14px !important}
.fSize15{font-size:15px !important}
.fSize16{font-size:16px !important}
.fSize17{font-size:17px !important}
.fSize18{font-size:18px !important}
.fSize20{font-size:20px !important}
.fSize22{font-size:22px !important}
.fSize23{font-size:23px !important}
.fSize24{font-size:24px !important}
.fSize28{font-size:28px !important}
.fSize32{font-size:32px !important}
.fSize40{font-size:40px !important}
.fSize60{font-size:60px !important}                                             
.fSize70{font-size:70px !important}

.brandon-L{font-family:'Brandon-Light' !important}
.brandon-R{font-family:'Brandon-Regular' !important}
.brandon-M{font-family:'Brandon-Medium' !important}
.brandon-Bo{font-family:'Brandon-Bold' !important}

.proximanova-R{font-family:'Proxima-Regular'}
.proximanova-B{font-family:'Proxima-Bold'}