/* Minification failed. Returning unminified contents.
(5660,2): run-time error CSS1019: Unexpected token, found '}'
 */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(/assets/MetroWhitev2/fonts/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(/assets/MetroWhitev2/fonts/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url(/assets/MetroWhitev2/fonts/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(/assets/MetroWhitev2/fonts/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(/assets/MetroWhitev2/fonts/EInbV5DfGHOiMmvb1Xr-hha1RVmPjeKy21_GQJaLlJI.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(/assets/MetroWhitev2/fonts/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(/assets/MetroWhitev2/fonts/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),local('OpenSans-SemiboldItalic'),url(/assets/MetroWhitev2/fonts/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans Extrabold Italic'),local('OpenSans-ExtraboldItalic'),url(/assets/MetroWhitev2/fonts/PRmiXeptR36kaC0GEAetxqQf9gnzM91ovO3JZgha9gY.woff) format('woff')}
@charset "UTF-8";.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}.quick{-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(0);opacity:1}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%{-moz-transform:translateX(0)}100%{-moz-transform:translateX(0);opacity:1}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%{-o-transform:translateX(0)}100%{-o-transform:translateX(0);opacity:1}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%{transform:translateX(0)}100%{transform:translateX(0);opacity:1}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(0);opacity:1}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(0);opacity:1}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%{-o-transform:translateY(0)}100%{-o-transform:translateY(0);opacity:1}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%{transform:translateY(0)}100%{transform:translateY(0);opacity:1}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);opacity:1}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0);opacity:1}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0);opacity:1}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0);opacity:1}}.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);opacity:1}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg);opacity:1}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg);opacity:1}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg);opacity:1}}.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);opacity:1}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%);opacity:1}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%);opacity:1}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%);opacity:1}}.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1);opacity:1}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1);opacity:1}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-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;opacity:1}}@-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;opacity:1}}@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in;opacity:1}}@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;opacity:1}}.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-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}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-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 flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-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}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-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 flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-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)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-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)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-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)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-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)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-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)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-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)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-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)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-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)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-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 fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{opacity:1;-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%{opacity:1;-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{opacity:1;-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{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)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-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)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-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%{-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{transform:translateX(30px)}80%{transform:translateX(-10px)}100%{opacity:1;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%{-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{transform:translateX(-30px)}80%{transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{opacity:1;-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{opacity:1;-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{opacity:1;-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{opacity:1;transform:scale(1)}25%{transform:scale(.95)}50%{transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{opacity:1;-webkit-transform:translateX(0)}20%{-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{opacity:1;-moz-transform:translateX(0)}20%{-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{opacity:1;-o-transform:translateX(0)}20%{-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{opacity:1;transform:translateX(0)}20%{transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-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}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-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}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-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}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-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}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-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}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-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 rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}@-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)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-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}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}@-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}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-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}.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}10%{-moz-transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{-moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)}70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX(0deg)}100%{-moz-transform:skewX(0deg)}}@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)}40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)}70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0deg)}100%{-o-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.animated.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.animated.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.animated.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.animated.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.animated.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.animated.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.animated.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-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}}@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-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}}.animated.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-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}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-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}}.animated.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 flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.animated.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-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}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-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}}.animated.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 flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.animated.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.animated.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)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.animated.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)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.animated.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)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.animated.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)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.animated.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)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.animated.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)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.animated.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)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.animated.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)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.animated.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.animated.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.animated.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.animated.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.animated.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.animated.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.animated.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.animated.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.animated.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.animated.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-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)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.animated.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)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-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)}}.animated.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)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-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)}}.animated.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)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-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)}}.animated.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)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-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)}}.animated.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.animated.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.animated.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.animated.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.animated.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.animated.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-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}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-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}}.animated.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}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-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}}.animated.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}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-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}}.animated.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}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-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}}.animated.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}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-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}}.animated.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.animated.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.animated.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.animated.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.animated.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.animated.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.animated.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}@-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)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.animated.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.animated.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}@-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}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-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}}.animated.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}.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.animated.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}10%{-moz-transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{-moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)}70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX(0deg)}100%{-moz-transform:skewX(0deg)}}@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)}40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)}70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0deg)}100%{-o-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.animated.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}.quote{display:block;width:100%;margin:0;text-align:center;padding:10px 0 0 0}.quote blockquote p{padding:0;line-height:100%;font-size:.9em;float:left}.quote blockquote{padding-right:0;font-size:.9em;margin:0!important;padding:0!important}cite{margin-right:48px;font-size:.9em;float:right}.quote-content span,.quote-author span{display:inline-block}.quote-author.link span{color:#08c}@media(max-width:960px){#wrapper{width:900px;margin:0 auto}.quote{margin-top:120px}}@media(max-width:920px){#wrapper{width:800px;margin:0 auto}.quote{margin-top:80px}}@media(max-width:760px){#wrapper{width:640px;margin:0 auto}.quote{margin-top:40px}}@media(max-width:640px){#wrapper{width:480px;margin:0}.quote{margin-top:20px}}@media(max-width:480px){#wrapper{width:320px;margin:0}.quote{margin-top:20px}}.animate0{-webkit-animation-duration:.5s;-webkit-animation-delay:0s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:0s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.5s;-ms-animation-delay:0s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:0s;animation-timing-function:ease;animation-fill-mode:both}.animate1{-webkit-animation-duration:.5s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.5s;-ms-animation-delay:.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both}.animate2{-webkit-animation-duration:.5s;-webkit-animation-delay:.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:.4s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.5s;-ms-animation-delay:.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:.4s;animation-timing-function:ease;animation-fill-mode:both}.animate3{-webkit-animation-duration:.5s;-webkit-animation-delay:.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:.6s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.5s;-ms-animation-delay:.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:.6s;animation-timing-function:ease;animation-fill-mode:both}.animate4{-webkit-animation-duration:.5s;-webkit-animation-delay:.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:.8s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.5s;-ms-animation-delay:.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:.8s;animation-timing-function:ease;animation-fill-mode:both}.animate5{-webkit-animation-duration:.5s;-webkit-animation-delay:1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:1s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.5s;-ms-animation-delay:1s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:1s;animation-timing-function:ease;animation-fill-mode:both}.animate6{-webkit-animation-duration:.5s;-webkit-animation-delay:1.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:1.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.5s;-ms-animation-delay:1.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:1.2s;animation-timing-function:ease;animation-fill-mode:both}.animate7{-webkit-animation-duration:.5s;-webkit-animation-delay:1.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:1.4s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.5s;-ms-animation-delay:1.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:1.4s;animation-timing-function:ease;animation-fill-mode:both}.animate8{-webkit-animation-duration:.5s;-webkit-animation-delay:1.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:1.6s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:1.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:1.6s;animation-timing-function:ease;animation-fill-mode:both}.animate9{-webkit-animation-duration:.5s;-webkit-animation-delay:1.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:1.8s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:1.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:1.8s;animation-timing-function:ease;animation-fill-mode:both}.animate10{-webkit-animation-duration:.5s;-webkit-animation-delay:2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:2s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:2s;animation-timing-function:ease;animation-fill-mode:both}.animate11{-webkit-animation-duration:.5s;-webkit-animation-delay:2.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:2.2s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:2.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:2.2s;animation-timing-function:ease;animation-fill-mode:both}.animate12{-webkit-animation-duration:.5s;-webkit-animation-delay:2.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:2.4s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:2.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:2.4s;animation-timing-function:ease;animation-fill-mode:both}.animate13{-webkit-animation-duration:.5s;-webkit-animation-delay:2.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:2.6s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:2.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:2.6s;animation-timing-function:ease;animation-fill-mode:both}.animate14{-webkit-animation-duration:.5s;-webkit-animation-delay:2.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:2.8s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:2.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:2.8s;animation-timing-function:ease;animation-fill-mode:both}.animate15{-webkit-animation-duration:.5s;-webkit-animation-delay:3s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:3s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:3s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:3s;animation-timing-function:ease;animation-fill-mode:both}.animate16{-webkit-animation-duration:.5s;-webkit-animation-delay:3.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:3.2s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:3.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:3.2s;animation-timing-function:ease;animation-fill-mode:both}.animate17{-webkit-animation-duration:.5s;-webkit-animation-delay:3.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:3.4s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:3.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:3.4s;animation-timing-function:ease;animation-fill-mode:both}.animate18{-webkit-animation-duration:.5s;-webkit-animation-delay:3.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:3.6s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:3.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:3.6s;animation-timing-function:ease;animation-fill-mode:both}.animate19{-webkit-animation-duration:.5s;-webkit-animation-delay:3.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:3.8s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:3.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:3.8s;animation-timing-function:ease;animation-fill-mode:both}.animate20{-webkit-animation-duration:.5s;-webkit-animation-delay:4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:4s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:4s;animation-timing-function:ease;animation-fill-mode:both}.animate21{-webkit-animation-duration:.5s;-webkit-animation-delay:4.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:4.2s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:4.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:4.2s;animation-timing-function:ease;animation-fill-mode:both}.animate22{-webkit-animation-duration:.5s;-webkit-animation-delay:4.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:4.4s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:4.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:4.4s;animation-timing-function:ease;animation-fill-mode:both}.animate23{-webkit-animation-duration:.5s;-webkit-animation-delay:4.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:4.6s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:4.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:4.6s;animation-timing-function:ease;animation-fill-mode:both}.animate24{-webkit-animation-duration:.5s;-webkit-animation-delay:4.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:4.8s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:4.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:4.8s;animation-timing-function:ease;animation-fill-mode:both}.animate25{-webkit-animation-duration:.5s;-webkit-animation-delay:5s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:5s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:5s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:5s;animation-timing-function:ease;animation-fill-mode:both}.animate26{-webkit-animation-duration:.5s;-webkit-animation-delay:5.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:5.2s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:5.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:5.2s;animation-timing-function:ease;animation-fill-mode:both}.animate27{-webkit-animation-duration:.5s;-webkit-animation-delay:5.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:5.4s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:5.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:5.4s;animation-timing-function:ease;animation-fill-mode:both}.animate28{-webkit-animation-duration:.5s;-webkit-animation-delay:5.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:5.6s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:5.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:5.6s;animation-timing-function:ease;animation-fill-mode:both}.animate29{-webkit-animation-duration:.5s;-webkit-animation-delay:5.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:5.8s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:5.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:5.8s;animation-timing-function:ease;animation-fill-mode:both}.animate30{-webkit-animation-duration:.5s;-webkit-animation-delay:6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:6s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:6s;animation-timing-function:ease;animation-fill-mode:both}.animate31{-webkit-animation-duration:.5s;-webkit-animation-delay:6.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:6.2s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:6.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:6.2s;animation-timing-function:ease;animation-fill-mode:both}.animate32{-webkit-animation-duration:.5s;-webkit-animation-delay:6.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:6.4s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:6.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:6.4s;animation-timing-function:ease;animation-fill-mode:both}.animate33{-webkit-animation-duration:.5s;-webkit-animation-delay:6.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:6.6s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:6.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:6.6s;animation-timing-function:ease;animation-fill-mode:both}.animate34{-webkit-animation-duration:.5s;-webkit-animation-delay:6.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:6.8s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:6.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:6.8s;animation-timing-function:ease;animation-fill-mode:both}.animate35{-webkit-animation-duration:.5s;-webkit-animation-delay:7s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:7s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:7s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:7s;animation-timing-function:ease;animation-fill-mode:both}.animate36{-webkit-animation-duration:.5s;-webkit-animation-delay:7.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:7.2s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:7.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:7.2s;animation-timing-function:ease;animation-fill-mode:both}.animate37{-webkit-animation-duration:.5s;-webkit-animation-delay:7.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:7.4s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:7.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:7.4s;animation-timing-function:ease;animation-fill-mode:both}.animate38{-webkit-animation-duration:.5s;-webkit-animation-delay:7.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:7.6s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:7.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:7.6s;animation-timing-function:ease;animation-fill-mode:both}.animate39{-webkit-animation-duration:.5s;-webkit-animation-delay:7.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:7.8s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:7.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:7.8s;animation-timing-function:ease;animation-fill-mode:both}.animate40{-webkit-animation-duration:.5s;-webkit-animation-delay:8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:8s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:8s;animation-timing-function:ease;animation-fill-mode:both}.animate41{-webkit-animation-duration:.5s;-webkit-animation-delay:8.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:8.2s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:8.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:8.2s;animation-timing-function:ease;animation-fill-mode:both}.animate42{-webkit-animation-duration:.5s;-webkit-animation-delay:8.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:8.4s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:8.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:8.4s;animation-timing-function:ease;animation-fill-mode:both}.animate43{-webkit-animation-duration:.5s;-webkit-animation-delay:8.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:8.6s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:8.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:8.6s;animation-timing-function:ease;animation-fill-mode:both}.animate44{-webkit-animation-duration:.5s;-webkit-animation-delay:8.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:8.8s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:8.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:8.8s;animation-timing-function:ease;animation-fill-mode:both}.animate45{-webkit-animation-duration:.5s;-webkit-animation-delay:9s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:9s;-moz-animation-timing-function:ease;-ms-animation-duration:.5s;-ms-animation-delay:9s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.5s;animation-delay:9s;animation-timing-function:ease;animation-fill-mode:both}ul#hidden-quotes{display:none}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.twitter-typeahead {
  width: 100%;
  display: table !important;
}

.twitter-typeahead .form-control {
  margin: 0 !important;
}

