/* =========================================
   Import Google Web Fonts
========================================= */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,600,700);

/* =========================================
   Import Stylesheets
================================
section.topbar========= */
@import url('font-awesome.css');
@import url('animate.css');
@import url('jquery.sidr.css');



#mygmap { text-align: center; background: #111; position: fixed; bottom: 0px; left: 0; width: 100%; margin: 0px; padding: 0px; height: 300px; z-index: 9999; }
.simple-menu.top { display: none }
.fade-element { visibility: hidden }
#loading, #success { display: none; margin-top: 20px; }
#success { text-align: center; font-size: 22px; color: #FC3232; }
@media only screen and (max-width: 767px) { 
    .simple-menu.top { display: block; margin-top: 5px; }
    #nav-list { display: none }
    #sign-up { display: none }
}




#nav-bottom{ 
  text-align:center; background: #111;
  position:fixed;
  bottom: 0px;
  left: 0;
  width:100%;
  margin: 0px;
  padding: 0px;
  height: 60px; 
  z-index:9999;
  display: none;
  }
#nav-bottom ul { }
#nav-bottom ul li {display:inline-block; margin:5px; opacity:0.4;}
#nav-bottom ul li:hover {opacity:1;}
#nav-bottom ul li i{vertical-align:top !important;}


#nav-bottom .search-wrapper {max-width:320px; width:100%; height:40px; display:inline-block; margin-top:10px;}
#nav-bottom .search-wrapper form {margin:0 !important;}
/* =========================================
   Fixed background Sections
========================================= */
section.fix-1 { background-attachment: fixed; height: 450px; background-image: url(../images/fix-1.jpg); background-size: cover; }
section.fix-2 { background-attachment: fixed; height: 450px; background-image: url(../images/fix-2.jpg); background-size: cover; }
section.fix-3 { background-attachment: fixed; height: 450px; background-image: url(../images/fix-3.jpg); background-size: cover; }
section.fix-4 { background-attachment: fixed; height: 450px; background-image: url(../images/fix-4.jpg); background-size: cover; }


/* =========================================
   Sections
========================================= */

