@font-face{font-family:'Open Sans ExtraBoldItalic';src:url("../themes/allweb/assets/css/publish/fonts/OpenSans-ExtraBoldItalic-webfont.eot");src:url("../themes/allweb/assets/css/publish/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"),url("../themes/allweb/assets/css/publish/fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"),url("../themes/allweb/assets/css/publish/fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"),url("../themes/allweb/assets/css/publish/fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraBoldItalic") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Open Sans Light';src:url("../themes/allweb/assets/css/publish/fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"),url("../themes/allweb/assets/css/publish/fonts/OpenSans-Light-webfont.woff") format("woff"),url("../themes/allweb/assets/css/publish/fonts/OpenSans-Light-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'Open Sans';src:url("../themes/allweb/assets/css/publish/fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"),url("../themes/allweb/assets/css/publish/fonts/OpenSans-Regular-webfont.woff") format("woff"),url("../themes/allweb/assets/css/publish/fonts/OpenSans-Regular-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'Open Sans';src:url("../themes/allweb/assets/css/publish/fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"),url("../themes/allweb/assets/css/publish/fonts/OpenSans-Bold-webfont.woff") format("woff"),url("../themes/allweb/assets/css/publish/fonts/OpenSans-Bold-webfont.ttf") format("truetype");font-weight:bold;font-style:normal}body{color:#58585b;font-size:14px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}header{overflow:hidden;background:linear-gradient(to bottom, #FCFCFC 0%, #E8E8E8 100%) repeat scroll 0 0 transparent}header .container{margin-top:10px;padding:0}header .navbar-collapse{padding-right:0;padding-left:0}header .infobar ul li{list-style:none;padding-left:15px;color:#8e8e93}header .infobar ul li a,header .infobar ul li.phone label{color:#8e8e93;text-decoration:none;font-weight:normal;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}header .infobar .phone,header .infobar .envelope{padding-top:5px}header .infobar .fa-envelope,header .infobar .fa-phone-square{color:#f80;font-size:16px}header .infobar .search-box{font-size:13px}header .infobar .search-field{padding:6px 10px;background:rgba(50,50,50,0.2);border:none;width:175px}header .infobar .search-submit{background:#f80;padding:6px;color:#fff;border:solid 0px;width:85px;margin-left:-5px}header .navbar{min-height:40px}header .navbar#layout-nav{margin-bottom:0;border-radius:0;margin-right:10px;margin-top:30px}header #layout-nav .navbar-nav{margin:0;text-transform:uppercase}header #layout-nav .navbar-nav li{padding:0;border-right:solid 1px #eee;background-color:#F6F6F6}header #layout-nav .navbar-nav li :hover{color:#f80}header #layout-nav .navbar-nav li a{color:#333;padding-top:10px;padding-bottom:10px}header #layout-nav .navbar-nav li.active a{color:#fff;background-color:#f80}header #layout-nav span{padding-right:10px}#layout-content .container h1.border-bottom{border-bottom:solid 1px  #d7d7d7;padding-bottom:5px}#layout-content .container h1{font-size:22px;text-transform:uppercase;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}#layout-content .container h3{font-size:20px}#layout-content .container a.no-underline:hover{text-decoration:none}#layout-content .container figcaption{font-size:smaller;font-style:italic;color:#58585b}#layout-content .container p,#layout-content .container ul li{line-height:25px}#layout-content .container .btn-submit{background-color:#f80;color:#fff;border-radius:0;text-transform:uppercase;padding:5px 35px}#layout-content .container .wrap-form .required,#layout-content .container .wrap-form .error{color:red}#layout-content .container .no-padding-left{padding-left:0px}#layout-content .container .no-padding-right{padding-right:0px}footer#layout-footer{background-color:#272626;border-top:5px solid #FF5000;font-family:arial,sans-serif;color:#666;font-size:12px;overflow:hidden;position:relative;top:150px}footer#layout-footer h3{color:#fff;font-size:14px;text-transform:uppercase}footer#layout-footer .container{padding-bottom:15px;padding-top:15px}footer#layout-footer .footer-menu{padding:10px 0}footer#layout-footer .footer-menu ul{padding-left:0;display:inline-block;text-transform:capitalize}footer#layout-footer .footer-menu ul li{font-size:12px;display:inline;padding-right:10px}footer#layout-footer .footer-menu ul li a{color:#666}footer#layout-footer .footer-menu ul li a:hover{color:#f80}footer#layout-footer .copy-right p{text-transform:uppercase}footer#layout-footer .footer-right{font-size:14px}footer#layout-footer .footer-right .share-link img{width:35px}footer#layout-footer .footer-right .social-text p{padding:10px 0}
/*# sourceMappingURL=theme.css.map */

@media (max-width: 1023px){#layout-nav .navbar-nav a{font-size:12px;padding:10px 10px}footer#layout-footer{font-size:12px}footer#layout-footer h3{font-size:12px}footer#layout-footer .copy-right p{text-transform:uppercase;font-size:10px}footer#layout-footer .footer-menu{padding:0}footer#layout-footer .footer-menu ul li{padding-right:5px}footer#layout-footer .footer-right h3{padding:0}footer#layout-footer .footer-right .social-text p{padding:0;font-size:12px}footer#layout-footer .footer-right .share-link img{width:20px}}@media (max-width: 767px){header .navbar#layout-nav{margin-top:10px}header .position-logo img{width:120px;padding-left:10px}header .infobar{padding-right:10px}header .infobar .navbar-nav{margin:0}header .infobar .search-box{margin-top:5px;font-size:12px}header #layout-nav .navbar-nav{padding-left:15px}header #layout-nav span.extra-space{margin-right:5px}footer#layout-footer .container{padding-top:0}#layout-content .wrap-slider{display:none}#layout-content .flex-direction-nav a{height:17px}#layout-content .container .wrap-form h1{font-size:12px}#layout-content .container h1{font-size:16px}#layout-content .container h3{font-size:14px}#layout-content .container p,#layout-content .container ul li{font-size:12px;line-height:20px}#layout-content .container label{font-size:12px}#layout-content .container .introduction span.uppercase{font-size:30px}}@media (max-width: 767px){footer#layout-footer ul li{font-size:10px}}@media (max-width: 320px){header .infobar ul{margin-top:0}header .infobar ul li{padding-left:0}header .infobar ul li a,header .infobar ul li.phone label{font-size:12px}header .infobar .search-field{width:100px}header .infobar .search-submit{width:50px}footer#layout-footer{font-size:10px}footer#layout-footer h3{font-size:12px}footer#layout-footer .copy-right p{text-transform:lowercase}footer#layout-footer .footer-menu{padding:0}footer#layout-footer .footer-menu ul li{font-size:10px;padding-right:5px}footer#layout-footer .footer-right h3{padding:0}footer#layout-footer .footer-right .social-text p{padding:0;font-size:10px}footer#layout-footer .footer-right .share-link img{width:20px}}@media (max-width: 375px) and (min-width: 321px){header .infobar ul li a,header .infobar ul li.phone label{font-size:13px}header .infobar .search-field{width:100px}header .infobar .search-submit{width:50px}}@media (min-width: 768px) and (max-width: 1023px){header .infobar .search-field{width:130px}header .infobar .search-submit{width:55px}}@media (max-width: 767px) and (min-width: 376px){header .infobar .fa-envelope,header .infobar .fa-phone-square{padding-top:0}header .infobar ul li a,header .infobar ul li.phone label{font-size:13px}header .infobar .search-field{width:120px}header .infobar .search-submit{width:60px}}
/*# sourceMappingURL=mobile.css.map */

#service footer#layout-footer {
  top: 220px; }
#service #layout-content .container {
  min-height: 1280px; }