.tt-hint,
.tt-input {
  color: #fff;
  font-size: 14px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.tt-hint[disabled] {
  background-color: #fff !important;
}


.tt-dropdown-menu {
  min-width: 160px;
  margin-top: 2px;
  padding: 5px;
  background-color: #2C2B2B;
  border: 1px solid #2C2B2B;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  width: 100%;
  overflow-y: auto;
  max-height: 250px;
  color:#fff;
}

.tt-dropdown-menu h3 {
  margin: 5px 0;
  padding: 6px 12px;
  font-size: 18px;
  font-weight: 700; 
  border-bottom: 1px solid #eee;
}

.modal-open .tt-dropdown-menu {
  z-index: 10055 !important;
}

.tt-suggestion {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 16px;
}

.tt-suggestion.tt-cursor {
  cursor: pointer;
  background-color: #000;
  color: #fff;

}

.tt-suggestion p {
  margin: 0;
}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/assets/MetroWhitev2/plugins/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0');src:url('/assets/MetroWhitev2/plugins/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('/assets/MetroWhitev2/plugins/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('/assets/MetroWhitev2/plugins/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('/assets/MetroWhitev2/plugins/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('/assets/MetroWhitev2/plugins/font-awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
.tooltips {cursor: pointer}
.sitelogo{ background: url("/B2bDosyalar/logo.png") no-repeat;text-indent: -9000px;width: 344px;height: 66px;}
.visaicon { background: url("/B2bDosyalar/visaicon.png") no-repeat;width: 240px;height: 170px; cursor: pointer}
#testimonial-content blockquote { border: none; padding: 0}
.sepetust { top: 40px;position: fixed;right: 100px; z-index: 999999}
.b2bzeplinner {cursor: pointer;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAUCAYAAADStFABAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACMxJREFUeNrMWAtsVlcd/597v0e/9mtLH6xA6YOtoBRGx5tSVnmJUwdOxkhgGslilmy4iNOYOBC3oMZFULM5o06HyDI2iJNMp4TZjcdgFEexUMr6ojxaaCn0a/v1e3/3Hn//+51Lbpp264jLPMkv55x7nv/3/1whE1HiIoVOdPUUybd+JCTpy0Soe6242TZTJEKTiDQh3WmtlF18lKavfkVeb6gj3UOUV0aabwyGTTp0Sae6Hg95dWs7Mk3TqjVNS+0vpQVHycfYGnxrAWpoSBFCWBjuu13s/bhOJpPWmMvloo9TeL6L7E01F8nApXLReep5bfDGUuL9NUGpcRwQjc+j8Nl58mrjJpE7/m+yZOEmrLn0cQ50MgEM2I3qPkXUg8Dr9CmVlJhYqmf2LhevbTgiBsAAJp5hSgVK1Tqk4zJ10dvxgGg++B4Fr82z1greBvPlyAcxsbqu2/CjP80xNtmW/HDS/6SLyzy9i2Skf5pW8+yrIh7JIxcIMkySbk+I8icdFUb8NJmGkLo2TwQ6qyiZ8PIcEe4bL+v37TUW5i/S07M6EkaKD6PRBmAQzW3Qhp+i/g/6u/j7p8EAiwmit5XE6X3bxeCNPHIrBhRWHDAmVj4hhGzVetuIEhFYcBmZUzLm0OUTO7XLddN5rha8WUJNB39Oc76+LhBNKrX68MKEKn/xIvBSyn2YkpnA/oPHHQxxKyQU/hclE7gD6AdupMxhcGAp9bbfR24cmjTJLJqznyofX0m+3FZKwmmayRQSYaLxFe/Tl3csNsfedYKZReyDOuseMrqa74mJNBdo2I8vR4AaW8VVmczfgHeB3UwssBntw8AxtB9gM7GdKNZVAMygs0AjUA88BxQ5tMm558tY7+U9lEktxrfjwHto/1DdYRzwe6BZ7cn1YQhghkteb3xIs1QZG/v8g3LOIz+QmROSNNADU3dZmkGGYfkNMwLmDXTdpHse3iSO/Ow4TEWjRFLXQ11fzc6c23Az1H+vrotcRUjmEO4vVe3xithyEFKlnGShw3F+E2t/ozTAWaYC63DpdZj3L94fWKrOGg84FZElXanarUCGYvgUxxw4M6o2DOOzmuhumE8c1kCnzJvyNsUiH9Clk2TdEyaQLF1IZm4pUXo+ackYaTeaSfOk11JO6QnLYfK8q3WzfdFut9R0ebs6yiYC3A9i2Ezc3AexJvoR21z4RujvQT0RiI0yIsGW6REHA7qA3wJ/5pszD10iHiqxIgFcuxYPnqPmf5IsqWTxWJIxx00jY1w5eT54kwTyCA6lFpKRRjjChZYz7L+S7/G2+cg1C+oUvy0eKIlusRmSlZVVV1hY+L1QKHQ+MzOzurW19dexWGwstIYZsRXTfkmpeCRGEQGnOvpsro+pNkcpl4ZdUrfm7aTppSyYzpQVqbDH4c9IIpHSyEBiJDMKgDtI+gvgD9K8t0KiJpOYY9Jt6wHFlUrPYsZ7PJ5gdXX1+uLi4ndAdFdZWdneioqK79h5BuZ9QfmH5GgYjHUXHP21wDngJ2B2LsyhTyN/fruVA6T4MEOWrySKBOZT3e43qeXgc2TE/QJmYOYgcbyzmqgEZly0gF38tFsyzLmzJ5p9VxQO9HZjHBNTwGbAhPp8vvOBQKCpv7/f0sbOzk6Kx+NHwZyQYgRLMMvWoI+IRl4w8hU7EqhSDjyFsWNsJhq5/EdT2SEW9HfcK280VdM/vv+8uHzuS1rDwSfcbW9v9cIneLzwLXCMIiOPxEDnFxFRZqXMiJOt9MPhhBnFpiPZgnsUtqvbbUgnNz8/P93v9zPxVFJSQjk5OflIjX32FJVrGDatdlqukObYNw1g24cEif1Jj4NBExFRfqyZd695Xbo8KVWIx7zizF82kxnTrWt7wZtzbzwu2mqmU08TlreQbD9cRif/sENIM6U73vTBROH8N8KGB3w0exyHf8bRdtpkn32H4d4EHDmCwWDZxYsXn7TfA+Fw2NPe3r4FzNHUvBYVNsNqeQET5Aif0x1n96hvzcB6jhyoH3YcPdMlKh+tpSsn9lBjzXpKwwHXz39OZuS9TLo2TTAbopEM2XFmiyyt+hoF2teIa2d2iOjABIyDaWDEhCkvxnx5FyKwBKQ5HIZmKKJ2oLLD5WbHoW+pZGjE3IrjfX19/TY4xJWw26aampo5cIpT7ceR2vsaZ5vAciAdYJX/Bas3xjc6ttuH/rdRr8a5v1MMLHKaopCn/gQ17xsnD+84InqvTOYEyHRnHMJgUEuEVloC070RI7/sBa278VvQgDQrfibgB4tmnhQrnl7eFzaCe2qvUtKQBZomOHkpG4G+VlxkEaTdjfZraK9VRG1AuwHN94eGTVtDHIkXR4UnVXsJcEDF/OHKX7HvahVNnhnBDH+l0eRlRHO/0SWXPbVSjhnXxFamxUOLKS37kvRkdKR4FfWJvo4F0us/YvkPziz9Y/5Nn396DU1dFdRKq0izsjVi4u4Haoc57BSwChfqHoWj5Fh+1k6jFQPYjL7rYACXd8AofoF2DnPeq6g2qMSsb4Rz9mP9Vjym3Sknm13UJBc8tohO7XxGBK89KiKBtVJ3H4KKr2XJi1h/JcLjTpnhapOFs/fLibO3IaOE++a0OnHrBYnDm5QTWorLz1Uh6oSKzwmHhLeh+Ue15qRtRqqcU2q+EECmRoOYX4t53cM8tP6Ob3erZzn7nqA6q9Yx9wWVMfJ9itmXYIzT6nc5IXMRhxwGvw8EwkjxvI3m4PXt1HvxQRkbvGIKfZImzbmCvbcRXWGWf2UJZZdcIBfnEHErn5DsDYbEfaWmBz5E2g0Ktx5zTj+p6uMKH1UCyvPfMp0hP3AM5Ujrh31FDtEhKzkizd0uM8ZuF3mTSSbCfmo7NtfKuyLRApEzSacxSPUNCNVA5nrxKLnDUfIgwCWSo3pN/9+VEf5FSfYDlChdQsmCil1p4tkq/fLxVbJq40tUubHFUn/MkVZ+b1B6ro44HqCBzm5y6fqo/zI5pQXpBQE2A96gZcjYJ8qE/wowAKXxDW0dTeB6AAAAAElFTkSuQmCC") no-repeat;width: 65px;height: 20px;text-indent: -9000px; margin-top:6px}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/**************************
 PLUGIN CSS CUSTOMIZATIONS 
**************************/

/***
Calendar with full calendar
***/
.external-event {
  display: inline-block ;
  cursor:move;
  margin-bottom: 5px ;  
  margin-left: 5px ;
}

.portlet .event-form-title {
  font-size: 14px;
  margin-top: 4px;
  font-weight: 400;
  margin-bottom: 10px;
}

.portlet.calendar .fc-button {
  -webkit-box-shadow: none ;
     -moz-box-shadow: none ;
          box-shadow: none ;
  text-shadow: none;
  border: 0 ;
  padding: 6px 8px 30px 8px ;
  margin-left:2px;  
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: solid;
  border-left-style: solid;
  border-color: #ddd;
  background: transparent;
  color: #fff;
  top: -46px;
}

.portlet.calendar .fc-header {
  margin-bottom:-21px;
}

.portlet.calendar .fc-button-prev {
  padding-right: 10px;
  padding-left: 8px;
}

.portlet.calendar .fc-button-next {
  padding-right: 8px;
  padding-left: 10px;
}

.portlet.calendar .fc-button.fc-state-active,
.portlet.calendar .fc-button.fc-state-hover {
  color: #666 ;
  background-color: #F9F9F9 ;
}

.portlet.calendar .fc-button.fc-state-disabled {
  color: #ddd ;
}

.portlet.calendar .fc-text-arrow {
  font-size: 22px;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline; 
}

/* begin: event element */
.portlet.calendar .fc-event {
  border: 0px;
  background-color: #69a4e0;
  color: #fff;
}

.portlet.calendar .fc-event-inner {
  border: 0px;
}

.portlet.calendar .fc-event-time {
  float: left;
  text-align: left;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}

.portlet.calendar .fc-event-title {
  text-align: left;
  float: left;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}
/* end: event element */

.portlet.calendar .fc-header-title h2 {
  font-size: 14px ;
  line-height: 20px;
  font-weight: 400;
  color: #111;
}

.portlet.calendar .fc-widget-header {
  background-image: none ;
  filter:none;
  background-color: #eee ;
  text-transform: uppercase;
  font-weight: 300;
}

.portlet.calendar .mobile .fc-button {
  margin-left: 2px ;
}

.portlet.calendar .mobile .fc-button {
    padding: 0px 6px 20px 6px ;
    margin-left:2px ;
    border: 0;    
    background-color: #ddd ;
      background-image: none;
      -webkit-box-shadow: none ;
         -moz-box-shadow: none ;
              box-shadow: none ;
      -webkit-border-radius: 0 ;
         -moz-border-radius: 0 ;
              border-radius: 0 ;
      color: #000;
      text-shadow: none ;
      text-align: center;
}

.portlet.calendar .mobile .fc-state-hover, 
.portlet.calendar .mobile .fc-state-active {
  background-color: #eee ;
}

.portlet.calendar .mobile .fc-button-prev {
  margin-right: 5px;
  margin-top: -2px;
}

.portlet.calendar .mobile .fc-button-next {   
  margin-right: -0px;
  margin-top: -2px;
}

.portlet.calendar .mobile .fc-header-space {
  margin: 0px ;
  padding: 0px ;
  width: 0px ;
}

  .portlet.calendar .mobile .fc-state-disabled {
      color: #bbb ;
  }

  .portlet.calendar .mobile .fc-header-left {
    position: absolute;
    z-index: 10;
  }
    
  .portlet.calendar .mobile .fc-header-right {
    position: absolute;
     z-index: 9;
  }

  .portlet.calendar .mobile .fc-header-left .fc-button { 
    top: -2px ;
  }

  .portlet.calendar .mobile .fc-header-right {
    position: relative;
    right:0;
  }

  .portlet.calendar .mobile .fc-header-right .fc-button { 
    top: 35px ;
  }

  .portlet.calendar .mobile .fc-content {
    margin-top: 53px;
  }


/***
Form wizard
***/

.form-wizard .progress {
  margin-bottom: 30px;
}

.form-wizard .steps {
  padding: 10px 0;
  margin-bottom: 15px;
}

.form-wizard .steps {  
  background-color: #fff ;
  background-image: none ;
  filter:none ;
  border: 0px;
  box-shadow: none ;
}

.form-wizard .steps li a {
  background-color: #fff ;
  background-image: none ;
  filter:none;
  border: 0px;
  box-shadow: none ;
}

.form-wizard .steps li a:hover {
  background: none;
}

.form-wizard .step:hover {
  text-decoration: none;
}

.form-wizard .step .number {
  background-color: #eee;
  display: inline-block;
  text-align: center !important;
  font-size: 16px;
  font-weight: 300;
  padding: 11px 15px 13px 15px;
  margin-right: 10px;
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50% !important;
     -moz-border-radius: 50% !important;
          border-radius: 50% !important;
}

.form-wizard .step .desc {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
}
 
.form-wizard .active .step .number {
  background-color: #35aa47;
  color: #fff;
}

.form-wizard .active .step .desc {
  color: #333;
  font-weight: 400;
}

.form-wizard .step i {
  display: none;
}

.form-wizard .done .step .number {
  background-color: #f2ae43;
  color: #fff;
}

.form-wizard .done .step .desc {
  font-weight: 400;
}

.form-wizard .done .step i {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  display: inline-block;
}


@media (min-width: 768px) and (max-width: 1280px) { 
  .form-wizard .step .desc {
    margin-top: 10px;
    display: block;
  }
} 

@media (max-width: 768px) { 
  .form-wizard .steps > li > a {
    text-align: left;
  }
} 

/***
Google Maps
***/
.gmaps {
  height: 300px;
  width: 100%;
}

/* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.gmaps img {
  max-width: none; 
}

#gmap_static div{
  background-repeat: no-repeat ;
  background-position: 50% 50% ;
  height:100%;
  display:block;
  height: 300px;
}

#gmap_routes_instructions {
  margin-top: 10px;
  margin-bottom: 0px;
}

/***
SlimScrollBar plugins css changes
***/
.scroller {
  padding: 0px ;
  margin: 0px ;
  padding-right: 12px ;
  overflow: hidden;
}

.scroller-footer {
  margin-top: 10px;
}

.scroller-footer:after,
.scroller-footer:before {
  content: "";
  display: table;
  line-height: 0;
}

.scroller-footer:after {
  clear: both;
}

.portlet-body .slimScrollBar {
  margin-right: 0px ;
}

/***
jqvmap changes
***/
.jqvmap-zoomin {
  height: 16px;
  width: 16px;
  background-color: #666 ;
}

.jqvmap-zoomout {
  height: 16px;
  width: 16px;
 background-color: #666 ; 
}

.vmaps {
  position: relative; 
  overflow: hidden;
  height: 300px;
}


/***
Error state for WYSIWYG Editors
***/
.has-error .md-editor,
.has-error .wysihtml5-sandbox, 
.has-error .cke {
  border: 1px solid #B94A48 !important;
}

.has-success .md-editor,
.has-success .wysihtml5-sandbox, 
.has-success .cke {
  border: 1px solid #468847 !important;
}

/***
Select2 plugin css changes
***/

/* enable form validation classes for select2 dropdowns */
.has-error .select2-container .select2-choice {
  border-color: #B94A48;
}

.has-error .select2-container.select2-dropdown-open .select2-choice {
  border-color: #e5e5e5; 
}

.has-error .select2-container.select2-dropdown-open .select2-choice > span {
  color: #999999;
}

.has-success .select2-container .select2-choice {
  border-color: #468847;
}

.has-success .select2-container.select2-dropdown-open .select2-choice {
  border-color: #e5e5e5; 
}

.has-success .select2-container.select2-dropdown-open .select2-choice > span {
  color: #999999;
}


/***
Fileuploader plugin css changes
***/
.fileupload .btn {
  padding: 7px 14px ;
}

.fileupload-exists {
  padding: 0px;
}

.fileupload .fileupload-preview {
  background-color: #fff ;
  background-image: none ;
  filter:none ;
}

.fileupload .close {
  position: relative;
  top:0px ;
}


/***
WYSIWYG
***/
.wysihtml5-toolbar li {
  margin: 0px;
  height: 29px;
}

.wysihtml5-toolbar li .dropdown-menu {
  margin-top: 5px;
}

/***
CKEditor css changes
***/
.cke_bottom, 
.cke_inner, 
.cke_top, 
.cke_reset, 
.cke_dialog_title,
.cke_dialog_footer,
.cke_dialog {
  background-image: none !important;
  filter:none ; 
  border-top: 0 ;
  border-bottom: 0 ;
   -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
           box-shadow: none !important;
  text-shadow:none ;
}

.cke_dialog_ui_button,
.cke_dialog_tab {
  background-image: none !important;
  filter:none ;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow:none !important;
}

.cke_dialog_ui_button:hover,
.cke_dialog_tab:hover {
  text-decoration: none;
  text-shadow:none ;
}

.cke_dialog_ui_input_text {
  background-image: none !important;
  filter:none ;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.cke_combo_button, 
.cke_button, 
.cke_toolbar, 
.cke_toolgroup {
  background-image: none !important;
  filter:none !important;
  border: 0 ;
   -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.cke_button, 
.cke_combo_button,
.cke_panel_grouptitle,
.cke_hc.cke_panel_listItem a {  
  background-image: none !important;
  filter:none ;
  text-shadow:none ;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
}

.cke_button:hover, 
.cke_combo_button:hover {  
  background-color: #ddd;
}

.cke_toolbar_break {
  background-image: none !important;
  filter:none !important;
  border: 0 ;
  box-shadow: none !important;
  -webkit-box-shadow : none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
}

/***
Modify tags input plugin css
***/
div.tagsinput {
  min-height: 35px;
  height: auto !important;
  margin: 0;
  padding: 5px 5px 0px 5px;
  overflow: auto;
}

div.tagsinput span.tag {
  background: #aaa ;
  color: #fff ;
  border: 0 ;
  padding: 3px 6px;
  margin-top: 0;
  margin-bottom: 5px;
}

div.tagsinput input {
  padding: 3px 6px ; 
  width: 75px !important;
}

div.tagsinput span.tag a {
  color: #fff ;
}

div.tagsinput .not_valid {
  color: #fff ;
  padding: 3px 6px ;
  background-color: #e02222 ;
}

/***
Gritter notification modify
***/

#gritter-notice-wrapper {
  right:1px !important;
}

.gritter-close {
  left:auto !important;
  right: 3px !important;
}

.gritter-title {
  font-family:  'Open Sans' ;
  font-size: 18px ;
  font-weight: 300 ;
}

/***
jQuery UI Sliders(new in v1.1.1)
***/
.slider {
  border: 0;
  padding: 0;
  display: block;
  margin: 12px 5px;
  min-height: 11px; 
}

.ui-slider-vertical {
  width: 11px;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -3px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -3px;
}

.ui-slider-vertical,
.ui-slider-handle {
  filter: none !important;
  background-image: none !important;
}

/***
Dropzone css changes(new in v1.1.1)
***/
.dropzone {
  -webkit-border-radius: 0px ;
    -moz-border-radius: 0px ;
         border-radius: 0px ;
}


/***
Dashboard Charts(new in v1.2.1)
***/
.easy-pie-chart,
.sparkline-chart {
   text-align: center;
}

.sparkline-chart {
  margin-top: 15px;
  position:relative ;
}

.easy-pie-chart .number {
    font-size: 16px;
    font-weight: 300;
    width: 85px;
    margin: 0 auto;
}

.sparkline-chart .number {  
    width: 100px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.sparkline-chart .title,
.easy-pie-chart .title {
    display: block;
    text-align: center;
    color: #333;
    font-weight: 300;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.sparkline-chart .title:hover,
.easy-pie-chart .title:hover {
  color: #666;
  text-decoration: none;
}

.sparkline-chart .title > i,
.easy-pie-chart .title > i {
  margin-top: 5px;
}

/***
Fancy box fix overlay fix(in v1.2.4)
***/
.fancybox-overlay {
  z-index: 10000 ;
}


/***
Datatables Plugin(in v1.3)
***/
.dataTable {  
  width: 100% !important;
  clear: both;
  margin-top: 5px;
}

.dataTables_filter label {
  line-height: 32px ;
}

.dataTable .row-details {  
  margin-top: 3px;
  display: inline-block;
  cursor: pointer;
  width: 14px;
  height: 14px;
}

.dataTable .row-details.row-details-close {
  background: url("/assets/MetroWhitev2/img/datatable-row-openclose.png") no-repeat 0 0;
}

.dataTable .row-details.row-details-open {  
  background: url("/assets/MetroWhitev2/img/datatable-row-openclose.png") no-repeat 0 -23px ;
}

.dataTable .details {
  background-color: #eee ;
}

.dataTable .details td,
.dataTable .details th {
  padding: 4px;
  background: none ;
  border: 0;
}

.dataTable .details tr:hover td,
.dataTable .details tr:hover th {
  background: none ;
}

.dataTable .details tr:nth-child(odd) td,
.dataTable .details tr:nth-child(odd) th {
  background-color: #eee ;
}

.dataTable .details tr:nth-child(even) td,
.dataTable .details tr:nth-child(even) th {
  background-color: #eee ;
}

.dataTable > thead > tr > th.sorting,
.dataTable > thead > tr > th.sorting_asc,
.dataTable > thead > tr > th.sorting_desc {
   padding-right: 18px;
}

.dataTable .table-checkbox {
  width: 8px !important;
}

@media (max-width: 768px) {  
  .dataTables_wrapper .dataTables_length .form-control,
  .dataTables_wrapper .dataTables_filter .form-control {
    display: inline-block;
  }

  .dataTables_wrapper .dataTables_info {
    top: 17px;
  }

  .dataTables_wrapper .dataTables_paginate {
    margin-top: -15px;
  }
}

@media (max-width: 480px) {  
  .dataTables_wrapper .dataTables_filter .form-control {
    width: 175px !important;
  }

  .dataTables_wrapper .dataTables_paginate {
    float: left;
    margin-top: 20px;
  }
}

/***
Password Strength(in v1.4)
***/
.password-strength .password-verdict {
  display: inline-block;
  margin-top: 6px;
  margin-left: 5px;
}

.password-strength .progress {
  margin-top: 5px;
  margin-bottom: 0;
}

.password-strength .progress-bar {
  padding: 2px;
}

/***
Uniform disabled checkbox, radio button fix(in v1.4)
***/

.table .uniform-inline {
  padding: 0;
  margin: 0;
}

.checker {
  margin-top: 3px !important;

}

.radio > span {
  margin-top: 2px;
}

.checker input,
.radio input {
  outline: none !important;
}

div.checker.disabled span, 
div.checker.disabled.active span{
    background-position: -152px -260px; 
}

div.checker.disabled:hover,
div.radio.disabled:hover {
    cursor: not-allowed;  
}

/***
jQuery Sparkline
***/
.jqstooltip {
  width: auto !important;
  height: auto !important;
}


/***
jQuery Multi Select
***/

.ms-container .ms-list {
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;

}

.ms-container .ms-optgroup-label{
  font-size: 14px;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
  font-size: 13px;
}

.ms-container .ms-list.ms-focus {
  border-color: #999999;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  color: #333;
  background-color: #eee;
}

.ms-container .form-control {
  margin-bottom: 5px;
}

/***
Bootstrap Colorpicker
***/
.input-group.color .input-group-btn i {
  position: absolute;
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  right: 6px;
} 

.colorpicker.dropdown-menu {
  padding: 5px;
}

/* change z-index when opened in modal */
.modal-open .colorpicker {
  z-index: 10055 !important;
}

/***
Bootstrap  Datetimepicker
***/

.datetimepicker table td {
  font-weight: 300  !important;
  font-family: 'Open Sans' !important;
}

.datetimepicker table th {
  font-family: 'Open Sans' !important;
  font-weight: 400  !important;
}

.datetimepicker.dropdown-menu {
  padding: 5px;
}

.datetimepicker .active {  
  background-color:#4b8df8 !important;
  background-image: none !important;
  filter: none !important;
}

.datetimepicker .active:hover {
  background-color: #2678FC !important;
  background-image: none !important;
  filter: none !important;

}

/* change z-index when opened in modal */
.modal-open .datetimepicker {
  z-index: 10055 !important;
}

/***
Bootstrap Datepicker
***/

.datepicker.dropdown-menu {
  padding: 5px;
}

.datepicker .selected {  
  background-color:#909090 !important;
  background-image: none !important;
  filter: none !important;
}

.datepicker .active {  
  background-color:#4b8df8 !important;
  background-image: none !important;
  filter: none !important;
}

.datepicker .active:hover {
  background-color: #2678FC !important;
  background-image: none !important;
  filter: none !important;
}

.datepicker .input-daterange input {
  text-align: left;
}

/* change z-index when opened in modal */
.modal-open .datepicker {
  z-index: 10055 !important;
}

.datepicker table td {
  font-weight: 300  !important;
  font-family: 'Open Sans' !important;
}

.datepicker table th {
  font-family: 'Open Sans' !important;
  font-weight: 400  !important;
}


/***
Clockface
***/

.modal-open .clockface {
  z-index: 10055 !important;
}

.clockface .cell .inner.active,
.clockface .cell .outer.active {
  background-color:#4b8df8 !important;
  background-image: none ;
  filter:none ;
}


/***
Bootstrap Daterangepicker
***/

.modal-open .daterangepicker {
  z-index: 10055 !important;
}

.daterangepicker td {
  text-shadow: none ;
}

.daterangepicker td.active {
  background-color: #4b8df8 ;
  background-image: none ;
  filter:none ;
}

.daterangepicker th {
  font-weight: 400;
  font-size: 14px;
}

.daterangepicker .ranges input[type="text"]  {
  width: 70px !important;
  font-size: 11px;
  vertical-align: middle;
}

.daterangepicker .ranges label {
  font-weight: 300;
  display: block;
}

.daterangepicker .ranges .btn {
  margin-top: 10px;
}

.daterangepicker.dropdown-menu {
  padding: 5px;
}

.daterangepicker .ranges li {
  color: #333;
}

.daterangepicker .ranges li.active, 
.daterangepicker .ranges li:hover {
  background: #4b8df8 !important;
  border: 1px solid #4b8df8 !important;
  color: #fff;
}

.daterangepicker .range_inputs input {
  margin-bottom: 0 !important;
}

/***
Bootstrap Editable
***/

.editable-input table,
.editable-input table th,
.editable-input table td,
.editable-input table tr {
  border: 0 !important;
}

.editable-input .combodate select {
  margin-bottom: 5px;
}

/***
FuelUX Spinners
***/

.spinner-buttons.btn-group-vertical .btn {
  text-align: center;
  margin: 0;
  height: 17px;
  width: 22px;
  padding-left: 6px;
  padding-right: 6px;
} 

.spinner-buttons.btn-group-vertical .btn .icon-angle-down {
  display: inline-block;
  position: relative;
  top: -2px;
}


/***
NoUI Range Sliders
***/
.noUi-handle {
  height: 20px;
  width: 20px;
  margin: -3px 0 0 -20px;
}

.noUi-base {
  height: 16px;
}

.noUi-connect {
  background: #ffb848;
}

/***
Toastr Notifications
***/
.toast {
    -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}

.toast .toast-close-button {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  text-indent: -100000px;
  width: 11px;
  height: 16px;
  background-repeat: no-repeat !important;
  background-image: url("/assets/MetroWhitev2/img/portlet-remove-icon-white.png") !important;
}

.toast-top-center {
  top: 12px;
  margin: 0 auto;
  left: 50%;
  margin-left: -150px;
}

.toast-bottom-center {
  bottom: 12px;
  margin: 0 auto;
  left: 50%;
  margin-left: -150px;
}

/***
Google reCaptcha
***/
.form-recaptcha-img {
  margin-bottom: 10px;
  clear: both;
  border: 1px solid #e5e5e5;
  padding: 5px;
}

/***
Bootstrap Markdown
***/
.md-input {
  padding: 5px !important;
  border-bottom: 0 !important;
}

.md-editor.active {
  border: 1px solid #999999;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

/***
Bootstrap Datepaginator
***/
.datepaginator a {
  font-family: 'Open Sans';
  font-size: 13px;
  font-weight: 300;
}

.datepicker .today {
  background-image: none !important;
  filter: none !important;
}

#dp-calendar {
  right: 4px !important;
}

/***
Font Awesome 4.0 Demo
***/
.fa-item {
  font-size: 14px;
  padding: 10px 10px 10px 20px;
}

.fa-item i {
  font-size: 16px;
  display: inline-block;
  width: 20px;
}

.fa-item:hover {
  cursor: pointer;
  background: #eee;  
}

/***
Bootstrap Modal
***/
/* fix: content shifting to the right on modal open */
.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable {
  overflow-y: auto !important;
}

.modal-scrollable {
  overflow: hidden !important;
}
/* remove rounds from all elements */

div, 
input, 
select, 
textarea, 
span, 
img, 
table, 
td, 
th, 
p, 
a, 
button, 
ul,
code,
pre, 
li {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

/***
Buttons & Dropdown Buttons
***/

.btn {
	border-width: 0;
	padding: 7px 14px; 	
  font-size: 14px;  
	outline: none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
          text-shadow: none;
}

/* fix jumping group buttons */
.btn-group.btn-group-solid .btn + .btn,
.btn-group.btn-group-solid .btn + .btn-group.btn-group-solid,
.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn,
.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn-group.btn-group-solid {
  margin-left: 0px;
}

.btn-group-vertical.btn-group-solid > .btn + .btn,
.btn-group-vertical.btn-group-solid > .btn + .btn-group,
.btn-group-vertical.btn-group-solid > .btn-group + .btn,
.btn-group-vertical.btn-group-solid > .btn-group + .btn-group {
  margin-top: 0px;
  margin-left: 0;
}

.btn-default {
  border-width: 1px;
  padding: 6px 13px;
} 

.btn.red-stripe {
	border-left: 3px solid #d84a38;
}

.btn.blue-stripe {
	border-left: 3px solid #4d90fe;
}

.btn.purple-stripe {
	border-left: 3px solid #852b99;
}

.btn.green-stripe {
	border-left: 3px solid #35aa47;
}

.btn.yellow-stripe {
  border-left: 3px solid #ffb848;
}

.btn.dark-stripe {
  border-left: 3px solid #555555;
}

.btn.default {  
  color: #333333;
  text-shadow: none;  
  background-color: #e5e5e5;
}
.btn.default:hover, 
.btn.default:focus, 
.btn.default:active, 
.btn.default.active,
.btn.default[disabled], 
.btn.default.disabled {    
  color: #333333;
  background-color: #d8d8d8 !important;
  outline: none !important;
}

/*  Red */
.btn.red {
  color: white;  
  text-shadow: none;	
  background-color: #d84a38;
}
.btn.red:hover, 
.btn.red:focus, 
.btn.red:active, 
.btn.red.active,
.btn.red[disabled], 
.btn.red.disabled {    
  background-color: #bb2413 !important;
  color: #fff !important;
  outline: none !important;
}

/*  Blue */

.btn.blue {
  color: white;  
  text-shadow: none;	
  background-color: #4d90fe;
}
.btn.blue:hover, 
.btn.blue:focus, 
.btn.blue:active,
.btn.blue.active,
.btn.blue[disabled],
.btn.blue.disabled {  
  background-color: #0362fd !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.blue.dropdown-toggle {
  background-color: #4d90fe !important;
}
.btn-group .btn.blue:hover, 
.btn-group .btn.blue:focus, 
.btn-group .btn.blue:active, 
.btn-group .btn.blue.active, 
.btn-group .btn.blue.disabled,
.btn-group .btn.blue[disabled] { 
  background-color: #0362fd !important;
  color: #fff !important;
  outline: none !important;
}

/*  Green */
.btn.green {
  color: white;
  text-shadow: none;	 
  background-color: #35aa47;
}
.btn.green:hover, 
.btn.green:focus, 
.btn.green:active, 
.btn.green.active,
.btn.green.disabled, 
.btn.green[disabled]{ 
  background-color: #1d943b !important;
  color: #fff !important;
  outline: none !important;
}

/*  Purple */
.btn.purple {
  color: white; 
  text-shadow: none;	
  background-color: #852b99;
}
.btn.purple:hover, 
.btn.purple:focus, 
.btn.purple:active, 
.btn.purple.active, 
.btn.purple.disabled,
.btn.purple[disabled] { 
  background-color: #6d1b81 !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.purple.dropdown-toggle {
  background-color: #852b99 !important;
}
.btn-group .btn.purple:hover, 
.btn-group .btn.purple:focus, 
.btn-group .btn.purple:active, 
.btn-group .btn.purple.active, 
.btn-group .btn.purple.disabled,
.btn-group .btn.purple[disabled] { 
  background-color: #6d1b81 !important;
  color: #fff !important;
  outline: none !important;
}

/*  Yellow */
.btn.yellow {
  color: white; 
  text-shadow: none;	
  background-color: #ffb848;
}
.btn.yellow:hover, 
.btn.yellow:focus, 
.btn.yellow:active, 
.btn.yellow.active, 
.btn.yellow.disabled,
.btn.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.yellow.dropdown-toggle {
  background-color: #ffb848 !important;
}
.btn-group .btn.yellow:hover, 
.btn-group .btn.yellow:focus, 
.btn-group .btn.yellow:active, 
.btn-group .btn.yellow.active, 
.btn-group .btn.yellow.disabled,
.btn-group .btn.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #fff !important;
  outline: none !important;
}

/*  Black */
.btn.dark {
  color: white; 
  text-shadow: none;	
  background-color: #555555;
}
.btn.dark:hover, 
.btn.dark:focus, 
.btn.dark:active, 
.btn.dark.active, 
.btn.dark.disabled,
.btn.dark[disabled] { 
  background-color: #222222 !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.dark.dropdown-toggle {
  background-color: #555555 !important;
}
.btn-group .btn.dark:hover, 
.btn-group .btn.dark:focus, 
.btn-group .btn.dark:active, 
.btn-group .btn.dark.active, 
.btn-group .btn.dark.disabled,
.btn-group .btn.dark[disabled] { 
  background-color: #222222 !important;
  color: #fff !important;
  outline: none !important;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  vertical-align: middle;
}

.btn-lg > i {
  font-size: 18px;
}

.btn > i {
  font-size: 14px;
}

.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-sm > i,
.btn-xs > i {
  font-size: 13px;
} 

.btn-xs {
  padding: 1px 5px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/***
Metro icons
***/

[class^="m-icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  line-height: 14px;  
  vertical-align: top;
  background-image: url(/assets/MetroWhitev2/img/syncfusion-icons.png);
  background-position: 0 0;
  background-repeat: no-repeat; 
}

[class^="m-icon-big-"] {
  display: inline-block;
  width: 30px;
  height: 30px; 
  margin: 6px;
  vertical-align: middle;
  background-image: url(/assets/MetroWhitev2/img/syncfusion-icons.png);
  background-position: 0 0px;
  background-repeat: no-repeat; 
}

/* large icons */
.btn.m-icon-big {
  padding: 9px 16px 8px 16px; 
}

.btn.m-icon-big.m-icon-only{
  padding: 9px 8px 8px 0px;
}

.btn.m-icon-big [class^="m-icon-big-"] {
  margin: 0 0 0 10px;
}

.btn.m-icon-ony > i {
  margin-left: 0px;
}

/* default icons */
.btn.m-icon {
  padding: 7px 14px 7px 14px; 
}

.btn.m-icon [class^="m-icon-"] {
  margin: 4px 0 0 5px;
}

.btn.m-icon.m-icon-only {
  padding: 7px 10px 7px 6px;
}

/* white icon */
.m-icon-white {
  background-image: url(/assets/MetroWhitev2/img/syncfusion-icons-white.png);
}

/*  Misc */
.m-icon-swapright {
  background-position: -27px -10px;
}
.m-icon-swapdown {
  background-position: -68px -10px;
}
.m-icon-swapleft {
  background-position: -8px -10px;
}
.m-icon-swapup {
  background-position: -46px -10px;
}
.m-icon-big-swapright{
  background-position: -42px -28px;
}
.m-icon-big-swapdown{
  background-position: -115px -28px;
}
.m-icon-big-swapleft{
  background-position: -6px -28px;
}
.m-icon-big-swapup{
  background-position: -78px -28px;
}


/***
Popover
 ***/
.popover {
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);  
  padding: 0 !important;
}

.popover .popover-title {
    -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
          margin: 0 !important;
}

.info .popover .popover-title,
.popover.info .popover-title,
.info .popover .popover-content,
.popover.info .popover-content {
  color:#27a9e3;
}

.success .popover .popover-title,
.popover.success .popover-title,
.success .popover .popover-content,
.popover.success .popover-content {
  color:#468847;
}

.error .popover .popover-title,
.popover.error .popover-title,
.error .popover .popover-content,
.popover.error .popover-content {
  color:#B94A48;
}

.warning .popover .popover-title,
.popover.warning .popover-title,
.warning .popover .popover-content,
.popover.warning .popover-content {
  color:#C09853;
}

/***
Dropdown
***/

.nav.pull-right > li > .dropdown-menu,
.nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.nav.pull-right > li > .dropdown-menu:before,
.nav > li > .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;
}

.nav.pull-right > li > .dropdown-menu:after,
.nav > li > .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;
}

.nav.pull-right > li > .dropdown-menu .dropdown-menu,
.nav > li > .dropdown-menu.pull-right .dropdown-menu {
  right: 100%;
  left: auto;
  margin-right: -1px;
  margin-left: 0;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}


 
/* bagin: sidebar menu badges */

/***
Dropdown Checkboxes (in v1.3)
***/
.dropdown-checkboxes {
  padding: 5px;
}

.dropdown-checkboxes label {
  display: block;
  font-weight: 300;
  color: #333;
  margin-bottom: 4px;
  margin-top: 4px; 
}


/***
Dropdown Menu Badges
***/

.MetroMenu .dropdown-menu > li > a > .badge {
   position: absolute;
   margin-top: 1px;
   right: 3px;
   display: inline;
   font-size: 11px;
   font-weight: 300;
   text-shadow:none;
    height: 18px;
    padding: 3px 6px 3px 6px;
    text-align: center;
    vertical-align: middle;
   -webkit-border-radius: 12px !important;
      -moz-border-radius: 12px !important;
           border-radius: 12px !important;
}

.dropdown-menu > li > a > .badge.badge-roundless {
   -webkit-border-radius: 0 !important;
      -moz-border-radius: 0 !important;
           border-radius: 0 !important;
}

/* end: sidebar menu badges */

/***
Forms
***/
code {
  border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);  
}
label {
  font-weight: 400;
  font-size: 14px;
}

.form-control:-moz-placeholder {
  color: #999999;
}
.form-control::-moz-placeholder {
  color: #999999;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control {  
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #999999;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

.uneditable-input {
  padding: 6px 12px;
  min-width: 206px;
  font-size: 14px;
  font-weight: normal;
  height: 34px;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

label.form-control {
  display: block;
  margin-bottom: 5px;
}

input[disabled],
select[disabled],
textarea[disabled] {
  cursor: not-allowed;
  background-color: #F4F4F4 !important;
}

input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #F9F9F9 !important;
}

/* input  groups */
.input-group.input-group-fixed {
  width: auto !important;
}

.input-group-addon {
  border-color: #e5e5e5;
  background: #e5e5e5;
  min-width: 39px;
}


/* form control sizing */
.form-control-inline {
  display: inline-block !important;
}

.input-xsmall {
  width: 60px !important;
}



.input-medium {
 width: 100% !important;
max-width: 240px !important;
min-width: 190px !important;
}

.input-large {
  width: 320px !important;
}

.input-xlarge {
  width: 480px !important;
}

/***
Input spinner(in v1.4)
***/

input[type="text"].spinner,
input[type="password"].spinner,
input[type="datetime"].spinner,
input[type="datetime-local"].spinner,
input[type="date"].spinner,
input[type="month"].spinner,
input[type="time"].spinner,
input[type="week"].spinner,
input[type="number"].spinner,
input[type="email"].spinner,
input[type="url"].spinner,
input[type="search"].spinner,
input[type="tel"].spinner,
input[type="color"].spinner {
  background-image: url("/assets/MetroWhitev2/img/input-spinner.gif") !important;
  background-repeat: no-repeat;
  background-position: right 8px;
}

@media (max-width: 768px) {

  .input-large {
    width: 250px !important;
  }

  .input-xlarge {
    width: 300px !important;
  }

} 

/***
Error States
***/

.has-warning .help-inline,
.has-warning .help-block,
.has-warning .control-label {
  color: #c09853;
}

.has-warning .form-control {
  border-color: #c09853;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-warning .form-control:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-warning .input-group-addon {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.has-error .help-inline,
.has-error .help-block,
.has-error .control-label {
  color: #b94a48;
}

.has-error .form-control {
  border-color: #b94a48;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-error .form-control:focus {
  border-color: #953b39;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-error .input-group-addon {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.has-success .help-inline,
.has-success .help-block,
.has-success .control-label {
  color: #468847;
}

.has-success .form-control {
  border-color: #468847;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-success .form-control:focus {
  border-color: #356635;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.has-success .input-group-addon {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

/***
Custom label and badges
***/

.label, 
.badge {
  font-weight: 300;  
  text-shadow: none !important;
}

.label {  
  font-size: 12px;  
  padding: 3px 6px 3px 6px;
}

.label.label-sm {  
  font-size: 12px;
  padding: 1px 4px 1px 4px;
}

h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label,
h7 .label {
  font-size: 75%;
}

.badge {
  font-size: 11px !important;
  font-weight: 300;
  text-align: center;
  background-color: #e02222;
  height: 18px;
  padding: 3px 6px 3px 6px;
  -webkit-border-radius: 12px !important;
     -moz-border-radius: 12px !important;
          border-radius: 12px !important;
  text-shadow:none !important;
  text-align: center;
  vertical-align: middle;
}

.badge.badge-roundless {
   -webkit-border-radius: 0 !important;
      -moz-border-radius: 0 !important;
           border-radius: 0 !important;
}

.badge-default,
.label-default  {
  background-color: #999 !important;
}

.badge-primary,
.label-primary {
  background-color: #428bca !important;
}

.label-success, 
.badge-success {
  background-color: #3cc051;
  background-image: none !important;
}

.label-warning, 
.badge-warning {
  background-color: #fcb322;
  background-image: none !important;
}

.label-danger, 
.badge-danger {
  background-color: #ed4e2a;
  background-image: none !important;
}

.label-info, 
.badge-info {
  background-color: #57b5e3;
  background-image: none !important;
}

/* fix badge position for navs */
.nav.nav-pills > li > a > .badge {
  margin-top: -2px;
}

.nav.nav-stacked > li > a > .badge {
  margin-top: 1px;
  margin-bottom: 0px;
}

/***
Iconic Labels
***/

.label.label-icon {
  padding: 4px 1px 4px 5px;
  margin-right: 2px;
  text-align: center !important;
}

.ie9 .label.label-icon, 
.ie10 .label.label-icon {
  padding: 3px 0px 3px 3px;
} 

.label.label-icon > i {
  font-size: 12px;
  text-align: center !important;
}


/***
Progress Bars
***/

.progress {  
  border: 0; 
  background-image: none !important;
  filter: none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;   

}

.progress > .progress-bar-success {
  background-color: #3cc051;
}

.progress > .progress-bar-danger {
  background-color: #ed4e2a;
}

.progress > .progress-bar-info {
  background-color: #57b5e3;
}

.progress > .progress-bar-warning {
  background-color: #fcb322;
}


/***
Pagination
***/
.pagination {
  margin: 10px 0;
}

.pagination .active > a,
.pagination .active > a:hover {
  background: #eee;
  border-color: #dddddd;
  color: #333;
}



/***
wells
***/
.well {  
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

/* Bootstrap Tabs */

.dropup.open > .dropdown-toggle,
.dropdown.open > .dropdown-toggle {
  border-color: #ddd !important;
}

.nav-tabs > li > .dropdown-menu:after,
.nav-pills > li > .dropdown-menu:after,
.navbar-nav > li > .dropdown-menu:after,

.nav-tabs > li > .dropdown-menu:before,
.nav-pills > li > .dropdown-menu:before,
.navbar-nav > li > .dropdown-menu:before {
  display: none !important;
}

.nav-tabs > .dropdown.open > .dropdown-toggle, 
.nav-pills > .dropdown.open > .dropdown-toggle {
  background: #eee !important;
  color: #0d638f !important;
}


.nav-tabs,
.nav-pills {
  margin-bottom: 10px;
}

.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.tabs-below > .nav-tabs,
.tabs-below > .nav-pills {
  border-bottom: 0;
  margin-bottom: 0px;
  margin-top: 10px;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
  margin-bottom: 0;
  margin-top: 10px;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

/***
Bootstrap modal 
***/

.modal {
  z-index: 10050 !important;
  outline: none !important;
}

.modal-header {
  border-bottom: 1px solid #EFEFEF;
}

.modal-header h3{
  font-weight: 300;
}

.modal-wide {
  width: 60% !important;
}

.modal-full {
  width: 100% !important;
}

/***
Modal header close button fix
***/
.modal-header .close {
  margin-top: 0px !important;
}

.modal > .loading {
  position: absolute;
  top: 50%;
  left:50%;
  margin-top: -22px;
  margin-left: -22px;
}

.modal-backdrop {
  border: 0 !important;
  outline: none !important;
  z-index: 10049 !important;
}

.modal-backdrop, 
.modal-backdrop.fade.in {
  background-color: #333 !important;
}

.modal-open .header .container-fluid {
  padding-right: 37px;
}

body.modal-open{
 
}

/***
Image Carousel
***/
.carousel.image-carousel .carousel-inner {
  padding-top: 0;
  padding-bottom: 0;
}

.carousel.image-carousel .carousel-control i {
  position: absolute;
  top:40%;
}

.carousel.image-carousel.image-carousel-hoverable .carousel-control i { 
  display: none;
}

.carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i {
  display: inline-block;
}

.carousel.image-carousel .carousel-control.left i {
  left:10px;
}

.carousel.image-carousel .carousel-control.right i {
  right:10px;
}

.carousel.image-carousel .carousel-indicators {
  margin-top: 10px;
  bottom: -7px;
}

.carousel.image-carousel .carousel-indicators li {
  background-color: #666;
}

.carousel.image-carousel .carousel-indicators li.active {
  background-color: #333;
}

.carousel.image-carousel .carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px 15px 25px 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel.image-carousel .carousel-caption h4,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h2,
.carousel.image-carousel .carousel-caption p {
  text-align: left;
  line-height: 20px;
  color: #ffffff;
}

.carousel.image-carousel .carousel-caption h2,
.carousel.image-carousel .carousel-caption h3,
.carousel.image-carousel .carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel.image-carousel .carousel-caption h2 a,
.carousel.image-carousel .carousel-caption h3 a,
.carousel.image-carousel .carousel-caption h4 a {
  color: #aaa;
} 

.carousel.image-carousel .carousel-caption p {
  margin-bottom: 0;
}

.carousel.image-carousel .item {
  margin: 0;
}

/***
Bootstrap Tables
***/

.table thead > tr > th {
  border-bottom: 0;
}

.table tbody tr.active td,
.table tbody tr.active th {
  background-color: #e9e9e9 !important;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
  background-color: #e1e1e1 !important;
}

.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
  background-color: #017ebc;
}

/***
Bootstrap Panel
***/

.panel {  
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

.pr-0{
    padding-right : 0px !important;
}

body { 
  color: #000; 
  font-size:13px; 
  direction: ltr;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Open Sans' !important;
  overflow-x: hidden;
}
.mix-inner h2 { text-align: center;vertical-align: middle;}
.sec-urun-tutar { text-overflow: ellipsis;white-space: pre;}
.maladikaydir { white-space: normal;max-width: 280px; display: block}
.toplamaresim { margin:0 4px 0 0;padding:1px 2px;border: 1px solid #ccc;padding: 2px;}
img.bankalogo { max-height: 40px;display: block;margin: 0 auto;}
.caption>p { float: left;padding: 0 0 0 4px;}
address>table td{ vertical-align: top;}
.ozelinput { height: 70px;font-size: 3em;font-weight: 800;color: #04a5e9;width: 180px;}
.kurlar { display: block;margin-top: -20px;}
.kurlar article { float: left;padding: 4px 0 4px 0;vertical-align: middle;cursor: pointer;}
.kurlar>article>span { color: #fff;font-weight: 600;padding: 4px;}
.kurlar>article>i { color: #fff;}
.btn-block2 { width: 100%;display: block;text-align: left;}
.clients-list h4 {padding-top: 25%;text-align: center;}
.UrunSec { position: absolute;margin-left: -10px;}
#myCarousel .carousel-inner {border: none}
.login-signup-page div a span { float: left; padding: 0 0 0 4px}
.login-signup-page div label span { float: left;padding: 0 0 0 4px}
.aramablok div.kutucuk {
	position: relative;
	margin: 0 16px 7px 0;
	display: inline-block;
    padding: 0;
    list-style: none;
}
.isaretle {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    height: 34px;
}
.isaretle label { padding: 4px 0 0 6px;width: 100%;height: 100%;font-size: 14px;font-weight: normal;color: #333333;cursor: pointer; white-space: pre}


.aramablok div.kutucuk a {
	color: #fff;
	background: #444;
	display: inline-block; 
    padding: 6px 5px 7px !important; font-size: 11px !important
}
.MusteriTemsilcisi {
    color: #fff;
}
.aramablok div.kutucuk a:hover {
	color: #fff;
	background: #0da3e2;
	text-decoration: none;
}

.aramablok div.kutucuk a:hover i {
	color: #fff;
}

.aramablok div.kutucuk i {
	color: #0da3e2;
	margin-right: 5px;
	display: inline-block;
}
.aramablok {
max-width: 90%;
display: block;
}
.aramablok div.kutucuk a:after { 
	top: 50%;
	width: 0; 
	left: 100%;
	height: 0;
	z-index: 2; 
	content: " "; 
	display: block; 
	margin-top: -12px; 
	position: absolute;
	border-left: 12px solid #444;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;	
}

.aramablok div.kutucuk a:hover:after { 
	border-left-color: #0da3e2;
}

.btnxx { border: none;background: #fff;	color: #444;
	font-size: 14px;
	font-weight: 300;
	padding: 7px 15px !important;
	text-transform: inherit;
	-moz-transition:none;
    -webkit-transition:none;
    -o-transition:none;
    transition:none;
    border: none !important;}
.btnxx:hover{	border: none;
	color: #15aeee !important;
	background: #fdfdfd !important;}
.kurbaslik { position: absolute;
margin-top: -14px;
padding: 4px;
background: #0da3e2;}
.img-responsive { margin: 0 auto !important;}
.textbaslikduzen {
    overflow: hidden;
}
.radiovakti {margin:5px}
.textduzen {
   display: block;
   text-overflow: ellipsis;
   word-wrap: break-word;
   overflow: hidden;
}
.rowkalem { cursor: pointer; *cursor: hand;}
.pricing-table2 table td { line-height: 18px;padding: 2px;}
.pricing-table2 table td i { margin-top: -4px;}
a:hover {
    text-decoration: none !important;
}
/*********************
 GENERAL UI COLORS 
*********************/

/***
Colors
***/
.color-red { color: #e02222;}
.color-blue { color: #0da3e2;}
.color-grey { color: #555555;}
.color-green { color: #35aa47;}
.color-yellow { color: #ffb848;}
.color-purple { color: #852b99;}
.color-light-red { color: #ff5400;}
.color-light-blue { color: #bfd5fa;}
.color-light-grey { color: #fafafa;}
.color-light-green { color: #78df1d;}
.input-group>label.text-danger { display: none !important;}
/*********************
 GENERAL RESET & SETUP 
*********************/

/***
General typography 
***/
h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  font-family: inherit;
}

h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
  padding-bottom: 10px;
}

h2, h2 a {
  color: #444;
  font-size: 21px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

h2 a:hover {
  color: #0da3e2;
  text-decoration: none;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;        
 }
 
h3 {
  color: #222;
}

/***
Apply fix for font awesome icons.
***/
/*
[class^="fa-"],
[class*=" fa-"],
[class^="fa-"]:hover, 
[class*=" fa-"]:hover { 
  background: none !important;
}*/

 /***
Font Awesome Icons
***/
[class^="fa-"],
[class*=" fa-"] {
  display: inline-block;
  margin-top: 1px;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
}

/***
ie8 & ie9 modes
***/
.visible-ie8 {
  display: none;
}

.ie8 .visible-ie8 {
  display: inherit !important;
}

.visible-ie9 {
  display: none;
}

.ie9 .visible-ie9 {
  display: inherit !important;
}

.hidden-ie8 {
  display: inherit;
}

.ie8 .hidden-ie8 {
  display: none !important;
}

.hidden-ie9 {
  display: inherit;
}

.ie9 .hidden-ie9 {
  display: none !important;
}

/***
General More Link
***/
a.more {
  font-size: 13px;
  font-weight: 400 !important;
  font-family: 'Open Sans' !important;
}

a.more i {
  font-size: 12px;
}

/***
Fix link outlines after click
***/
a,a:focus, a:hover, a:active {
  outline: 0;
}

/***
IE8 fix for form input height in fluid rows
***/
.ie8 .row-fluid [class*="span"] {
    min-height: 20px !important;
}

/***
Fix grid offset used for reponsive layout handling(refer app.js=>handleResponsive)
***/
.fix-offset {
  margin-left: 0px !important;
}

/***
Misc tools
***/
.clearfix {
  clear: both;
}

.visible-ie8 {
  display: none
}

.no-padding {
  padding: 0px !important;
}

.no-margin {
  margin: 0px !important;
}

.no-bottom-space {
  padding-bottom:0px !important;
  margin-bottom: 0px !important;
}

.no-top-space {
  padding-top:0px !important;
  margin-top: 0px !important;
}

.space5 {
  display: block;
  height: 5px !important;
  clear: both;
}

.space7 {
  height: 7px !important;
  clear: both;
}

.space10 {
  height: 10px !important;
  clear: both;
}

.space12 {
  height: 12px !important;
  clear: both;
}

.space15 {
  height: 15px !important;
  clear: both;
}

.space20 {
  height: 20px !important;
  clear: both;
}

.no-space {
  margin: 0px !important;
  padding: 0px !important;
}

.no-text-shadow {
  text-shadow: none !important;
}

.no-left-padding {
  padding-left: 0 !important;
}

.no-left-margin {
  margin-left: 0 !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-0 {
  margin-left: 0 !important;
}
.padding-left-0 {
  padding-left: 0 !important;
}

.hide {
  display: none;
}

.bold {
  font-weight:600 !important;
}

.fix-margin {
  margin-left: 0px !important
}

.border {
  border: 1px solid #ddd
}

.inline {
  display: inline;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #E0DFDF;
  border-bottom: 1px solid #FEFEFE;
}
/* overides metro scrolbars in IE10 and makes them look like a default scrollbar */
@-ms-viewport{
	width: auto !important;
}

/*Global classes*/
.container {
	padding: 0 10px;
}

.min-hight {
	min-height: 500px;
}

/*.page-header-fixed .slider { 
	margin-top: 50
}*/

/********************
 GENERAL LAYOUT 
*********************/

/***
Top Bar
***/
.front-topbar {
	border-bottom: solid 1px #f5f5f5;
	margin-top: -1px;
}
.front-topbar ul{
	padding-left:0;
	margin-bottom: 0;
}

.front-topbar ul.inline>li{
	padding: 6px 5px;
	display: inline-block;
}

.front-topbar a,
.front-topbar li {
	color: #999;
	font-size: 12px;
}

.front-topbar li.sep span {
	color: #eee;
	font-size: 11px;
}

.front-topbar li i.topbar-info-icon {
	margin-right: 3px;
}

/*Social Icons*/
.front-topbar .topbar-social {
	text-align: right;
}
.front-topbar .topbar-social ul{
	margin-right:15px;
}

.front-topbar .topbar-social li {
	padding: 0;
}

.front-topbar .topbar-social i {
	color: #bbb;
	opacity: 0.7;
	font-size: 15px;
	padding: 9px 5px 8px;
	display: inline-block;
	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.front-topbar .topbar-social a:hover {
	text-decoration: none;
}

.front-topbar .topbar-social a:hover i {
	color: #999;
	opacity: 1;
}

.front-topbar .topbar-social a:hover i {
    transition: background 0.9s ease;
    -o-transition: background 0.9s ease;
    -moz-transition: background 0.9s ease;
    -webkit-transition: background 0.9s ease;			
}

.front-topbar .topbar-social a:hover i.icon-facebook {
	color: #fff;
	background: #677fb1 !important;		
}
.front-topbar .topbar-social a:hover i.icon-twitter {
	color: #fff;
	background: #04a5e9 !important;		
}
.front-topbar .topbar-social a:hover i.icon-google-plus {
	color: #fff;
	background: #e14544 !important;		
}
.front-topbar .topbar-social a:hover i.icon-linkedin {
	color: #fff;
	background: #28afd1 !important;		
}
.front-topbar .topbar-social a:hover i.icon-youtube {
	color: #fff;
	background: #e36c6e !important;		
}
.front-topbar .topbar-social a:hover i.icon-skype {
	color: #fff;
	background: #3fd0fa !important;		
}
.front-topbar .dropdown-menu {
margin-top:-10px;
border-right: none !important;
border-left: none !important;
border-top: none !important;
border-bottom: none !important;
}
/*  */
.front-topbar .login-reg-links {
	text-align: right;
}
.front-topbar .login-reg-links ul{
	margin-right: 15px;
}

/***
Header and header elements.
***/
/*Navigation*/
.header {
	position: relative;
	box-shadow: 0 1px 3px #ddd;	
	background: #fff;
	filter:none;
	border: none; 
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
}
.ie8 .header {
	border-bottom: 1px solid #eee;
}
.header .navbar-collapse {
	position: relative;
}

.page-header-fixed .header {
	position: fixed;
}
/*.scrolling-fixed.header {
	opacity: 0.95;
}*/
.ekransabit-iptal {
    position: relative !important;
    display: block;
}
.ekransabit {
    position: fixed !important;
    top: 0px !important;
    width: 100%;
    display: block;
    z-index:15;
}
.page-header-fixed .page-container {
	margin-top: 137px;
    padding-top:11px;
    background: #fff;
    min-height: 400px;
}
.page-container {
    background: #fff;
    min-height: 400px;
}
.navbar {	
	margin-bottom: 0;
}

.header  a.brand {
	font-size: 23px;
	font-weight: 400; 
}

.header a.brand b {
	color: #0da3e2;
	font-weight: 400; 
}

.header a.brand span {
	color: #b0b0b0;
	display: block;
	font-size: 12px;
}

.header .nav li:first-child {
	margin-left: 0;
}

.navbar-brand{
	-moz-transition:padding 0.3s ease-in-out;
    -webkit-transition:padding 0.3s ease-in-out;
    -o-transition:padding 0.3s ease-in-out;
    transition:padding 0.3s ease-in-out;
    position: relative;
    z-index: 2;
}
.scrolling-fixed .navbar-brand{
	padding:0 15px;
}

.header a.logo-v1 img {
	-moz-transition:width 0.2s ease-in-out;
    -webkit-transition:width 0.2s ease-in-out;
    -o-transition:width 0.2s ease-in-out;
    transition:width 0.2s ease-in-out;

	-moz-transition:height 0.2s ease-in-out;
    -webkit-transition:height 0.2s ease-in-out;
    -o-transition:height 0.2s ease-in-out;
    transition:height 0.2s ease-in-out;

	-moz-transition:margin 0.2s ease-in-out;
    -webkit-transition:margin 0.2s ease-in-out;
    -o-transition:margin 0.2s ease-in-out;
    transition:margin 0.2s ease-in-out;
}

.header .navbar-nav li a {
	color: #333;
	font-size: 15px;
	font-weight: 400;
	text-shadow: none;
	position: relative;
	padding: 12px 16px 16px;
	-moz-transition:padding 0.3s ease-in-out;
    -webkit-transition:padding 0.3s ease-in-out;
    -o-transition:padding 0.3s ease-in-out;
    transition:padding 0.3s ease-in-out;
    text-align: left;
}
.header.scrolling-fixed .nav li a{
	padding: 14px 16px;
}

.header .nav li > a:hover,
.header .nav li.active > a,
.header .nav li.active:hover > a {
    background: #7d7d7d  !important;
}
.header.scrolling-fixed .nav li > a:hover,
.header.scrolling-fixed .nav li.active > a,
.header.scrolling-fixed .nav li.active:hover > a {
	padding-top: 14px;
}

.header .nav>li>a:focus, 
.header .nav>li>a:hover {
	color: #888;
}

.header ul.nav {
	margin-left: 0;
}

.header .in.collapse ul {
	margin-top: 0;
}

.header .in.collapse li a:hover {
	color: #fff;
	background: #0da3e2;
}

.header .in.collapse li.active > a,
.header .in.collapse li.active:hover > a {
	color: #fff;
	background: #0da3e2;
}

/*Navigation Toggle Icon*/
.header .navbar-btn {
	border: none;
	padding:10px;
	margin-top: 10px;
	border-radius: 0;
	background:#0da3e2;
}
.header .navbar-btn:hover {
	background:#0a8ec5 !important;
}
.header .navbar-btn span, 
.header .navbar-btn:hover span { 
	background:#fff !important;
	box-shadow:none !important;
}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff !important;}
.navbar-brand {padding: 0 !important}
/*Navigation Dropdown*/
.header .dropdown-menu {
	border: none; 
	box-shadow: none;
	min-width: 185px;
	border-bottom: none;
	border-left: solid 1px #eee; 
	border-right: solid 1px #eee; 
	border-top: solid 2px #0da3e2;
    z-index: 99999999 !important;
}

.header .dropdown-menu li {
	margin-left: 0;
}

.header .dropdown-menu li a {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	padding: 7px 15px !important;
	text-transform: inherit;
	-moz-transition:none;
    -webkit-transition:none;
    -o-transition:none;
    transition:none;
    border: none !important;
}

.header .nav .dropdown-menu li a:hover,
.header .nav li.active .dropdown-menu li a:hover  {
	border: none;
	color: #444 !important;
	background: #fdfdfd !important;
}

.header .nav li.active .dropdown-menu li.active a {
	border: none !important;
	color: #444 !important;
	background: #f7f9fa !important;
}

.header .nav > li >.dropdown-menu:after,
.header .nav > li >.dropdown-menu:before {
	border: none;
}

.header .nav li.dropdown.open>.dropdown-toggle {
	color: #0da3e2;
	background: none;
}

.header .nav li.dropdown .dropdown-toggle i {
	font-size: 12px;
}

.header .in.collapse li.dropdown.active > a,
.header .in.collapse li.dropdown.active:hover > a {
	color: #f9f9f9;
	background: #0da3e2;
}

.header .nav > li.dropdown.open.active > a:hover,
.header .nav > li.dropdown.open.active > a:focus {
  border-color: #0da3e2;
}

/*Menu Search*/
.header .nav li.menu-search {
	position: relative;
	padding: 15px 0;
	-moz-transition:padding 0.3s ease-in-out;
    -webkit-transition:padding 0.3s ease-in-out;
    -o-transition:padding 0.3s ease-in-out;
    transition:padding 0.3s ease-in-out;
}
.scrolling-fixed.header .nav li.menu-search{
	padding:0;
}

.header .nav li.menu-search i {
	color: #0da3e2;
	font-size: 16px;
	cursor: pointer;
}

.header .nav li.menu-search i:hover {
	color: #0da3e2;
}

.header .search-box {
	right: 0;
	top: 100%;
	padding: 10px;
	background: #fff;
	position: absolute;
	border: solid 1px #eee;
	border-top: none !important;
	margin-top: 10px;
}
.ssearch-box {
	right: 1px;
    margin-top: 7px;
	/*top: 100%;
	padding: 10px;
	background: #f8f8f8;
	position: absolute;
	border: solid 1px #eee;
	border-top: none !important;
	
    display: none;*/
}
.ustrenk {background: #f4f4f4 !important}
.beyaz {
    color: #fff !important;
}

.header .search-box input {
	margin-bottom: 0;
	vertical-align: middle;
}
.header .search-box .btn{
	margin-left:-5px;
}

.header .ssearch-box input {
	margin-bottom: 0;
	vertical-align: middle;
}
.header .ssearch-box .btn{
	margin-left:-5px;
}
.tooltip {z-index:100}
.ssearch-box input[type="text"] {
    background: #2C2B2B !important;
    color: #fff !important;
    border: none !important;
}
.header .search-box form, 
.header .search-box input,
.header .search-box .input-append {
	margin-bottom: 0;
}
.header .ssearch-box form, 
.header .ssearch-box input,
.header .ssearch-box .input-append {
	margin-bottom: 0;
}
.header .nav li.menu-search span.sep {
	top: 10px;
	width: 1px;
	height: 31px;
	background: #eee;
	position: relative;
	margin: 0 12px 0 5px;
	display: inline-block;
}

/***
Slider
***/
.slider-main {
	z-index: 1;
	position: relative;
	border-bottom: solid 1px #eee;
	max-height:450px !important;
	overflow:hidden;
	margin-bottom: 10px;
}
.slide_title_white {
	font-family: 'Open Sans';
	font-weight: 300;
	color:#fff;
	text-align:center;
	text-transform: uppercase;
	font-size:47px;
}

.slide_title_white_bold {
	font-weight: 400;
}

.slide_subtitle_white {
	border-top:1px solid #fff !important;
	border-bottom:1px solid #fff !important;
	font-family: 'Open Sans';
	font-weight: 300;
	padding: 5px 10px;
	color:#fff;
	text-align:center;
	text-transform: uppercase;
	font-size:18px;
}
.slider-colored {
	z-index: 1;
	height: 495px !important;
	position: relative;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}
.slide_title,.slide_title2, .slide_subtitle, .slide_desc, .slide_btn{
	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.slide_title {
	font-family: 'Open Sans';
	font-weight: 300;
	color:#3f5862;
	text-transform: uppercase;
	font-size:47px;
}
.slide_title2 {
	font-family: 'Open Sans';
	font-weight: 300;
	color:#3f5862;
    text-align: center;
	font-size:30px;
}
.slide_subtitle {
	font-family: 'Open Sans';
	font-weight: 400;
	background-color: #0088cc;
	padding: 5px;
	color:#fafafa;
	text-transform: uppercase;
	font-size:18px;
}

.slide_list_item {
	font-family: 'Open Sans';
	font-weight: 400;
	background-color: #0088cc;
	padding: 5px;
	color:#fafafa;
	text-transform: uppercase;
	font-size:14px;
}

.slide_desc {
	color:#7b8793;
	font-size:14px;
	line-height:24px;
}

.slide_desc_bordered {
	border-left: 3px solid #ddd !important; 
	padding-left: 5px;
}

.slide_btn {
	font-family: 'Open Sans';
	font-weight: 300;
	background:#6fc561;
	padding:7px 15px;
	color:#fff;
	font-size:14px;
	text-transform: uppercase;
	cursor:pointer;
}

.tp-leftarrow.default { 
	background: #d2d7dc url(/assets/MetroWhitev2/img/sliders/revolution/arrow_left.png) no-repeat center !important;	
	width:40px !important;	
	height:50px !important;
}

.tp-rightarrow.default {	
	background:  #d2d7dc url(/assets/MetroWhitev2/img/sliders/revolution/arrow_right.png) no-repeat center !important;
	width:40px !important;	
	height:50px !important;
}
.slide_kutu { max-width: 250px;text-align: justify;white-space: normal !important;}

/***
Content and content elements.
***/
/*Services Box*/
.service-box {
	margin: 30px -15px; 
}

.service-box p {
	color: #656565;
	font-size: 13px;
}

.service-box .service-box-heading {
	padding: 12px 0;
}

.service-box .service-box-heading i {
	padding: 0;
	-webkit-border-radius: 34px;
	   -moz-border-radius: 34px;
	   	    border-radius: 34px;
    font-size:18px;
    height:32px;
    width:32px;
    line-height: 32px;
    text-align:center;
    vertical-align: baseline;
}

.service-box .service-box-heading i.blue {
	color: #0da3e2;
	border:1px solid #0da3e2;
}

.service-box .service-box-heading i.red {
	color: #db3a1b;
	border:1px solid #db3a1b;
}

.service-box .service-box-heading i.green {
	color: #35aa47;
	border:1px solid #35aa47;
}

.service-box .service-box-heading span {
	color: #444;
	font-size: 21px;
	line-height: 25px;
	font-weight: 400;
	margin-bottom: 10px; 
	margin-left: 10px;
	display: inline-block;
}

.service-box .service-box-heading [class^="icon-"],
.service-box [class*=" icon-"] {
  display: inline-block;
  text-align: center;
}

.service-box .service-box-heading [class^="icon-"].icon-large,
.service-box .service-box-heading [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

/*Blockquote Box*/
.quote-v1 {
	margin: 10px;
	background: #0da3e2;
	width: 100%;
	overflow: hidden;
}

.quote-v1 a {
	margin: 2px;
    padding: 2px;
	display: inline-block;
    color: #fff;
}

.quote-v1 span {
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	margin: 1px 1px 1px;
	line-height: 26px;
	display: inline-block;
}
.quote-v1 i {
	color: #fff;
	font-size: 80px;
	font-weight: 300;
	margin: 1px 1px 1px;
	line-height: 26px;
	display: inline-block;
}
.quote-v1-inner {
	padding: 10px; 
}

/*Recent Works*/
.recent-work {
	margin: 20px 0;
	position: relative;
}
.recent-work .col-md-3 {
	padding: 0;
}
.recent-work .col-md-9 {
	padding-right: 0;
}

.recent-work a:hover {
	text-decoration: none;
}

.recent-work h2 {
	margin: 3px 0 10px;
	padding-right: 50px;
}
.BaslikKutusu {
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.BaslikKutusu>h2.BaslikKutusuYazi {
    font-size: 18px;
    padding: 0 0 7px 0 !important;
    margin: 0 !important;
    width: auto;
    display: inline-block;
}
/*Mixed Block*/
.mix-block {
	margin: 30px -15px;
}
	.mix-block .row {
		margin:0;
}
	.tab-style-1 .row [class*="col-"] {
		padding-left:0;
}

/*Tabs*/
.tab-style-1 ul.nav-tabs {
	margin-bottom: 0;
	border-bottom-color: #0da3e2; 
}

.tab-style-1 ul.nav-tabs > li {
	margin-bottom: 0;
	margin-right: 3px;
}

.tab-style-1 ul.nav-tabs li > a {
	color: #7c858e;
	font-size: 14px;
	margin-top: 1px;
	min-width: 80px;
	padding: 5px 15px;
	text-align: center;
	background: #f4f4f4;
}

.tab-style-1 ul.nav-tabs li > a:hover {
	color: #fff;
	background: #0da3e2;
	border-color: #0da3e2;
}

.tab-style-1 ul.nav-tabs .active > a,
.tab-style-1 ul.nav-tabs .active > a:hover,
.tab-style-1 ul.nav-tabs .active > a:focus {
	color: #fff;
	background: #0da3e2;
	border-color: #0da3e2;
}

.tab-style-1 .tab-content {
	padding: 20px 0px;
}

.tab-style-1 .tab-content p {
	margin-bottom: 0;
}

.tab-style-1 .tab-content img {
	margin: 5px 0 10px;
}

/*Testimonials*/
.testimonials-v1 .carousel {
	margin-bottom: 0;
}

.testimonials-v1 .item span.testimonials-slide {
	padding: 15px; 
	color: #8a8a8a;
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
	background:  url(/assets/MetroWhitev2/img/corners.png) no-repeat right bottom;
}	

.testimonials-v1 .carousel-info {
	overflow: hidden;
	padding-top: 15px;
	background: url(/assets/MetroWhitev2/img/arrow-testimonials.png) no-repeat 83px 0;
}

.testimonials-v1 .carousel-info img {
	width: 75px;
	height: 75px;
	padding: 3px; 
	border-radius: 150px !important;
	border: solid 1px #f5f5f5;
}

.testimonials-v1 .carousel-info {
	overflow: hidden;
}

.testimonials-v1 .carousel-info img {
	margin-right: 15px;
}

.testimonials-v1 .carousel-info span {
	display: block;
}

.testimonials-v1 span.testimonials-name {
	color: #0da3e2;
	font-size: 16px;
	font-weight: 300;
	margin: 23px 0 7px;
}

.testimonials-v1 span.testimonials-post {
	color: #f1f1f1;
	font-size: 12px;
}

.testimonials-v1 .left-btn,
.testimonials-v1 .right-btn {
	right: 0;
	width: 24px;
	height: 24px;
	bottom: 30px;
	position: absolute;
	display: inline-block;
}

.testimonials-v1 .left-btn {
	right: 25px;
	background: url(/assets/MetroWhitev2/img/icons/left.png) no-repeat;
}
.testimonials-v1 .right-btn {
	background: url(/assets/MetroWhitev2/img/icons/right.png) no-repeat;
}

.testimonials-v1 .right-btn:hover {
	background: url(/assets/MetroWhitev2/img/icons/right-hover.png) no-repeat;
}
.testimonials-v1 .left-btn:hover {
	background: url(/assets/MetroWhitev2/img/icons/left-hover.png) no-repeat;
}

/*Steps*/
.front-steps {
	padding: 15px 20px 33px;
}

.front-steps p {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0;
}

.front-steps h2 {
	color: #f0f0f0;
	font-size: 22px;
}

.front-steps.front-step-one h2 {
	color: #fefefe;
}

.front-steps.front-step-one {
	background: #0da3e2 url(/assets/MetroWhitev2/img/steps/one.png) no-repeat right bottom;
}
.front-steps.front-step-two {
	background: #7c858e url(/assets/MetroWhitev2/img/steps/two.png) no-repeat right bottom;
}
.front-steps.front-step-three {
	background: #68727c url(/assets/MetroWhitev2/img/steps/three.png) no-repeat right bottom;
}

.front-steps.front-step-one,
.front-steps.front-step-two {
	position: relative;
}

.front-steps.front-step-one:after,
.front-steps.front-step-two:after { 
	top: 50%;
	width: 0; 
	height: 0;
	left: 100%;
	z-index: 2; 
	content: " "; 
	display: block; 
	margin-top: -1em; 
	position: absolute;
	border-left: 15px solid #36b3e7;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.front-steps.front-step-two:after {
	border-left-color: #868e96;	
}
.no-space-steps{padding:0 15px;}

/*Clients*/
.our-clients h2{
 margin-top: 3px;
 margin-bottom: 10px;
}

.clients-list {
	margin: 0;
}

.clients-list li {
	background: #FFF;
	position: relative;
    padding: 0 10px 0 10px;
    border: 1px solid #ccc;
    min-height: 110px;
    overflow: hidden;
    margin: 0 8px 0 8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    min-width: 160px;
}

.clients-list li img.color-img {
	top:0;
	left:0;
	display:none;
	position:absolute;
}
.clients-list li img { vertical-align: middle;text-align: center;}
.clients-list li:hover img.color-img { 
	display:block;
}

/***
Footer
***/
.footer {
	padding: 35px 0;
	font-size: 13px;
	background: #666;
}

.footer h2 {
	color: #eee;
}

.footer p {
	color: #eee;
}

.footer a {
	color: #0da3e2;
}

.footer address {
	color: #eee;
}

.footer dl.f-twitter {
	overflow: hidden;
}

.footer dl.f-twitter dt {
	width: 30px;
	float: left;
	text-align: left;
	padding-top: 2px;
}

.footer dl.f-twitter dt i {
	color: #fff;
	font-size: 20px;
}

.footer dl.f-twitter dd {
	color: #eee;
	margin-left: 30px;
}

.footer dl.f-twitter dd span {
	color: #adbdce;
	font-size: 12px;
	margin: 0 5px;
}

.footer .blog-photo-stream {
	margin-top: 11px;
}

.footer .blog-photo-stream li {
	margin: 4px 5px 4px 0;
}

.footer .blog-photo-stream img {
	padding: 0;
	border: solid 2px #9ca5ae;
}

.footer .blog-photo-stream img:hover {
    transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;	
}

/*subscribe*/
.form-subscribe .form-control:focus {
	border-color: #fff;
}


.form-subscribe .theme-btn, .form-subscribe .theme-btn:hover,
.search-box .theme-btn, .search-box .theme-btn:hover {
	border: none;
}

/***
Copyright
***/
.copyright {
	color: #dee4eb;
	font-size: 12px;
	padding: 10px 0;
	background: #555;
}

.copyright p {
	color: #bbb;
	margin-top: 7px;
	margin-bottom: 0;
}

.copyright p a {
	color: #2298ca;
}

.copyright .social-footer {
	margin: 8px 0 0;
	list-style: none;
	text-align: right;
	padding: 0;
}

.copyright .social-footer li {
	margin-left: 3px;
	display: inline-block;
}

.copyright .social-footer li i {
	color: #808e9c;
	font-size: 18px;
	display: inline-block;
}

.copyright .social-footer li i:hover {
	color: #fff;
    transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;		
}

.copyright .social-footer li a:hover {
	text-decoration: none;
}


.product-other-images {
	text-align: left;
}
.product-other-images img {
	width: 58px;
	height: auto;
	margin: 0 12px 12px 0;
}
.product-other-images a:hover img,
.product-other-images a.active img {
	box-shadow: 0 0 0 2px #c7ced5;
}
.copyright .social-footer li a:hover {
	text-decoration: none;
}

/*Breadcrumbs*/
.breadcrumbs {
	background: #fcfcfc;
	border-top: solid 1px #f5f5f5;
	border-bottom: solid 1px #f5f5f5;
}
.breadcrumbs .container{
	padding:0;
}

.breadcrumbs h1 {
	color: #555;
	font-size: 24px;
	line-height: 35px;
	margin-left: -5px;
	margin-top: 10px;
}

.breadcrumbs ul {
	top: 10px;
	background: none;
	margin-bottom: 0;
	position: relative;
}

.breadcrumbs li a {
	color: #0da3e2;
}

.breadcrumbs ul.breadcrumb {
	padding-left: 0;
	padding-right: 0;
}

/*Carousel*/
.front-carousel .carousel-control {
	margin: 0;
	border: none;
	height: 35px;
	font-size: 24px;
	font-weight: normal;
	top: 40%;
	width: 35px;
	background: #222;
	opacity: 0.5;
}
.front-carousel .carousel-control:hover {
	opacity: 0.6;
}
.front-carousel .carousel-control i {
	font-size: 27px;
}
.front-carousel .carousel-control.right i {
	position: relative;
	left: 1px;
}

.front-carousel .carousel-caption {
	padding: 10px 15px 0;
	background: rgba(0,0,0,0.5);
	left: 0;
	right: 0;
	bottom: 0;
	text-align: left;
}

.front-carousel .carousel-control.left {
	left: 0;
}
.front-carousel .carousel-control.right {
	right: 0;
}

/*Skils*/
.front-skills span {
	color: #555;
	display: block;
	font-size: 15px;
	margin-bottom: 7px;
}

.front-skills .progress {
	background: none #f2f2f2;
}

.front-skills .progress .bar {
	background: none #0da3e2;
}

.front-skills .progress,
.front-skills .progress .bar {
	box-shadow: none;
}

/*Lists*/
.front-lists-v1 li {
	font-size: 14px;
	margin-bottom: 5px;
}

.front-lists-v2 li {
	color: #555;
	font-size: 16px;
	margin-bottom: 14px;
	text-transform: uppercase;
}

.front-lists-v2 li i {
	margin-right: 5px;
	font-size: 17px;
}

/*Team Blocks*/
.front-team {
	margin: 20px 0;
}
.front-team .col-md-3 {
	padding: 0 15px 30px 0;
}
.front-team .thumbnail {
	border: none;
}

.front-team h3 {
	margin:10px 0 12px;
	line-height:40px;
}

.front-team h3 a {
	color: #0da3e2;
	font-size: 20px;
	font-weight: 400; 
}

.front-team h3 a:hover {
	text-decoration: none;
}

.front-team h3 small {
	display: block;
	font-size: 13px; 
}

.front-team ul {
	padding: 4px 0 0;
}
.front-team .social-icons {
	overflow: hidden;
}

/*Service Box v1*/
.service-box-v1 {
	padding: 15px; 
	text-align: center;
}

.service-box-v1 i {
	padding: 15px;
	font-size: 35px;
}

.service-box-v1:hover {
	background: #0da3e2;
    transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
}

.service-box-v1:hover i,
.service-box-v1:hover p,
.service-box-v1:hover h2 {
	color: #fff;
}

/***
Google Maps
***/
.gmaps {
  width: 100%;
}

/* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.gmaps img {
  max-width: none; 
}

/***
Blog Page
***/
/*Blog Posts*/
.blog-posts h2 {
	margin-top: 0;
}

.blog-posts p {
	text-align: justify;
}

.blog-posts .carousel {
	margin-bottom: 0;
}

.blog-posts hr.blog-post-sep {
	margin: 40px 0;
}

.blog-info {
	list-style: none;
	margin: 15px 0 12px 0;
	padding-left:0;
}

.blog-info li {
	padding: 0;
	color: #555;
	font-size: 13px;
	margin-right: 10px; 
	display: inline-block;
}

.blog-info li i {
	color: #0da3e2;
}

.blog-posts .pagination {
	margin-top: 40px;
}

/*Blog Sidebar*/

.recent-news {
	overflow: hidden;
}

.recent-news h3 {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
}
.recent-news-inner{padding:0;}

.blog-talks .tab-style-1 ul.nav-tabs li > a {
	min-width: 50px;
}

.blog-photo-stream li {
	overflow: hidden;
	margin: 0 5px 8px 0;
	display: inline-block;
}

.blog-photo-stream li img {
	width: 54px;
	height: 54px;
	padding: 2px; 
	border: solid 1px #eee;
}

.blog-photo-stream li img:hover {
	border-color: #0da3e2;
	box-shadow: 0 0 1px #fff;
	transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.blog-tags ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-tags li {
	position: relative;
	margin: 0 16px 7px 0;
	display: inline-block;
}

.blog-tags li a {
	color: #555;
	background: #f5f5f5;
	display: inline-block; 
	padding: 3px 5px 3px 3px;
}

.blog-tags li a:hover {
	color: #fff;
	background: #0da3e2;
	text-decoration: none;
}

.blog-tags li a:hover i {
	color: #fff;
}

.blog-tags li i {
	color: #0da3e2;
	margin-right: 5px;
	display: inline-block;
}

.blog-tags li a:after { 
	top: 50%;
	width: 0; 
	left: 100%;
	height: 0;
	z-index: 2; 
	content: " "; 
	display: block; 
	margin-top: -12px; 
	position: absolute;
	border-left: 12px solid #f5f5f5;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;	
}

.blog-tags li a:hover:after { 
	border-left-color: #0da3e2;
}

/* Blog Sidebar categories BEGIN */ 
.sidebar-categories li a {
	padding: 10px 0;
	border-bottom: 1px solid #E0DEDE;
	color: #333;
}
.sidebar-categories li a:hover {
	background: none;
}
.sidebar-categories li > a:hover,
.sidebar-categories li.active > a,
.sidebar-categories li.active:hover > a {
	color: #0da3e2;
}
.sidebar-categories li a:before {
    content: "";
    font-family: FontAwesome !important;
    font-size: 8px;
    padding-right: 10px;
    position: relative;
    top: -1px;
}
/* Blog Sidebar categories END */

/***
Blog Item
***/
.blog-item .blog-item-img {
	margin: 6px 0 25px;
}

.blog-item .blog-item-img .carousel {
	margin-bottom: 0;
}

.blog-item blockquote {
	margin: 20px 40px 18px;
	border-color: #0da3e2;
}

.blog-item .blog-info {
	margin: 20px 0;
	padding: 8px 0;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}

.blog-item .blog-info li {
	padding-left: 13px; 
	border-left: solid 1px #eee;
}

.blog-item .blog-info li:first-child {
	padding-left: 0; 
	border-left: none; 
}

.blog-item .blog-item-img .carousel-control {
	top: 45%;
}


.blog-item img.media-object {
    top: 2px;
	width: 60px;
	height: 60px;
    position: relative;
}

.blog-item h4.media-heading {
    position: relative;
}

.blog-item h4.media-heading span {
    right: 0;
    top: 3px;
    color: #777;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
}

.blog-item h4.media-heading span a {
    color: #0da3e2;
}

/*contact*/
.form-group [class*="col-"] {
	padding-left:0;
}

/***
Icons
***/

/***
Social Icons
***/
.social-icons {
  padding: 0;
  margin: 0;
}

.social-icons:after,
.social-icons:before {  
  content: "";
  display: table;
}

.social-icons:after {    
  clear: both;
}

.social-icons li {
  float:left;
  display:inline;
  list-style:none;
  margin-right:5px;
  margin-bottom:5px;
  text-indent:-9999px;
}
.social-icons li a, 
a.social-icon {
  width:28px;
  height:28px;
  display:block;
  background-position:0 0;
  background-repeat:no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
  background-position:0 -38px;
}

.social-icons-color li a {
  opacity: 0.7;
  background-position:0 -38px !important;
}

.social-icons-color li a:hover {
  opacity: 1;
}

.social-icons .amazon {background: url(/assets/MetroWhitev2/img/icons/social/amazon.png) no-repeat;}
.social-icons .behance {background: url(/assets/MetroWhitev2/img/icons/social/behance.png) no-repeat;}
.social-icons .blogger {background: url(/assets/MetroWhitev2/img/icons/social/blogger.png) no-repeat;}
.social-icons .deviantart {background: url(/assets/MetroWhitev2/img/icons/social/deviantart.png) no-repeat;}
.social-icons .dribbble {background: url(/assets/MetroWhitev2/img/icons/social/dribbble.png) no-repeat;}
.social-icons .dropbox {background: url(/assets/MetroWhitev2/img/icons/social/dropbox.png) no-repeat;}
.social-icons .evernote {background: url(/assets/MetroWhitev2/img/icons/social/evernote.png) no-repeat;}
.social-icons .facebook {background: url(/assets/MetroWhitev2/img/icons/social/facebook.png) no-repeat;}
.social-icons .forrst {background: url(/assets/MetroWhitev2/img/icons/social/forrst.png) no-repeat;}
.social-icons .github {background: url(/assets/MetroWhitev2/img/icons/social/github.png) no-repeat;}
.social-icons .google-plus {background: url(/assets/MetroWhitev2/img/icons/social/googleplus.png) no-repeat;}
.social-icons .jolicloud {background: url(/assets/MetroWhitev2/img/icons/social/jolicloud.png) no-repeat;}
.social-icons .last-fm {background: url(/assets/MetroWhitev2/img/icons/social/last-fm.png) no-repeat;}
.social-icons .linkedin {background: url(/assets/MetroWhitev2/img/icons/social/linkedin.png) no-repeat;}
.social-icons .picasa {background: url(/assets/MetroWhitev2/img/icons/social/picasa.png) no-repeat;}
.social-icons .pintrest {background: url(/assets/MetroWhitev2/img/icons/social/pintrest.png) no-repeat;}
.social-icons .rss {background: url(/assets/MetroWhitev2/img/icons/social/rss.png) no-repeat;}
.social-icons .skype {background: url(/assets/MetroWhitev2/img/icons/social/skype.png) no-repeat;}
.social-icons .spotify {background: url(/assets/MetroWhitev2/img/icons/social/spotify.png) no-repeat;}
.social-icons .stumbleupon {background: url(/assets/MetroWhitev2/img/icons/social/stumbleupon.png) no-repeat;}
.social-icons .tumblr {background: url(/assets/MetroWhitev2/img/icons/social/tumblr.png) no-repeat;}
.social-icons .twitter {background: url(/assets/MetroWhitev2/img/icons/social/twitter.png) no-repeat;}
.social-icons .vimeo {background: url(/assets/MetroWhitev2/img/icons/social/vimeo.png) no-repeat;}
.social-icons .wordpress {background: url(/assets/MetroWhitev2/img/icons/social/wordpress.png) no-repeat;}
.social-icons .xing {background: url(/assets/MetroWhitev2/img/icons/social/xing.png) no-repeat;}
.social-icons .yahoo {background: url(/assets/MetroWhitev2/img/icons/social/yahoo.png) no-repeat;}
.social-icons .youtube {background: url(/assets/MetroWhitev2/img/icons/social/youtube.png) no-repeat;}
.social-icons .vk {background: url(/assets/MetroWhitev2/img/icons/social/vk.png) no-repeat;}
.social-icons .instagram {background: url(/assets/MetroWhitev2/img/icons/social/instagram.png) no-repeat;}

/*Fixing dropdown issue on mobile devices in Bootstrap 3.2.2*/
.dropdown-backdrop {
  position: static;
}

/***
Styler Panel
***/
.color-panel {
  z-index: 999;
  position:fixed;
  top:96px;
  right:0px;
}

.color-panel .color-mode-icons {
  top:4px;
  right:0;
  padding:20px;
  cursor:pointer;
  position:absolute;
}

.color-panel .icon-color {
  background:#c9c9c9 url(/assets/MetroWhitev2/img/icon-color.png) center no-repeat !important;
}

.color-panel .icon-color:hover {
  background-color:#0DA3E2 !important;
}

.color-panel .icon-color-close {
  display:none;
  background:#0DA3E2 url(/assets/MetroWhitev2/img/icon-color-close.png) center no-repeat !important;
}

.color-panel .icon-color-close:hover {
  background-color:#0DA3E2 !important;
}

.color-mode {
  top:5px;
  right:40px;
  width:280px;
  display:none;
  padding:20px 10px 5px;
  position:absolute;
  background:#0DA3E2;
}
.color-mode h4 {color:#fff}
.color-mode h5 {color:#fff}
/*Hesap Panel*/
.hesap-panel {
  z-index: 999;
  position:fixed;
  top:96px;
  left:0px;
}

.hesap-panel .hesap-mode-icons {
  top:4px;
  left:0;
  padding:20px;
  cursor:pointer;
  position:absolute;
}
.hesap-mode .list-group-item.active, .hesap-mode .list-group-item.active:hover, .hesap-mode .list-group-item.active:focus {
    background-color: #333333;
    border-color: #000;
}
.hesap-panel .icon-hesap {
  background:#c9c9c9 url(/assets/MetroWhitev2/img/icon-hesap.png) center no-repeat !important;
}

.hesap-panel .icon-hesap:hover {
  background-color:#0DA3E2 !important;
}

.hesap-panel .icon-hesap-close {
  display:none;
  background:#0DA3E2 url(/assets/MetroWhitev2/img/icon-color-close.png) center no-repeat !important;
}

.hesap-panel .icon-hesap-close:hover {
  background-color:#0DA3E2 !important;
}

.hesap-mode {
  top:5px;
  left:40px;
  width:180px;
  display:none;
  padding:20px 10px 5px;
  position:absolute;
  background:#0DA3E2;
}
.hesap-mode h4 { color: #fff;font-weight: 600;}
.hesap-mode h5 { color: #fff;font-weight: 600;}

/*Hesap Panel*/
/***
BXSlider
***/

.bxslider-container {
	
}

.bxslider,
.bxslider1 {
  display: none;
}

.buttons-page .btn {
	margin-bottom: 5px !important;
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin-top: 1px;
}
/***
Custom icon buttons
***/
.icon-btn {
  height: 60px;
  min-width: 80px;
  margin: 0 5px 5px 0;
  border: 1px solid #ddd;
  padding: 12px 0px 0px 0px;
  background-color: #fafafa !important;
  background-image: none !important;
  filter:none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  display:inline-block !important;
  color: #646464 !important;
  text-shadow: none !important;
  text-align: center;
  cursor: pointer;
  position: relative;  
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.icon-btn i {
  font-size: 18px;
}

.ie8 .icon-btn:hover {
  filter: none !important;
} 

.icon-btn:hover {
  text-decoration: none !important;
  border-color: #999 !important;
  color: #444 !important;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.icon-btn:hover .badge {
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
}

.icon-btn div {
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  margin-bottom: 10px;  
  color: #000;
  font-size: 12px;
  font-weight: 300;
}
.anlatimkutu .badge {
    right: -25px !important;
}
.pricing-table2 .badge {margin-top:-20px}
.badge i { font-size: 9px !important;font-weight: bold !important;}
.anlatimkutu { height: 88px !important;}
.anlatimkutu  i.fa { font-size: 36px !important;
}
.anlatimkutu div h4 i {
      top:-8px;
  font-size:14px;
  font-style:normal;
  position:relative;
}
.anlatimkutu div h4 {
      color:#666;
  padding:5px 0;
  font-size:28px;
  font-weight:300;
  background:#fbfcfd;
  border-bottom:solid 1px #f5f9e7;
}
.icon-btn .badge {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px !important;
  font-weight: 300;
  top: -5px;
  right: -5px;
  padding: 3px 6px 3px 6px;
  color: white !important;
  text-shadow: none;
  border-width: 0;
  border-style: solid;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/***
Notes
***/

/* Common styles for all types */
.note {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}

.note h1,
.note h2,
.note h3,
.note h4 {
  margin-top: 0;
}

.note p:last-child {
  margin-bottom: 0;
}
.note code,
.note .highlight {
  background-color: #fff;
}

/* Variations */
.note-danger {
  background-color: #FAEAE6;
  border-color: #ed4e2a;
}

.note-warning {
  background-color: #FCF3E1;
  border-color: #fcb322;
}

.note-info {
  background-color: #E8F6FC;
  border-color: #57b5e3;
}

.note-success {
  background-color: #EBFCEE;
  border-color: #3cc051;
}

/***
Demo Utils
***/
.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: 10px;
  overflow: auto;
}

.util-btn-margin-bottom-5 .btn {
  margin-bottom: 5px !important;
}

.util-btn-group-margin-bottom-5 .btn-group {
  margin-bottom: 5px !important;
}

.fontawesome-demo i {
  font-size: 18px;
}

.fontawesome-demo li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.glyphicons-demo ul {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}

.bs-glyphicons {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}
.glyphicons-demo ul li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  margin: 0 -1px -1px 0;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid #ddd;
}

.glyphicons-demo .glyphicon {
  display: block;
  margin: 5px auto 10px;
  font-size: 24px;
}
.glyphicons-demo ul li:hover {
  background-color: rgba(86,61,124,.1);
}
@media (min-width: 768px) {
  .glyphicons-demo ul li {
    width: 12.5%;
  }

}
@media (max-width: 768px) {

  .detayaramabutonu {
      display:none;
  }
}
/* left, right aligned form actions */
.form-actions.right {
  padding-left: 0;
  padding-right: 10px;
  text-align: right;
}

.form-actions.left {
  padding-left: 10px;
  padding-right: 0;
  text-align: left;
}

/* Checkboxes */
.form-group .checkbox {
  padding-left: 0;
}

.checkbox-list > label {
  display: block;
}

.checkbox-list > label.checkbox-inline {
  display: inline-block;
}

.checkbox-list > label.checkbox-inline:first-child {
  padding-left: 0;
}

/* Radios */

.radio-list > label {
  display: block;
}

.radio-list > label.radio-inline {
  display: inline-block;
}

.radio-list > label.radio-inline:first-child {
  padding-left: 0;
}

.form-horizontal .radio-list .radio {
	position: relative;
	top: -1px;
	padding-top: 0;
}
/* Rows seperated form layout */
.form-row-seperated .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 10px 10px 10px 0px;
}

.form-row-seperated .form-group.last {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.form-row-seperated .form-actions {
  margin-top: 0;
}

.form-row-seperated .form-body {
  padding: 0;
  margin-top: 0;
}

.form-row-seperated .help-block {
  margin-bottom: 0;
}

/* form bordered */
.form-bordered .form-body {
  margin: 0;
  padding: 0;
}

.form-bordered .form-actions {
  margin-top: 0;
}

.form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
}

.form-bordered .form-group.last {
    border-bottom: 0;
}

.form-bordered .help-block {
  margin-bottom: 0;
}

.form-bordered .control-label {
  padding-top: 16px;
}

.form-bordered .form-group > div {  
  padding: 10px;
  border-left: 1px solid #efefef;
}

.form-bordered .form-actions.fluid > .row > div {
  padding-left: 10px;
}

.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
} 

.form-horizontal.form-bordered.form-row-stripped .form-control {
  background: #fff !important;
}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
  background-color: #ffffff;  
}

/***
Bordered form layout
***/

.form-bordered .form-control {
  margin: 0;
}

/***
Input icons
***/

/* input with right aligned and colored icons */

/* input with left aligned icons */
.input-icon {
  position: relative;
}


.input-icon input {
   padding-left: 33px !important;
}

.input-icon i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 9px 2px 4px 10px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.input-icon.right input {
   padding-left: 12px !important;
   padding-right: 33px !important;
}

.input-icon.right i {
   right: 8px;
   float: right;
}

.has-success .input-icon > i {
  color: #468847;
}

.has-warning .input-icon > i {
  color: #c09853;
}

.has-error .input-icon > i {
  color: #b94a48;
}

/*Extra Button style*/
a.btn-medium {
  font-size: 20px;
  padding: 10px 20px; 
}

a.btn-transparent {
  color: #fff;
  font-size: 13px;
  padding: 2px 6px;
  white-space: nowrap;   
  text-decoration: none;
  border: solid 1px #fff;
  background: none transparent;
}

a.btn-transparent:hover {
  background: #15aeee;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;      
}

.panel-primary .panel-title {
	color: #fff;
}
.panel-success .panel-title {
	color: #468847;
}
.panel-info .panel-title {
	color: #3A87AD;
}
.panel-warning .panel-title {
	color: #C09853;
}
.panel-danger .panel-title {
	color: #B94A48;
}
/***
Vertical inline menu
***/
.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  border-left: solid 2px #0DA3E2;
}

.ver-inline-menu li {
  position: relative;
  margin-bottom: 1px;
}

.ver-inline-menu li a {
  font-size: 14px;
  color: #7C858E;
  display: block;
  background: #F4F4F4;
  padding: 12px 10px 11px 8px;
}

.ver-inline-menu li:hover a{
  background: #0DA3E2;
  text-decoration: none;
  color: #fff;
}

.ver-inline-menu li.active a{
  color: #fff;
  background: #0DA3E2;
  text-decoration: none;
}

.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #0DA3E2;
  position: absolute;
  top: 16px;
  right: -5px;
}

/***
Font awesome icons styles
***/
.fontawesome-icon-list [class^="fa-"],
.fontawesome-icon-list [class*=" fa-"],
li [class^="fa-"],
li [class*=" fa-"] {
	display: inline-block;
	width: 1.25em;
	text-align: center;
}
.fontawesome-icon-list [class^="fa-"].icon-large,
.fontawesome-icon-list [class*=" fa-"].icon-large,
li [class^="fa-"].icon-large,
li [class*=" fa-"].icon-large {
  	width: 1.5625em;
}
.fontawesome-icon-list .col-md-3 {
    height: 32px;
    line-height: 32px;
}

/* login & signup styles */
.login-signup-page{
	padding: 50px auto 30px;
}
.login-signup-page form{
	background: #FEFEFE;
    border: 1px solid #E0DEDE;
    box-shadow: 0 0 3px #E0DEDE;
    padding: 10px 30px 30px;
}
.login-signup-page h2{
	margin-bottom: 15px;
}
.login-signup-page .input-group{
	position: relative;
}
.login-signup-page .login-signup-forgot-link{
	position: absolute;
	right: 12px;
	top: 7px;
	font-size: 14px;
}
.login-signup-page .checkbox{
	padding-left: 0;
}

/***
Box portlet added by Basil And Tamer
***/


.portlet.box {
   padding:0px !important
}

.portlet.box > .portlet-title {  
   padding:8px 10px 2px 10px;
   border-bottom: 1px solid #eee;
   color: #fff !important;
}

.portlet.box > .portlet-title > .actions > .btn > i {
  color: #fff !important;
}

.portlet.box > .portlet-title > .tools {
  margin-top: 3px;
}

.portlet.box > .portlet-title > .tools > a.remove, 
.portlet.solid > .portlet-title > .tools > a.remove {
  background-image:url(/assets/MetroWhitev2/img/portlet-remove-icon-white.png);
}

.portlet.box > .portlet-title > .tools > a.config,
.portlet.solid > .portlet-title > .tools > a.config {
  background-image:url(/assets/MetroWhitev2/img/portlet-config-icon-white.png);
}

.portlet.box > .portlet-title > .tools > a.reload,
.portlet.solid > .portlet-title > .tools > a.reload {
  background-image:url(/assets/MetroWhitev2/img/portlet-reload-icon-white.png);
}

.portlet.box > .portlet-title > .tools > a.expand,
.portlet.solid > .portlet-title > .tools > a.expand {
  background-image:url(/assets/MetroWhitev2/img/portlet-expand-icon-white.png);
}

.portlet.box > .portlet-title > .tools > a.collapse,
.portlet.solid > .portlet-title > .tools > a.collapse {
  background-image:url(/assets/MetroWhitev2/img/portlet-collapse-icon-white.png);
}

/* portlet buttons */
.portlet.box > .portlet-body {
  background-color: #fff;
  padding: 10px;
}

.portlet.box > .portlet-title {  
  margin-bottom: 0px;
}

.portlet.box.blue > .portlet-title {
  background-color: #4b8df8;
} 

.portlet.box.blue {  
   border: 1px solid #b4cef8;
   border-top: 0;
}

.portlet.box.red > .portlet-title {
  background-color: #e02222;
} 

.portlet.box.red {  
   border: 1px solid #ef8476;
   border-top: 0;
}

.portlet.box.yellow > .portlet-title {
  background-color: #ffb848;
} 

.portlet.box.yellow {  
   border: 1px solid #fccb7e;
   border-top: 0;
}

.portlet.box.green > .portlet-title {
  background-color: #35aa47;
} 

.portlet.box.green {  
   border: 1px solid #77e588;
   border-top: 0;
}

	.portlet.box.purple > .portlet-title {
		background: #f5f5f5;
		color: #515151 !important;
		border-top: 1px solid #eee;
		border-bottom: 2px solid #c01b30;
		margin-left: 10px;
		font-size: 1.7rem;
		font-weight: 600;
	}
	}

	.portlet.box.purple {
		border: 1px solid #c40316;
		border-top: 0;
	}

.portlet.box.grey > .portlet-title {
  background-color: #555555;
} 

.portlet.box.grey {  
   border: 1px solid #9d9c9c;
   border-top: 0;
}

.portlet.box.light-grey > .portlet-title {
  background-color: #aaa;
} 

.portlet.box.light-grey {  
   border: 1px solid #bbb;
   border-top: 0;
}
/***
Portlets
***/
.portlet  {
  clear: both;
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
}

.portlet > .portlet-title {  
  margin-bottom: 2px;

}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
   padding-left:0 !important;
    padding-right:0 !important;
}
.azpadding {
   padding: 0 !important;
   margin: 0 !important;
   padding-left:7px !important;
    padding-right:7px !important;
}
.portlet > .portlet-title:after,
.portlet > .portlet-title:before {
  content: "";
  display: table;
  line-height: 0;
}

.portlet > .portlet-title:after {
  clear: both;
}

.portlet > .portlet-title > .caption {
  float: left;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  margin-bottom: 8px; 
}

.portlet > .portlet-title > .caption > i {
  float: left;
  margin-top: 4px;
  display: inline-block !important;
  font-size: 13px;
  margin-right: 5px;
  color: #666;
}

.portlet.blue > .portlet-title > .caption,
.portlet.green > .portlet-title > .caption, 
.portlet.yellow > .portlet-title > .caption,
.portlet.red > .portlet-title > .caption, 
.portlet.purple > .portlet-title > .caption, 
.portlet.grey > .portlet-title > .caption {
  color: #fff;
}

.portlet.box.blue > .portlet-title > .caption > i, 
.portlet.box.green > .portlet-title > .caption > i,
.portlet.box.grey > .portlet-title > .caption > i,
.portlet.box.yellow > .portlet-title > .caption > i, 
.portlet.box.red > .portlet-title > .caption > i,  
.portlet.box.purple > .portlet-title > .caption > i, 
.portlet.box.light-grey > .portlet-title > .caption > i{
  color: #fff;
}

.sortable .portlet > .portlet-title {
  cursor: move;
}

.portlet > .portlet-title > .tools,
.portlet > .portlet-title > .actions
 {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  float: right;
}

.portlet > .portlet-title > .tools > a {
  display: inline-block;
  height: 16px;
  margin-left:5px;
}

.portlet > .portlet-title > .actions > .dropdown-menu i {
  color: #000 !important;
}
.portlet-body .table-scrollable { margin: 0 !important;}
.portlet > .portlet-title > .tools > a.remove {
  margin-bottom: 2px;
  background-image:url(/assets/MetroWhitev2/img/portlet-remove-icon.png);
  background-repeat: no-repeat;
  width: 11px;
}

.portlet > .portlet-title > .tools > a.config {
  margin-bottom: 2px;
  background-image:url(/assets/MetroWhitev2/img/portlet-config-icon.png);
  background-repeat: no-repeat;
  width: 12px;
}

.portlet > .portlet-title > .tools > a.reload {
  margin-bottom: 2px;
  background-image:url(/assets/MetroWhitev2/img/portlet-reload-icon.png);
  width: 13px;
}

.portlet > .portlet-title > .tools > a.expand {
  margin-bottom: 2px;
  background-image:url(/assets/MetroWhitev2/img/portlet-expand-icon.png);
  width: 14px;
}

.portlet > .portlet-title > .tools > a.collapse {
  margin-bottom: 2px;
  background-image:url(/assets/MetroWhitev2/img/portlet-collapse-icon.png);
  width: 14px;
}

.portlet > .portlet-title > .tools > a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity:.6;  
  filter:'alpha(opacity=60)';
}

.portlet > .portlet-title > .actions > .btn-group {
  margin-top: -12px;
}

.portlet > .portlet-title > .actions > .btn {
  padding: 4px 10px;
  margin-top: -14px;
}

.portlet > .portlet-title > .actions > .btn-group > .btn {
  padding: 4px 10px;
  margin-top: -1px;
}

.portlet > .portlet-title > .actions > .btn.btn-sm {
  padding: 3px 8px;
  margin-top: -14px;
}

.portlet > .portlet-title > .actions > .btn-group > .btn-sm {
  padding: 3px 8px;
  margin-top: -1px;
}

.portlet > .portlet-title > .pagination.pagination-sm {
  float: right !important;
  display: inline-block !important;
  margin: 0px;
  margin-top: -4px;
}

.portlet > .portlet-body {
  clear: both;  
  padding: 0;  
}

.portlet > .portlet-body.light-blue, .portlet.light-blue {
  background-color: #bfd5fa  !important;
}

.portlet > .portlet-body.blue, .portlet.blue {
  background-color: #4b8df8 !important;
}

.portlet > .portlet-body.red, .portlet.red {
  background-color: #e02222 !important;
}

.portlet > .portlet-body.yellow, .portlet.yellow {
  background-color: #ffb848 !important;
}

.portlet > .portlet-body.green, .portlet.green {
  background-color: #35aa47 !important;
}

	.portlet > .portlet-body.purple, .portlet.purple {
		background-color: #c40316 !important;
	}

.portlet > .portlet-body.light-grey, .portlet.light-grey {
  background-color: #fafafa !important;
}

.portlet > .portlet-body.grey, .portlet.grey {
  background-color: #555555 !important;
}


/***
Forms 
****/

input.placeholder,
textarea.placeholder {
  color: #aaa !important;
}

.help-block {
 margin-top: 5px;
 margin-bottom: 5px;
}

.form-inline input {
  margin-bottom: 0px !important;
}

.control-label {
  margin-top: 2px;
}

.form-control-static {
  font-size: 14px;
  padding-top: 7px;
}

.control-label .required {
  color: #e02222;
  font-size: 12px;
  padding-left: 2px;
}

.switch-wrapper {
   display: inline-block;
}

.form {
  padding: 0 !important;
}

.form-body {
  padding: 10px;
}

.form-actions {
  padding: 20px 10px;
  margin-top: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions.nobg {
  background-color: transparent;
}

.form-actions.top {
  margin-top: 0;
  margin-bottom: 20px;
  border-top: 0;
  border-bottom: 1px solid #e5e5e5;
}

.form-actions.fluid {
  padding: 20px 0;
}

.form-actions.fluid > [class^="col-"] {
  padding-left: 13px;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}

.form-section {
  margin: 30px 0px 25px 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.form .form-section:first-child {
  margin-top: 5px;
}

.help-inline {
  font-size: 13px;
  color: #737373;
  display: inline-block;
  padding: 5px;
}

/* left, right aligned form actions */
.form-actions.right {
  padding-left: 0;
  padding-right: 10px;
  text-align: right;
}

.form-actions.left {
  padding-left: 10px;
  padding-right: 0;
  text-align: left;
}

/* Checkboxes */
.form-group .checkbox {
  padding-left: 0;
}

.checkbox-list > label {
  display: block;
}

.checkbox-list > label.checkbox-inline {
  display: inline-block;
}

.checkbox-list > label.checkbox-inline:first-child {
  padding-left: 0;
}

/* Radios */

.radio-list > label {
  display: block;
}

.radio-list > label.radio-inline {
  display: inline-block;
}

.radio-list > label.radio-inline:first-child {
  padding-left: 0;
}

.form-horizontal .radio-list .radio {
  padding-top: 1px;
}

/* Rows seperated form layout */
.form-row-seperated .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 10px 10px 10px 0px;
}

.form-row-seperated .form-group.last {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.form-row-seperated .form-actions {
  margin-top: 0;
}

.form-row-seperated .form-body {
  padding: 0;
  margin-top: 0;
}

.form-row-seperated .help-block {
  margin-bottom: 0;
}

/* form bordered */
.form-bordered .form-body {
  margin: 0;
  padding: 0;
}

.form-bordered .form-actions {
  margin-top: 0;
}

.form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
}

.form-bordered .form-group.last {
    border-bottom: 0;
}

.form-bordered .help-block {
  margin-bottom: 0;
}

.form-bordered .control-label {
  padding-top: 16px;
}

.form-bordered .form-group > div {  
  padding: 10px;
  border-left: 1px solid #efefef;
}

.form-bordered .form-actions.fluid > .row > div {
  padding-left: 10px;
}

.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
} 

.form-horizontal.form-bordered.form-row-stripped .form-control {
  background: #fff !important;
}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
  background-color: #ffffff;  
}

/***
Bordered form layout
***/

.form-bordered .form-control {
  margin: 0;
}


/***
Disabled Menu Link
***/

.disabled-link > a > span.text,
.disabled-link > a > span.title {
  font-style: italic !important;
  color: #888 !important;
}

.disabled-link > a:hover  {
  cursor: not-allowed !important;
}


/***
Responsive & Scrollable Tables
***/
#CariHesapOzetiDetay { padding: 0 !important;}
#CariHesapOzetiDetay .table-scrollable { border: 0 !important;max-height: 400px;}
#CariHesapOzetiAcikFaturalar { padding: 0 !important;}
#CariHesapOzetiAcikFaturalar .table-scrollable { border: 0 !important;max-height: 400px;}

#Kalemler { padding: 0 !important;}
#Kalemler .table-scrollable { border: 0 !important;max-height: 400px;}
#Kalemler { padding: 0 !important;}
#Kalemler .table-scrollable { border: 0 !important;max-height: 400px;}


#Siparisler .table-scrollable{
    max-height: 400px;
}
#siparisKalem .table-scrollable{
    max-height: 400px;
}
#SiparisFaturaSevkBilgisi .table-scrollable{
    max-height: 400px;
}

#siparisKalem { padding: 0 !important;}
#siparisKalemContainer .table-scrollable { border: 0 !important;}
#SiparisFaturaSevkBilgisi { padding: 0 !important;}
#SiparisFaturaSevkBilgisi .table-scrollable { border: 0 !important;}
#SiparisTipi { margin-bottom: 0 !important;margin-left: -6px; bottom: 0 !important}
.table-scrollable > .table{
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0;
  background-color: #fff;
}
.table thead tr th {
  font-size: 14px;
  font-weight: 600;
}
.table-scrollable {
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  border: 1px solid #dddddd;
  margin: 10px 0 !important;
    
}

.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > thead > tr > td,
.table-scrollable > .table > tbody > tr > td,
.table-scrollable > .table > tfoot > tr > td {
  white-space: nowrap;
}

.table-scrollable > .table-bordered {
  border: 0;
}

.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}

/***
Responsive Flip Scroll Tables
***/

.flip-scroll table { width: 100%; }

@media only screen and (max-width: 800px) {
  
  .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  .flip-scroll * html .flip-content { zoom: 1; }
  .flip-scroll *:first-child+html .flip-content { zoom: 1; }
  
  .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
  .flip-scroll th,
  .flip-scroll td { margin: 0; vertical-align: top; }
  .flip-scroll th { 
    text-align: left; 
    border: 0 !important; 
    border-bottom: 1px solid #ddd !important; 
    border-right: 1px solid #ddd !important; 
    font-size: 13px !important;
    padding: 5px;
    width: auto !important;
  }
  
  .flip-scroll table { display: block; position: relative; width: 100%; }
  .flip-scroll thead { 
    display: block; 
    float: left; 
  }
  .flip-scroll tbody { 
    display: block; 
    width: auto; 
    position: relative; 
    overflow-x: auto; 
    white-space: nowrap;     
  }
  .flip-scroll thead tr { display: block; }
  .flip-scroll th { display: block; text-align: right; }
  .flip-scroll tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; }
  .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important} 
 
  /* sort out borders */
 
  .flip-scroll th { border-bottom: 0; border-left: 0; }
  .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
  .flip-scroll tbody tr { border-left: 1px solid #ddd; }
  .flip-scroll th:last-child,
  .flip-scroll td:last-child { border-bottom: 1px solid #ddd; }
  
}



/* extended dropdowns */
.dropdown-menu.extended {
  min-width: 160px !important;
  max-width: 300px !important;
  width: 233px !important;
  background-color: #ffffff !important;
}

.dropdown-menu.extended:before,
.dropdown-menu.extended:after {
  border-bottom-color: #ddd !important;
}

.dropdown-menu.extended li a{
  display: block;
  padding: 5px 10px !important;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  white-space: normal !important;
}

.dropdown-menu.extended li i{
  margin-right: 3px;
}

.dropdown-menu.extended li a{
   font-size: 13px;
   padding: 10px !important;
   background-color: #ffffff;
}

.dropdown-menu.extended li a:hover {
  background-image: none;
  background-color: #f5f5f5;
  color: #000;
  filter:none;
}

.dropdown-menu.extended li p{
  padding: 10px;
  background-color: #eee;
  margin: 0px;
  font-size: 14px;
  font-weight: 300;
  color: #000;
}

.dropdown-menu.extended li a{
  padding: 7px 0 5px 0px;
  list-style: none;
  border-bottom: 1px solid #f4f4f4 !important;
  font-size: 12px;
  text-shadow: none;
}

.dropdown-menu.extended li:first-child a {
  border-top: none;
  border-bottom: 1px solid #f4f4f4 !important;
}

.dropdown-menu.extended li:last-child a {
  border-top: 1px solid white !important;
  border-bottom: 1px solid #f4f4f4 !important;
}

.dropdown-menu.extended li.external > a {
  font-size: 13px;
  font-weight: 400;  
}

.dropdown-menu.extended li.external > a > i{
  margin-top: 3px;
  float: right;
}


/***
Charts and statistics
***/
.chart, .pie, .bars {
  overflow: hidden;
  height: 300px;
}
.mix-filter {
	list-style: none;
	margin:0 0 20px 0;
	padding: 0;
}

.mix-filter li {
	color: #555;
	cursor: pointer;
	padding: 6px 15px;
	margin-right: 2px;
	margin-bottom: 5px;
	background: #eee;
	display: inline-block;
}

.mix-filter li:hover,
.mix-filter li.active {
	color: #fff;
	background: #0da3e2;
}

.mix-grid .mix {
	opacity: 0;
	display: none;
}

/*Portfolio Hover*/
.mix-grid .mix {
	position: relative;
	overflow: hidden;	
	margin-bottom: 15px;
}

.mix-grid .mix .mix-inner {
	position: relative;
	width: 100%;
}

.mix-grid .mix .mix-details {
	color: #fff;
	width: 100%;
	height: 100%;
	bottom: -100%;
	text-align: center;
	position: absolute;
	background: #0da3e2;
}

.mix-grid .mix:hover .mix-details {
	bottom: 0;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;	
}

.mix-grid .mix .mix-details h4 {
	color: #fff;	
	margin-top: 30px;
	padding: 0 10px;
}

.mix-grid .mix .mix-details p {
	padding: 0 30px;
}

.mix-grid .mix .mix-details i {
	color: #fff;
	font-size: 14px;
}

.mix-grid .mix a.mix-1, 
.mix-grid .mix a.mix-2, 
.mix-grid .mix a.mix-3 {
	color: #555;
	display: block;
	cursor: pointer;
	margin-top: 40px; 
	position: absolute;
	padding: 10px 15px;
	background: #16b2f4;
}

.mix-grid .mix a.mix-1 {
	left: 20%;
	margin-left: 5px;
}
.mix-grid .mix a.mix-2 {
	left: 40%;
	margin-left: 5px;
    top: 20%;
}
.mix-grid .mix a.mix-3 {
	left: 60%;
	margin-right: 5px;
}

.mix-grid .mix a.mix-link:hover,
.mix-grid .mix a.mix-preview:hover {
	color: #fff;
	padding: 9px 14px;
	text-decoration: none;
	border: solid 1px #eee;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) { 

	.mix-grid .mix.col-md-6.col-sm-6 .mix-details {
		height: 50%;
	}

}

@media (min-width: 768px) and (max-width: 991px) { 
	
	.mix-grid .mix a.mix-link,
	.mix-grid .mix a.mix-preview {
		margin-top: 5px;
	}

}
ul.urunkutusu li.kutular span.BilgiKutu { color: #ffa23e;font-size: 14px;display: block;clear: both;max-height: 28px;line-height: 14px;overflow: hidden; }
ul.urunkutusu li.kutular:hover span.BilgiKutu { color: #fff;}
ul.urunkutusu li.kutular span.KampanyaKutu { color: red;font-size: 14px;position: absolute;top: 15px;right: 59px;font-weight: bold;  }
ul.urunkutusu li.kutular:hover span.KampanyaKutu { color: red;}

span.KampanyaKutu1 { color: red;font-size: 14px;font-weight: bold;  }
span.KampanyaKutu1 { color: red;}

ul.urunkutusu li.kutular span.marka { color: #ffa23e;font-size: 14px; height: 20px;display: block;overflow: hidden}
ul.urunkutusu li.kutular:hover span.marka { color: #fff;}
ul.urunkutusu li.kutular {padding-left: 0 !important}
ul.urunkutusu li.kutular span.fiyat { font-size: 14px !important;color: #ffa23e; float: left }
ul.urunkutusu li.kutular:hover span.fiyat {color: #fff}
.col-md-10 .btn-warning i { color: #ffffff !important;}
ul.urunkutusu li.kutular span.parabirim { color: #ffa23e;font-size: 14px;padding: 0 0 0 1px;float: left}
ul.urunkutusu li.kutular:hover span.parabirim { color: #fff; }

ul.urunkutusu li.kutular span.maladi { font-size: 13px;color: #000;text-align: left;line-height: 15px;height: 32px;overflow: hidden; display: block;padding-bottom: 5px;}
ul.urunkutusu li.kutular:hover span.maladi {color: #fff}
ul.urunkutusu li.kutular { z-index: 2;}
ul li.kutular em img {
    max-height: 190px;
max-width: 190px;
margin: 0 auto !important;
margin-top: 13px !important;
border: 1px solid #ddd;}
ul.urunkutusu li.kutular em { background: #f4f4f4 !important;  min-height: 215px;}

ul.urunkutusu li.kutular:before, ul.urunkutusu li.kutular:after {
   z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 10px;
  left: 1px;
  width: 50%; 
  top: 95%;
  max-width:450px;
  background: rgba(0, 0, 0, 0.7); 
  -webkit-box-shadow: 0 10px 6px rgba(0,0,0, 0.7);   
  -moz-box-shadow: 0 10px 6px rgba(0, 0, 0, 0.7);
  box-shadow: 0 10px 6px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-4deg);    
  -moz-transform: rotate(-4deg);   
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);  
}
ul.urunkutusu li.kutular:after {
    -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
  right: 15px;
  left: auto;
}
.color-mode hr { border-bottom: none;}
ul.urunkutusu {list-style: none;
margin: 0 !important;
padding: 0px !important;}
ul.urunkutusu li.kutular b {
	color: #656565;
	font-size: 13px;
	font-weight: 200;
	font-style: normal;
}

ul.urunkutusu li.kutular em {
	display: block;
	overflow: hidden;
	position: relative;
    border: 1px solid #DAD8D8;
    border-bottom: none;
}

ul.urunkutusu li.kutular strong {
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: 300;
}
ul.urunkutusu li.kutular a.gizlelink { height: 0px !important;width: 0px !important;display: block;padding: 0px !important;}
ul.urunkutusu li.kutular:hover b,
ul.urunkutusu li.kutular:hover strong {
	color: #fff;
}

ul.urunkutusu li.kutular a {
	padding: 10px 10px 20px 10px;
	display: block;
	background: #f4f4f4;
    text-decoration: none !important;
    margin-top: -8px;
    border: 1px solid #DAD8D8;
    border-top: none;
}

ul.urunkutusu li.kutular a:hover{ text-underline: none !important;}

.SepeteEkle {cursor: pointer}
/*Hover Effects*/
ul.urunkutusu li.kutular i.icon-hover-1,
ul.urunkutusu li.kutular i.icon-hover-3,
ul.urunkutusu li.kutular i.icon-hover-2,
ul.urunkutusu li.kutular i.icon-hover-4,
ul.urunkutusu li.kutular i.icon-hover-5  {
	top: 50%;	
	color: #fff;
	padding: 16px 30px 16px 18px;
	font-size: 16px;
	position: absolute;
	margin-top: -1.5em;
	border-radius: 50%;
	background: url(/assets/MetroWhitev2/img/black-opacity.png) repeat !important;
}

ul.urunkutusu li.kutular i.icon-hover-1:hover,
ul.urunkutusu li.kutular i.icon-hover-3:hover,
ul.urunkutusu li.kutular i.icon-hover-2:hover,
ul.urunkutusu li.kutular i.icon-hover-1 {
	left: -100px;
}
ul.urunkutusu li.kutular i.icon-hover-2 {
	right: -100px;
}
ul.urunkutusu li.kutular i.icon-hover-3 {
	right: -100px;
}
ul.urunkutusu li.kutular i.icon-hover-4 {
	right: -100px;
}
ul.urunkutusu li.kutular i.icon-hover-5 {
	right: -100px;
}
ul.urunkutusu li.kutular:hover i.icon-hover-1 {
	left: 20%;
}
ul.urunkutusu li.kutular:hover i.icon-hover-3 {
	left: 40%;
    top: 20%;
}
ul.urunkutusu li.kutular:hover i.icon-hover-4 {
	left: 40%;
    top: 80%;
}
ul.urunkutusu li.kutular:hover i.icon-hover-5 {
	left: 40%;
    top: 50%;
}
ul.urunkutusu li.kutular:hover i.icon-hover-2 {
	left: 60%;
}

ul.urunkutusu li.kutular:hover i.icon-hover-1,
ul.urunkutusu li.kutular:hover i.icon-hover-3,
ul.urunkutusu li.kutular:hover i.icon-hover-2,
ul.urunkutusu li.kutular:hover i.icon-hover-4,
ul.urunkutusu li.kutular:hover i.icon-hover-5 {
    transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;	
}
ul.urunkutusu li.kutular img {
	width: 100%;
	display: block;
}
ul.blog-info li h3 {color:#0da3e2 !important}
.table tfoot>tr:hover { border: none !important;}
.carousel-inner { border: 1px solid #dedede;padding: 4px 2px 4px 2px}

.temsilci-panel {
  z-index: 999;
  position:fixed;
  bottom:140px;
  right:0px;
}

.temsilci-panel .temsilci-mode-icons {
  top:4px;
  right:0;
  padding:20px;
  cursor:pointer;
  position:absolute;
}

.temsilci-panel .icon-temsilci {
  background:#c9c9c9 url(/assets/MetroWhitev2/img/icon-temsilci.png) center no-repeat !important;
}

.temsilci-mode h4 {color:#fff}
.temsilci-mode h5 {color:#fff}

.bx-wrapper li em {min-height: 214px}
.urunkutusu li em { min-height: 195px;overflow: hidden}


.urundetay a {
	display: block;
	position: relative;
}
.urundetay .zoomix {
	width: 50%;
	height: 50%;
	position: absolute;
	top: 25%;
	left: 25%;
    margin: 0 auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 90;
	background: #000;
	opacity: 0;
	filter: alpha(opacity = 0);

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden;
}
.ie7 .urundetay .zoomix{
	clear: both;
}
.urundetay a:hover .zoomix{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity:0.4;	
	filter: alpha(opacity = 50);
}
.urundetay .zoomix .fa-search {
	font-size: 25px;
	line-height: 25px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -12px;
}



.invoice {
      font-family: 'Open Sans' !important;

}
.invoice .invoice-logo {
  margin-bottom:20px;
}
.kalinyazi {font-weight: 400}

.invoice .invoice-logo p {
  padding:5px 0;
  font-size:26px;
  line-height:28px;
  text-align:right;
}

.invoice .invoice-logo p span {
  display:block;
  font-size:14px;
}
.invoice .invoice-logo table span {
  display:block;
  font-size:14px;
}
.invoice .invoice-logo-space {
  margin-bottom:15px;
}

.invoice .invoice-payment strong {
  margin-right:5px;
}

.invoice .invoice-block {
  text-align:right;
}

.invoice .invoice-block .amounts {
  margin-top: 20px;
  font-size: 14px;
}
.BilgisayarTopla .icon-btn {
    height: 48px !important;
    min-width: 70px !important;
    padding: 6px 0px 0px 0px !important;   
}
.brands {
    background : #fff;
}
.brands .container {
	padding-right: 25px;
}
.brands .owl-carousel {
    margin-bottom: 41px;
    padding: 15px 75px;
}
.brands .owl-buttons div {
    position: absolute;
    top: 0;
    width: 70px;
    height: 102px;
    text-indent: -10000px;
    border-radius: 0 !important;
    display: block;
    margin-top:15px;
}
.brands .owl-buttons {
	position: static;
}
.brands .owl-buttons .owl-prev {
    left: 0;
    background: url("/assets/MetroWhitev2/img/fa-angle-brands.png") no-repeat 18px 18px;
    margin-left: 0;
}
.brands .owl-buttons .owl-prev:hover {
    background: url("/assets/MetroWhitev2/img/fa-angle-brands.png") no-repeat 18px -217px;
}
.brands .owl-buttons .owl-next {
    left: auto;
    right: 0;
    background: url("/assets/MetroWhitev2/img/fa-angle-brands.png") no-repeat -249px 18px;
    margin-right: 0;
}
.brands .owl-buttons .owl-next:hover {
    background: url("/assets/MetroWhitev2/img/fa-angle-brands.png") no-repeat -249px -217px;
}
.MarkaSitil {
    display:block;
    position: relative;
    width: 100%;
    height: 120px;
    padding: 20px 10px 0 10px;
}
.MarkaSitil a img, .MarkaSitil img{     
    max-height:80px !important;
    width: auto !important;
}
.MarkaSitil a {
background-color: #fff;
padding: 8px 7px;
display: block;
margin: 2px 5px;
max-height: 90px;
}
.MarkaSitil h4 {padding-top: 18px !important;}
/* Yeni Sepet */
body.ecommerce {
	background: #F0F0F0;
}
.header .top-cart-block {
	float: right;
	margin-top: 15px;
	position: relative;
	font: 400 13px 'Open Sans', Arial, sans-serif;
    z-index: 5;
}
.ecommerce .header .mobi-toggler {
	margin-top: 30px;
}
.ecommerce .reduce-header .mobi-toggler,
.reduce-header .top-cart-block {
	margin-top: 19px;
}

.top-cart-info {
	background: #fff;
	color: #595f65;
	border: solid 1px #ececec;
	-webkit-border-top-left-radius: 20px !important;
    -moz-border-radius-topleft: 20px !important;
    border-top-left-radius: 20px !important;
	float: left;
	padding: 8px 45px 6px 19px;
	line-height: 1.2;
    cursor: pointer;
}
.top-cart-block .sbaslik {
    text-align: right;
}
.top-cart-info a {
	color: #595f65;
    display:block;
    width: 100%;
}
.top-cart-info-count {
	float: left;
}
.top-cart-info-value {

}
.top-cart-block .fa-shopping-cart {
	position: absolute;
    top: -1px;
    right: -14px;
    background: #0da3e2;
    color: #fff;
    padding: 14px 8px 15px;
    border-radius: 0 16px !important;
    font-size: 16px;
}

.top-cart-content-wrapper{
	position: absolute;
	right: -14px;
	top: 97%;
	z-index: 99999;
}
.top-cart-content {
	padding: 8px 0 10px;
	background: #fcfafb;
	border-top: solid 2px #0da3e2;
	box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
	width: 400px;
	margin-top: 0px;
	color: #717880;
	display: none;
	position: relative;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
}
.top-cart-content:after { 
	top: -8px;
	width: 0; 
	height: 0;
	right: 164px;
	z-index: 2; 
	content: " "; 
	display: block; 
	position: absolute;
	border-bottom: 8px solid #0da3e2;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.top-cart-content p {
	margin: 7px 0 5px;
}
.top-cart-content ul {
	margin: 0;
	padding: 0 8px;
}
.top-cart-content .scroller {
	/*overflow: hidden;*/
    overflow-y: auto;
}
.top-cart-content li {
	list-style: none;
	margin: 0;
	padding: 9px 0;
	border-bottom: solid 1px #f2f2f2;
	width: 100%;
	overflow: hidden;
}
.top-cart-content img,
.top-cart-content em,
.top-cart-content strong,
.top-cart-content span,
.top-cart-content .del-goods,
.top-cart-content .add-goods {
	float: left;
}
.top-cart-content img {
	border: solid 2px #fff;
	margin-right: 4px;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.top-cart-content span,
.top-cart-content strong,
.top-cart-content em {
	margin-right: 10px;
	overflow: hidden;
}
.top-cart-content span {
	width: 26px;
    white-space: nowrap;
    font-size: 11px;
}
.top-cart-content strong {
	width: 165px;
	font-weight: normal;
}
.top-cart-content strong a {
	color: #717880;
    font-size: 95%;
}
.top-cart-content h2 {
    font-size: 1.2em;
    padding: 0 0 0 10px;
    color: #0da3e2;
    margin: 0;
}
.top-cart-content em {
	width: 55px;
	font-style: normal;
	text-align: right;
}

.top-cart-dropdown {
    max-width: 150px;
}

.del-goods,
.add-goods {
	width: 17px;
	height: 17px;
	color: #fff !important;
	border-radius: 22px !important;
	float: right;
	margin: 10px 0 0 5px;
	line-height: 1;
	font-size: 12px;
}
.del-goods:hover,
.add-goods:hover {
	text-decoration: none;
}
.del-goods {
	background: #d7dde3 url("/assets/MetroWhitev2/img/icons/del-goods.png") no-repeat 50% 50%;
}
.del-goods:hover {
	background: #E94D1C url("/assets/MetroWhitev2/img/icons/del-goods.png") no-repeat 50% 50%;
}
.add-goods {
	background: #7bdd00 url("/assets/MetroWhitev2/img/icons/add-goods.png") no-repeat 50% 50%;
}
.add-goods:hover {
	background: #0da3e2 url("/assets/MetroWhitev2/img/icons/add-goods.png") no-repeat 50% 50%;
}

.top-cart-content .text-right {
	margin-right: 8px;
	padding-top: 10px;
}
.top-cart-content .btn {
	font-size: 11px;
	padding: 8px 12px 7px;
}
.top-cart-content .btn-default {
	color: #fff;
	border: 1px solid #c1cad3;
	background: #c1cad3;
	margin-right: 4px;
}
.top-cart-content .btn-default:hover {
	border: 1px solid #A8AEB3;
	color: #fff;
	background: #A8AEB3;
}

.ecommerce .page-slider {
	margin-top: -23px;
}

/* Yeni Sepet */
.MetronicWhitev2 {
    max-width:1200px;
    margin: 0 auto;
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-o-box-shadow:0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow:         0 0 5px rgba(0, 0, 0, 0.4);	
}
select#ana-sepet-liste {
margin-left: 10px;
}
.AraMenu {
    background-color: #4F4E4E;
    height: 100%;
    line-height: 100%;
    min-height: 50px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus
{
    background: #000;
    color: #fff;
}

.navbar-default .navbar-toggle {
    z-index:500;
    position : absolute;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: #000;
    color: #fff;
    border: none;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background: #000;
    color: #fff;
    border: none;
}
.navbar-nav>li>a {
    font-size: 116.6%;
    color: #fff !important;
    text-transform: capitalize;
    padding-top:15px;
    padding-bottom:15px;
}
.buton-kategori {
	background-color:#2C2B2B;
	padding:0 20px;
	height: 50px;
	line-height: 50px;
	position: relative;
    min-width: 245px;
}
.buton-kategori:after{
	position: absolute;
	content: "";
	background: url("/assets/MetroWhitev2/img/icons/ico-cate-down.png") no-repeat;
	top:18px;
	right: 12px;
	width: 15px;
	height: 15px;
}
.buton-kategori span{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:110%;
}
.buton-kategori .icon-cate{
	background:url("/assets/MetroWhitev2/img/icons/ico-cate.png") no-repeat;
	width:14px;
	height:11px;
	display:inline-block;
	margin-right:5px;
}
.KategoriSol {
    margin-top: 2px;
    position: absolute;
    z-index: 4;
    background: #fff;
    width: 100%;
    max-width: 264px;
}
.mega-horizontal-left>.AnaSayfaReklam {
margin-top: 335px;
}
.KategoriIcerikler {
    border-top:3px solid #0da3e2;
}
#MenuKat {
    display:none;
}

/* Sol Menü */

#vt_menu {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: none;
}

#vt_menu  ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

#vt_menu  ul li {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    width: 100%;
	border-bottom: 1px solid #eeeeee;
    z-index: 4;
}
#vt_menu ul li a:hover {color:#fff}
#vt_menu ul li a {
    width: 100%;
    font-weight: normal;
    text-decoration: none;
    display: block;
    line-height: 45px;
    color: #444;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
	
}

#vt_menu  li a:active {
}

#vt_menu .contact
{
	top:-396px;
}

#vt_menu  ul li:first-child {
}

#vt_menu   ul li:last-child {
}

#vt_menu i {
    font-size: 17px;
    margin-right: 2px;
    margin-left: 10px;

}

#vt_menu  span.main_links_span {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 16px;
}

#vt_menu ul li ul {
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    border-radius: none;
    top: -1px;
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	-o-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	-webkit-transition: opacity .2s ease-in, visibility 0s linear .2s, -webkit-transform .2s linear;
	-moz-transition: opacity .2s ease-in, visibility 0s linear .2s, -moz-transform .2s linear;
	-o-transition: opacity .2s ease-in, visibility 0s linear .2s, -o-transform .2s linear;
	-ms-transition: opacity .2s ease-in, visibility 0s linear .2s, -ms-transform .2s linear;
	transition: opacity .2s ease-in, visibility 0s linear .2s, transform .2s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

#vt_menu ul li ul li {
    position: relative;
    display: block;
    float: none;
    background: #fff;
    border-top: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    border-left: solid 1px #e7e7e7;
	box-shadow:none;
}

#vt_menu ul ul li:last-child, #vt_menu ul ul li:first-child {
    border-radius: 0;
}

#vt_menu ul ul li:last-child {
    border-bottom: solid 1px #e7e7e7;
}
#vt_menu>ul>li>div>div>div>div>ol {
    padding: 0 !important;
}
.list-top>a { line-height: 18px !important;}
#vt_menu>ul>li>div>div>div>div>ol>li>a {
    line-height: 28px;
}

#vt_menu ul ul li a {
    color: #777;
    padding-left: 30px;
    width: 96%;
}

#vt_menu ul ul li:hover {
    background: #f3f3f3;
}

#vt_menu ul li:hover > ul {
    z-index: 1;
    opacity: 1;
    visibility: visible;
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	-o-transform: translate3d(0, 0px, 0);
	-ms-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#vt_menu span.span_level_1, span.span_level_2 {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 16px;
}

#vt_menu .list-top
{
	width:90%;
	padding-left:-10px;
	margin-bottom:10px;
	font-size:15px;
}

#vt_menu .inner-list
{
	margin-left:10px;
}

#vt_menu .other_links i
{
	margin-left:0px !important;
	font-size:13px !important;
}

#vt_menu ol li
{
	box-shadow:none !important;
	padding-left:6px 0 6px 10px;
	border-bottom:1px solid #f3f3f3;
	width:94%;
	color:#666;
}

.typography_5_col {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 23px;
    color: #333;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    width: 840px;
    position: absolute;
    top: -1px;
    left: 100%;
    -webkit-box-shadow: 2px 2px 3px #ccc;
    -moz-box-shadow: 2px 2px 3px #ccc;
    box-shadow: 2px 2px 3px #ccc;
    border-top: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	-o-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	-webkit-transition: opacity .2s ease-in, visibility 0s linear .2s, -webkit-transform .2s linear;
	-moz-transition: opacity .2s ease-in, visibility 0s linear .2s, -moz-transform .2s linear;
	-o-transition: opacity .2s ease-in, visibility 0s linear .2s, -o-transform .2s linear;
	-ms-transition: opacity .2s ease-in, visibility 0s linear .2s, -ms-transform .2s linear;
	transition: opacity .2s ease-in, visibility 0s linear .2s, transform .2s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
    background: #f6f6f6;
}

#vt_menu ul li:hover  > .typography_5_col {
    opacity: 1;
    visibility: visible;
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	-o-transform: translate3d(0, 0px, 0);
	-ms-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

}

.typography_3_col {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 23px;
    color: #333;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    width: 490px;
    position: absolute;
    top: -1px;
    left: 100%;
    -webkit-box-shadow: 2px 2px 3px #ccc;
    -moz-box-shadow: 2px 2px 3px #ccc;
    box-shadow: 2px 2px 3px #ccc;
    border-top: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	-o-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	-webkit-transition: opacity .2s ease-in, visibility 0s linear .2s, -webkit-transform .2s linear;
	-moz-transition: opacity .2s ease-in, visibility 0s linear .2s, -moz-transform .2s linear;
	-o-transition: opacity .2s ease-in, visibility 0s linear .2s, -o-transform .2s linear;
	-ms-transition: opacity .2s ease-in, visibility 0s linear .2s, -ms-transform .2s linear;
	transition: opacity .2s ease-in, visibility 0s linear .2s, transform .2s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
    background: #fff;
}

#vt_menu ul li:hover  > .typography_3_col {
    opacity: 1;
    visibility: visible;
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	-o-transform: translate3d(0, 0px, 0);
	-ms-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.typography_2_col {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 23px;
    color: #333;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    width: 340px;
    position: absolute;
    top: -1px;
    left: 100%;
    -webkit-box-shadow: 2px 2px 5px #ccc;
    -moz-box-shadow: 2px 2px 5px #ccc;
    box-shadow: 2px 2px 5px #ccc;
    border-top: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	-o-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	-webkit-transition: opacity .2s ease-in, visibility 0s linear .2s, -webkit-transform .2s linear;
	-moz-transition: opacity .2s ease-in, visibility 0s linear .2s, -moz-transform .2s linear;
	-o-transition: opacity .2s ease-in, visibility 0s linear .2s, -o-transform .2s linear;
	-ms-transition: opacity .2s ease-in, visibility 0s linear .2s, -ms-transform .2s linear;
	transition: opacity .2s ease-in, visibility 0s linear .2s, transform .2s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
    background: #fff;
}

#vt_menu ul li:hover  > .typography_2_col {
    opacity: 1;
    visibility: visible;
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	-o-transform: translate3d(0, 0px, 0);
	-ms-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.col_2_container {
    width: 300px;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 30px;
    background: #fff;
}

.col_3_container {
    width: 450px;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 30px;
    background: #fff;
}

.col_5_container {
    width: 750px;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 30px;
    background: #fff;
}

#vt_menu  h4 {
    font-size: 18px;
    border-bottom: solid 1px #333;
    margin-bottom: 9px;
    padding-bottom: 10px;
    display: block;
    float: none;
}


.col_1 {
    width: 16.94%;
    float: left;
    margin-bottom: 20px;
}

.col_2 {
    width: 36.94%;
    float: left;
    margin-bottom: 20px;
}

.col_3 {
    width: 56.899%;
    float: left;
    margin-bottom: 20px;
}

.col_4 {
    width: 76.94%;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
}

.col_5 {
    width: 96.94%;
    float: left;
    margin-bottom: 20px;
}


.col_2_fullwidth {
    width: 46.96%;
    float: left;
    margin-bottom: 20px;
}

.col_3_fullwidth {
    width: 30.293%;
    float: left;
    margin-bottom: 20px;
}

.col_4_fullwidth {
    width: 21.96%;
    float: left;
    margin-bottom: 20px;
}

#vt_menu  .typography_3_col  .col_3_container  .col_3_fullwidth ol li a {
    background: none;
    background-image: none;
    line-height: 22px;
    cursor: pointer;
}

#vt_menu  .typography_3_col  .col_3_container  .col_3_fullwidth ol li {
    background: none;
    background-image: none;
}

#vt_menu  .typography_3_col  .col_3_container  .col_3_fullwidth   h4.other_links_title {
    padding-left: 0;
}

.other_links li
{
	box-shadow:none !important;
}

#vt_menu .name, #vt_menu .email, #vt_menu .message, #vt_menu input , #vt_menu  textarea {
    margin-top: 9px;
}

#vt_menu input {
    width: 100%;
    border: none;
	border:1px solid #ccc;
}

#vt_menu  input.input_name, #vt_menu  input.input_email {
    height: 35px;
    color: #333;
}

#vt_menu  textarea {
    height: 100px;
    width: 100%;
    border: none;
    border:1px solid #ccc;
}

#vt_menu input[type=submit] {
    width: 70px;
    height: 30px;
    margin-top: 19px;
    background: #333;
    color: white;
    margin-bottom: 19px;
}

#vt_menu input[type=submit]:hover {
    background: #151515;
    cursor: pointer;
}

#vt_menu img {
    border: none;
}

#vt_menu .icons a {
    background: none;
    background-image: none;
    padding: 0;
    margin: 0;
    float: left !important;
    display: block;
	width:auto !important;
}

#vt_menu .icons i
{
	margin-left:0px;
	font-size:30px;
	margin-right:10px;
}


#vt_menu .icons a:hover {
    opacity: 0.5;

}



#vt_menu #pull {
    width: 100%;
    font-weight: normal;
    text-decoration: none;
    display: block;
    line-height: 53px;
    color: #eee;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

#vt_menu #pull:hover {
    background: #333333;
}

#vt_menu #pull i {
    margin-left: 25px;
}

#vt_menu span.pull_span {
    position: absolute;
    right: 25px;
    top: 0;
}

#vt_menu  div#pull a {
    display: block;
    color: white;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

#nav-trigger {
    display: none;
}

#jnix-menu input[type="checkbox"] {
    display: block;
    height: 48px;
    opacity: 0;
    width: 48px;
}
#jnix-menu input[type="checkbox"] {
    display: none;
}

#jnix-menu .fa-bars 
	{
		display:none !important;
	}





#vt_menu ul li:hover>a {
    color: #fff;
    border-color: #fff;
}

#vt_menu .other_links li:hover
{
	background:#f6f6f6 !important;
	cursor:pointer;

}

.other_links li a
{
	color:#666666 !important;
	box-shadow:none !important;
}



@media screen and (max-width: 1023px) {
	
	#jnix-menu
	{
		background:url(../../images/list-white.png) no-repeat #D76101;
		box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
	}
	
	#jnix-menu input[type=checkbox]:checked + span  {
		color:#000 !important;
	}
	
	#jnix-menu input[type=checkbox] + span {
		color:#D76101 !important;
	}
	

}

