@import url('nav.css');
@import url('font-awesome.css');
@import url('jquery.tweet.css');
@import url('animate.css');
@import url('shadows.css');
@import url('contact.css');

/* -----------------------------------------
   Socials
----------------------------------------- */
.social_links { width: 100%; overflow: hidden; }
.social_links ul { list-style: none; position: relative; float: left; display: block; left: 50%; }
.social_links ul li { position: relative; float: left; display: block; right: 50%; width:40px; height:40px; border-radius:100%; background:#ddd; text-align:center;margin:15px; padding-top:3px;-moz-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}
.social_links ul li:hover { margin-top:10px;}
.ico_twitter, .ico_facebook, .ico_google, .ico_vimeo, .ico_dribble,.ico_deviantart, .ico_flickr { font-size:22px; color: #333 !important; margin:0;}
.ico_twitter:hover { color: #33ccff !important; }
.ico_facebook:hover { color: #3B5998 !important; }
.ico_google:hover { color: #C83929 !important; }
.ico_vimeo:hover { color: #DAFA2D !important; }
.ico_dribble:hover { color: #C82F68 !important; }
.ico_deviantart:hover { color: #53695D !important; }
.ico_flickr:hover { color: #FF0084 !important; }


.folb {  -moz-animation: fadeOutLeftBig  1s forwards; -webkit-animation: fadeOutLeftBig  1s forwards; animation: fadeOutLeftBig 1s forwards; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.filb {  -moz-animation: fadeInLeftBig 0.6s forwards; -webkit-animation: fadeInLeftBig 0.6s forwards; animation: fadeInLeftBig 0.6s forwards; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.fidb {  -moz-animation: fadeInDownBig 1s forwards; -webkit-animation: fadeInDownBig 1s forwards; animation: fadeInDownBig 1s forwards; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.fiub {  -moz-animation: fadeInUpBig 1s forwards; -webkit-animation: fadeInUpBig 1s forwards; animation: fadeInUpBig 1s forwards; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.firb {  -moz-animation: fadeInRightBig 0.6s forwards; -webkit-animation: fadeInRightBig 0.6s forwards; animation: fadeInRightBig 0.6s forwards: filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.fiu {  -moz-animation: fadeInUp 0.4s forwards; -webkit-animation: fadeInUp 0.4s forwards; animation: fadeInUp 0.4s forwards; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.fid {  -moz-animation: fadeInDown 0.4s forwards; -webkit-animation: fadeInDown 0.4s forwards; animation: fadeInDown 0.4s forwards; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.fir {  -moz-animation: fadeInRight 0.4s forwards; -webkit-animation: fadeInRight 0.4s forwards; animation: fadeInRight 0.4s forwards; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.fil {  -moz-animation: fadeInLeft 0.4s forwards; -webkit-animation: fadeInLeft 0.4s forwards; animation: fadeInLeft 0.4s forwards; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}

.bi {  -moz-animation: bounceIn  0.3s ease-in 1.5s backwards; -webkit-animation: bounceIn  0.3s ease-in 1.5s backwards; animation: bounceIn  0.3s ease-in 1.5s backwards; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.biu {  -moz-animation: bounceInUp  1.8s ease-in 1.5s backwards; -webkit-animation: bounceInUp  1.8s ease-in 1.5s backwards; animation: bounceInUp 1.8s ease-in 1.5s backwards; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.bil {  -moz-animation: bounceInLeft  0.7s ease-in 1.5s backwards; -webkit-animation: bounceInLeft  0.7s ease-in 1.5s backwards; animation: bounceInLeft 0.7s ease-in 1.5s backwards; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.bir {  -moz-animation: bounceInRight  0.7s ease-in 1.5s backwards; -webkit-animation: bounceInRight  0.7s ease-in 1.5s backwards; animation: bounceInRight 0.7s ease-in 1.5s backwards; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.bid {  -moz-animation: bounceInDown 0.4s ease-in 1.5s backwards; -webkit-animation: bounceInDown 0.4s ease-in 1.5s backwards; animation: bounceInDown 0.4s ease-in 1.5s backwards; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}


/* Panels ---------------------- */
.main .panel { background: rgba(255,255,255,0.1); border: 1px rgba(0,0,0,0.2);  margin: 0; padding: 5px; vertical-align:middle; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.work .panel { background: rgba(255,255,255,0.1); border: 1px rgba(0,0,0,0.2);  margin: 0; padding: 5px; vertical-align:middle; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}

.sep_light {background: url(../images/sep_light.png) no-repeat center center transparent;  height:43px; margin:20px 0 20px 0;}



.logo {
width:40px;
height:40px;
background: url(../images/logo_menu.png) no-repeat 0 0 transparent;
        -webkit-transition: all .5s ease-in-out;
           -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
             -o-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
}

.logo:hover {
width:165px;
height:40px;
background: url(../images/logo_menu.png) no-repeat transparent;
}


/* -----------------------------------------
   Sections
----------------------------------------- */


section.twitter { background-color: #FFF; width: 100%; position: relative; margin: 0; padding: 100px 0 100px 0; }

section#service { padding: 75px 0 75px 0 !important; width: 100%; position: relative; z-index: 10; background: #EAEAEA url(../images/border_bg_dark.png); background-repeat: repeat-x; background-position: bottom center; }

section#service h1, section#service h2, section#service h3, section#service h4, section#service h5, section#service h6 p { color: #333 }

section.dark { padding: 120px 0 120px 0 !important; width: 100%; position: relative; z-index: 10; background: #111 url(../images/border_bg_light.png); background-repeat: repeat-x; background-position: bottom center; }

section.dark h1, section.dark h2, section.dark h3, section.dark h4, section.dark h5, section.dark h6 p { color: #777 }

section.darklast { padding: 60px 0 60px 0 !important; width: 100%; position: relative; z-index: 10; background: #111; }

section.darklast h1, section.darklast h2, section.darklast h3, section.darklast h4, section.darklast h5, section.darklast h6 p { color: #777 }

section.darkfoot { padding: 20px 0 20px 0 !important; width: 100%; position: relative; z-index: 10; background: #111 url(../images/border_bg_light.png); background-repeat: repeat-x; background-position: bottom center; }

section.darkfoot h1, section.darkfoot h2, section.darkfoot h3, section.darkfoot h4, section.darkfoot h5, section.darkfoot h6 p { color: #777 }

section.light { padding: 120px 0 120px 0 !important; width: 100%; position: relative; z-index: 10; background: #161616 url(../images/border_bg_dark.png); background-repeat: repeat-x; background-position: bottom center; }

section.light h1, section.light h2, section.light h3, section.light h4, section.light h5, section.light h6 p { color: #666 }

section.sendit { padding: 120px 0 120px 0 !important; width: 100%; position: relative; z-index: 10; background: #EAEAEA url(../images/border_bg_dark.png); background-repeat: repeat-x; background-position: bottom center; }

section.sendit h1, section.sendit h2, section.sendit h3, section.sendit h4, section.sendit h5, section.sendit h6 p { color: #333 }

section.recent { background-attachment: fixed; -webkit-background-clip: border-box; -moz-background-clip: border-box; background-clip: border-box; background-color: #FFF; background-origin: padding-box; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; padding: 0 0 60px 0px; position: relative; z-index: 10; margin: 0; }

section#menu { background-color: #000; width: 100%; padding: 0; margin: 0; z-index: 20; }

section#header { width: 100%; z-index: 1; position: relative; min-height: 500px; height: 500px; background: transparent url(../images/border_bg_light.png); background-repeat: repeat-x; background-position: bottom center; }




/*---------------------------------------------------------
	Front Page Hero Text & Image
-------------------------------------------------------- */

.hero_wrap { width: 100%; text-align: center; color: #FFF; font-size: 48px; font-weight: 900; height: 500px; position: absolute;z-index:30; background:none;}
.hero_text { width: 100%; top: 10%; position: absolute; text-align: center; cursor: default; }
.hero_text h1 { color: #FFF; font-size: 48px; font-weight: 900; text-shadow: 2px 2px 4px rgb(84, 84, 84);}
.hero_text p { color: #FFF; font-size: 22px; font-weight: normal; }
.hero_text p span{ color: #FFB818; font-size: 22px; font-weight: normal; }

/*---------------------------------------------------------
	Front Page Service Grid
-------------------------------------------------------- */
.service:hover .service-description h3 {color:#FFF;}
.service:hover .service-icon {color:#FFF;}
.service { padding-top:20px; }
.service-icon { display: block; float: left; margin: 4px 6px 6px 0; width: 30px; height: 30px; border-radius: 50%; background: #333; vertical-align: middle; text-align: center; line-height: 30px; color: #FFF; }
.service-description h3 { text-transform:uppercase;font-family: "Source Sans Pro", sans-serif; margin: 0 0 0 35px; margin-top: 5px; font-weight: 400; font-size: 22px; color:#EEE; }
.service-description p { margin: 25px 0 15px; color: #999; font-size: 13px; }
.service-description { position: relative; padding-bottom: 30px; }
.service-description .view { position: absolute; right: 0; bottom: 10px; opacity: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.service-description .view a{ color:#999; }
.service-description:hover .view { opacity: 1; -moz-animation: fadeInLeft 1s; -webkit-animation: fadeInLeft 1s; animation: fadeInLeft 1s; }
.service-border-left { width: 0px; top: 20%; bottom: 20%; left: 0px; border-left: 1px dotted rgba(33,33,33,1); overflow: hidden; position: absolute; }
.service-border-bottom { width: 90%; left: 5%; bottom: 0; height: 1px; border-bottom: 1px dotted rgba(33,33,33,1); overflow: hidden; position: absolute; }
.service-border-right { width: 0px; top: 20%; bottom: 20%; right: 0px; border-right: 1px dotted rgba(33,33,33,1); overflow: hidden; position: absolute; }

/* -----------------------------------------
   Newsticker (jquery.newsticker.js)
----------------------------------------- */
.client_ticker ul { list-style: none; margin: 10px 0; padding: 0px; width: 100%; height: 140px !important; overflow: hidden; /* Not required but recommended for accessibility when JavaScript is turned off */ position: relative; }
.client_ticker ul li{ text-align:center; width:100% !important;}

/* -----------------------------------------
   Image Hovers and Styles
----------------------------------------- */
.framed { -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); background: #fff; border: 1px solid #DDD; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); margin: 0; padding: 2px; }
.round_framed { -webkit-transition: .5s all ease-in-out; -moz-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out; -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); background: #fff; border: 1px solid #DDD; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); margin: 0; padding: 4px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; }
.round_framed:hover { -moz-box-shadow: 0 0 5px -2px #000; -webkit-box-shadow: 0 0 5px -2px #000; box-shadow: 0 0 5px -2px #000; }
.soc_framed { box-shadow: 0px 0px 21px -3px rgb(0, 0, 0) inset; background-color: rgb(51, 51, 51); border-width: 1px; border-style: solid; border-image: none; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); transition: all 0.5s ease-in-out 0s; padding: 5px; margin: 0px 0px 20px; border-radius: 500px 500px 500px 500px; }
.matrix{ position: absolute; background: url(../images/matrix.png); top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; z-index: -1; opacity: 0.2; }
.circle {border-radius:100%; font-size:56px;width:200px; height:200px; padding:30px; background:#6FA94B; border:4px dotted  #FFF; -moz-box-shadow: 0 0 0 14px #6FA94B; -webkit-box-shadow: 0 0 0 14px #6FA94B; box-shadow: 0 0 0 14px #6FA94B;}
.ico_lrg {font-size:150px; font weight:normal; color:#000;}


/* -----------------------------------------
   Footer List
----------------------------------------- */
.list_links ul {list-style-type: none;}
.list_links ul li { font-size:13px; color:#999 !important;  font-weight:600; display: block; -moz-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}
.list_links ul li a { cursor:pointer;font-size:13px; color:#999 !important;  font-weight:600; display: block; -moz-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}
.list_links ul li a:hover { padding-left:3px; background: rgba(0, 0, 0, 0.3); font-size:13px; color:#EEE !important;  font-weight:600; display: block; -moz-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}

/* -----------------------------------------
   Scrollup Plugin
----------------------------------------- */
.scrollup { z-index:99999; width: 55px; height: 55px; text-indent: -9999px; opacity: 0.3; position: fixed; bottom: 10px; right: 10px; display: none; background: url('../images/icon_top.png') no-repeat; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.scrollup:hover { opacity: 1 }


/* -----------------------------------------
   Shadows & Overlays
----------------------------------------- */
.shadow1 { background-image: url("../images/shadow1.png"); background-repeat:no-repeat; background-position: center top; width:100%; height:30px;}
.shadow2 { background-image: url("../images/shadow2.png"); background-repeat:no-repeat; background-position: center top; width:100%; height:60px;}
.shadow3 { background-image: url("../images/shadow3.png"); background-repeat:no-repeat; background-position: center top; width:100%; height:60px;}
.shadow_small { background-image: url("../images/shadow_small.png"); background-repeat:no-repeat; background-origin: padding-box; background-position: center top;height:60px; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain;  }

/* -----------------------------------------
   Toggle
----------------------------------------- */
.toggle {padding-top:20px}
.toggle dt{color:#444;background:url(../images/down.png) 0 4px no-repeat;padding:3px 0 15px 30px;position:relative;}
.toggle dt:hover{cursor:pointer}
.toggle dd{background:url(../images/rightt.png) 0 2px no-repeat;padding:0 0 5px 30px;position:relative;color:#444}
.toggle .hover{color:#666;text-decoration:none}

/* -----------------------------------------
   Example Toggle (for demo pages only)
----------------------------------------- */
.example {padding:0 0 20px 0}
.example dt{text-align:right;color:#444;background:url(../images/source.png) right center no-repeat;padding:0 20px 0 0px;position:relative; }
.example dt:hover{cursor:pointer}
.example dd{padding:0;position:relative;color:#444}
.example .hover{color:#666;text-decoration:none}


/*---------------------------------------------------------
	Home Page Slider Next previous Buttons
-------------------------------------------------------- */

.prev:before, .next:before { font-family: 'Fontawesome'; color: #FFF; font-weight: normal; font-size: 40px; position: absolute; }

.prev { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); cursor: pointer; height: 50px; width: 50px; position: absolute; left: 50px; top: 50%; margin-top: -25px; z-index: 9000; margin: 0; text-align: center; }

.next { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); cursor: pointer; height: 50px; width: 50px; position: absolute; right: 50px; top: 50%; margin-top: -25px; z-index: 1002; margin: 0; text-align: center; }

.next:before { content: "\f054" }

.prev:before { content: "\f053" }

section#header:hover .prev { -moz-animation: bounceInLeft  0.7s; -webkit-animation: bounceInLeft  0.7s; animation: bounceInLeft 0.7s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

section#header:hover .next { -moz-animation: bounceInRight  0.7s; -webkit-animation: bounceInRight  0.7s; animation: bounceInRight 0.7s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

section.dark:hover .prev { -moz-animation: bounceInLeft  0.7s; -webkit-animation: bounceInLeft  0.7s; animation: bounceInLeft 0.7s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

section.dark:hover .next { -moz-animation: bounceInRight  0.7s; -webkit-animation: bounceInRight  0.7s; animation: bounceInRight 0.7s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/*---BANNER ROTATOR---*/

/* pager */

.cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden; }

.cycle-pager span { font-family: arial; font-size: 50px; width: 16px !important; height: 16px !important; display: inline-block; color: rgba(0,0,0,0.4); cursor: pointer; }

.cycle-pager span.cycle-pager-active { color: rgba(0,0,0,1) }

.cycle-pager > * { cursor: pointer }

.cycle-slideshow { position: relative }

.cycle-slideshow ul, .cycle-slideshow li { width: 100%; height: 100%; }

.cycle-slideshow li div { padding: 20px; position: absolute; width: 100%; text-align: center; bottom: auto; top:230px; }

.cycle-overlay { position: absolute; bottom: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: #333; padding: 0; opacity: 1; }

.banner-background { width: 100%; height: 100%; background-position: center; background-size: cover; position: absolute; top: 0; left: 0; z-index: 10; }

.min-height { height: 500px !important }

.cycle-slideshow li div h1 { z-index: 20; color: #fff; padding-bottom: 0px; font-size: 36px; line-height: 40px; text-transform: uppercase; text-shadow: 2px 2px 4px rgb(84, 84, 84); }

.cycle-slideshow li div p { z-index: 20; color: #fff; font-size: 17px; padding-top: 20px; font-weight: 400; }

@media screen and (max-width: 900px), (max-height: 600px) { 
    .cycle-slideshow li div h1 { font-size: 36px }
}

@media screen and (max-width: 700px), (max-height: 400px) { 
.cycle-slideshow li div { padding: 20px; position: absolute; width: 100%; text-align: center; bottom: 20%; }

    .cycle-slideshow li div h1 { font-size: 27px }

    .cycle-slideshow li div p { font-size: 12px;/*display: none*/ }
}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width:320px) and (max-device-width:480px) { 
    .cycle-slideshow li div h1 { /*display: none*/ font-size: 20px}

    #cycle-nav { display: none }
}



.team:hover  {background:#111111;}



/* -----------------------------------------
   Inline CSS Shortcodes
----------------------------------------- */
.vam {vertical-align:middle !important;}
.ptp20 { padding-top:20% !important; }
.p0 { padding:0px !important; }
.p1 { padding:1px !important; }
.p2 { padding:2px !important; }
.p3 { padding:3px !important; }
.p4 { padding:4px !important; }
.p5 { padding:5px !important; }
.p6 { padding:6px !important; }
.p7 { padding:7px !important; }
.p8 { padding:8px !important; }
.p9 { padding:9px !important; }
.p10 { padding:10px !important; }
.p15 { padding:15px !important; }
.p20 { padding:20px !important; }
.p25 { padding:25px !important; }
.p30 { padding:30px !important; }
.p35 { padding:35px !important; }
.p40 { padding:40px !important; }
.p45 { padding:45px !important; }
.p50 { padding:50px !important; }
.pt0 { padding-top:0px !important; }
.pt1 { padding-top:1px !important; }
.pt2 { padding-top:2px !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt6 { padding-top:6px !important; }
.pt7 { padding-top:7px !important; }
.pt8 { padding-top:8px !important; }
.pt9 { padding-top:9px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pr0 { padding-right:0px !important; }
.pr1 { padding-right:1px !important; }
.pr2 { padding-right:2px !important; }
.pr3 { padding-right:3px !important; }
.pr4 { padding-right:4px !important; }
.pr5 { padding-right:5px !important; }
.pr6 { padding-right:6px !important; }
.pr7 { padding-right:7px !important; }
.pr8 { padding-right:8px !important; }
.pr9 { padding-right:9px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }
.pb0 { padding-bottom:0px !important; }
.pb1 { padding-bottom:1px !important; }
.pb2 { padding-bottom:2px !important; }
.pb3 { padding-bottom:3px !important; }
.pb4 { padding-bottom:4px !important; }
.pb5 { padding-bottom:5px !important; }
.pb6 { padding-bottom:6px !important; }
.pb7 { padding-bottom:7px !important; }
.pb8 { padding-bottom:8px !important; }
.pb9 { padding-bottom:9px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
.pl0 { padding-left:0px !important; }
.pl1 { padding-left:1px !important; }
.pl2 { padding-left:2px !important; }
.pl3 { padding-left:3px !important; }
.pl4 { padding-left:4px !important; }
.pl5 { padding-left:5px !important; }
.pl6 { padding-left:6px !important; }
.pl7 { padding-left:7px !important; }
.pl8 { padding-left:8px !important; }
.pl9 { padding-left:9px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }

.m0a { margin:0 auto !important; }
.m0 { margin:0px !important; }
.m1 { margin:1px !important; }
.m2 { margin:2px !important; }
.m3 { margin:3px !important; }
.m4 { margin:4px !important; }
.m5 { margin:5px !important; }
.m6 { margin:6px !important; }
.m7 { margin:7px !important; }
.m8 { margin:8px !important; }
.m9 { margin:9px !important; }
.m10 { margin:10px !important; }
.m15 { margin:15px !important; }
.m20 { margin:20px !important; }
.m25 { margin:25px !important; }
.m30 { margin:30px !important; }
.m35 { margin:35px !important; }
.m40 { margin:40px !important; }
.m45 { margin:45px !important; }
.m50 { margin:50px !important; }
.mt0 { margin-top:0px !important; }
.mt1 { margin-top:1px !important; }
.mt2 { margin-top:2px !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt6 { margin-top:6px !important; }
.mt7 { margin-top:7px !important; }
.mt8 { margin-top:8px !important; }
.mt9 { margin-top:9px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mr0 { margin-right:0px !important; }
.mr1 { margin-right:1px !important; }
.mr2 { margin-right:2px !important; }
.mr3 { margin-right:3px !important; }
.mr4 { margin-right:4px !important; }
.mr5 { margin-right:5px !important; }
.mr6 { margin-right:6px !important; }
.mr7 { margin-right:7px !important; }
.mr8 { margin-right:8px !important; }
.mr9 { margin-right:9px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.mb0 { margin-bottom:0px !important; }
.mb1 { margin-bottom:1px !important; }
.mb2 { margin-bottom:2px !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb6 { margin-bottom:6px !important; }
.mb7 { margin-bottom:7px !important; }
.mb8 { margin-bottom:8px !important; }
.mb9 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.ml0 { margin-left:0px !important; }
.ml1 { margin-left:1px !important; }
.ml2 { margin-left:2px !important; }
.ml3 { margin-left:3px !important; }
.ml4 { margin-left:4px !important; }
.ml5 { margin-left:5px !important; }
.ml6 { margin-left:6px !important; }
.ml7 { margin-left:7px !important; }
.ml8 { margin-left:8px !important; }
.ml9 { margin-left:9px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml80 { margin-left:80px !important; }
.spacer2 {height:20px !important;}
.spacer3 {height:30px !important;}
.spacer4 {height:40px !important;}
.spacer5 {height:50px !important;}
.spacer6 {height:60px !important;}
.spacer7 {height:70px !important;}
.spacer8 {height:80px !important;}
.spacer9 {height:90px !important;}
.spacer10 {height:100px !important;}