#service .btn-primary {
  background-color: #ff8800;
  border: 0; }
#service label.tabtile:hover {
  cursor: pointer; }
#service .tab-content {
  width: 100%; }
  #service .tab-content p {
    text-align: justify; }
  #service .tab-content .btn-center {
    text-align: center; }
    #service .tab-content .btn-center p {
      text-align: center; }
#service h5 {
  margin-top: 20px; }
#service ul.icon-ok {
  list-style-image: url("../themes/allweb/assets/css/publish/images/icon-ok.png");
  margin-bottom: 20px; }
#service ul.extra-space {
  margin-bottom: 15px; }
#service ul.sub-ul-list li {
  list-style: square; }
#service img.img-sign {
  padding-top: 40%; }
#service .tabion,
#service .tabion > li {
  width: 100%; }
  #service .tabion label,
  #service .tabion > li label {
    position: relative;
    margin: 0 5px 10px 5px; }
#service .item-service {
  height: 115px;
  width: 20%; }
  #service .item-service .light-title {
    position: absolute;
    padding-left: 10%;
    padding-top: 18%;
    font-size: 16px; }
  #service .item-service img {
    padding-left: 30%;
    padding-top: 6%; }
#service .item-service-last {
  width: 41%; }
  #service .item-service-last .light-title {
    padding-left: 25%;
    padding-top: 10%; }
  #service .item-service-last img {
    padding-left: 40%; }