.dahafazla {  
  margin-top: 5px;
  display: inline-block;
  cursor: pointer;
  width: 14px;
  height: 14px;
}

.dahafazla.dahafazla-ac {
  background: url("/assets/MetroWhitev2/plugins/DataTables/css/images/datatable-row-openclose.png") no-repeat 0 0;
}

.dahafazla.dahafazla-kapat {  
  background: url("/assets/MetroWhitev2/plugins/DataTables/css/images/datatable-row-openclose.png") no-repeat 0 -23px ;
}
.datepicker {
background: #fff;
}
/* Sol Menü Bitiş */
#detayliarama {
    position: absolute !important;
    right: -10px !important;
    top: 100% !important;
    background: #4F4E4E;
    padding: 10px 25px;
    -ms-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
    z-index:5;
}
#detayliarama .text-info {
    color: #fff;
    font-size: 1.1em;
}
.row.breadcrumbs.margin-bottom-40 {
    margin-right: 0px;
    margin-left: 0px;
}
.MenuItemGizle {
    display:none;
}
.navigation i.fa.fa-angle-double-right {
    border : 1px solid #444;
    -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-left: 6px;
}
.AnaSayfaReklam {overflow:hidden;display:block;position:relative;margin: 5px 0 5px 0}
.AnaSayfaReklam a:before{position:absolute;top:0;left:0;content:"";background-color:rgba(0, 0, 0, 0.15);width:0;height:0}
.AnaSayfaReklam a:after{position:absolute;bottom:0;right:0;content:"";background-color:rgba(0, 0, 0, 0.15);width:0;height:0}
.AnaSayfaReklam a:hover:before,
.AnaSayfaReklam a:hover:after{width:100%;height:100%}
.AnaSayfaReklam a:after, .AnaSayfaReklam a:before, .AnaSayfaReklam a:hover:after, .AnaSayfaReklam a:hover:before
{-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;}