section.topbar .logo {margin:0 padding:0; height:100px;}
section.topbar .logo .badge{text-align:center; display:inline-block; vertical-align:middle; background:#FC3232; color:#EEE; margin:0; padding:0; }
section.topbar .logo .badge a {display:inline-block; color:#FFF; line-height:10px; padding:16px 20px 15px 15px; 
-moz-box-shadow: inset 0 -5px 0 0 rgba(255,255,255,0.3);
-webkit-box-shadow: inset 0 -5px 0 0 rgba(255,255,255,0.3);
box-shadow: inset 0 -5px 0 0 rgba(255,255,255,0.3);
}
section.topbar .logo img {vertical-align:middle !important; height:100px;}
section.topbar .logo .badge i {vertical-align:bottom; font-weight:300;}


section.topbar ul.nav-list { margin:0; padding: 0px; list-style: none; overflow: hidden; display: inline-block; vertical-align:middle;}
section.topbar ul.nav-list > li { list-style: none; float: left; margin:0;display: inline-block; }
section.topbar ul.nav-list > li > * { display: inline-block; font-weight:400; padding:0;}
section.topbar ul.nav-list > li > a {color: #ccc !important;line-height:50px; padding:5px 10px 5px 10px; min-width:85px; text-align:center;
        -webkit-transition: all 0.4s ease-in-out;
           -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
             -o-transition: all 0.4s ease-in-out;
                transition: all 0.4s ease-in-out;


                }
section.topbar ul.nav-list > li > a:hover {background:none; color:#FFF !important;
-moz-box-shadow: inset 0 -5px 0 0 rgba(255,255,255,0.3);
-webkit-box-shadow: inset 0 -5px 0 0 rgba(255,255,255,0.3);
box-shadow: inset 0 -5px 0 0 rgba(255,255,255,0.3);
cursor: pointer;

}


section.topbar {background: #000000; padding:0; margin:0 auto;
}
section.topbar h1 {font-size:36px; color:#596066; margin:0 !important;}
section.topbar h1 a{color:#596066; }

section.hero{background-image: url("../images/Fb Cover.png");background-size:100% 100%;
background-repeat:no-repeat; }

section.hero-base { background: #000000; width: 100%;  padding:60px 0 60px 0;}
section.hero-base h5 { margin-top: 2px !important; color: #596066; font-weight: normal; }
section.hero-base p { color: #ffffff; font-weight: normal; font-size: 17px; text-align:center;}

section.service { background: #000000; width: 100%; padding:100px 0 100px 0;}
section.service h1 {font-weight:400; color:#fff; margin-bottom:20px;}
section.service h4 {font-weight:400; color:#fff; margin-bottom:20px;}
section.service .pane { background: #00000;margin: 0 0 22px 0;  z-index:1;}
section.service .pane > :first-child { margin-top: 0; }
section.service .pane > :last-child { margin-bottom: 0; }

section.team { background: #474441; width: 100%; padding:100px 0 100px 0;}
section.team h1, section.team h3 {font-weight:400; color:#000000; margin-bottom:20px;}
section.team h4 {font-weight:400; color:#FFF; padding:20px 0 0px 0;margin:0;}
section.team h6 {font-weight:400; color:#FFF; padding-bottom:20px;}
section.team p {font-size:16px; color:#FFF; margin-bottom:20px; padding:20px 20px 0 20px;}
section.team p.resume {color:#474441;padding:0;}
section.team p.resume-red {padding:0;}
section.team .pane { background: #FC3232;margin: 0 0 22px 0;  z-index:1;}
section.team .pane > :first-child { margin-top: 0; }
section.team .pane > :last-child { margin-bottom: 0; }

section.clients { background: #2D2B28; width: 100%; padding:100px 0 100px 0;}
section.clients h1 {font-weight:400; color:#DDD; margin-bottom:20px;}
section.clients h4 {font-weight:400; color:#DDD; padding:20px 0 0px 0;margin:0;}
section.clients h5 {font-weight:400; color:#FFF; padding:20px 0 10px 0;margin:0; font-size:22px;}
section.clients h6 {font-weight:400; color:#FFF; padding-bottom:20px;}
section.clients p {font-size:16px; color:#FFF; margin-bottom:10px;}

section.subscribe { background: #474441; width: 100%; padding:50px 0 50px 0;}
section.subscribe h1 {font-weight:400; color:#DDD; margin-bottom:20px;}
section.subscribe h4 {font-weight:400; color:#DDD; padding:20px 0 0px 0;margin:0;}
section.subscribe h5 {font-weight:400; color:#FFF; padding:20px 0 10px 0;margin:0; font-size:22px;}
section.subscribe h6 {font-weight:400; color:#888; padding-bottom:20px;}
section.subscribe p {font-size:16px; color:#FFF; margin-bottom:10px;}

section.map { background-attachment: fixed; background-image: url(../images/fix-map.jpg); background-size: cover; width: 100%; padding:50px 0 30px 0;}

section.contact { background: #2D2B28; width: 100%; padding:50px 0 50px 0;}
section.contact h2 {font-weight:400; color:#DDD; margin-bottom:20px;}
section.contact h4 {font-weight:400; color:#DDD; padding:20px 0 0px 0;margin:0;}
section.contact h5 {font-weight:400; color:#DDD; padding:20px 0 10px 0;margin:0; font-size:22px;}
section.contact h6 {font-weight:400; color:#DDD; padding-bottom:20px;}
section.contact p {font-size:16px; color:#FFF; margin-bottom:10px;}
section.contact ul li {font-size:14px; color:#999; margin-bottom:8px;}
section.contact form.bg-light{background:#474441; padding:15px 0 15px 0;max-width:980px; width:100%; margin:0 auto; border-radius: 2px;}

section.footer { background: #444444; width: 100%; padding-top:20px;}
section.footer ul.link-list li{ color:#999;}
section.footer ul.link-list li a{ color:#ddd;}
section.footer ul.link-list li a:hover{ color:#FFF; text-decoration:underline;}

/* =========================================
   Section Work Pop Up Overlay
========================================= */

#work { position: relative; width: 100%; margin: 0 auto; padding: 60px 0 120px 0; background: #232020 }
#work .project-window h2 { padding-bottom: 24px; font-size: 24px; text-align: left; text-transform: capitalize; line-height: 24px }
#work figcaption{background:#FC3232;}
#work figcaption h3 { margin: 0; color: #FFF; font-size: 14px; font-weight: 400; line-height: 24px }
#work figcaption p { margin: 0; color: #FFF; font-size: 14px; line-height: 24px }
#work .thumb img { margin: 0; padding: 0; text-align: center;  }
#work h1 { color:#DDD; }
#work h2 { color: #DDD; margin-bottom: 0; font-size: 36px; font-weight: 400; font-style: normal; text-align: center; letter-spacing: 1px; line-height: 36px }
.project-window {position: fixed; top: 0; left: -100%; width: 100%; height: 100%; margin-left: 0; z-index: 999; overflow-y: auto !important; -webkit-overflow-scrolling: touch; background: #DDD;}
.close-project-window { position: absolute; display: inline-block; display: inline-block; top: 0; right: 0; width: 65px; height: 65px; padding-top: 5px; color: #fff; font-size: 48px; text-decoration: none; cursor: pointer; border: none; background: rgba(0,0,0,0.3); line-height: 48px; }
.project-window article img { margin-top: 10px }
.project-window header h3 { color: #FFF; text-transform: capitalize }
.project-window header { position: relative; margin: 0 auto; padding: 4px; font-weight: 400; text-align: center; background: #262626 }
.project-window article { position: relative; width: 100%; max-width: 980px; margin: 0 auto; padding: 15px; right:-100%;}
#work .project { margin-bottom: 20px; text-align: center; background:#000;}
#work figcaption { margin-bottom: 10px !important; padding:10px 0 10px 0; text-align: center !important }
#work .project:hover .thumb img {opacity:0.2; }
#work .thumb span.open { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;  z-index:9999; position: absolute; top:50%; margin-top:-40px; left:50%; margin-left:-60px;width:120px; height:40px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0;}
#work .thumb span.open a {background:#FC3232;color: #FFF; padding:12px 20px 12px 20px;font-weight: bold; display: block; text-align: center; line-height: 1.2; font-size:14px;text-transform:uppercase;-webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;  }
#work .thumb span.open a:hover {color: #FFF; background:#FD5151;}
#work .thumb:hover span.open { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); -moz-animation: fadeInUp 0.4s; -webkit-animation: fadeInUp 0.4s; animation: fadeInUp 0.4s;  opacity: 1; }

/* =========================================
   Map Scale
========================================= */
.scale_block {overflow:hidden; margin-bottom:20px; background:transparent; margin-bottom:60px;}
.scale_block a{overflow: hidden; width:100%; height:100%; }
.scale_block a img{opacity:1;overflow: hidden; width:100%; height:100%; vertical-align: bottom; position: relative; border: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;  -webkit-transform: scale(1.1); -moz-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0);} 
.scale_block a:hover img{opacity:0.09;overflow: hidden; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}
.scale_block .btn_gmap { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;  z-index:9999; position: absolute; top:50%; margin-top:-40px; left:50%; margin-left:-110px;width:220px; height:40px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0;}
.scale_block .btn_gmap  a {background:#FC3232;color: #FFF; padding:12px 20px 12px 20px;font-weight: bold; display: block; text-align: center; line-height: 1.2; font-size:14px;text-transform:uppercase;-webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;  }
.scale_block .btn_gmap  a:hover {color: #FFF; background:#FD5151;}
.scale_block:hover .btn_gmap { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); -moz-animation: fadeInUp 0.4s; -webkit-animation: fadeInUp 0.4s; animation: fadeInUp 0.4s;  opacity: 1; }

a.submit-lrg { width: 100%; background:  #FC3232; color: #FFF; cursor: pointer; display: inline-block; font-family: inherit; font-size: 18px; padding: 15px 12px; 10px 12px; height:50px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
a.submit-lrg:hover { color: white; background-color: #FD5151; }
a.submit-lrg:active { top:1px; left:1px; }


/* =========================================
   Icon Lists Font-Awesome
========================================= */

.ico-list { border-top:1px solid #CCC; padding-top:20px; text-align:left;padding-left:15px;}
.ico-list ul { list-style-type: none; }
.ico-list ul li { list-style-type: none; margin-bottom:3px; color:#666;padding:8px 0 8px 0; }
.ico-list ul li:hover {padding-left:3px; cursor:default;}
.ico-list ul li a{padding:2px 0 2px 0; color:#000; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;text-decoration:none;}
.ico-list ul li a:hover{color:#DF1E33;}
.ico-list ul li a:active{color:#DF1E33;}
.ico-list ul.icoangle li:before { content: "\f105 "; font-family: FontAwesome;}
.ico-list ul.icodblangle li:before { content: "\f101"; font-family: FontAwesome; padding-right:7px;}
.ico-list ul.icocheck li:before { content: "\f00c"; font-family: FontAwesome; padding-right:7px; color:#DDD;}
.ico-list ul.icoplus li:before { content: "\f067"; font-family: FontAwesome; padding-right:7px;}
.ico-list ul.icostar li:before { content: "\f005"; font-family: FontAwesome; padding-right:7px;}



/* =========================================
   Team Misc. Styles
========================================= */
.center-circle { position: relative; width: 100%; height: 120px; z-index: 9999; font-size: 10px !important; }
.inner-circle { position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; z-index: 9999; font-size: 10px !important; background: #FFF; border-radius: 100%; }
.inner-circle i { font-size: 10px !important; border-color: #FC3232; }
.center-circle a {color:#333; }
a.resume {color:#333; }
.social { text-align: center; }
.social ul { }
.social ul li { display: inline-block; margin: 5px; opacity: 0.4; }
.social ul li:hover { opacity: 1 }
.center-list { padding-top:20px; text-align:left;padding:0 15px 0 15px;}
.center-list ul { list-style-type: none; }
.center-list ul li { list-style-type: none; margin-bottom:3px; color:#F2F3F4; padding:8px 0 8px 0; border-top:1px solid #CCC; }
.center-list ul li:hover {cursor:default;}




/* =========================================
   Cycle2 Slider
========================================= */
.cycle-slideshow { width: 100%; height: 100%; background-position: center; background-size: cover; color: #fff; overflow: hidden;margin:0 auto; height:400px;}
.cycle-slideshow ul, .cycle-slideshow li { width: 100%; height: 100%;  overflow: hidden; list-style: none;}
.cycle-slideshow li div.cap {background: rgba(51,51,51,.0);  margin-top:100px;}
.cycle-slideshow li h2 {background: rgba(51,51,51,.0);  color:#DDD;}
.cycle-slideshow li p {background: rgba(51,51,51,.0);  color:#ccc;}
.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; }
a.prev, a.next { opacity: 1 !important; cursor: pointer; position: absolute; z-index: 1002; margin: 5px; -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; }
a.prev { left: 0; bottom: 0; }
a.next { left: 60px; bottom: 0; }



/* =========================================
   Slider Overlay
========================================= */
.bio { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; color: #FFF; text-align: left; background: #474441; }
.bio .close-bio-link { color: #FFF; font-weight: 700; border: none; }
.bio .close-bio-link:hover { color: #fff; border-bottom: none; text-decoration: none; }
.bio .inner { padding: 8px }
.close-bio { float: right }
a.read-bio { width: auto; background:  #FC3232; color: #FFF; cursor: pointer; display: inline-block; font-family: inherit; font-size: 19px; font-weight: normal; line-height: 1; margin: 0; margin-top:40%; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
a.read-bio:hover, a.read-bio:focus { color: white; background-color: #FD5151; }
a.read-bio:active { top:1px; left:1px; }

/* =========================================
   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;  }


/* =========================================
   Tags
========================================= */
ul.tags { margin-left: 0; padding-left: 0; white-space: nowrap; margin-bottom: 30px; }
.tags li:firstchild { display: inline; list-style-type: none; margin-right: 5px; }
.tags li { display: inline; list-style-type: none; margin-right: 5px; color: #333; }
.tags a { padding: 3px 10px }
.tags a:link, .tags a:visited { color: #fff; background-color: #333; text-decoration: none; }
.tags a:hover { color: #fff; background-color: #444; text-decoration: none; }

/* =========================================
   Profile Boxes
========================================= */
.box-left, .box-right{ display: inline-block !important; padding:3px !important; height:auto; width:100%;}
.box-left p, .box-right p{font-size: 11px; font-weight:700;}
.box-left span.ico-square,
.box-left span.ico-square-solid,
.box-left span.ico-round,
.box-left span.ico-round-solid { float: left; margin: 0 8px 5px 0;display: inline-block !important;}
.box-right span.ico-square,.box-right span.ico-square.white,
.box-right span.ico-square-solid,
.box-right span.ico-round,.box-right span.ico-round.white,
.box-right span.ico-round-solid { float: right; margin: 0 0 5px 8px;display: inline-block !important;}
.box-left h6, .box-right h6{ margin: 5px 0 6px 0 !important; font-weight: 700;}




/* =========================================
   Round metro Style Buttons
========================================= */
span.ico-round-center { display: inline-block; width: 40px; height: 40px; border-radius: 100% 100% 100% 100%; -moz-box-shadow: inset 0 0 0 2px #2C3E50; -webkit-box-shadow: inset 0 0 0 2px #2C3E50; box-shadow: inset 0 0 0 2px #2C3E50; padding: 10px 10px; font-size: 18px; text-align: center; color: #486582; background: #2C3E50; margin: 5px !important; cursor: pointer; -webkit-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; -moz-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; -ms-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; -o-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; }
span.ico-round-center:hover { color: #687177 }
span.ico-round { display: inline-block; width: 40px; height: 40px; border-radius: 100% 100% 100% 100%; -moz-box-shadow: inset 0 0 0 2px #596066; -webkit-box-shadow: inset 0 0 0 2px #596066; box-shadow: inset 0 0 0 2px #596066; padding: 7px 10px; font-size: 22px; text-align: center; color: #596066; margin: 5px !important; cursor: pointer; -webkit-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; -moz-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; -ms-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; -o-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; }
span.ico-round:hover { -moz-box-shadow: inset 0 0 0 2px #687177; -webkit-box-shadow: inset 0 0 0 2px #687177; box-shadow: inset 0 0 0 2px #687177; color: #687177; }
span.ico-round-white { display: inline-block; width: 40px; height: 40px; border-radius: 100% 100% 100% 100%; -moz-box-shadow: inset 0 0 0 2px #DDD; -webkit-box-shadow: inset 0 0 0 2px #DDD; box-shadow: inset 0 0 0 2px #DDD; padding: 7px 10px; font-size: 22px; text-align: center; color: #DDD; margin: 5px !important; cursor: pointer; -webkit-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; -moz-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; -ms-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; -o-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; }
span.ico-round-white:hover { -moz-box-shadow: inset 0 0 0 2px #FFF; -webkit-box-shadow: inset 0 0 0 2px #FFF; box-shadow: inset 0 0 0 2px #FFF; color: #FFF; }
span.ico-square { display: inline-block; width: 35px; height: 35px; border-radius: 0; -moz-box-shadow: inset 0 0 0 1px #FFF; -webkit-box-shadow: inset 0 0 0 1px #FFF; box-shadow: inset 0 0 0 1px #FFF; padding-top: 3px; padding-bottom: 3px; font-size: 18px; text-align: center; color: #FFF; margin: 5px !important; cursor: pointer; -webkit-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; -moz-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; -ms-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; -o-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease-in-out; }
span.ico-square:hover { -moz-box-shadow: inset 0 0 0 2px #FFF; -webkit-box-shadow: inset 0 0 0 2px #FFF; box-shadow: inset 0 0 0 2px #FFF; color: #FFF; }


/* =========================================
   Inline Color Shortcodes
========================================= */
.bg-white {background:#FFF; color:#333 !important; }
.bg-white a {color:#333 !important; }
.bg-pale {background:#FD5151 !important; }
.bg-red  {background:#FC3232 !important; color:#FFF !important; border-color:#FC3232 !important; box-shadow: none !important;}
/* =========================================
   Inline Border Shortcodes
========================================= */
.bl { width: 0px; top: 20%; bottom: 30%; left: 0px; border-left: 1px dashed rgba(255,255,255,0.1);overflow: hidden; position: absolute; }
.bb { width: 90%; left: 5%; bottom: 0; height: 1px; border-bottom: 1px dashed rgba(255,255,255,0.1); overflow: hidden; position: absolute; }
.bt { width: 90%; left: 5%; top: 0; height: 1px; border-bottom: 1px dashed rgba(255,255,255,0.1); overflow: hidden; position: absolute; }
.br { width: 0px; top: 5%; bottom: 0%; right: 0px; border-right: 1px dashed rgba(255,255,255,0.1); overflow: hidden; position: absolute; }
/* =========================================
   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; }
.pt100 { padding-top:100px !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; }
.mt100 { margin-top:100px !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; }
.spacer1 {width: 100% !important; min-height :10px !important; display:block; !important;}
.spacer2 {width: 100% !important; min-height :20px !important; display:block; !important;}
.spacer3 {width: 100% !important; min-height :30px !important; display:block; !important;}
.spacer4 {width: 100% !important; min-height :40px !important; display:block; !important;}
.spacer5 {width: 100% !important; min-height :50px !important; display:block; !important;}
.spacer6 {width: 100% !important; min-height :60px !important; display:block; !important;}
.spacer7 {width: 100% !important; min-height :70px !important; display:block; !important;}
.spacer8 {width: 100% !important; min-height :80px !important; display:block; !important;}
.spacer9 {width: 100% !important; min-height :90px !important; display:block; !important;}
.spacer10 {width: 100% !important; min-height :100px !important; display:block; !important;}