#service img.thumbnail-template {
  width: 130px;
  height: 150px; }
#service img.ecommerce-thumbnail-template {
  width: 150px;
  height: 160px; }
#service .our-services label {
  font-weight: normal; }
#service #service-1 {
  background-color: #7C0C7C;
  width: 35%;
  height: 240px; }
  #service #service-1 .light-title {
    position: absolute;
    padding-left: 25%;
    padding-top: 28%; }
  #service #service-1 img {
    padding-left: 25%;
    padding-top: 13%; }
#service #service-2 {
  background-color: #0086BD; }
#service #service-3 {
  background-color: #8F3012; }
#service #service-4 {
  background-color: #00640C; }
#service #service-5 {
  background-color: #740023; }
#service #service-6 {
  background-color: #1F7783; }
#service .service-6 a.fancybox {
  text-align: center; }
#service .service-6 img {
  width: 45%; }
#service .extra-padding-top {
  margin-top: 20px; }
#service .tab-content {
  height: auto; }
  #service .tab-content .extra-padding-img {
    padding-top: 25px;
    padding-bottom: 25px; }
#service .tab-content-service-3 {
  min-height: 1283px; }
#service #tab-content-service-3 img.thumbnail-top {
  width: 300px;
  height: 198px; }
#service #tab-content-service-3 img.thumbnail-bottom {
  width: 420px; }
@media (min-width: 1024px) {
  #service .tab-content {
    position: absolute;
    margin-top: 25%; } }
@media (min-width: 1200px) {
  #service .tab-content {
    margin-top: 22%; }
  #service ul.extra-space {
    margin-bottom: 40px; } }
@media (max-width: 1023px) {
  #service .tabion > li {
    position: relative; }
  #service .tab-content {
    position: relative; }
    #service .tab-content img.size-medium {
      width: 80%; }
    #service .tab-content img.img-sign {
      width: 80%; }
  #service .extra-padding-bottom {
    margin-bottom: 20px; }
  #service #tab-content-service-3 img.thumbnail-bottom {
    width: 350px; }
  #service #service-1 {
    width: 100%;
    height: 100px; }
    #service #service-1 img {
      padding-left: 45%;
      height: 100px;
      padding-top: 0; }
    #service #service-1 .light-title {
      padding-left: 35%;
      padding-top: 40px; }
  #service .item-service {
    z-index: 2;
    width: 100%;
    height: 100px; }
    #service .item-service img {
      padding-left: 45%;
      padding-top: 10px; }
    #service .item-service .light-title {
      padding-left: 35%;
      padding-top: 40px; } }
@media (min-width: 601px) and (max-width: 700px) {
  #service #service-1 .light-title {
    padding-left: 30%;
    padding-top: 40px; }
  #service #service-1 img {
    padding-left: 40%; }
  #service .item-service .light-title {
    padding-left: 30%;
    padding-top: 40px; }
  #service .item-service img {
    padding-left: 40%;
    padding-top: 10px; } }
@media (min-width: 321px) and (max-width: 600px) {
  #service #service-1 .light-title {
    padding-left: 25%;
    padding-top: 40px; }
  #service #service-1 img {
    padding-left: 36%; }
  #service .item-service .light-title {
    padding-left: 25%;
    padding-top: 40px; }
  #service .item-service img {
    padding-left: 37%;
    padding-top: 10px; } }
@media (max-width: 320px) {
  #service #service-1 .light-title {
    padding-left: 20%; }
  #service #service-1 img {
    padding-left: 30%;
    height: 100px; }
  #service .item-service .light-title {
    padding-left: 20%; }
  #service .item-service img {
    padding-left: 35%; } }