#KartOranDokumleri tr {
    font-size: 11px;
}
#KartOranDokumleri td {padding: 2px 0 3px 2px !important}
#KrediKartiOranlari table th {padding: 2px 0 5px 2px !important; margin-bottom:4px; font-size:12px}
.KK-Oran {font-size:11px;}
div#testimonial-content {
    max-width: 190px;
    overflow: hidden;
    display: block;
    height: 20px;
}

/*Yeni Menü */

/* Navigation */
.header-navigation {
	font: 15px "Open Sans", sans-serif;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	text-transform: uppercase;
}
.header-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.header-navigation > ul > li {
	float: left;
}
.header-navigation > ul > li > a {
	color: #fff;
	display: block;	
	padding: 14px 12px 15px;
}
.header-navigation ul > li.active > a,
.header-navigation ul > li > a:hover,
.header-navigation ul > li > a:focus,
.header-navigation ul > li.open > a,
.header-navigation ul > li.open > a:hover,
.header-navigation ul > li.open > a:focus {
	color: #fff;
	background: #000;
	text-decoration: none;
}
.header-navigation ul > li.active > a {
	border-bottom: 2px solid #e64f00;
}

/* dropdown menu */
@media (min-width: 1025px) {
	.header-navigation > ul > li:hover > .dropdown-menu {
	  display: block;
	}
}

.header-navigation,
.header-navigation .dropdown {
  position: static;
}
.header-navigation .dropdown-fix-left,
.header-navigation .dropdown-fix-right {
	position: relative;
}
.header-navigation .dropdown-menu {
  left: auto;
  top: 100%;  
  padding: 0;
  background: #000;
  position: absolute;
  border: none;  
  box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
  text-transform: none;
  font: 13px "Open Sans", sans-serif;
  letter-spacing: 0;
  border-radius: 0;
  z-index: 9999;
}

.header-navigation .dropdown-menu:before,
.header-navigation .dropdown-menu:after {
	display: none !important; 
}

.dropdown-fix-left .dropdown-menu {
	left: 0;
	width: 700px;
}
.dropdown-fix-right .dropdown-menu {
	right: 0;
	width: 700px;
}
.header-navigation > ul > li > .dropdown-menu {
	margin-top: -5px;
	border-top: solid 3px transparent;
	z-index: 1001;
}
.header-navigation .dropdown100 > .dropdown-menu {
  left: 15px;
  right: 15px;
}
.header-navigation > ul > li.dropdown:hover > a:after { 
  bottom: 0;
  width: 0; 
  height: 0;
  z-index: 1002; 
  content: " "; 
  display: block !important; 
  position: absolute;
  border-bottom: 8px solid #e6400c;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.ie8 .header-navigation > ul > li.dropdown:hover > a:after {
	display: none !important;
}
.header-navigation li.dropdown100 > .dropdown-menu:after {
	display: none !important;
}
.header-navigation .dropdown-menu > li:first-child {
	border-top: solid 2px #ea4c1d;
}
.header-navigation .dropdown-menu li {
  padding: 0;
  margin: 0;
  border-bottom: solid 1px #444;
  position: relative;
  float: none;
}
.header-navigation .dropdown-menu li:last-child {
  border: none;
}
.header-navigation .dropdown-menu li > a {
  padding: 10px 15px;
  font-weight: 400;
  color: #fff;
  min-width:260px;
}
.header-navigation .dropdown-menu > li > a:hover,
.header-navigation .dropdown-menu > li.active > a,
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
  background: #666 !important;
  color: #fff;
}
.dropdown-submenu > a:after {
  display: none;
}