@media (min-width: 376px) and (max-width: 413px) {
  #service #layout-content .btn-center {
    padding: 0; }
  #service #layout-content .btn-center p {
    font-size: 10px; } }
@media (max-width: 375px) {
  #service #layout-content .btn-center {
    padding: 0; }
  #service #layout-content .btn-center p,
  #service #layout-content .btn-center b {
    font-size: 8px; }
  #service #layout-content .btn-primary {
    padding: 5px; }
  #service #layout-content #tab-content-service-3 img.thumbnail-bottom,
  #service #layout-content #tab-content-service-3 img.thumbnail-top {
    width: 250px;
    height: 150px; }
  #service #layout-content img.ecommerce-thumbnail-template {
    width: 125px; } }
#service .modal-content {
  margin: 0 auto;
  width: 80%;
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  font-family: inherit; }
  #service .modal-content .position-logo {
    padding-top: 15px;
    text-align: center; }
  #service .modal-content h1 {
    padding-bottom: 20px; }
  #service .modal-content label {
    font-weight: normal; }
  #service .modal-content .btn-customize {
    background-color: #ff8800;
    color: #fff;
    text-transform: uppercase; }
#service label.header {
  font-size: 12px; }
#service .hosting-solution p {
  text-align: center; }

/*# sourceMappingURL=our-service.css.map */

@font-face{font-family:'flexslider-icon';src:url(../themes/allweb/assets/css/publish/fonts/flexslider-icon.eot);src:url(../themes/allweb/assets/css/publish/fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"),url(../themes/allweb/assets/css/publish/fonts/flexslider-icon.woff) format("woff"),url(../themes/allweb/assets/css/publish/fonts/flexslider-icon.ttf) format("truetype"),url(../themes/allweb/assets/css/publish/fonts/flexslider-icon.svg#flexslider-icon) format("svg");font-weight:400;font-style:normal}.flex-container a:hover,.flex-slider a:hover{outline:none}.slides,.slides > li,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{margin:0;padding:0}.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides > li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);-o-box-shadow:0 1px 4px rgba(0,0,0,0.2);box-shadow:0 1px 4px rgba(0,0,0,0.2)}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:21px;margin:-20px 0 0;position:absolute;top:60%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:"flexslider-icon";font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width: 860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}
.animated{
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}

.animated.hinge{
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-ms-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}


@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.flip {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}


@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}


@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}



@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}


@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}


@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}


@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}


@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}


@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}



@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}



@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}


@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1);
	}
	
	70% {
		opacity:0.9;
		transform: scale(.9);
	}
	
	100% {
		opacity:1;
		transform: scale(1);
	}
}


.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}



@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}


@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}



@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}


@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}



@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}


@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}


@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}


@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes lightSpeedIn {
	0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-moz-keyframes lightSpeedIn {
	0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}


@keyframes lightSpeedIn {
	0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}


@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}

/*============================================

Tabion CSS by SONHLAB.com - version 1.0
Website: http://sonhlab.com
Documentation: http://docs.sonhlab.com/tabion-metro-tab-accordion-switcher-css/

============================================*/



/*========== START HOVER SHADOW LIST ==========*/