/* navigation content */
.header-navigation-content {
  padding: 20px 30px;
  min-width: 600px;
}
.header-navigation-content .header-navigation-col {
	padding: 0;
}
.header-navigation-content h4,
.ecommerce .header-navigation-content h4 {
  font: bold 15px 'Open Sans', Arial, sans-serif;
  margin: 0 0 6px;
  padding: 10px 10px 5px;
  border-bottom: solid 1px #f0f0f0;
}
.header-navigation-content ul {
  padding: 0;
  margin: 0 0 10px;
  list-style: none;
}
.header-navigation-content li {
  padding: 0;
  border: none !important;
}
.header-navigation-content li > a {
  display: block;
}

/* header navigation description */

/* n-level submenu */
.header-navigation .dropdown-menu .dropdown-menu {
  left: 100%;
  right: auto;
  top: 6px;
}
.header-navigation .dropdown-menu a {
  position: relative;
}
.header-navigation .dropdown-menu .fa {
  position: absolute;
  top: 13px;
  right: 15px;
}
@media (min-width: 1025px) {
	.reduce-header .header-navigation > ul > li > a {
		padding: 16px 12px 17px;
	}
	.ecommerce .reduce-header .header-navigation > ul > li > a {
		padding: 23px 12px 20px;
	}
	.reduce-header .header-navigation li.menu-search {
		top: 14px;
	}
	.ecommerce .reduce-header .header-navigation li.menu-search {
		top: 21px;
	}
}
.reduce-header .mobi-toggler {
	margin-top: 12px;
}
.page-header-fixed .header .mobi-toggler {
 	transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-webkit-transition: margin 0.3s ease;
}
.font-transform-inherit {
	text-transform: inherit !important;
}
.header-navigation ul > li.active > a,
.header-navigation ul > li > a:hover,
.header-navigation ul > li > a:focus,
.header-navigation ul > li:focus >a,
.header-navigation ul > li.open > a,
.header-navigation ul > li.open > a:hover,
.header-navigation ul > li.open > a:focus {
	color: #fff;
     background: #000;
}
.header-navigation li.menu-search i:hover {
	color: #fff;
}
.ecommerce .header-navigation ul > li.active > a,
.ecommerce .header-navigation ul > li > a:hover,
.ecommerce .header-navigation ul > li > a:focus,
.ecommerce .header-navigation ul > li:focus>a,
.ecommerce .header-navigation ul > li.open > a,
.ecommerce .header-navigation ul > li.open > a:hover,
.ecommerce .header-navigation ul > li.open > a:focus {
	color: #fff;
     background: #000;
}
.header-navigation > ul > li.dropdown:hover > a:after { 
  border-bottom: 8px solid #fff;
}

.header-navigation .dropdown-menu > li:first-child {
    border-top: 4px solid #fff;
}
@media (max-width: 1024px) {
	.AraMenu .header-navigation li > a:hover,
	.AraMenu .header-navigation li.active > a,
	.AraMenu .header-navigation li.open > a:hover {
		color: #fff !important;
	}
}
.header-navigation ul > li.active > a/*,
.ecommerce .header-navigation ul > li.active > a*/ {
	border-bottom: 2px solid #666;
}
.AraMenu .mobi-toggler {
  color: #fff;
  border: 1px solid #6C6363;
  border-radius: 0% !important;
  width: 32px;
  height: 32px;
  display: none;
  position: relative;
  margin: 10px 0 0 0;
  background: #444040 url("/assets/MetroWhitev2/img/icons/toggler.png") no-repeat 6px 8px;
  z-index:5;
}
.AraMenu .mobi-toggler i {
  display: none;
}
.AraMenu .mobi-toggler:hover {
  background: #e34f00 url("/assets/MetroWhitev2/img/icons/toggler.png") no-repeat 6px -28px;
  border-color: #e34f00;
  color: #fff;
}
.MobilMenuButon {
        display:none;
    }
.header-navigation ul>li>ul li a:before {
  content: "\f0a9";
  font-family: FontAwesome;
  margin-left: -5px;
  padding-right:5px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control,
.form-control[disabled]:focus, .form-control[readonly]:focus,
.form-control[disabled]:hover, .form-control[readonly]:hover{
    cursor: default !important;
    border:1px solid #efefef;
    -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
   pointer-events: none;
}
input.form-control.text-right.toplam-input {
  margin: 1px;
}
button.IkonButon>i.fa {
  padding-right: 10px;
}

.zn_badge_container {
    position: absolute;
    top: 3px;
	left: 10px;
	z-index: 1;
}
span.zonsale , span.znew{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    padding: 4px 6px;
	position:relative;
	display:block;
	margin-bottom:11px;
}
span.zonsale {
    background: none repeat scroll 0 0 #C51212;

}
span.zonsale:before , span.znew:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	border-image: none;
    border-right: 3px solid transparent;
    border-style: solid;
    border-width: 3px;
    left: 8px;
    position: absolute;
    top: 19px;
	content:"";
}

span.zonsale:before {

    border-color: #C51212 transparent transparent;
    z-index: 1;
}

span.znew {
    background: none repeat scroll 0 0 #ff7c00;
}
span.znew:before {
    border-color: #ff7c00 transparent transparent;
    z-index: 1;
}

.l-table {
	background: #f5f5f5;
	color: #515151 !important;
	border-top: 1px solid #eee;
	border-bottom: 2px solid #c01b30;
	margin-left: 10px;
	font-size: 1.7rem;
	font-weight: 600;
}

#tblXmlStok_wrapper {
	margin-top: 2%;
}
/* general links color */
a {
	color: #0DA3E2;
}
/***
General More Link
***/
a.more {
  color: #0da3e2;
}

/*Global classes*/

.theme-btn {
	color:#fff; 
	background: #0da3e2 !important;
	border: solid 1px #0da3e2;
}
 
.theme-btn:hover {
	color:#fff; 
	background: #0095d4 !important; 
	border: solid 1px #0095d4;
}

/********************
 GENERAL LAYOUT 
*********************/

/***
Header and header elements.
***/
/*Navigation*/
.header a.brand b {
	color: #0da3e2;
}

.header .navbar-nav > li > a:hover,
.header .navbar-nav li.active > a,
.header .navbar-nav li.active:hover > a {
	color: #fff !important;
}

.header .in.collapse li a:hover {
	background: #0da3e2;
}

.header .in.collapse li.active > a,
.header .in.collapse li.active:hover > a {
	background: #0da3e2;
}

.header .nav li.active > a:after { 
	border-top: 3px solid #0da3e2;
}
@media (max-width: 767px) {
.header.navbar-default .navbar-nav > li > a:hover, .header.navbar-default .navbar-nav > .active > a, .header.navbar-default .navbar-nav > .active > a:hover, .header.navbar-default .navbar-nav > .active > a:focus {
	background: #0da3e2 !important;
	color: #fff !important;
}
}
.header .nav li.dropdown.open>.dropdown-toggle {
	color: #0da3e2;
}

/*Navigation Toggle Icon*/
.header .navbar-btn {
	background:#0da3e2 !important;
}

.header .navbar-btn:hover {
	background:#0693cf !important;
}

/*Navigation Dropdown*/
.header .dropdown-menu {
	border-top: solid 2px #777;
}

.header .nav li.dropdown.open>.dropdown-toggle {
	color: #0da3e2;
}
@media (max-width: 768px) {
	.header .nav li.dropdown.open.active>.dropdown-toggle {
		color: #fff !important;
	}
}

.header .in.collapse li.dropdown.active > a,
.header .in.collapse li.dropdown.active:hover > a {
	background: #0da3e2;
}

.header .nav > li.dropdown.open.active > a:hover,
.header .nav > li.dropdown.open.active > a:focus {
  border-color: #0da3e2;
}

/*Menu Search*/
.header .nav li.menu-search i:hover {
	color: #0da3e2;
}
 
/***
Content and content elements.
***/

/*Revolution Slider*/
.slide_subtitle {
	background-color: #0da3e2;
}

.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover { 
	background-color: #0da3e2 !important;	
}


/*Bx Slider & Testimonial Carousel*/
.recent-work ul.bxslider li:hover a.bxslider-block {
	background: #0da3e2;
}

.recent-work ul.bxslider li i.icon-hover-1:hover,
.recent-work ul.bxslider li i.icon-hover-2:hover {
	color: #0da3e2;
}

.bx-wrapper .bx-prev:hover,
.testimonials-v1 .left-btn:hover  {
	background: url(/assets/MetroWhitev2/img/sliders/bxslider/left-blue-hover.png) no-repeat;
}

.bx-wrapper .bx-next:hover, 
.testimonials-v1 .right-btn:hover  {
	background: url(/assets/MetroWhitev2/img/sliders/bxslider/right-blue-hover.png) no-repeat;
}

.testimonials-v1 .item span.testimonials-slide {
	background: #f8f8f8 url(/assets/MetroWhitev2/img/sliders/carousel/corners-blue.png) no-repeat right bottom;
}	

/*Blockquote Box*/
.quote-v1 {
	background: #7c858e;
}

a.btn-transparent:hover {
  background: #0da3e2;
}

/*Tabs*/
.tab-style-1 ul.nav-tabs {
	border-bottom-color: #0da3e2; 
}

.tab-style-1 ul.nav-tabs li > a:hover {
	background: #0da3e2;
	border-color: #0da3e2;
}

.tab-style-1 ul.nav-tabs .active > a,
.tab-style-1 ul.nav-tabs .active > a:hover,
.tab-style-1 ul.nav-tabs .active > a:focus {
	background: #0da3e2;
	border-color: #0da3e2;
}

/*Testimonials*/
.testimonials-v1 span.testimonials-name {
	color: #fff;
}

/*Steps*/
.front-steps.front-step-one {
	background: #0da3e2 url(/assets/MetroWhitev2/img/steps/one.png) no-repeat right bottom;
}

.front-steps.front-step-one:after { 
	border-left: 15px solid #35b2e7;
}

/***
Footer
***/
.footer a {
	color: #15b1f3;
}

/***
Copyright
***/
.copyright p a {
	color: #119cd6;
}

/*Breadcrumbs*/
.breadcrumbs li a {
	color: #0da3e2;
}

/*Skils*/
.front-skills .progress .bar {
	background: none #0da3e2;
}

/*Team Blocks*/
.front-team h3 a {
	color: #0da3e2;
}

/*Service Box v1*/
.service-box-v1:hover {
	background: #0da3e2;
}

/***
Blog Page
***/
/*Blog Posts*/
.blog-info li i {
	color: #0da3e2;
}

/*Blog Sidebar*/
.blog-photo-stream li img:hover {
	border-color: #0da3e2;
}

.blog-tags li a:hover {
	background: #0da3e2;
}

.blog-tags li i {
	color: #0da3e2;
}

.blog-tags li a:hover:after { 
	border-left-color: #0da3e2;
}

/* Blog Item */
.blog-item blockquote {
	border-color: #0da3e2;
}

.blog-item h4.media-heading span a {
    color: #0da3e2;
}

/* Portfolio */
.filter-v1 .filter-category li:hover,
.filter-v1 .filter-category li.active {
	color: #fff;
	background: #0da3e2;
}

.grid-v1 li .hover-portfolio {
	background: #0da3e2;
}

.grid-v1 li a.hover-portfolio-lft, 
.grid-v1 li a.hover-portfolio-rgt {
	background: #19b7fa;
}

/* Pricing */
.pricing-table:hover {
  border-color: #0da3e2;
}

.pricing-table2:hover {
  border-color: #0da3e2;
}

.pricing-table ul li i {
  color: #0da3e2;
}

.pricing-table.selected {
  background-color: #0da3e2;
}

.pricing-table2.selected {
  background-color: #0da3e2;
}

.pricing-table2 ul li i {
  color: #0da3e2;
}

.pricing-table2 .rate { 
  background-color: #0da3e2;
}

.pricing:hover,
.pricing-active {
  border-color:#0da3e2;
}
.pricing:hover h4 {
  color:#0da3e2;
}

.pricing-head h3 {
  background:#0da3e2;
  border-bottom:solid 1px #0da3e2;
}

.pricing-head-active h4 {
  color:#0da3e2;
}

.pricing-content li i {
  color:#0da3e2;
}

.price-active h4 {
  color:#0da3e2;
}

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
  color:#0da3e2;
}

/* error colors */
.page-404 .number, .page-500 .number {
	color:#0da3e2;
}

/***
Vertical inline menu
***/
.ver-inline-menu {
	border-left: solid 2px #0DA3E2;
}
.ver-inline-menu li:hover a{
	background: #0DA3E2;
}
.ver-inline-menu li.active a{
  background: #0DA3E2;
}
.ver-inline-menu li.active:after {
  border-left: 6px solid #0DA3E2;
}

/* Blog Sidebar categories BEGIN */ 
.sidebar-categories li > a:hover,
.sidebar-categories li.active > a,
.sidebar-categories li.active:hover > a {
	color: #0DA3E2;
}

.progress-bar{
	background-color: #0DA3E2;
}
#vt_menu .list-top>a {
    color : #0DA3E2;
}
#vt_menu .other_links i {
    color : #0DA3E2;
}
#vt_menu .icons a 
{
	color:#0DA3E2;
}

.first {
    background: #0DA3E2;
	color:#fff;
	}
	
#vt_menu h4
{
	color:#0DA3E2;
	border-bottom: 1px solid #0DA3E2 !important;
}

#vt_menu ul ul li a
{
	color:#0DA3E2 !important;
}

#vt_menu input[type="submit"]
{
	background:#0DA3E2 !important;
}
#vt_menu .other_links i
{
	color:#0DA3E2;
}
#vt_menu .list-top>a
{
    color: #0DA3E2;
    font-size: 1.1em;    
}
#vt_menu .list-top>a:hover {
    color: #0DA3E2;
}
#vt_menu>ul>li>div>div>div>div>ol>li>a:hover {
    color: #0DA3E2 !important;
}
#vt_menu ul li:hover ,#vt_menu ul li:active, #vt_menu ul li:focus{
    background: #0DA3E2;
    color: #ffffff;
    border-color :#fff;
}
ul.urunkutusu li.kutular:hover a {
	background: #0da3e2;
    transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    
}
ul.urunkutusu li.kutular i.icon-hover-4:hover {
	color: #0da3e2;
}

.temsilci-panel .icon-temsilci:hover {
  background-color:#0DA3E2 !important;
}

.temsilci-panel .icon-temsilci-close {
  display:none;
  background:#0DA3E2 url(/assets/MetroWhitev2/img/icon-color-close.png) center no-repeat !important;
}
.spadding {padding: 3px 0 3px 0}

.temsilci-panel .icon-temsilci-close:hover {
  background-color:#0DA3E2 !important;
}

.temsilci-mode {
  top:5px;
  right:40px;
  width:280px;
  display:none;
  padding:6px 10px 1px;
  position:absolute;
  background:#0DA3E2;
}
.input-group-addon > i {
  color: #0da3e2;
}
.BaslikKutusu > h2.BaslikKutusuYazi {
    border-bottom: 2px solid #0da3e2;
}
@media (min-width: 768px) {
	.AraMenu .header-navigation {
		display: block !important;
	}
}
@media (max-width: 768px) {
    .MobilMenuButon {
        display:block !important;
    }
}

@media (min-width: 768px) and (max-width: 768px) {
	body.page-header-fixed {
		padding-top: 121px !important; /* height of the header */
	}

	.AraMenu .header-navigation {
		display: block !important;
		clear: both;
		margin-top: -10px;
		float: left !important;
	}
	.reduce-header .header-navigation {
		margin-top: -6px;
	}
	.AraMenu .header-navigation > ul > li {
		margin-right: 27px;
	}
    .AraMenu .header-navigation > ul > li > a {
        padding: 20px 8px 15px;
    }
	.reduce-header .header-navigation > ul > li > a {
		padding-bottom: 13px;	
	}
	.AraMenu .header-navigation > ul > li.active > a, .AraMenu .header-navigation > ul > li > a:hover, .AraMenu .header-navigation > ul > li > a:focus, .AraMenu .header-navigation > ul > li.open > a, .AraMenu .header-navigation > ul > li.open > a:hover, .AraMenu .header-navigation > ul > li.open > a:focus {
		background: none;
	}
	.header-navigation > ul > li.dropdown:hover > a:after {
		margin-left: 10px;
	}

	.dropdown-fix-right .dropdown-menu {
		left: 0;
		right: auto;
	}
}
@media (max-width: 768px) {
    .header-navigation > ul {
        max-height:350px;
        overflow-x: hidden;
        overflow-y: auto;
    }
   
    .header-navigation > ul > li > a>.AltCizgi {
        display:none;
    }
	.AraMenu .mobi-toggler {
		display: block;
	}
	.AraMenu .header-navigation {
		float: none !important;		
		display: none;
		clear: both;
		padding: 0 20px;
		margin: 0 -20px 25px;
		font-size: 16px;
	}
	.AraMenu .header-navigation li {
		float: none;
		padding: 0;
		clear: both;
	}
	.AraMenu .header-navigation li > a,
	.AraMenu .dropdown.open .dropdown-toggle,
	.AraMenu .header-navigation li.open > a {
		border-bottom: 1px solid #4A4A4A  !important;
		padding: 8px 10px 9px;
		position: relative;
		color: #fff !important;
		background: none !important;
	}
	.ecommerce .AraMenu .header-navigation li > a,
	.ecommerce .AraMenu .dropdown.open .dropdown-toggle,
	.ecommerce .AraMenu .header-navigation li.open > a {
		padding: 12px 10px 9px;
          display: block;
	}
	.AraMenu .header-navigation li > a:hover,
	.AraMenu .header-navigation li.active > a,
	.AraMenu .header-navigation li.open > a:hover {
		border-bottom: 1px solid #1B0C0C   !important;
		background: #000 !important;
		color: #fff !important;
		text-decoration: none;
        display: block;
	}

	.header-navigation > ul > li.dropdown:hover > a:after {
	    border: none;
	}

	.header-navigation > ul > li > a > i.fa-angle-down {
		display: block;
		float: right;
		margin: 3px 0 0;
	}

	/* dropdown menu */
	.header-navigation .dropdown-menu,
	.header-navigation > ul > li > .dropdown-menu {
		position: static;
		width: 100%;
		margin: 0;
		border: none;
		box-shadow: none;
		background: none;		
		margin-top: 0;
		border-top: none;
		z-index: 22;
	}
	.header-navigation .dropdown-menu li {
		border: none !important;
		margin-left: 20px;
	}
	.header-navigation .dropdown-menu li > a {
		padding: 10px 10px 9px;
		z-index: 999;
		position: relative;
	}
	.header-navigation .dropdown-menu li > a > i {
		display: none;
	}

	.header-navigation .dropdown-menu .dropdown-menu {
		display: block;
	}
	.header-navigation .header-navigation-content {
		border: none;
	}
	.dropdown-megamenu .header-navigation-content {
		padding: 5px 0 0;
		margin-left: -20px;
	}
	.dropdown-megamenu .header-navigation-content .row {
		margin: 0;
	}
	.dropdown-megamenu .header-navigation-content .header-navigation-col {
		padding: 0;
		float: none;
		width: 100%;
	}
	.dropdown-megamenu .header-navigation-content h4 {
		font-size: 13px;
		padding: 10px 10px 9px;
		margin: 0 -10px 0 10px;
	}
	.header-navigation .dropdown-megamenu .header-navigation-content li > a {
		padding: 10px 10px 9px;
	}

	.header-navigation-content-ext {
		background: none;
	}
	.header-navigation-description {
		height: auto !important;
		background: none;
		box-shadow: none;
		padding: 0;
		margin: 0 10px;
	}
	.header-navigation-content-ext .col-md-6,
	.header-navigation-content-ext .col-md-3 {
		float: none;
		width: 100%;
	}
	.dropdown-megamenu .header-navigation-content-ext .col-md-3 h4 {
		border-bottom: 1px solid #EFEFEF;
	}
	.header-navigation .dropdown-menu .header-navigation-content-ext li > a {
		display: block;
	}
	.header-navigation-content-ext .col-md-3, .header-navigation-content-ext .col-md-6 {
		padding: 0;
	}
	.header-navigation-content-ext .col-md-6 {
		margin-left: 10px;
	}
	.header-navigation-content-ext .col-md-6 h4 {
		margin-left: 0;
		padding-left: 0;
	}
	.page-header-fixed .header-navigation {
		height: 300px;
		overflow: auto;
	}
}
/*BEGIN max and min width 992px*/
@media (min-width: 992px) {

	/* Shrink */
	
	.header-shrink {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		background:#fff;
		opacity:0.95;
	}
	
	.navbar .navbar-inner-shrink .brand {
		padding: 0px 20px 0px !important;
	}

	.header .navbar-inner-shrink li a {
		padding: 15px 16px 17px;
	}

	.header .navbar-inner-shrink li > a:hover,
	.header .navbar-inner-shrink li.active > a,
	.header .navbar-inner-shrink li.active:hover > a {
		padding-top: 13px;
	}

	.header .navbar-inner-shrink li.menu-search {
		padding: 0;
	}

	.header .navbar-inner-shrink .search-box {
		top: 52px;
	}
	/* End Shrink */

	/*BEGIN NAVIGATION (WHILE RESIZING WINDOW)*/
	.header a.logo-v1 img {
		/*margin-top: 12px;*/
	}
	.header.scrolling-fixed a.logo-v1 img {
		/*margin-top: 17px;*/
	}

	.header .nav li > a:hover,
	.header .nav li.active > a ,
	.header .nav li.active:hover > a {
		background: #fcfcfc !important;
	}

	.header .nav li > a:hover {
		background: none !important;
	}
	
	.header .nav li.active > a:after { 
		top: 0;
		width: 0; 
		height: 0;
		left: 50%;
		z-index: 2; 
		content: " "; 
		display: block; 
		margin-left: -3px; 
		position: absolute;
		border-left: 3px solid transparent;
		border-right: 3px solid transparent;
	}

	.header .dropdown-menu li.active > a:after { 
		border: none;
	}
	
	/*END NAVIGATION (WHILE RESIZING WINDOW)*/
}
@media (min-width: 768px) and (max-width: 992px) {
     .header-navigation > ul > li > a {
      padding: 14px 7px 15px;
      font-size: 85%;
    }
        .header-navigation > ul > li:hover>ul,
        .header-navigation > ul > li>ul>li:hover>ul,
        .header-navigation > ul > li>ul>li>ul>li:hover>ul {
            display:block;
        }
         
}
@media (max-width: 992px) {
	/*BEGIN NAVIGATION*/
   
	.header {
		padding-left: 30px;
		padding-right: 30px;
	}

	.header .nav-collapse > ul {
		float: inherit;
		margin-top: 12px !important;
	}

	.header .dropdown-menu {
		margin-bottom: 12px;
		border-top: solid 1px #e7e7e7 !important;
	}

	.header .nav-collapse .dropdown-menu li+li a {
		margin-bottom: 0;
	}

	.header .nav-collapse .nav>li.active > a,
	.header .nav-collapse .nav>li>a:hover,
	.header .nav-collapse .nav>li>a:focus,
	.header .nav-collapse .dropdown-menu a:hover,
	.header .nav-collapse .dropdown-menu a:focus {
		background: none;
		border-top: 0px !important;
	}
	
	.header .nav li.active .dropdown-menu li.active a {
		background: #f7f9fa !important;
	}
	

	.header .nav li.menu-search {
		padding-left: 12px;
		padding-top: 15px;
	}
	/*END NAVIGATION*/

	/*BEGIN SERVICE BOX*/
	.service-box {
		margin-bottom: 0;
	}

	.service-box p,
	.service-box .service-box-heading em,
	.service-box .service-box-heading span {
		display: block;
		text-align: center;
	}

	.service-box .service-box-heading em {
		margin-bottom: 10px;
	}
	/*END SERVICE BOX*/

	/*BEGIN BLOCKQUOTE BLOCK*/
	.quote-v1-inner {
		text-align: center !important;
	}
	/*END BLOCKQUOTE BLOCK*/
	.recent-work .col-md-9 {
		padding: 0;
	}
	.hidden-sm {
		display: none !important;
	}
	.recent-news-inner {
	    padding-left: 15px;
    	padding-right: 15px;
	}

	.ver-inline-menu {
		margin-bottom: 30px !important;

	}
	.ver-inline-menu li.active:after {
		display: none;
	}

	.form-horizontal .form-group {
		margin-left: 0;
		margin-right: 0;
	}
	.form-actions.right {
		padding-right: 0;
	}
	.form-horizontal .form-actions.right {
		padding-right: 15px;
	}
}
@media (min-width:1024px) and (max-width:6000px) {
    .header-navigation > ul > li:hover>ul,
        .header-navigation > ul > li>ul>li:hover>ul,
        .header-navigation > ul > li>ul>li>ul>li:hover>ul {
            display:block;
        }
}

@media (max-width: 940px) {
	.recent-work .bx-wrapper, .our-clients .bx-wrapper {
		padding-top: 5px;
	}
	.recent-work .bx-controls, .our-clients .bx-controls {
		position: absolute;
		top: -60px;
		left: 190px;
	}
}
/*END max and min width 940px*/


/*BEGIN max and min width 767px*/
@media (max-width: 767px) {
    .AraMenu .header-navigation {
		margin: 0 -10px 0;
		padding: 0 10px;
	}
	.header-navigation-content {
		min-width: 100px;

	}

	/*END SEARCH BOX*/

	/*BEGIN COPYRIGHT*/
	.copyright .copyright-logo {
		text-align: left;
	}
	/*END COPYRIGHT*/

	/*BEGIN STEP BLOCKS*/
	.front-steps.front-step-one:after,
	.front-steps.front-step-two:after {
		display: none; 
	}	
	/*END STEP BLOCKS*/

	/*BEGIN SPACE FOR MOBILE*/
	.space-mobile {
		margin-bottom: 40px;
	}
	.front-team li.space-mobile {
		padding-bottom: 40px;
	}
	/*END SPACE FOR MOBILE*/

	.header {
		padding: 0;
	}

	.breadcrumbs .container {
		padding: 0 10px;
	}
	.breadcrumbs h1 {
		margin-left: 0;
	}

	/*BEGIN BREADCRUMBS*/
	.breadcrumbs ul {
		top: 0;
		float: left !important;
		margin-bottom: 3px;
	}
	/*END BREADCRUMBS*/

	/*BEGIN TOPBAR ICONS*/
	.front-topbar,
	.front-topbar .topbar-social {
		text-align: center;
	}		
	.front-topbar {
		padding-bottom: 5px;
	}
	/*END TOPBAR ICONS*/

	.front-topbar .login-reg-links {
		text-align: center;
	}

	/*BEGIN BLOG PAGES*/
	.blog-posts img,
	.recent-news img {
		margin-bottom: 15px;
	}

	.blog-item .blog-item-img .carousel-control {
		top: 40%;
	}		
	/*BEGIN BLOG PAGES*/

	/*BEGIN SOCIAL-FOOTER*/
	.copyright .social-footer {
		margin-top: 10px;
		text-align: left;
	}

	.copyright .social-footer li {
		margin-left: 0;
		margin-right: 3px;
	}	
	/*BEGIN SOCIAL-FOOTER*/
}

@media (min-width: 767px) {
	/*BEGIN STEP BLOCKS*/
	.no-space-steps [class^="col-"],
	.no-space-steps  [class*=" col-"] {
	    padding-left: 0;
	    padding-right: 0;
	}
	/*END STEP BLOCKS*/
}
/*END max and min width 767px*/

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 992px) { 
	/*BEGIN SERVICE BOX*/
	.service-box {
		margin-bottom: 0;
	}

	.service-box p,
	.service-box .service-box-heading em,
	.service-box .service-box-heading span {
		display: block;
		text-align: center;
	}

	.service-box .service-box-heading em {
		margin-bottom: 10px;
	}
	/*END SERVICE BOX*/	
	
	.scrolling-fixed .search-box {
		margin-top: 11px;
	}
	.scrolling-fixed.header .nav li.menu-search {
		padding-top: 15px;
	}
}

@media (max-width: 768px) {
	.header.scrolling-fixed a.logo-v1 img {
		margin-top: 19px;
	}
	.header ul.nav{
		float: none;
		margin: 0;
	}
	.no-space-steps {
		padding: 0 15px;
	}
	.front-steps.front-step-one:after, .front-steps.front-step-two:after {
		border-top: none;
		border-bottom: none;
	}
	.sidebar {
		padding-top: 50px;
	}
}
@media (max-width: 766px) {
	.no-space-steps {
		padding: 0;
	}
}

/*BEGIN max and min width 320px*/
@media (max-width: 320px) {

	.header .search-box input {
		width:160px;
	}
	
	.input-append input {
		width:160px;
	}
}	

.bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	width: 100%;
	display: block;
}
.bxslider {
	left:1px;
	margin-left:-1px;
	position:relative;
}

.bx-wrapper .bx-viewport {
	padding: 0;
	background: none;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
	display:none;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url("/assets/MetroWhitev2/plugins/bxslider/images/bx_loader.gif") center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}