.hovershadow-white, .hovershadow-black, .hovershadow-blue, .hovershadow-green, .hovershadow-red, .hovershadow-orange {
	display:inline-block;
	text-decoration:none;
}
.hovershadow-white:hover {
	box-shadow:0px 0px 6px 3px #fff;
	-webkit-box-shadow:0px 0px 6px 3px #fff;
	-moz-box-shadow:0px 0px 6px 3px #fff;
	-o-box-shadow:0px 0px 6px 3px #fff;
	-ms-box-shadow:0px 0px 6px 3px #fff;
}
.hovershadow-blue:hover {
	box-shadow:0px 0px 6px 3px #38D1F7;
	-webkit-box-shadow:0px 0px 6px 3px #38D1F7;
	-moz-box-shadow:0px 0px 6px 3px #38D1F7;
	-o-box-shadow:0px 0px 6px 3px #38D1F7;
	-ms-box-shadow:0px 0px 6px 3px #38D1F7;
}
.hovershadow-green:hover {
	box-shadow:0px 0px 6px 3px #AACA37;
	-webkit-box-shadow:0px 0px 6px 3px #AACA37;
	-moz-box-shadow:0px 0px 6px 3px #AACA37;
	-o-box-shadow:0px 0px 6px 3px #AACA37;
	-ms-box-shadow:0px 0px 6px 3px #AACA37;
}
.hovershadow-red:hover {
	box-shadow:0px 0px 6px 3px #E81750;
	-webkit-box-shadow:0px 0px 6px 3px #E81750;
	-moz-box-shadow:0px 0px 6px 3px #E81750;
	-o-box-shadow:0px 0px 6px 3px #E81750;
	-ms-box-shadow:0px 0px 6px 3px #E81750;
}
.hovershadow-black:hover {
	box-shadow:0px 0px 6px 3px #444;
	-webkit-box-shadow:0px 0px 6px 3px #444;
	-moz-box-shadow:0px 0px 6px 3px #444;
	-o-box-shadow:0px 0px 6px 3px #444;
	-ms-box-shadow:0px 0px 6px 3px #444;
}
.hovershadow-orange:hover {
	box-shadow:0px 0px 6px 3px #FF6600;
	-webkit-box-shadow:0px 0px 6px 3px #FF6600;
	-moz-box-shadow:0px 0px 6px 3px #FF6600;
	-o-box-shadow:0px 0px 6px 3px #FF6600;
	-ms-box-shadow:0px 0px 6px 3px #FF6600;
}

/*========== END HOVER SHADOW LIST ==========*/




/*========== START BACKGROUND LIST ==========*/

/* Solid Colors */




.color1 { background:#9C0F9B; }
.color2 { background:#00A7EB; }
.color3 { background:#009D12; }
.color4 { background:#B60039; }
.color5 { background:#E04C1C; }
.color6 { background:#2495A3; }

.solid-lightblue { background:#E4F0F7; }
.solid-blue { background:#00BBE2; }
.solid-blue-2 { background:#2C84EE; }
.solid-darkblue { background:#044E94; }
.solid-violetred { background:#781766; }
.solid-red { background:#E51400;}
.solid-red-2 { background:#E81750; }
.solid-pink { background:#FF539B; }
.solid-purple { background:#D02090; }
.solid-orange { background:#FB8F02; }
.solid-orange-2 { background:#FF6600; }
.solid-orange-3 { background:#DD5F37; }
.solid-coral { background:#CD5B45; }
.solid-lightgreen { background:#F5FFFA; }
.solid-green { background:#67B239; }
.solid-green-2 {background:#96BF01; }
.solid-darkgreen { background:#016C38; }
.solid-olive { background:#999900}
.solid-grass { background:#CDCD00; }
.solid-darkred { background:#5F0000; }
.solid-gold { background:#FEE9AE; }
.solid-yellow { background:#F7D100; }
.solid-black { background:#000; }
.solid-smoke { background:#F5F5F5; }
.solid-white { background:#fff; }
.solid-jade { background:#00CE9B; }
/* End Solid Colors */

/* Transparent Colors */
.transparent-deepsea {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33003564, endColorstr=#33003564);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33003564, endColorstr=#33003564)";/* For IE 8*/
	background: rgba(0,53,100,0.2);/* Modern browser */
}
.transparent-smoke {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f5f5f5, endColorstr=#33f5f5f5);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f5f5f5, endColorstr=#33f5f5f5)";/* For IE 8*/
	background: rgba(245,245,245,0.2);/* Modern browser */
}
.transparent-grass {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CDCD00, endColorstr=#33CDCD00);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CDCD00, endColorstr=#33CDCD00)";/* For IE 8*/
	background: rgba(205,250,0,0.2);/* Modern browser */
}
.transparent-black {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";/* For IE 8*/
	background: rgba(0,0,0,0.2);/* Modern browser */
}
.transparent-red {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF0000, endColorstr=#33FF0000);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF0000, endColorstr=#33FF0000)";/* For IE 8*/
	background: rgba(255,0,0,0.2);/* Modern browser */
}
.transparent-violetred {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33D02090, endColorstr=#33D02090);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33D02090, endColorstr=#33D02090)";/* For IE 8*/
	background: rgba(208,32,144,0.2);/* Modern browser */
}
.transparent-green {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3367B239, endColorstr=#3367B239);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3367B239, endColorstr=#3367B239)";/* For IE 8*/
	background: rgba(103,178,57,0.2);/* Modern browser */
}
.transparent-yellow {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFF00, endColorstr=#33FFFF00);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFF00, endColorstr=#33FFFF00)";/* For IE 8*/
	background: rgba(255,255,0,0.2);/* Modern browser */
}
.transparent-orange { 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FB8F02, endColorstr=#33FB8F02);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FB8F02, endColorstr=#33FB8F02)";/* For IE 8*/
	background: rgba(251,143,2,0.2);/* Modern browser */
}
.transparent-coral {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CD5B45, endColorstr=#33CD5B45);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CD5B45, endColorstr=#33CD5B45)";/* For IE 8*/
	background: rgba(205,91,69,0.2);/* Modern browser */
}
.transparent-wheat {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33EED8AE, endColorstr=#33EED8AE);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33EED8AE, endColorstr=#33EED8AE)";/* For IE 8*/
	background: rgba(238,216,174,0.2);/* Modern browser */
}
.transparent-redwine {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#338B0000, endColorstr=#338B0000);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#338B0000, endColorstr=#338B0000)";/* For IE 8*/
	background: rgba(139,0,0,0.2);/* Modern browser */
}
/* End Transparent Colors */

/* Background Images */
.img-wood { background:#FB8F02 url(../themes/allweb/assets/vendor/images/bg/wood_pattern.jpg) repeat; }
.img-purtywood { background:#FB8F02 url(../themes/allweb/assets/vendor/images/bg/purty_wood.jpg) repeat; }
.img-woodtexture { background:#FB8F02 url(../themes/allweb/assets/vendor/images/bg/wood_texture.jpg) repeat; }
.img-darkwood { background:#000 url(../themes/allweb/assets/vendor/images/bg/dark_wood.jpg) repeat; }
.img-retinawood { background:#FB8F02 url(../themes/allweb/assets/vendor/images/bg/retina_wood.png) repeat; }
.img-nastyfabric { background:#999 url(../themes/allweb/assets/vendor/images/bg/nasty_fabric.png) repeat; }
.img-wildoliva { background:#555 url(../themes/allweb/assets/vendor/images/bg/wild_oliva.png) repeat; }
.img-darkbrick { background:#555 url(../themes/allweb/assets/vendor/images/bg/dark_brick_wall.png) repeat; }
.img-navyblue { background:#555 url(../themes/allweb/assets/vendor/images/bg/navy_blue.png) repeat; }
/* End Background Images */

/*========== END BACKGROUND LIST ==========*/





/*========== START TABION ==========*/
.tabion {
	
	padding:10px 0;
	list-style:none;
	width:980px;
	position:relative;
}
.tabion > li {
	list-style:none;
	display:block;
	position:relative;
	width:980px;
	top:0px;
}

.tabion > li > input[type=radio] {
	display:none;
}

.tabtile-small {
	text-align:center;
	cursor:pointer;
	width:150px;
	height:100px;
	margin-right:10px;
	
}

.tabtile-small > i, .tabtile-small > img {
	height:55px !important;
	width:65px !important;
	margin:10px auto;
	position:relative;
	display:block;
}
.tabtile-small > span {
	padding-bottom:0px;
	display:block;
	font-size:12px;
	line-height:1;
}

.tabtile-med {
	width:190px;
	height:90px;
	line-height:90px;
	text-align:center;
	cursor:pointer;
	margin:0 10px 10px 0;
}
.tabtile-med > i, .tabtile-med > img {
	vertical-align: middle;
	margin:auto;
	padding:0px 10px;
	position:relative;
	width:60px;
	height:50px !important;
	line-height:1;
}
.tabtile-med > span {
	vertical-align: middle;
	display:inline;
	font-size:18px;
	line-height:1;
}

.tabtile {
	float:left;
	display:inline-block;
}


/* Left Positions */
.pos-left-100 { left:100px; }
.pos-left-200 { left:200px; }
.pos-left-300 { left:300px; }
.pos-left-400 { left:400px; }
.pos-left-500 { left:500px; }
.pos-left-600 { left:600px; }
.pos-left-700 { left:700px; }
.pos-left-800 { left:800px; }
.pos-left-900 { left:900px; }

/* Top Position */
.pos-top-100 { top:110px; }
.pos-top-200 { top:200px; }
.pos-top-300 { top:300px; }
.pos-top-400 { top:400px; }
.pos-top-500 { top:500px; }
.pos-top-600 { top:600px; }
.pos-top-700 { top:700px; }
.pos-top-800 { top:800px; }
.pos-top-900 { top:900px; }


.tab-content {
	position:absolute;
	
	height: 880px;
	width:950px;
	display:none;
	overflow-x:hidden;
	overflow-y:auto;
	padding:0px 5px 20px 5px;
}

.tab-content > p {
	
	font-size:14px;
	line-height:1.5;
	
}
.tab-content > .title {
	font-size:30px;
	font-family:"Dosis",sans-serif;
	text-transform:uppercase;
}


/* Start Clickable Tab */
.tabion > li > input[type=radio]:checked + .tab-content {
	display:block;
}


.tabion > li > input[type=radio]:checked + .tab-flip {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
.tabion > li > input[type=radio]:checked + .tab-flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
.tabion > li > input[type=radio]:checked + .tab-flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}
.tabion > li > input[type=radio]:checked + .tab-fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.tabion > li > input[type=radio]:checked + .tab-fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.tabion > li > input[type=radio]:checked + .tab-fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.tabion > li > input[type=radio]:checked + .tab-fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
.tabion > li > input[type=radio]:checked + .tab-fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
.tabion > li > input[type=radio]:checked + .tab-fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
.tabion > li > input[type=radio]:checked + .tab-fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
.tabion > li > input[type=radio]:checked + .tab-fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
.tabion > li > input[type=radio]:checked + .tab-fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

.tabion > li > input[type=radio]:checked + .tab-bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
}

.tabion > li > input[type=radio]:checked + .tab-bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
}
.tabion > li > input[type=radio]:checked + .tab-bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
}
.tabion > li > input[type=radio]:checked + .tab-bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
}
.tabion > li > input[type=radio]:checked + .tab-bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
}
.tabion > li > input[type=radio]:checked + .tab-rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
.tabion > li > input[type=radio]:checked + .tab-rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
.tabion > li > input[type=radio]:checked + .tab-rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
.tabion > li > input[type=radio]:checked + .tab-rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
.tabion > li > input[type=radio]:checked + .tab-rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
.tabion > li > input[type=radio]:checked + .tab-lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
}
.tabion > li > input[type=radio]:checked + .tab-rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}

/* End Clickable Tab */




/* Set Height */
.height-470 { height:470px; }
.height-500 { height:1000px; }
.height-600 { height:600px; }



/*===== START RESPONSIVE =====*/

@media screen and (max-width:959px) {

	.tabion {
		width:100%;
		height:auto;
		position:relative;
		overflow:hidden;
	}
	.tabion > li {
		position:relative;
		width:100%;
		height:auto;
	}
	
	.tabtile-small, .tabtile-med {
		text-align:left;
		width:100%;
		height:90px;
		line-height:90px;
		margin:0;
	}
	.tabtile-small > i, .tabtile-small > img, .tabtile-med > i, .tabtile-med > img {
		vertical-align: middle;
		margin:auto;
		padding:0px 10px;
		position:relative;
		width:48px !important;
		height:48px !important;
		line-height:1;
		display:inline-block;
	}
	.tabtile-small > span, .tabtile-med > span {
		vertical-align: middle;
		display:inline;
		font-size:18px;
		line-height:1;
	}

	.tabtile {
		position:relative;
		left:0px;
		top:0px;
	}

	.tab-content {
		position:relative;
		height:auto;
		top:0px;
		left:0px;
	}

}

/*===== END RESPONSIVE =====*/


/*========== END TABION ==========*/




/* MISC */
.clearspace { clear: both; }
.floatleft { float:left !important; }
.floatright { float:right !important; }
.none { display:none !important; }

.light-text {
	color:#555;
	
}
.light-title{
	color:#fff;
}
.dark-text {
	color:#1e1e1e;
}
.gradient {
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 00%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */
	background: linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */
}