.bx-wrapper .bx-prev {
	left: -55px;
	background: url("/assets/MetroWhitev2/plugins/bxslider/images/left.png") no-repeat;
}
.bx-wrapper .bx-next {
	left: -50px;
	background: url("/assets/MetroWhitev2/plugins/bxslider/images/right.png") no-repeat;
}
.bx-wrapper .bx-prev:hover {
	background: url("/assets/MetroWhitev2/plugins/bxslider/images/left-hover.png") no-repeat;
    border: none;
    -moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.bx-wrapper .bx-next:hover {
	background: url("/assets/MetroWhitev2/plugins/bxslider/images/right-hover.png") no-repeat;
    border: none;
    -moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.recent-work .bx-wrapper .bx-controls-direction {
    margin-top: -348px;
right: -65px;
    position: absolute;
}
.our-clients .bx-controls-direction {
    margin-top: 20px;
right: 1px;
position: absolute;
}
.bx-wrapper .bx-controls-direction a {
	position: relative;
display: block;
float: left;
top: 11px;
outline: 0;
width: 24px;
height: 27px;
z-index: 9;
text-indent: -9999px;
border: 1px solid #ddd;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url("/assets/MetroWhitev2/plugins/bxslider/images/controls.png") -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url("/assets/MetroWhitev2/plugins/bxslider/images/controls.png") -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
.recent-work ul.bxslider li b {
	color: #656565;
	font-size: 13px;
	font-weight: 200;
	font-style: normal;
}
.recent-work ul.bxslider li em {
	display: block;
	overflow: hidden;
	position: relative;
}
.recent-work ul.bxslider li strong {
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: 300;
}
ul.bxslider li span.marka { color: #ffa23e;font-size: 17px; }
ul.bxslider li:hover span.marka { color: #fff;}

ul.bxslider li span.fiyat { font-size: 17px !important;color: #ffa23e; }
ul.bxslider li:hover span.fiyat {color: #fff}

ul.bxslider li span.parabirim { color: #ffa23e;font-size: 17px; padding: 0 0 0 1px}
ul.bxslider li:hover span.parabirim { color: #fff;}

ul.bxslider li span.maladi { font-size: 16px;color: #000;text-align: justify}
ul.bxslider li:hover span.maladi {color: #fff}

.recent-work ul.bxslider li:hover b,
.recent-work ul.bxslider li:hover strong {
	color: #fff;
}
.recent-work ul.bxslider li a.bxslider-block {
	padding: 10px;
	display: block;
}
.recent-work ul.bxslider li:hover a.bxslider-block {
	background: #ffa23e;
    transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;		
}
.recent-work ul.bxslider li i.icon-hover-1,
.recent-work ul.bxslider li i.icon-hover-3,
.recent-work ul.bxslider li i.icon-hover-2,
.recent-work ul.bxslider li i.icon-hover-4,
.recent-work ul.bxslider li i.icon-hover-5 {
	top: 50%;	
	color: #fff;
	padding: 16px 30px 16px 18px;
	font-size: 16px;
	position: absolute;
	margin-top: -1.5em;
	border-radius: 50%;
	background: url(/assets/MetroWhitev2/img/black-opacity.png) repeat !important;
}
.recent-work ul.bxslider li i.icon-hover-1:hover,
.recent-work ul.bxslider li i.icon-hover-3:hover,
.recent-work ul.bxslider li i.icon-hover-2:hover,
.recent-work ul.bxslider li i.icon-hover-4:hover,
.recent-work ul.bxslider li i.icon-hover-5:hover {
	color: #ffa23e;
}
.recent-work ul.bxslider li i.icon-hover-1 {
	left: -100px;
}
.recent-work ul.bxslider li i.icon-hover-2 {
	right: -100px;
}
.recent-work ul.bxslider li i.icon-hover-4 {
	right: -100px;
}
.recent-work ul.bxslider li i.icon-hover-5 {
	right: -100px;
}
.recent-work ul.bxslider li i.icon-hover-3 {
	right: -100px;
}
.recent-work ul.bxslider li:hover i.icon-hover-1 {
	left: 20%;
}
.recent-work ul.bxslider li:hover i.icon-hover-3 {
	left: 40%;
    top: 20%;
}
.recent-work ul.bxslider li:hover i.icon-hover-4 {
	left: 40%;
    top: 40%;
}
.recent-work ul.bxslider li:hover i.icon-hover-5 {
	left: 42%;
    top: 50%;
}
.recent-work ul.bxslider li:hover i.icon-hover-2 {
	right: 20%;
}
.recent-work ul.bxslider li:hover i.icon-hover-1,
.recent-work ul.bxslider li:hover i.icon-hover-3,
.recent-work ul.bxslider li:hover i.icon-hover-2,
.recent-work ul.bxslider li:hover i.icon-hover-4,
.recent-work ul.bxslider li:hover i.icon-hover-5 {
    transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;	
}

.Kalemlerloading {
    background-image: url(/assets/MetroWhitev2/img/ajax-loading.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.SepetImage {
    margin-right: 15px;
    width: 75px;
    height: 75px;
    padding: 3px;
    /*border-radius: 150px !important;*/
    border: solid 1px #f5f5f5;
}

.max-height-100 {
    max-height: 100px;
}

.max-height-200 {
    max-height: 200px;
}

.max-height-300 {
    max-height: 300px;
}

.max-height-400 {
    max-height: 400px;
}

.max-height-500 {
    max-height: 500px;
}

.max-height-600 {
    max-height: 600px;
}

.max-height-700 {
    max-height: 700px;
}

.max-height-800 {
    max-height: 800px;
}

.max-height-900 {
    max-height: 900px;
}

.max-height-1000 {
    max-height: 1000px;
}

.min-height-100 {
    min-height: 100px;
}

.min-height-200 {
    min-height: 200px;
}

.min-height-300 {
    min-height: 300px;
}

.min-height-400 {
    min-height: 400px;
}

.min-height-500 {
    min-height: 500px;
}

.min-height-600 {
    min-height: 600px;
}

.min-height-700 {
    min-height: 700px;
}

.min-height-800 {
    min-height: 800px;
}

.min-height-900 {
    min-height: 900px;
}

.min-height-1000 {
    min-height: 1000px;
}

.min-height-1506 {
    min-height: 1506px;
}




.display-none,
.display-hide {
    display: none;
}


/***
NoUI Range Sliders
***/
.noUi-handle {
    height: 20px;
    width: 20px;
    margin: -3px 0 0 -20px;
}

.noUi-base {
    height: 16px;
}

.noUi-connect {
    background: #ffb848;
}


/****/

.fiyatslider-addon {
    min-width: 10px;
}

.fiyatslider {
    padding-right: 5px;
}



/** Sepet Ayarlar**/
.front-topbar-sepet li {
    display: block;
}

.ust-sepet-item {
    display: block;
}

.front-topbar-sepet {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sepet-kalem-sayi {
    margin-right: 10px;
}



.padding-0 {
    padding: 0px;
}

.resize-vertical {
    resize: vertical;
}


.input-xxlarge {
    width: 600px;
}


.input-xmedium{
     width: 200px;
}

.input-xxmedium {
     width: 160px;
}                              


.padding-right-0 {
    padding-right: 0;
}


/***********/
.arama-liste {
    /*max-height: 200px;*/
    padding: 0 0 0 10px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.arama-liste-1 {
    -webkit-filter: invert(100%);
    -moz-filter:  invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
}

    .arama-liste li {
        list-style: none;
        display: list-item;
        background-image: none;
        overflow: inherit;
        padding-left: 15px;
    }

        .arama-liste li:hover {
            background: #444141;
            color: #fff;
        }

        .arama-liste li.active {
            background: #444141;
            color: #fff;
        }


.arama-liste-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 11px;
    color: #ffF;

}

/***********/
.b2b-row {
    padding: 10px 10px 10px 20px;
    line-height: 14px;
}

/**********/


/***************/
.autocomplete-suggestions {
    border: 1px solid #999;
    background: #777;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #555;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}


/******************/
.float-left {
float:left;
}

.float-right {
float:right;
}

.float-none {
float:none;
}

.float-inherit {
float:inherit;
}

.float-initial {
float:initial;
}
/******************/

.cursor-pointer {
cursor:pointer;
}


/******/
.full-width {
    width:100%
}


.ana-haberler {
    border : none ;
}

.ana-haber-detay {
background-image : none ;
}


/****/

.opacity-0 {
    opacity:0 ;
}

.opacity-1 {
    opacity:1 ;
}
/****/

label.active{
 background : #e2e2e2;
}

/****/

.margin-top-0 {
    margin-top: 0
}
.margin-top-5 {
    margin-top: 5px
}

.UrunSecListe {
    position: static;
}

/******/

#KartOranDokumleri {
    font-weight: 700;
    font-size: 12px;
}

tr.Akbank {
     
    background-color: #fed36b; 
     
}

tr.BankAsya {
    background: #68aef8;
}

tr.Garanti   {
    background: #a4f968;
}

tr.Finansbank {
    background: #3872f0;
}

tr.Citibank {
    background: #01bdf2;
}


tr.HSBC {
    background: #fcbf0e;
}

tr.Isbank {
    background: #f556cb;
}

tr.Halkbank {
    background: #6ae8fc;
}

tr.Vakifbank {
    background: #b25ac1;
}

tr.Ykb {
    background: #b25ac1;
}

.KK-Oran {
 font-size: 13px;  
 font-weight: 600;
}

/********/
.OdemeNotlari .note {
     border-left: none; 
}

.OdemeNotlari .note-warning {
     background: #FCC423; 

}

.BTDigerMenu {
    width :500px;
     position:fixed;
    z-index: 9999;
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}


.overflow-panel {

    overflow: auto;
}


.autocomplete-ara-pnl {
    height: 35px;
}

.even-row {
     padding: 10px 0;
     border-bottom: 1px solid #ddd;
     list-style : none;
}
.odd-row {
    padding: 10px 0;
     border-bottom: 1px solid #ddd;
     list-style : none;
}

.arama-buttons {
      padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.padding-bottom-10 {
     padding-bottom: 10px;
}

#SepetlerBody tr.active td {
background-color: #d4d4d4  !important;
}


#img-preview-hover {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
}


.yeni-cari-pnl a.list-group-item {
    display: inline-block !important;
    width: 150px !important;
}




#diger-cihaz-sec-ekran {
    position: absolute; 
    background-color: #fff; 
    display: none;
    color: #000;
}


 .yellow-panel {
    background-color: rgb(255, 251, 201) !important;
 }

 .red-panel {
     background-color: rgb(248, 213, 213) !important;
 }

.green-panel {
    background-color: rgb(228, 248, 213) !important;
}


.grey-panel {
    background-color: #b2b2b2 !important;
}

.grup-panel {
    color: #FFF;
    background-color: #72898B !important;
}

#AlimAnaliziTablo>thead>tr>th {
    background-color: #ccc;
    text-align: center;
    font-size: 12px;
}
#KartOranDokumleri>tr.Akbank {
     
    background-color: #fed36b; 
     
}

#KartOranDokumleri>tr.BankAsya {
    background: #68aef8;
}

#KartOranDokumleri>tr.Garanti   {
    background: #a4f968;
}

#KartOranDokumleri>tr.Finansbank {
    background: #3872f0;
}

#KartOranDokumleri>tr.Citibank {
    background: #01bdf2;
}


#KartOranDokumleri>tr.HSBC {
    background: #fcbf0e;
}

#KartOranDokumleri>tr.Isbank {
    background: #f556cb;
}

#KartOranDokumleri>tr.Halkbank {
    background: #6ae8fc;
}

#KartOranDokumleri>tr.Vakifbank {
    background: #b25ac1;
}

#KartOranDokumleri>tr.Ykb {
    background: #b25ac1;
}



.bordered-tab-content {
    border: 1px solid #ddd;
    padding: 10px;
    border-top: none;
    margin-top: -10px;
    padding-top: 30px; 
}


.iskonto-panel {
    padding: 5px 10px!important;
}

.iskonto-text {
    color : black
}

.iskonto-value {
    color : black
}

.spot-iskonto-text {
    color : red
}

.spot-iskonto-value {
    color : red
}

.spot-urun-ekle {
    color: red!important;
}




.product-other-images {
	text-align: left;
}
.product-other-images img {
	width: 58px;
	height: auto;
	margin: 0 12px 12px 0;
}
.product-other-images a:hover img,
.product-other-images a.active img {
	box-shadow: 0 0 0 2px #c7ced5;
}





ul.urunkutusu2 li.kutular span.marka { color: #ffa23e;font-size: 14px; }
ul.urunkutusu2 li.kutular:hover span.marka { color: #ffa23e;}
ul.urunkutusu2 li.kutular {padding-left: 0 !important}
ul.urunkutusu2 li.kutular span.fiyat { font-size: 14px !important;color: #ffa23e; float: left }
ul.urunkutusu2 li.kutular:hover span.fiyat {color: #ffa23e}
ul.urunkutusu2 li.kutular span.parabirim { color: #ffa23e;font-size: 14px;padding: 0 0 0 1px;float: left}
ul.urunkutusu2 li.kutular:hover span.parabirim { color: #ffa23e; }
.UrunSonUrunBaslik {border-bottom:1px solid #ccc;}
ul.urunkutusu2 li.kutular span.maladi { font-size: 13px;color: #000;text-align: left;line-height: 16px;min-height: 32px;max-height: 32px;overflow: hidden; display: block}
ul.urunkutusu2 li.kutular:hover span.maladi {color: #ffa23e}
ul.urunkutusu2 li.kutular { z-index: 2;}
.SonUrunler .recent-work {margin: 0 !important}
ul.urunkutusu2 li.kutular em img {
    max-width: 190px;
    max-height:120px;
    margin: 0 auto !important;
    margin-top: 13px !important;
}

ul.urunkutusu2 {list-style: none;
margin: 0 !important;
padding: 0px !important;}
ul.urunkutusu2 li.kutular b {
	color: #656565;
	font-size: 13px;
	font-weight: 200;
	font-style: normal;
}

ul.urunkutusu2 li.kutular em {
	display: block;
	overflow: hidden;
	position: relative;
}

ul.urunkutusu2 li.kutular strong {
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: 300;
}
ul.urunkutusu2 li.kutular a.gizlelink { height: 0px !important;width: 0px !important;display: block;padding: 0px !important;}
ul.urunkutusu2 li.kutular:hover b,
ul.urunkutusu2 li.kutular:hover strong {
	color: #ccc;
}

ul.urunkutusu2 li.kutular a {
	padding: 10px;
	display: block;
    text-decoration: none !important;
    margin-top: -8px;
}

.SepeteEkle {cursor: pointer}
/*Hover Effects*/
ul.urunkutusu2 li.kutular i.icon-hover-1,
ul.urunkutusu2 li.kutular i.icon-hover-3,
ul.urunkutusu2 li.kutular i.icon-hover-2,
ul.urunkutusu2 li.kutular i.icon-hover-4 {
	top: 50%;	
	color: #ccc;
	padding: 16px 30px 16px 18px;
	font-size: 16px;
	position: absolute;
	margin-top: -1.5em;
	border-radius: 50%;
	background: url(/assets/QsbDesign/img/black-opacity.png) repeat !important;
}

ul.urunkutusu2 li.kutular i.icon-hover-1:hover,
ul.urunkutusu2 li.kutular i.icon-hover-3:hover,
ul.urunkutusu2 li.kutular i.icon-hover-2:hover,
ul.urunkutusu2 li.kutular i.icon-hover-4:hover {
	color: #ff8a00;
}
ul.urunkutusu2 li.kutular i.icon-hover-1 {
	left: -100px;
}
ul.urunkutusu2 li.kutular i.icon-hover-2 {
	right: -100px;
}
ul.urunkutusu2 li.kutular i.icon-hover-3 {
	right: -100px;
}
ul.urunkutusu2 li.kutular i.icon-hover-4 {
	right: -100px;
}
ul.urunkutusu2 li.kutular:hover i.icon-hover-1 {
	left: 20%;
}
ul.urunkutusu2 li.kutular:hover i.icon-hover-3 {
	left: 40%;
    top: 20%;
}
ul.urunkutusu2 li.kutular:hover i.icon-hover-4 {
	left: 40%;
    top: 80%;
}
ul.urunkutusu2 li.kutular:hover i.icon-hover-2 {
	right: 20%;
}

ul.urunkutusu2 li.kutular:hover i.icon-hover-1,
ul.urunkutusu2 li.kutular:hover i.icon-hover-3,
ul.urunkutusu2 li.kutular:hover i.icon-hover-2,
ul.urunkutusu2 li.kutular:hover i.icon-hover-4 {
    transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;	
}
ul.urunkutusu2 li.kutular img {
	width: 100%;
	display: block;
}

#txtTutar {
    min-width: 70px!important;
}
/*-----------------------------------------------------------------------------

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	07/27/11
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/





  /*********************************************************************************************
		-	SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE 	-
  **********************************************************************************************/

  /*	-	THE BANNER CONTAINER (Padding, Shadow, Border etc. )	-	*/

  .bannercontainer {
		background-color:#fff;
		width:960px;
		position:relative;
		position:relative;
		margin-left:auto;
		margin-right:auto;

	}

  .banner{
		width:960px;
		height:500px;
		position:relative;
		overflow:hidden;
   }


    .bannercontainer-simple {
		padding:0px;
		background-color:#fff;
		width:960px;
		position:relative;
		position:relative;
		margin-left:auto;
		margin-right:auto;

	}

  .banner-simple{
		width:960px;
		height:500px;
		position:relative;
		overflow:hidden;
   }

 .fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:500px !important;
	position:relative;
}



   @media only screen and (min-width: 768px) and (max-width: 959px) {

 		  .banner, .bannercontainer			{	width:760px; height:396px;}




   }

   @media only screen and (min-width: 480px) and (max-width: 767px) {
		   .banner, .bannercontainer		{	width:480px; height:250px;	}




   }

   @media only screen and (min-width: 0px) and (max-width: 479px) {
			.banner, .bannercontainer		{	width:320px;height:167px;	}




   }

  






/*-----------------------------------------------------------------------------

	-	Revolution Slider 1.5.3 -

		Screen Stylesheet

version:   	2.1
date:      	09/18/11
last update: 06.12.2012
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------

	-	Revolution Slider 2.0 Captions -

		Screen Stylesheet

version:   	1.4.5
date:      	09/18/11
last update: 06.12.2012
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/



/*************************
	-	CAPTIONS	-
**************************/

.tp-hide-revslider,.tp-caption.tp-hidden-caption	{	visibility:hidden !important; display:none !important;}

.tp-caption { z-index:1;}
.tp-caption.big_white{
			position: absolute;
			color: #fff;
			text-shadow: none;
			font-weight: 800;
			font-size: 20px;
			line-height: 20px;
			font-family: 'Open Sans', sans;
			padding: 3px 4px;
			padding-top: 1px;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			background-color:#000;
			letter-spacing: 0px;
		}

.tp-caption.big_orange{
			position: absolute;
			color: #fff;
			text-shadow: none;
			font-weight: 700;
			font-size: 36px;
			line-height: 36px;
			font-family: Arial;
			padding: 0px 4px;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			background-color:#fb7354;
			letter-spacing: -1.5px;
		}

.tp-caption.big_black{
			position: absolute;
			color: #000;
			text-shadow: none;
			font-weight: 800;
			font-size: 36px;
			line-height: 36px;
			font-family: 'Open Sans', sans;
			padding: 0px 4px;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			background-color:#fff;
			letter-spacing: -1.5px;
		}

.tp-caption.medium_grey{
			position: absolute;
			color: #fff;
			text-shadow: none;
			font-weight: 700;
			font-size: 20px;
			line-height: 20px;
			font-family: Arial;
			padding: 2px 4px;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			background-color:#888;
			white-space:nowrap;
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
		}

.tp-caption.small_text{
			position: absolute;
			color: #fff;
			text-shadow: none;
			font-weight: 700;
			font-size: 14px;
			line-height: 20px;
			font-family: Arial;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			white-space:nowrap;
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
		}

.tp-caption.medium_text{
			position: absolute;
			color: #fff;
			text-shadow: none;
			font-weight: 300;
			font-size: 20px;
			line-height: 20px;
			font-family: 'Open Sans', sans;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			white-space:nowrap;
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
		}

.tp-caption.large_text{
			position: absolute;
			color: #fff;
			text-shadow: none;
			font-weight: 800;
			font-size: 36px;
			line-height: 36px;
			font-family: 'Open Sans', sans;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			white-space:nowrap;
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
		}
.tp-caption.large_black_text{
			position: absolute;
			color: #000;
			text-shadow: none;
			font-weight: 300;
			font-size: 42px;
			line-height: 42px;
			font-family: 'Open Sans', sans;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			white-space:nowrap;
		}

.tp-caption.very_large_text{
			position: absolute;
			color: #fff;
			text-shadow: none;
			font-weight: 800;
			font-size: 60px;
			line-height: 60px;
			font-family: 'Open Sans', sans;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			white-space:nowrap;
			text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
			letter-spacing: 0px;
		}
.tp-caption.very_large_black_text{
			position: absolute;
			color: #000;
			text-shadow: none;
			font-weight: 800;
			font-size: 72px;
			line-height: 72px;
			font-family: 'Open Sans', sans;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			white-space:nowrap;
		}
.tp-caption.bold_red_text{
			position: absolute;
			color: #d31e00;
			text-shadow: none;
			font-weight: 800;
			font-size: 20px;
			line-height: 20px;
			font-family: 'Open Sans', sans;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			white-space:nowrap;
		}
.tp-caption.bold_brown_text{
			position: absolute;
			color: #a04606;
			text-shadow: none;
			font-weight: 800;
			font-size: 20px;
			line-height: 20px;
			font-family: 'Open Sans', sans;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			white-space:nowrap;
		}
    .tp-caption.bold_green_text{
			position: absolute;
			color: #5b9830;
			text-shadow: none;
			font-weight: 800;
			font-size: 20px;
			line-height: 20px;
			font-family: 'Open Sans', sans;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			white-space:nowrap;
		}

.tp-caption.very_big_white{
			position: absolute;
			color: #fff;
			text-shadow: none;
			font-weight: 800;
			font-size: 36px;
			line-height: 36px;
			font-family: 'Open Sans', sans;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			white-space:nowrap;
			padding: 3px 4px;
			padding-top: 1px;
			background-color:#7e8e96;
					}

.tp-caption.very_big_black{
			position: absolute;
			color: #000;
			text-shadow: none;
			font-weight: 700;
			font-size: 60px;
			line-height: 60px;
			font-family: Arial;
			margin: 0px;
			border-width: 0px;
			border-style: none;
			white-space:nowrap;
			padding: 0px 4px;
			padding-top: 1px;
			background-color:#fff;
					}

.tp-caption.boxshadow{
		-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	}

.tp-caption.black{
		color: #000;
		text-shadow: none;
  font-weight: 300;
			font-size: 19px;
			line-height: 19px;
			font-family: 'Open Sans', sans;
	}

.tp-caption.noshadow {
		text-shadow: none;
	}

.tp-caption a {
	color: #ff7302; text-shadow: none;	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}

.tp-caption a:hover {
	color: #ffa902;
}


.tp_inner_padding	{	box-sizing:border-box;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						max-height:none !important;	}

/******************************
	-	BUTTONS	-
*******************************/

.button				{	padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px;
						cursor:pointer;
						color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
						background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
					}

.button.big			{	color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important; background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/images/gradient/g40.png) repeat-x top;}


.purchase:hover,
.button:hover,
.button.big:hover		{	background-position:bottom, 15px 11px;}



	@media only screen and (min-width: 768px) and (max-width: 959px) {

	 }



	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.button	{	padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal;	}
		a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }


	}

    @media only screen and (min-width: 0px) and (max-width: 479px) {
		.button	{	padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;}
		a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }
	}





/*	BUTTON COLORS	*/



.button.green, .button:hover.green,
.purchase.green, .purchase:hover.green			{ background-color:#21a117; -webkit-box-shadow:  0px 3px 0px 0px #104d0b;        -moz-box-shadow:   0px 3px 0px 0px #104d0b;        box-shadow:   0px 3px 0px 0px #104d0b;  }


.button.blue, .button:hover.blue,
.purchase.blue, .purchase:hover.blue			{ background-color:#1d78cb; -webkit-box-shadow:  0px 3px 0px 0px #0f3e68;        -moz-box-shadow:   0px 3px 0px 0px #0f3e68;        box-shadow:   0px 3px 0px 0px #0f3e68;}


.button.red, .button:hover.red,
.purchase.red, .purchase:hover.red				{ background-color:#cb1d1d; -webkit-box-shadow:  0px 3px 0px 0px #7c1212;        -moz-box-shadow:   0px 3px 0px 0px #7c1212;        box-shadow:   0px 3px 0px 0px #7c1212;}

.button.orange, .button:hover.orange,
.purchase.orange, .purchase:hover.orange		{ background-color:#ff7700; -webkit-box-shadow:  0px 3px 0px 0px #a34c00;        -moz-box-shadow:   0px 3px 0px 0px #a34c00;        box-shadow:   0px 3px 0px 0px #a34c00;}

.button.darkgrey,.button.grey,
.button:hover.darkgrey,.button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey	{ background-color:#555; -webkit-box-shadow:  0px 3px 0px 0px #222;        -moz-box-shadow:   0px 3px 0px 0px #222;        box-shadow:   0px 3px 0px 0px #222;}

.button.lightgrey, .button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey	{ background-color:#888; -webkit-box-shadow:  0px 3px 0px 0px #555;        -moz-box-shadow:   0px 3px 0px 0px #555;        box-shadow:   0px 3px 0px 0px #555;}



/****************************************************************

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

******************************************************************/

.tp-simpleresponsive .slotholder *,
.tp-simpleresponsive img			{ -webkit-transform: translateZ(0);
										  -webkit-backface-visibility: hidden;
										  -webkit-perspective: 1000;
									}


/************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; position:absolute; visibility: hidden;

}

.tp-simpleresponsive img	{	max-width:none;}



/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}


/******************************
	-	SHADOWS		-
******************************/
.tp-bannershadow  {
		position:absolute;

		margin-left:auto;
		margin-right:auto;
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
	}

.tp-bannershadow.tp-shadow1 {	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:30px; bottom:-30px;}
.tp-bannershadow.tp-shadow2 {	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
.tp-bannershadow.tp-shadow3 {	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}


/********************************
	-	FULLSCREEN VIDEO	-
*********************************/
.caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%;}
.caption.fullscreenvideo iframe	{ width:100% !important; height:100% !important;}

.tp-caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%;}
.tp-caption.fullscreenvideo iframe	{ width:100% !important; height:100% !important;}

/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/

.tpclear		{	clear:both;}


.tp-bullets								{	z-index:1000; position:absolute;
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
												-moz-opacity: 1;
												-khtml-opacity: 1;
												opacity: 1;
												-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
											}
.tp-bullets.hidebullets					{
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
												-moz-opacity: 0;
												-khtml-opacity: 0;
												opacity: 0;
											}


.tp-bullets.simplebullets.navbar						{ 	border:1px solid #666; border-bottom:1px solid #444; background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}

.tp-bullets.simplebullets.navbar-old					{ 	 background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}


.tp-bullets.simplebullets.round .bullet					{	cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/bullet.png) no-Repeat top left;	width:20px;	height:20px;  margin-right:0px; float:left; margin-top:-10px; margin-left:3px;}
.tp-bullets.simplebullets.round .bullet.last			{	margin-right:3px;}

.tp-bullets.simplebullets.round-old .bullet				{	cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/bullets.png) no-Repeat bottom left;	width:23px;	height:23px;  margin-right:0px; float:left; margin-top:-12px;}
.tp-bullets.simplebullets.round-old .bullet.last		{	margin-right:0px;}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet				{	cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square .bullet.last			{	margin-right:0px;}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet			{	cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square-old .bullet.last		{	margin-right:0px;}


/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet			{	cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/bullet_boxed.png) no-Repeat top left;	width:18px;	height:19px;   margin-right:5px; float:left; margin-top:10px;}

.tp-bullets.simplebullets.navbar .bullet.first		{	margin-left:0px !important;}
.tp-bullets.simplebullets.navbar .bullet.last		{	margin-right:0px !important;}



/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet			{	cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/navigdots.png) no-Repeat bottom left;	width:15px;	height:15px;  margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar-old .bullet.first		{	margin-left:0px !important;}
.tp-bullets.simplebullets.navbar-old .bullet.last		{	margin-right:0px !important;}


.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected				{	background-position:top left; }

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected		{	background-position:bottom left; }



/*************************************
	-	TP ARROWS 	-
**************************************/
.tparrows												{	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
															-moz-opacity: 1;
															-khtml-opacity: 1;
															opacity: 1;
															-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;

														}
.tparrows.hidearrows									{
															-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
															-moz-opacity: 0;
															-khtml-opacity: 0;
															opacity: 0;
														}
.tp-leftarrow											{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/large_left.png) no-Repeat top left;	width:40px;	height:40px;   }
.tp-rightarrow											{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/large_right.png) no-Repeat top left;	width:40px;	height:40px;   }


.tp-leftarrow.round										{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/small_left.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left; margin-top:-7px;	}
.tp-rightarrow.round									{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/small_right.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left;	margin-top:-7px;}


.tp-leftarrow.round-old									{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/arrow_left.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left; margin-top:-13px;	}
.tp-rightarrow.round-old								{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/arrow_right.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left;	margin-top:-13px;}


.tp-leftarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/small_left_boxed.png) no-Repeat top left;	width:20px;	height:15px;   float:left;	margin-right:6px; margin-top:12px;}
.tp-rightarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/small_right_boxed.png) no-Repeat top left;	width:20px;	height:15px;   float:left;	margin-left:6px; margin-top:12px;}


.tp-leftarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/arrowleft.png) no-Repeat top left;		width:9px;	height:16px;   float:left;	margin-right:6px; margin-top:10px;}
.tp-rightarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/arrowright.png) no-Repeat top left;	width:9px;	height:16px;   float:left;	margin-left:6px; margin-top:10px;}

.tp-leftarrow.navbar-old.thumbswitharrow				{	margin-right:10px; }
.tp-rightarrow.navbar-old.thumbswitharrow				{	margin-left:0px; }

.tp-leftarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:-9px;}
.tp-rightarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:-9px;}


.tp-leftarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:-9px;}
.tp-rightarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:-9px;}


.tp-leftarrow.default									{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/large_left.png) no-Repeat 0 0;	width:40px;	height:40px;

														}
.tp-rightarrow.default									{	z-index:100;cursor:pointer; position:relative;	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/large_right.png) no-Repeat 0 0;	width:40px;	height:40px;

														}




.tp-leftarrow:hover,
.tp-rightarrow:hover 									{	background-position:bottom left; }






/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs						{	z-index:1000; position:absolute; padding:3px;background-color:#fff;
												width:500px;height:50px; 			/* THE DIMENSIONS OF THE THUMB CONTAINER */
												margin-top:-50px;
											}


.fullwidthbanner-container .tp-thumbs		{  padding:3px;}

.tp-bullets.tp-thumbs .tp-mask				{	width:500px; height:50px;  			/* THE DIMENSIONS OF THE THUMB CONTAINER */
												overflow:hidden; position:relative;}


.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer	{	width:5000px; position:absolute;}

.tp-bullets.tp-thumbs .bullet				{   width:100px; height:50px; 			/* THE DIMENSION OF A SINGLE THUMB */
												cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
												/*filter: alpha(opacity=50);	*/
												-moz-opacity: 0.5;
												-khtml-opacity: 0.5;
												opacity: 0.5;

												-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
											}


.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected		{ 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

												-moz-opacity: 1;
												-khtml-opacity: 1;
												opacity: 1;
											}
.tp-thumbs img								{	width:100%; }


/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer								{	width:100%; height:10px; background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/timer.png);position:absolute; z-index:200;}
.tp-bannertimer.tp-bottom					{	bottom:0px !important;height:5px;}




/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/


	@media only screen and (min-width: 768px) and (max-width: 959px) {

	 }



	@media only screen and (min-width: 480px) and (max-width: 767px) {
			.responsive .tp-bullets.tp-thumbs				{	width:300px !important; height:30px !important;}
			.responsive .tp-bullets.tp-thumbs .tp-mask		{	width:300px !important; height:30px !important;}
			.responsive .tp-bullets.tp-thumbs .bullet		{	width:60px !important;height:30px !important;}

	}

    @media only screen and (min-width: 0px) and (max-width: 479px) {
				.responsive .tp-bullets	{	display:none}
				.responsive .tparrows	{	display:none;}
	}





/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

 .tp-simpleresponsive img {
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
}



.tp-simpleresponsive a{	text-decoration:none;}

.tp-simpleresponsive ul {
	list-style:none;
	padding:0;
	margin:0;
}

.tp-simpleresponsive >ul >li{
	list-stye:none;
	position:absolute;
	visibility:hidden;
}
/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {	width:10000px; height:10000px;  background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/coloredbg.png) repeat;}

.tp-loader 	{	background:url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/loader.gif) no-repeat 10px 10px; background-color:#fff;  margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}


.tp-transparentimg {	content:"url(/assets/MetroWhitev2/plugins/revolution_slider/rs-plugin/assets/transparent.png)"}
.tp-3d				{	-webkit-transform-style: preserve-3d;
						 -webkit-transform-origin: 50% 50%;
					}


/* Ion.RangeSlider
// css version 1.5.42
// by Denis Ineshin | ionden.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
    position: relative; display: block;
}
    .irs-line {
        position: relative; display: block;
        overflow: hidden;
    }
        .irs-line-left, .irs-line-mid, .irs-line-right {
            position: absolute; display: block;
            top: 0;
        }
        .irs-line-left {
            left: 0; width: 10%;
        }
        .irs-line-mid {
            left: 10%; width: 80%;
        }
        .irs-line-right {
            right: 0; width: 10%;
        }

    .irs-diapason {
        position: absolute; display: block;
        left: 0; width: 100%;
    }
    .irs-slider {
        position: absolute; display: block;
        cursor: default;
        z-index: 1;
    }
        .irs-slider.single {
            left: 10px;
        }
            .irs-slider.single:before {
                position: absolute; display: block; content: "";
                top: -50%; left: -150%;
                width: 400%; height: 200%;
                background: rgba(0,0,0,0.0);
            }
        .irs-slider.from {
            left: 100px;
        }
            .irs-slider.from:before {
                position: absolute; display: block; content: "";
                top: -50%; left: -300%;
                width: 400%; height: 200%;
                background: rgba(0,0,0,0.0);
            }
        .irs-slider.to {
            left: 300px;
        }
            .irs-slider.to:before {
                position: absolute; display: block; content: "";
                top: -50%; left: 0;
                width: 400%; height: 200%;
                background: rgba(0,0,0,0.0);
            }
        .irs-slider.last {
            z-index: 2;
        }

    .irs-min {
        position: absolute; display: block;
        left: 0;
        cursor: default;
    }
    .irs-max {
        position: absolute; display: block;
        right: 0;
        cursor: default;
    }

    .irs-from, .irs-to, .irs-single {
        position: absolute; display: block;
        top: 0; left: 0;
        cursor: default;
        white-space: nowrap;
    }


.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
    .irs-grid-pol {
        position: absolute;
        top: 0; left: 0;
        width: 1px; height: 8px;
        background: #000;
    }
    .irs-grid-pol.small {
        height: 4px;
    }
    .irs-grid-text {
        position: absolute;
        bottom: 0; left: 0;
        width: 100px;
        white-space: nowrap;
        text-align: center;
        font-size: 9px; line-height: 9px;
        color: #000;
    }
/* Ion.RangeSlider, Nice Skin
// css version 1.5.11
// by Denis Ineshin | ionden.com
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-diapason,
.irs-slider {
    background:#E5E5E5;
}

.irs-diapason {
    background: #c40316;
}

.irs {
    height: 40px;
}
.irs-with-grid {
    height: 60px;
}
.irs-line {
    height: 8px; top: 25px;
}
    .irs-line-left {
        height: 8px;
    }
    .irs-line-mid {
        height: 8px;
    }
    .irs-line-right {
        height: 8px;
    }

.irs-diapason {
    height: 8px; top: 25px;
}

.irs-slider {
    width: 13px;
    height: 24px;
    top: 17px;
    border:1px solid #fefefe;
    background:#777;
}
#irs-active-slider, .irs-slider:hover {
    
}

.irs-min, .irs-max {
   color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: rgba(0,0,0,0.1);
    border-radius: 0;
}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: rgba(0,0,0,0.3);
    border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #999;
}

.irs-grid-pol {
    background: #99a4ac;
}
.irs-grid-text {
    color: #99a4ac;
}
/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:301px;
	z-index:9999;
}
#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('/assets/MetroWhitev2/plugins/gritter/images/ie-spacer.gif'); /* ie7/8 fix */ 
}
.gritter-top {
	background:url(/assets/MetroWhitev2/plugins/gritter/images/gritter.png) no-repeat left -30px;
	height:10px;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	background:url(/assets/MetroWhitev2/plugins/gritter/images/gritter.png) no-repeat left bottom;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	background:url(/assets/MetroWhitev2/plugins/gritter/images/gritter.png) no-repeat left -40px;
	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
	word-wrap:break-word;
}
.gritter-close {
	display:none;
	position:absolute;
	top:5px;
	left:3px;
	background:url(/assets/MetroWhitev2/plugins/gritter/images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0;
}
.gritter-with-image {
	width:220px;
	float:right;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: url(/assets/MetroWhitev2/plugins/gritter/images/gritter-light.png);
    color: #222;
}
.gritter-light .gritter-title {
    text-shadow: none;
}

