@charset "UTF-8";



@charset "UTF-8";/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: 600;
}
dfn {
    font-style: italic;
}
mark {
    color: #000;
    background: #ff0;
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input {
    line-height: normal;
}
input:focus, textarea:focus {outline: none}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}
legend {
    padding: 0;
    border: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td,
th {
    padding: 0;
}
@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;

        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    select {
        background: #fff !important;
    }
    .navbar {
        display: none;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }
    .label {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size:100%;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a {
    text-decoration: none;
}
a:hover,
a:focus {
    text-decoration: none;
}
a:focus {
    outline: 0;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
figure {
    margin: 0;
}
img {
    vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}
.img-rounded {
    border-radius: 6px;
}
.img-thumbnail {
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.img-circle {
    border-radius: 50%;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    line-height: 1.1;
    color: inherit;
    text-transform:uppercase;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
    letter-spacing:1px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%;
}
h1,
.h1 {
    font-size: 36px;
}
h2,
.h2 {
    font-size: 30px;
}
h3,
.h3 {
    font-size: 16px;
}
h4,
.h4 {
    font-size: 18px;
}
h5,
.h5 {
    font-size: 11px;
}
h6,
.h6 {
    font-size: 12px;
}
p {
    margin: 0 0 20px;
}
.lead {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}
small,
.small {
    font-size: 85%;
}
cite {
    font-style: normal;
}
mark,
.mark {
    padding: 0 6px;
    background-color: #fcf8e3;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-justify {
    text-align: justify;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.text-muted {
    color: #777;
}
.text-primary {
    color: #428bca;
}
a.text-primary:hover {
    color: #3071a9;
}
.text-success {
    color: #3c763d;
}
a.text-success:hover {
    color: #2b542c;
}
.text-info {
    color: #31708f;
}
a.text-info:hover {
    color: #245269;
}
.text-warning {
    color: #8a6d3b;
}
a.text-warning:hover {
    color: #66512c;
}
.text-danger {
    color: #a94442;
}
a.text-danger:hover {
    color: #843534;
}
.bg-primary {
    color: #fff;
    background-color: #428bca;
}
a.bg-primary:hover {
    background-color: #3071a9;
}
.bg-success {
    background-color: #dff0d8;
}
a.bg-success:hover {
    background-color: #c1e2b3;
}
.bg-info {
    background-color: #d9edf7;
}
a.bg-info:hover {
    background-color: #afd9ee;
}
.bg-warning {
    background-color: #fcf8e3;
}
a.bg-warning:hover {
    background-color: #f7ecb5;
}
.bg-danger {
    background-color: #f2dede;
}
a.bg-danger:hover {
    background-color: #e4b9b9;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}
ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
dl {
    margin-top: 0;
    margin-bottom: 20px;
}
dt,
dd {
    line-height: 1.42857143;
}
dt {
    font-weight: bold;
}
dd {
    margin-left: 0;
}
@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .dl-horizontal dd {
        margin-left: 180px;
    }
}
abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}
.initialism {
    font-size: 90%;
    text-transform: uppercase;
}
blockquote {
    border-left: 5px solid #e5e5e5;
    font-size: 20px;
    font-weight: 100;
    line-height: 30px;
    margin: 0 0 20px;
    padding: 20px 40px;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.42857;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: transparent;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
    content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
    content: "";
}
address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}
kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
    padding: 0;
    font-size: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .wide-container {
        margin: 0;
        padding: 0;
        width: 100% !important;
    }
    .container {
        width: 750px;
    }

}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1183px;
    }
    .wide-container {
        width:100%;
        padding:0;
        margin:0;
        overflow: hidden;
    }
}
section#feature-carousel {
    padding:0 0;
}

section {
    padding:120px 0;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row{
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }


}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
    .margin-top { margin-top:0;}
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}
table {
    background-color: transparent;
}
th {
    text-align: left;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 55px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 20px 30px;
    line-height: 1.42857143;
    vertical-align: middle;
    /*    border-top: 1px solid #e5e5e5;*/
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #e5e5e5;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.table > tbody + tbody {
    border-top: 2px solid #e5e5e5;
}
.table .table {
    background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}
.table-bordered {
    border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}
table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}
@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .table-responsive > .table-bordered {
        border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
    section { padding:30px 0 }
    .effects .porfilio-item { width:100%; }
    .col-md-13 { width:50%; float:left; }

}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 10px;
}
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    width: auto;
}
input[type="file"] {
    display: block;
}
input[type="range"] {
    display: block;
    width: 100%;
}
select[multiple],
select[size] {
    height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: 0;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}
.form-control {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.form-control:focus {
    border-color: rgba(0,0,0,0.4);
    outline: 0;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.form-control::-moz-placeholder {
    color: #777;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #777;
}
.form-control::-webkit-input-placeholder {
    color: #777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}
textarea.form-control {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    line-height: 34px;
    line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
    line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
    line-height: 46px;
}
.form-group {
    margin-bottom: 15px;
}
.radio,
.checkbox {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.radio label,
.checkbox label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}
.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
select.input-sm {
    height: 30px;
    line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
select.input-lg {
    height: 46px;
    line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}
.has-feedback {
    position: relative;
}
.has-feedback .form-control {
    padding-right: 42.5px;
}
.form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}
.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: #3c763d;
}
.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}
.has-success .form-control-feedback {
    color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
    color: #8a6d3b;
}
.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
    color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #a94442;
}
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}
.has-error .form-control-feedback {
    color: #a94442;
}
.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}
@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        width: 35%;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto;
    }
    .form-inline .input-group > .form-control {
        width: 100%;
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0;
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px;
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 14px;
        margin-bottom: 0;
        text-align: right;
    }
}
.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px;
}
@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.3px;
    }
}
@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
    }
}
.btn {
    letter-spacing: 3px; font-weight: 600; margin: 30px 0; text-transform: uppercase; text-decoration: none;
}

.btn:hover,
.btn:focus {
    text-decoration: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}
.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary .badge {
    color: #428bca;
    background-color: #fff;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}
.btn-link {
    font-weight: normal;
    color: #428bca;
    cursor: pointer;
    border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
    color: #2a6496;
    text-decoration: underline;
    background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {
    opacity: 1;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
tr.collapse.in {
    display: table-row;
}
tbody.collapse.in {
    display: table-row-group;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}
.caret:after {
    font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\f107"; color: #fff; font-size: 16px; position: relative; top: 2px; right: -2px;
}
.open .caret:after{ color:#000}
.dropdown-menu {
    background-clip: padding-box;
    background-color:rgba(27,22,28,0.95);
    float: left;
    font-size: 11px;
    /*    left: 50%;*/
    text-transform:uppercase;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 200px;
    padding: 10px 25px 35px;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
    color:#000;
    -webkit-transform: translateX(-20%);
    -moz-transform: translateX(-20%);
    -o-transform: translateX(-20%);
    transform: translateX(-20%);
}
@media (min-width: 992px) {
    .dropdown > .collapse.in { display: inline-table; }
    .open > .dropdown-menu { display: inline-table; float: right; margin: 2px auto 0 !important; white-space: nowrap; width: auto; }
    .dropdown-menu { display: none;}
    .dropdown > .dropdown-menu { float: right; margin: 2px auto 0 !important; white-space: nowrap; width: auto; }
}
.dropdown-menu li {}
.dropdown-menu li:last-child{ border-bottom:none}
.dropdown-menu li a { color: #c8c8c8 !important; padding:2px 0; display: block; position: relative; }
.dropdown-menu li a:hover { color: #fff !important; }
.dropdown-menu li ul { margin-top: 20px}
.open > a {
    outline: 0;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
.dropdown-menu-left {
    right: auto;
    left: 0;
}
.dropdown-header {
    font-size: 11px;
    color: #fff;
    white-space: nowrap;
    font-weight:600;
    display: inline-block;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    letter-spacing: 1px;
}
.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}
.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}
@media (min-width: 992px) {
    .navbar-right .dropdown-menu {
        right: -183px;

    }
    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
}
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
    z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
    outline: 0;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: -1px;
}
.btn-toolbar {
    margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
    margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.btn-group > .btn:first-child {
    margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
    float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn .caret {
    margin-left: 0;
}
.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}
.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
    float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
}
.btn-group-justified > .btn-group .btn {
    width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
    left: auto;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    filter: alpha(opacity=0);
    opacity: 0;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
}
.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
    border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
    border-left: 0;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.input-group-btn > .btn {
    position: relative;
}
.input-group-btn > .btn + .btn {
    margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
    z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
    margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-left: -1px;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav > li {
    display: block;
    margin: 10px 20px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 5px 0;
}
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
}
.nav > li.disabled > a {
    color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    border-color: #428bca;
}
.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.nav > li > a > img {
    max-width: none;
}
.nav-tabs {
    text-align:center;
    height:52px;
}
.nav-tabs > li {
    display: inline-block;
    float: none;
    margin:0;
    vertical-align: top;
}
.nav-tabs > li > a {
    line-height: 1.42857143;
    border-radius:0;
    float:left;   
    text-transform:uppercase;
    margin:15px 32px;
    outline:none;
    letter-spacing:2px;
    font-size: 11px;
    font-weight: 600;
    border-bottom: 1px solid transparent;

}

.nav-tabs > li > a:hover {
    border-bottom: 1px solid #000;
    vertical-align: top;
    color: #000;
}
.nav-tabs > li.active { height: auto; vertical-align: top;}
.nav-tabs > li.active > a
{
    cursor: default;
    border-bottom: 1px solid #000;
    color: #000;
}
.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}
.nav-tabs.nav-justified > li {
    float: none;
}
.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}





@media (min-width: 992px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
}
.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
}
@media (min-width: 992px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}
.nav-pills > li {
    float: left;
}
.nav-pills > li > a {
    border-radius: 4px;
}
.nav-pills > li + li {
    margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #428bca;
}
.nav-stacked > li {
    float: none;
}
.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
}
.nav-justified {
    width: 100%;
}
.nav-justified > li {
    float: none;
}
.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width: 992px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .nav-justified > li > a {
        margin-bottom: 0;
    }
}
.nav-tabs-justified {
    border-bottom: 0;
}
.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd;
}
@media (min-width: 992px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}
.tab-content > .tab-pane {
    display: none;

}
.tab-content > .active {
    display: block;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.navbar {
    position: relative;
    min-height: 50px;
}

@media (min-width: 992px) {
    .navbar {
        border-radius: 4px;
    }
}
@media (min-width: 992px) {
    .navbar-header {
        float: left;
    }
}
.navbar-collapse {
    padding: 0;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    /*    border-top: 1px solid transparent;*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
    overflow-y: auto;
}
@media (min-width: 992px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 817px;
}
@media (max-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}
.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}
@media (min-width: 992px) {
    .navbar-static-top {
        border-radius: 0;
    }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@media (min-width: 992px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}
.navbar-fixed-top {
    top: 0;
}
.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}
@media (min-width: 992px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 11px 10px;
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: none;
}
.navbar-toggle:focus {
    outline: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
@media (min-width: 992px) {
    .navbar-toggle {
        display: none;
    }
}
.navbar-nav {
    /*    margin: 7.5px -15px;*/
}
.navbar-nav > li > a {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 2px solid  transparent;
}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header { padding: 0; }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none;
    }
    .nav-tabs { text-align:left; height:auto; border-bottom:0px; }
    .nav-tabs > li { float:none; margin: 0; display:block; }
    .nav-tabs > li > a { float: none; margin-right: 0; border-right: 1px solid #d4d4d4; border-bottom: 2px solid #d4d4d4;}
    .nav-tabs > li.active > a { padding-bottom:13px; }
    .nav-tabs > li > a { padding-bottom:13px; }
}
@media (min-width: 992px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav > li {
        float: left;
    }
    .navbar-nav > li > a {

    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -30px;
    }
}
@media (min-width: 992px) {
    .navbar-left {
        float: left !important;
    }
    .navbar-right {
        float: right !important;
    }
}
.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto;
    }
    .navbar-form .input-group > .form-control {
        width: 100%;
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0;
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}
@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
}
@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-form.navbar-right:last-child {
        margin-right: -15px;
    }
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}
.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
}
.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }
    .navbar-text.navbar-right:last-child {
        margin-right: 0;
    }
}
.navbar-default {
}
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}
.navbar-default .navbar-text {
    color: #777;
}
.navbar-default .navbar-nav > li > a {
    color: #373737;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a.active {
    border-bottom: 2px solid #000;
}
.black-bg .navbar-nav > li > a:hover,
.black-bg  .navbar-nav > li > a:focus {
    color: #000 ;
    background-color:#fff ;
    opacity: 1;
    filter: alpha(opacity=100);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    /*    background-color: #ddd;*/
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    /*    border-color: #e7e7e7;*/
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover {
    border-bottom: 2px solid #000;

}

.nav-white-bg .navbar-nav > li > a { color:#454545;}
.nav-white-bg .navbar-nav > li > a:hover { color:#454545;}

.nav-white-bg .navbar-nav > .open > a,
.nav-white-bg .navbar-nav > .open > a:hover,
.nav-white-bg .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #454545;
}
.nav-white-bg .navbar-nav > .open > a .caret:after,
.nav-white-bg .navbar-nav > .open > a:hover .caret:after,
.nav-white-bg .navbar-nav > .open > a:focus .caret:after {
    color: #fff;
}
.nav-white-bg .caret:after { color:#454545;}
.nav-white-bg .dropdown-menu {
    border-top:1px solid #000;
    right:0px;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }

}
.navbar-default .navbar-link {
    color: #777;
}
.navbar-default .navbar-link:hover {
    color: #333;
}
.navbar-default .btn-link {
    color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
}
.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}
.navbar-inverse .navbar-brand {
    color: #777;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-text {
    color: #777;
}
.navbar-inverse .navbar-nav > li > a {
    color: #777;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent;
}
.navbar-inverse .navbar-toggle {
    border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #080808;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }
}
.navbar-inverse .navbar-link {
    color: #777;
}
.navbar-inverse .navbar-link:hover {
    color: #fff;
}
.navbar-inverse .btn-link {
    color: #777;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}
.breadcrumb {
    list-style: none;
}
.breadcrumb > li {
    display: inline-block;
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.breadcrumb > .active {
    color: #777;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}
.pager li {
    display: inline;
}
.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #eee;
}
.pager .next > a,
.pager .next > span {
    float: right;
}
.pager .previous > a,
.pager .previous > span {
    float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.label:empty {
    display: none;
}
.btn .label {
    position: relative;
    top: -1px;
}
.label-default {
    background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e;
}
.label-primary {
    background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #3071a9;
}
.label-success {
    background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44;
}
.label-info {
    background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5;
}
.label-warning {
    background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f;
}
.label-danger {
    background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}
.badge:empty {
    display: none;
}
.btn .badge {
    position: relative;
    top: -1px;
}
.btn-xs .badge {
    top: 0;
    padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #428bca;
    background-color: #fff;
}
.nav-pills > li > a > .badge {
    margin-left: 3px;
}
.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    color: inherit;
}
.jumbotron h1,
.jumbotron .h1 {
    color: inherit;
}
.jumbotron > hr {
    border-top-color: #d5d5d5;
}
.container .jumbotron {
    border-radius: 6px;
}
.jumbotron .container {
    max-width: 100%;
}
@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .container .jumbotron {
        padding:0;
    }
    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px;
    }
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
    margin-right: auto;
    margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #428bca;
}
.thumbnail .caption {
    padding: 9px;
    color: #333;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 5px;
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.alert .alert-link {
    font-weight: bold;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-success hr {
    border-top-color: #c9e2b3;
}
.alert-success .alert-link {
    color: #2b542c;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-info hr {
    border-top-color: #a6e1ec;
}
.alert-info .alert-link {
    color: #245269;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-warning hr {
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
    color: #66512c;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-danger hr {
    border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
    color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
.progress {
    height: 2px;
    overflow: hidden;
    background-color: #dedede;

}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #000;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
    min-width: 30px;
}
.progress-bar[aria-valuenow="0"] {
    min-width: 30px;
    color: #777;
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.progress-bar-success {
    background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
    background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
    background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
    background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}
.media,
.media .media {
    margin-top: 15px;
}
.media:first-child {
    margin-top: 0;
}
.media-object {
    display: block;
}
.media-heading {
    margin: 0 0 5px;
}
.media > .pull-left {
    margin-right: 10px;
}
.media > .pull-right {
    margin-left: 10px;
}
.media-list {
    padding-left: 0;
    list-style: none;
}
.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
    float: right;
}
.list-group-item > .badge + .badge {
    margin-right: 5px;
}
a.list-group-item {
    color: #555;
}
a.list-group-item .list-group-item-heading {
    color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    color: #777;
    background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #e1edf7;
}
.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}
a.list-group-item-success {
    color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
    color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
}
.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}
a.list-group-item-info {
    color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
    color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}
.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}
a.list-group-item-warning {
    color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
    color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}
.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}
a.list-group-item-danger {
    color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
    color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
}
.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}
.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}
/*.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; }*/
.panel-body {
    padding: 15px;
    font-size: 14px;
}
.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;

}
.panel-title > a {
    color: inherit;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
}
.panel-title > a:hover {
    text-decoration:none;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;

}
.panel > .list-group {
    margin-bottom: 0;
}
.panel > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
    border-top: 0;

}
.panel > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;

}
.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}
.list-group + .panel-footer {
    border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
    border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
}
.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}
/*.panel-group { margin-bottom: 20px; }
.panel-group .panel { margin-bottom: 0; }*/
/*.panel-group .panel + .panel { margin-top: 5px; }*/
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #bebebe;
}
.panel-group .panel-footer {
    border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #bebebe;
}
.panel-default {
    border-color: #bebebe;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: none;
}
.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}
.panel-primary {
    border-color: #428bca;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #428bca;
}
.panel-primary > .panel-heading .badge {
    color: #428bca;
    background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #428bca;
}
.panel-success {
    border-color: #d6e9c6;
}
.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6;
}
.panel-info {
    border-color: #bce8f1;
}
.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
}
.panel-warning {
    border-color: #faebcc;
}
.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc;
}
.panel-danger {
    border-color: #ebccd1;
}
.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15);
}
.well-lg {
    padding: 24px;
    border-radius: 6px;
}
.well-sm {
    padding: 9px;
    border-radius: 3px;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
.modal-open {
    overflow: hidden;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition:      -o-transform .3s ease-out;
    transition:         transform .3s ease-out;
    -webkit-transform: translate3d(0, -25%, 0);
    -o-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
}
.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}
.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}
.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}
.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
    margin-top: -10px;
}
.popover.right {
    margin-left: 10px;
}
.popover.bottom {
    margin-top: 10px;
}
.popover.left {
    margin-left: -10px;
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.popover-content {
    padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover > .arrow {
    border-width: 11px;
}
.popover > .arrow:after {
    content: "";
    border-width: 10px;
}
.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}
.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}
.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
}
.popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
}
.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
}
.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
}
.carousel {
    position: relative;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}
.carousel-inner > .active {
    left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}
.carousel-inner > .next {
    left: 100%;
}
.carousel-inner > .prev {
    left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}
.carousel-inner > .active.left {
    left: -100%;
}
.carousel-inner > .active.right {
    left: 100%;
}
.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    filter: alpha(opacity=50);
    opacity: .5;
    z-index:999;
}
.carousel-control.left {
    left: 12px;
    opacity: 1;
    right: auto;
    top: 48%;
    width: 35px;
}
.carousel-control.left i { position:relative; left:-1px}
.carousel-control.right {
    right: 12px;
    left: auto;
    opacity: 1;
    top: 48%;
    width: 35px;
}
.carousel-control.right i { position:relative; right:-1px }


.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .5;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: 0;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right:0;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
}

.carousel-control .icon-prev:before {
    content: '\2039';
}
.carousel-control .icon-next:before {
    content: '\203a';
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    text-align: center;
    list-style: none;
    left: 0;
    right: 0;
}
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 4px; text-indent: -999px; cursor: pointer; border-radius: 10px; border: 2px solid rgba(255,255,255,1); }
.carousel-indicators .active { border: 2px solid rgba(255,255,255,1); background-color: #fff; }
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
    text-shadow: none;
}
@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left:0;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right:0;
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }
    .carousel-indicators {
        bottom: -70px;
    }
    section#feature-carousel .carousel-indicators { bottom: 30px;}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
.affix {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@-ms-viewport {
    width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
    .wide-container {
        margin: 0;
        padding: 0;
        width: 100% !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
.visible-print {
    display: none !important;
}
@media print {
    .visible-print {
        display: block !important;
    }
    table.visible-print {
        display: table;
    }
    tr.visible-print {
        display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}
.visible-print-block {
    display: none !important;
}
@media print {
    .visible-print-block {
        display: block !important;
    }
}
.visible-print-inline {
    display: none !important;
}
@media print {
    .visible-print-inline {
        display: inline !important;
    }
}
.visible-print-inline-block {
    display: none !important;
}
@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}
@media print {
    .hidden-print {
        display: none !important;
    }
}


/* Slider */


.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}

@media (max-width: 1600px) {
    .col-md-14 { width:88%;}
}

@media (max-width: 1400px) {
    .col-md-14 { width:100%;}

}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.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;
}

.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: 35px;
    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;
}
@font-face {
	font-family: 'et-line';
	src:url('../fonts/et-line.eot');
	src:url('../fonts/et-line.eot?#iefix') format('embedded-opentype'),
		url('../fonts/et-line.woff') format('woff'),
		url('../fonts/et-line.ttf') format('truetype'),
		url('../fonts/et-line.svg#et-line') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'et-line';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble {
	font-family: 'et-line';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1.1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}
.icon-mobile:before {
	content: "\e000";
}
.icon-laptop:before {
	content: "\e001";
}
.icon-desktop:before {
	content: "\e002";
}
.icon-tablet:before {
	content: "\e003";
}
.icon-phone:before {
	content: "\e004";
}
.icon-document:before {
	content: "\e005";
}
.icon-documents:before {
	content: "\e006";
}
.icon-search:before {
	content: "\e007";
}
.icon-clipboard:before {
	content: "\e008";
}
.icon-newspaper:before {
	content: "\e009";
}
.icon-notebook:before {
	content: "\e00a";
}
.icon-book-open:before {
	content: "\e00b";
}
.icon-browser:before {
	content: "\e00c";
}
.icon-calendar:before {
	content: "\e00d";
}
.icon-presentation:before {
	content: "\e00e";
}
.icon-picture:before {
	content: "\e00f";
}
.icon-pictures:before {
	content: "\e010";
}
.icon-video:before {
	content: "\e011";
}
.icon-camera:before {
	content: "\e012";
}
.icon-printer:before {
	content: "\e013";
}
.icon-toolbox:before {
	content: "\e014";
}
.icon-briefcase:before {
	content: "\e015";
}
.icon-wallet:before {
	content: "\e016";
}
.icon-gift:before {
	content: "\e017";
}
.icon-bargraph:before {
	content: "\e018";
}
.icon-grid:before {
	content: "\e019";
}
.icon-expand:before {
	content: "\e01a";
}
.icon-focus:before {
	content: "\e01b";
}
.icon-edit:before {
	content: "\e01c";
}
.icon-adjustments:before {
	content: "\e01d";
}
.icon-ribbon:before {
	content: "\e01e";
}
.icon-hourglass:before {
	content: "\e01f";
}
.icon-lock:before {
	content: "\e020";
}
.icon-megaphone:before {
	content: "\e021";
}
.icon-shield:before {
	content: "\e022";
}
.icon-trophy:before {
	content: "\e023";
}
.icon-flag:before {
	content: "\e024";
}
.icon-map:before {
	content: "\e025";
}
.icon-puzzle:before {
	content: "\e026";
}
.icon-basket:before {
	content: "\e027";
}
.icon-envelope:before {
	content: "\e028";
}
.icon-streetsign:before {
	content: "\e029";
}
.icon-telescope:before {
	content: "\e02a";
}
.icon-gears:before {
	content: "\e02b";
}
.icon-key:before {
	content: "\e02c";
}
.icon-paperclip:before {
	content: "\e02d";
}
.icon-attachment:before {
	content: "\e02e";
}
.icon-pricetags:before {
	content: "\e02f";
}
.icon-lightbulb:before {
	content: "\e030";
}
.icon-layers:before {
	content: "\e031";
}
.icon-pencil:before {
	content: "\e032";
}
.icon-tools:before {
	content: "\e033";
}
.icon-tools-2:before {
	content: "\e034";
}
.icon-scissors:before {
	content: "\e035";
}
.icon-paintbrush:before {
	content: "\e036";
}
.icon-magnifying-glass:before {
	content: "\e037";
}
.icon-circle-compass:before {
	content: "\e038";
}
.icon-linegraph:before {
	content: "\e039";
}
.icon-mic:before {
	content: "\e03a";
}
.icon-strategy:before {
	content: "\e03b";
}
.icon-beaker:before {
	content: "\e03c";
}
.icon-caution:before {
	content: "\e03d";
}
.icon-recycle:before {
	content: "\e03e";
}
.icon-anchor:before {
	content: "\e03f";
}
.icon-profile-male:before {
	content: "\e040";
}
.icon-profile-female:before {
	content: "\e041";
}
.icon-bike:before {
	content: "\e042";
}
.icon-wine:before {
	content: "\e043";
}
.icon-hotairballoon:before {
	content: "\e044";
}
.icon-globe:before {
	content: "\e045";
}
.icon-genius:before {
	content: "\e046";
}
.icon-map-pin:before {
	content: "\e047";
}
.icon-dial:before {
	content: "\e048";
}
.icon-chat:before {
	content: "\e049";
}
.icon-heart:before {
	content: "\e04a";
}
.icon-cloud:before {
	content: "\e04b";
}
.icon-upload:before {
	content: "\e04c";
}
.icon-download:before {
	content: "\e04d";
}
.icon-target:before {
	content: "\e04e";
}
.icon-hazardous:before {
	content: "\e04f";
}
.icon-piechart:before {
	content: "\e050";
}
.icon-speedometer:before {
	content: "\e051";
}
.icon-global:before {
	content: "\e052";
}
.icon-compass:before {
	content: "\e053";
}
.icon-lifesaver:before {
	content: "\e054";
}
.icon-clock:before {
	content: "\e055";
}
.icon-aperture:before {
	content: "\e056";
}
.icon-quote:before {
	content: "\e057";
}
.icon-scope:before {
	content: "\e058";
}
.icon-alarmclock:before {
	content: "\e059";
}
.icon-refresh:before {
	content: "\e05a";
}
.icon-happy:before {
	content: "\e05b";
}
.icon-sad:before {
	content: "\e05c";
}
.icon-facebook:before {
	content: "\e05d";
}
.icon-twitter:before {
	content: "\e05e";
}
.icon-googleplus:before {
	content: "\e05f";
}
.icon-rss:before {
	content: "\e060";
}
.icon-tumblr:before {
	content: "\e061";
}
.icon-linkedin:before {
	content: "\e062";
}
.icon-dribbble:before {
	content: "\e063";
}


/*************************
        -	CAPTIONS	-
**************************/

.tp-static-layers	{	position:absolute; z-index:505; top:0px;left:0px}

.tp-hide-revslider,.tp-caption.tp-hidden-caption	{	visibility:hidden !important; display:none !important}


.tp-caption { z-index:1; white-space:nowrap}

.tp-caption-Demos .tp-caption	{	position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important}


.tp-caption.whitedivider3px {

    color: #000000;
    text-shadow: none;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none;
    min-width: 408px;
    min-height: 3px;
    background-position: initial initial;
    background-repeat: initial initial;
    border-width: 0px;
    border-color: #000000;
    border-style: none;
}


.tp-caption.finewide_large_white {
    color:#ffffff;
    text-shadow:none;
    font-size:60px;
    line-height:60px;
    font-weight:300;
    font-family:"Open Sans", sans-serif;
    background-color:transparent;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:8px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.whitedivider3px {
    color:#000000;
    text-shadow:none;
    background-color:rgb(255, 255, 255);
    background-color:rgba(255, 255, 255, 1);
    text-decoration:none;
    font-size:0px;
    line-height:0;
    min-width:468px;
    min-height:3px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.finewide_medium_white {
    color:#ffffff;
    text-shadow:none;
    font-size:37px;
    line-height:37px;
    font-weight:300;
    font-family:"Open Sans", sans-serif;
    background-color:transparent;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:5px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.boldwide_small_white {
    font-size:25px;
    line-height:25px;
    font-weight:800;
    font-family:"Open Sans", sans-serif;
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:transparent;
    text-shadow:none;
    text-transform:uppercase;
    letter-spacing:5px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.whitedivider3px_vertical {
    color:#000000;
    text-shadow:none;
    background-color:rgb(255, 255, 255);
    background-color:rgba(255, 255, 255, 1);
    text-decoration:none;
    font-size:0px;
    line-height:0;
    min-width:3px;
    min-height:130px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.finewide_small_white {
    color:#ffffff;
    text-shadow:none;
    font-size:25px;
    line-height:25px;
    font-weight:300;
    font-family:"Open Sans", sans-serif;
    background-color:transparent;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:5px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.finewide_verysmall_white_mw {
    font-size:13px;
    line-height:25px;
    font-weight:400;
    font-family:"Open Sans", sans-serif;
    color:#ffffff;
    text-decoration:none;
    background-color:transparent;
    text-shadow:none;
    text-transform:uppercase;
    letter-spacing:5px;
    max-width:470px;
    white-space:normal !important;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.lightgrey_divider {
    text-decoration:none;
    background-color:rgb(235, 235, 235);
    background-color:rgba(235, 235, 235, 1);
    width:370px;
    height:3px;
    background-position:initial initial;
    background-repeat:initial initial;
    border-width:0px;
    border-color:rgb(34, 34, 34);
    border-style:none;
}

.tp-caption.finewide_large_white {
    color: #FFF;
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 8px;
    border-width: 0px;
    border-color: #000;
    border-style: none;
}

.tp-caption.finewide_medium_white {
    color: #FFF;
    text-shadow: none;
    font-size: 34px;
    line-height: 34px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0px;
    border-color: #000;
    border-style: none;
}

.tp-caption.huge_red {
    position:absolute;
    color:rgb(223,75,107);
    font-weight:400;
    font-size:150px;
    line-height:130px;
    font-family: 'Oswald', sans-serif;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
    background-color:rgb(45,49,54);
    padding:0px;
}

.tp-caption.middle_yellow {
    position:absolute;
    color:rgb(251,213,114);
    font-weight:600;
    font-size:50px;
    line-height:50px;
    font-family: 'Open Sans', sans-serif;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.huge_thin_yellow {
    position:absolute;
    color:rgb(251,213,114);
    font-weight:300;
    font-size:90px;
    line-height:90px;
    font-family: 'Open Sans', sans-serif;
    margin:0px;
    letter-spacing: 20px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.big_dark {
    position:absolute;
    color:#333;
    font-weight:700;
    font-size:70px;
    line-height:70px;
    font-family:"Open Sans";
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.medium_dark {
    position:absolute;
    color:#333;
    font-weight:300;
    font-size:40px;
    line-height:40px;
    font-family:"Open Sans";
    margin:0px;
    letter-spacing: 5px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}


.tp-caption.medium_grey {
    position:absolute;
    color:#fff;
    text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
    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;
}

.tp-caption.small_text {
    position:absolute;
    color:#fff;
    text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight:700;
    font-size:14px;
    line-height:20px;
    font-family:Arial;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.medium_text {
    position:absolute;
    color:#fff;
    text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight:700;
    font-size:20px;
    line-height:20px;
    font-family:Arial;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}


.tp-caption.large_bold_white_25 {
    font-size:55px;
    line-height:65px;
    font-weight:700;
    font-family:"Open Sans";
    color:#fff;
    text-decoration:none;
    background-color:transparent;
    text-align:center;
    text-shadow:#000 0px 5px 10px;
    border-width:0px;
    border-color:rgb(255, 255, 255);
    border-style:none;
}

.tp-caption.medium_text_shadow {
    font-size:25px;
    line-height:25px;
    font-weight:600;
    font-family:"Open Sans";
    color:#fff;
    text-decoration:none;
    background-color:transparent;
    text-align:center;
    text-shadow:#000 0px 5px 10px;
    border-width:0px;
    border-color:rgb(255, 255, 255);
    border-style:none;
}

.tp-caption.large_text {
    position:absolute;
    color:#fff;
    text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
    font-weight:700;
    font-size:40px;
    line-height:40px;
    font-family:Arial;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.medium_bold_grey {
    font-size:30px;
    line-height:30px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(102, 102, 102);
    text-decoration:none;
    background-color:transparent;
    text-shadow:none;
    margin:0px;
    padding:1px 4px 0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.very_large_text {
    position:absolute;
    color:#fff;
    /*text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);*/
    font-weight:700;
    font-size:60px;
    line-height:60px;
    font-family:Arial;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
    letter-spacing:-2px;
}

.tp-caption.very_big_white {
    position:absolute;
    color:#fff;
    text-shadow:none;
    font-weight:800;
    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:#000;
}

.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.modern_medium_fat {
    position:absolute;
    color:#000;
    text-shadow:none;
    font-weight:800;
    font-size:24px;
    line-height:20px;
    font-family:"Open Sans", sans-serif;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.modern_medium_fat_white {
    position:absolute;
    color:#fff;
    text-shadow:none;
    font-weight:800;
    font-size:24px;
    line-height:20px;
    font-family:"Open Sans", sans-serif;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.modern_medium_light {
    position:absolute;
    color:#000;
    text-shadow:none;
    font-weight:300;
    font-size:24px;
    line-height:20px;
    font-family:"Open Sans", sans-serif;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.tp-caption.modern_big_bluebg {
    position:absolute;
    color:#fff;
    text-shadow:none;
    font-weight:800;
    font-size:30px;
    line-height:36px;
    font-family:"Open Sans", sans-serif;
    padding:3px 10px;
    margin:0px;
    border-width:0px;
    border-style:none;
    background-color:#4e5b6c;
    letter-spacing:0;
}

.tp-caption.modern_big_redbg {
    position:absolute;
    color:#fff;
    text-shadow:none;
    font-weight:300;
    font-size:30px;
    line-height:36px;
    font-family:"Open Sans", sans-serif;
    padding:3px 10px;
    padding-top:1px;
    margin:0px;
    border-width:0px;
    border-style:none;
    background-color:#de543e;
    letter-spacing:0;
}

.tp-caption.modern_small_text_dark {
    position:absolute;
    color:#555;
    text-shadow:none;
    font-size:14px;
    line-height:22px;
    font-family:Arial;
    margin:0px;
    border-width:0px;
    border-style:none;
    white-space:nowrap;
}

.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;
}

.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-caption.thinheadline_dark {
    position:absolute;
    color:rgba(0,0,0,0.85);
    text-shadow:none;
    font-weight:300;
    font-size:30px;
    line-height:30px;
    font-family:"Open Sans";
    background-color:transparent;
}

.tp-caption.thintext_dark {
    position:absolute;
    color:rgba(0,0,0,0.85);
    text-shadow:none;
    font-weight:300;
    font-size:16px;
    line-height:26px;
    font-family:"Open Sans";
    background-color:transparent;
}

.tp-caption.medium_bg_red a {
    color: #fff;
    text-decoration: none;
}

.tp-caption.medium_bg_red a:hover {
    color: #fff;
    text-decoration: underline;
}

.tp-caption.smoothcircle {
    font-size:30px;
    line-height:75px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(0, 0, 0);
    background-color:rgba(0, 0, 0, 0.498039);
    padding:50px 25px;
    text-align:center;
    border-radius:500px 500px 500px 500px;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.largeblackbg {
    font-size:50px;
    line-height:70px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(0, 0, 0);
    padding:0px 20px 5px;
    text-shadow:none;
    border-width:0px;
    border-color:rgb(255, 255, 255);
    border-style:none;
}

.tp-caption.largepinkbg {
    position:absolute;
    color:#fff;
    text-shadow:none;
    font-weight:300;
    font-size:50px;
    line-height:70px;
    font-family:"Open Sans";
    background-color:#db4360;
    padding:0px 20px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

.tp-caption.largewhitebg {
    position:absolute;
    color:#000;
    text-shadow:none;
    font-weight:300;
    font-size:50px;
    line-height:70px;
    font-family:"Open Sans";
    background-color:#fff;
    padding:0px 20px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

.tp-caption.largegreenbg {
    position:absolute;
    color:#fff;
    text-shadow:none;
    font-weight:300;
    font-size:50px;
    line-height:70px;
    font-family:"Open Sans";
    background-color:#67ae73;
    padding:0px 20px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

.tp-caption.excerpt {
    font-size:36px;
    line-height:36px;
    font-weight:700;
    font-family:Arial;
    color:#ffffff;
    text-decoration:none;
    background-color:rgba(0, 0, 0, 1);
    text-shadow:none;
    margin:0px;
    letter-spacing:-1.5px;
    padding:1px 4px 0px 4px;
    width:150px;
    white-space:normal !important;
    height:auto;
    border-width:0px;
    border-color:rgb(255, 255, 255);
    border-style:none;
}

.tp-caption.large_bold_grey {
    font-size:60px;
    line-height:60px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(102, 102, 102);
    text-decoration:none;
    background-color:transparent;
    text-shadow:none;
    margin:0px;
    padding:1px 4px 0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_thin_grey {
    font-size:34px;
    line-height:30px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(102, 102, 102);
    text-decoration:none;
    background-color:transparent;
    padding:1px 4px 0px;
    text-shadow:none;
    margin:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.small_thin_grey {
    font-size:18px;
    line-height:26px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(117, 117, 117);
    text-decoration:none;
    background-color:transparent;
    padding:1px 4px 0px;
    text-shadow:none;
    margin:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.lightgrey_divider {
    text-decoration:none;
    background-color:rgba(235, 235, 235, 1);
    width:370px;
    height:3px;
    background-position:initial initial;
    background-repeat:initial initial;
    border-width:0px;
    border-color:rgb(34, 34, 34);
    border-style:none;
}

.tp-caption.large_bold_darkblue {
    font-size:58px;
    line-height:60px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(52, 73, 94);
    text-decoration:none;
    background-color:transparent;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_bg_darkblue {
    font-size:20px;
    line-height:20px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(52, 73, 94);
    padding:10px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_bold_red {
    font-size:24px;
    line-height:30px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(227, 58, 12);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_light_red {
    font-size:21px;
    line-height:26px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(227, 58, 12);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_bg_red {
    font-size:20px;
    line-height:20px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(227, 58, 12);
    padding:10px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_bold_orange {
    font-size:24px;
    line-height:30px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(243, 156, 18);
    text-decoration:none;
    background-color:transparent;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_bg_orange {
    font-size:20px;
    line-height:20px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(243, 156, 18);
    padding:10px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.grassfloor {
    text-decoration:none;
    background-color:rgba(160, 179, 151, 1);
    width:4000px;
    height:150px;
    border-width:0px;
    border-color:rgb(34, 34, 34);
    border-style:none;
}

.tp-caption.large_bold_white {
    font-size:58px;
    line-height:60px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:transparent;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_light_white {
    font-size:30px;
    line-height:36px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.mediumlarge_light_white {
    font-size:34px;
    line-height:40px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.mediumlarge_light_white_center {
    font-size:34px;
    line-height:40px;
    font-weight:300;
    font-family:"Open Sans";
    color:#ffffff;
    text-decoration:none;
    background-color:transparent;
    padding:0px 0px 0px 0px;
    text-align:center;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_bg_asbestos {
    font-size:20px;
    line-height:20px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(127, 140, 141);
    padding:10px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.medium_light_black {
    font-size:30px;
    line-height:36px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(0, 0, 0);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.large_bold_black {
    font-size:58px;
    line-height:60px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(0, 0, 0);
    text-decoration:none;
    background-color:transparent;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.mediumlarge_light_darkblue {
    font-size:34px;
    line-height:40px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(52, 73, 94);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.small_light_white {
    font-size:17px;
    line-height:28px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:transparent;
    padding:0px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.roundedimage {
    border-width:0px;
    border-color:rgb(34, 34, 34);
    border-style:none;
}

.tp-caption.large_bg_black {
    font-size:40px;
    line-height:40px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(0, 0, 0);
    padding:10px 20px 15px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}

.tp-caption.mediumwhitebg {
    font-size:30px;
    line-height:30px;
    font-weight:300;
    font-family:"Open Sans";
    color:rgb(0, 0, 0);
    text-decoration:none;
    background-color:rgb(255, 255, 255);
    padding:5px 15px 10px;
    text-shadow:none;
    border-width:0px;
    border-color:rgb(0, 0, 0);
    border-style:none;
}

.tp-caption.medium_bg_orange_new1 {
    font-size:20px;
    line-height:20px;
    font-weight:800;
    font-family:"Open Sans";
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:rgb(243, 156, 18);
    padding:10px;
    border-width:0px;
    border-color:rgb(255, 214, 88);
    border-style:none;
}



.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_inner_padding	{	box-sizing:border-box;
                    -webkit-box-sizing:border-box;
                    -moz-box-sizing:border-box;
                    max-height:none !important;	}


/*.tp-caption			{	transform:none !important}*/


/*********************************
        -	SPECIAL TP CAPTIONS -
**********************************/
.tp-caption .frontcorner		{
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;left:-40px;top:0px;
}

.tp-caption .backcorner		{
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;right:0px;top:0px;
}

.tp-caption .frontcornertop		{
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;left:-40px;top:0px;
}

.tp-caption .backcornertop		{
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;right:0px;top:0px;
}


/***********************************************
        -	SPECIAL ALTERNATIVE IMAGE SETTINGS	-
***********************************************/

img.tp-slider-alternative-image	{	width:100%; height:auto;}

/******************************
        -	BUTTONS	-
*******************************/



.tp-simpleresponsive  .purchase:hover,
.tp-simpleresponsive  .button:hover,
.tp-simpleresponsive  .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) {
    .tp-simpleresponsive  .button	{	padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal;	}
    .tp-simpleresponsive  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) {
    .tp-simpleresponsive  .button	{	padding:2px 5px 2px; line-height:20px !important; font-size:10px !important}
    .tp-simpleresponsive  a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }
}





/*	BUTTON COLORS	*/



.tp-simpleresponsive  .button.green, .tp-simpleresponsive  .button:hover.green,
.tp-simpleresponsive  .purchase.green, .tp-simpleresponsive  .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;  }


.tp-simpleresponsive  .button.blue, .tp-simpleresponsive  .button:hover.blue,
.tp-simpleresponsive  .purchase.blue, .tp-simpleresponsive  .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}


.tp-simpleresponsive  .button.red, .tp-simpleresponsive  .button:hover.red,
.tp-simpleresponsive  .purchase.red, .tp-simpleresponsive  .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}

.tp-simpleresponsive  .button.orange, .tp-simpleresponsive  .button:hover.orange,
.tp-simpleresponsive  .purchase.orange, .tp-simpleresponsive  .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}

.tp-simpleresponsive  .button.darkgrey, .tp-simpleresponsive  .button.grey,
.tp-simpleresponsive  .button:hover.darkgrey, .tp-simpleresponsive  .button:hover.grey,
.tp-simpleresponsive  .purchase.darkgrey, .tp-simpleresponsive  .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}

.tp-simpleresponsive  .button.lightgrey, .tp-simpleresponsive  .button:hover.lightgrey,
.tp-simpleresponsive  .purchase.lightgrey, .tp-simpleresponsive  .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				{	-webkit-perspective: 1500px;
                                                                                -moz-perspective: 1500px;
                                                                                -o-perspective: 1500px;
                                                                                -ms-perspective: 1500px;
                                                                                perspective: 1500px;
                                                                        }*/




/**********************************************
        -	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/

.fullscreen-container {
    width:100%;
    position:relative;
    padding:0;
}



.fullwidthbanner-container{
    width:100%;
    position:relative;
    padding:0;
    overflow:hidden;
}

.fullwidthbanner-container .fullwidthbanner{
    width:100%;
    position:relative;
}



/************************************************
          - 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;
    -webkit-font-smoothing: antialiased !important;
}


.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(../images/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px}
.tp-bannershadow.tp-shadow2 {	background:url(../images/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px}
.tp-bannershadow.tp-shadow3 {	background:url(../images/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px}


/********************************
        -	FULLSCREEN VIDEO	-
*********************************/
.caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video	{ width:100% !important; height:100% !important; display: none}

.tp-caption.fullscreenvideo	{	left:0px; top:0px; position:absolute;width:100%;height:100%}


.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video	{ width:100% !important; height:100% !important; display: none}


.fullcoveredvideo video,
.fullscreenvideo video					{	background: #000}

.fullcoveredvideo .tp-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}

.html5vid.videoisplaying .tp-poster	{	display: none}

.tp-video-play-button		{	background:#000;
                         background:rgba(0,0,0,0.3);
                         padding:5px;
                         border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
                         position: absolute;
                         top: 50%;
                         left: 50%;
                         font-size: 40px;
                         color: #FFF;
                         z-index: 3;
                         margin-top: -27px;
                         margin-left: -28px;
                         text-align: center;
                         cursor: pointer;
}

.html5vid .tp-revstop		{	width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.html5vid .tp-revstop	{	display:none}
.html5vid.videoisplaying .revicon-right-dir	{	display:none}
.html5vid.videoisplaying .tp-revstop	{	display:block}

.html5vid.videoisplaying .tp-video-play-button	{	display:none}
.html5vid:hover .tp-video-play-button { display:block}

.fullcoveredvideo .tp-video-play-button	{	display:none !important}

.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
    background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.13, rgb(0,0,0)),
        color-stop(1, rgb(50,50,50))
        );

    display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.tp-caption:hover .tp-video-controls {
    opacity: .9;
}

.tp-video-button {
    background: rgba(0,0,0,.5);
    border: 0;
    color: #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
    line-height:12px;
    font-size:12px;
    color:#fff;
    padding:0px;
    margin:0px;
    outline: none;
}
.tp-video-button:hover {
    cursor: pointer;
}


.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap 	{ padding:0px 5px;display:table-cell; }

.tp-video-seek-bar-wrap	{	width:80%}
.tp-video-vol-bar-wrap	{	width:20%}

.tp-volume-bar,
.tp-seek-bar		{	width:100%; cursor: pointer;  outline:none; line-height:12px;margin:0; padding:0;}


/********************************
        -	FULLSCREEN VIDEO ENDS	-
*********************************/


/********************************
        -	DOTTED OVERLAYS	-
*********************************/
.tp-dottedoverlay						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4}
.tp-dottedoverlay.twoxtwo				{	background:url(../images/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite			{	background:url(../images/gridtile_white.png)}
.tp-dottedoverlay.threexthree			{	background:url(../images/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite		{	background:url(../images/gridtile_3x3_white.png)}
/********************************
        -	DOTTED OVERLAYS ENDS	-
*********************************/


/************************
        -	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;-webkit-transform: translateZ(5px);
}
.tp-bullets.hidebullets					{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}



.tp-bullets.simplebullets.navbar-old					{ 	 background:url(../images/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(../images/bullet.png) no-Repeat top left;	width:20px;	height:20px;  margin-right:0px; float:left; margin-top:0px; margin-left:3px}
.tp-bullets.simplebullets.round .bullet.last			{	margin-right:3px}

.tp-bullets.simplebullets.round-old .bullet				{	cursor:pointer; position:relative;	background:url(../images/bullets.png) no-Repeat bottom left;	width:23px;	height:23px;  margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.round-old .bullet.last		{	margin-right:0px}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet				{	cursor:pointer; position:relative;	background:url(../images/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square .bullet.last			{	margin-right:0px}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet			{	cursor:pointer; position:relative;	background:url(../images/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square-old .bullet.last		{	margin-right:0px}


/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet			{	cursor:pointer; position:relative;	background:url(../images/bullet_boxed.png) no-Repeat top left;	width:18px;	height:19px;   margin-right:5px; float:left; margin-top:0px}

.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(../images/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;
                       -webkit-transform: translateZ(5000px);
                       -webkit-transform-style: flat;
                       -webkit-backface-visibility: hidden;
                       z-index:600;
                       position: relative;

}
.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(../images/large_left.png) no-Repeat top left;	width:40px;	height:40px;   }
.tp-rightarrow											{	z-index:100;cursor:pointer; position:relative;	background:url(../images/large_right.png) no-Repeat top left;	width:40px;	height:40px;   }


.tp-leftarrow.round										{	z-index:100;cursor:pointer; position:relative;	background:url(../images/small_left.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left; margin-top:0px;	}
.tp-rightarrow.round									{	z-index:100;cursor:pointer; position:relative;	background:url(../images/small_right.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left;	margin-top:0px}


.tp-leftarrow.round-old									{	z-index:100;cursor:pointer; position:relative;	background:url(../images/arrow_left.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left; margin-top:0px;	}
.tp-rightarrow.round-old								{	z-index:100;cursor:pointer; position:relative;	background:url(../images/arrow_right.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left;	margin-top:0px}


.tp-leftarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(../images/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(../images/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(../images/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(../images/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(../images/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:0px}
.tp-rightarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(../images/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:0px}


.tp-leftarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(../images/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:0px}
.tp-rightarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(../images/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:0px}


.tp-leftarrow.default									{	z-index:100;cursor:pointer; position:relative;	background:url(../images/large_left.png) no-Repeat 0 0;	width:40px;	height:40px;

}
.tp-rightarrow.default									{	z-index:100;cursor:pointer; position:relative;	background:url(../images/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(../images/timer.png);position:absolute; z-index:200;top:0px}
.tp-bannertimer.tp-bottom					{	bottom:0px;height:5px; top:auto}




/***************************************
        -	RESPONSIVE SETTINGS 	-
****************************************/




@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,
.tp-simpleresponsive ul li,
.tp-simpleresponsive ul li:before {
    list-style:none;
    padding:0 !important;
    margin:0 !important;
    list-style:none !important;
    overflow-x: visible;
    overflow-y: visible;
    background-image:none
}


.tp-simpleresponsive >ul >li{
    list-style:none;
    position:absolute;
    visibility:hidden
}

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {	width:3000px; height:1500px;  background:url(../images/coloredbg.png) repeat}

.tp-caption.slidelink a span	{	background:url(../images/coloredbg.png) repeat}



/*****************************************
        -	NAVIGATION FANCY EXAMPLES	-
*****************************************/

.tparrows .tp-arr-imgholder								{ display: none}
.tparrows .tp-arr-titleholder							{ display: none}



/*****************************************
        -	NAVIGATION FANCY EXAMPLES	-
*****************************************/

/* NAVIGATION PREVIEW 1 */
.tparrows.preview1 							{	width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent}
.tparrows.preview1:after					{	position:absolute; left:0px;top:0px; font-family:'FontAwesome'; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s}
.tp-rightarrow.preview1:after				{	content: '\f105';  }
.tp-leftarrow.preview1:after				{	content: '\f104';  }

.tparrows.preview1:hover:after 				{	background:rgba(255,255,255,1); color:#aaa}

.tparrows.preview1 .tp-arr-imgholder 		{	background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px;
                                         -webkit-transition: -webkit-transform 0.3s;
                                         transition: transform 0.3s;
                                         -webkit-backface-visibility: hidden;
                                         backface-visibility: hidden;
}
.tparrows.preview1 .tp-arr-iwrapper			{	  -webkit-transition: all 0.3s;transition: all 0.3s;
                                          -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0}
.tparrows.preview1:hover .tp-arr-iwrapper	{	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}


.tp-rightarrow.preview1 .tp-arr-imgholder	{	right:100%;
                                            -webkit-transform: rotateY(-90deg);
                                            transform: rotateY(-90deg);
                                            -webkit-transform-origin: 100% 50%;
                                            transform-origin: 100% 50%;
                                            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;



}
.tp-leftarrow.preview1 .tp-arr-imgholder	{	left:100%;
                                           -webkit-transform: rotateY(90deg);
                                           transform: rotateY(90deg);
                                           -webkit-transform-origin: 0% 50%;
                                           transform-origin: 0% 50%;
                                           -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;



}


.tparrows.preview1:hover .tp-arr-imgholder	{	-webkit-transform: rotateY(0deg);
                                             transform: rotateY(0deg);
                                             -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;

}


@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview1,
    .tparrows.preview1:after	{	width:80px; height:80px;line-height:80px; font-size:24px}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview1,
    .tparrows.preview1:after	{	width:60px; height:60px;line-height:60px;font-size:20px}

}



@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tparrows.preview1,
    .tparrows.preview1:after	{	width:40px; height:40px;line-height:40px; font-size:12px}
}

/* PREVIEW 1 BULLETS */

.tp-bullets.preview1 						{ 	height: 21px}
.tp-bullets.preview1 .bullet 				{	cursor: pointer;
                                   position: relative !important;
                                   background: rgba(0, 0, 0, 0.15) !important;
                                   /*-webkit-border-radius: 10px;
                                   border-radius: 10px;*/
                                   -webkit-box-shadow: none;
                                   -moz-box-shadow: none;
                                   box-shadow: none;
                                   width: 5px !important;
                                   height: 5px !important;
                                   border: 8px solid rgba(0, 0, 0, 0) !important;
                                   display: inline-block;
                                   margin-right: 5px !important;
                                   margin-bottom: 0px !important;
                                   -webkit-transition: background-color 0.2s, border-color 0.2s;
                                   -moz-transition: background-color 0.2s, border-color 0.2s;
                                   -o-transition: background-color 0.2s, border-color 0.2s;
                                   -ms-transition: background-color 0.2s, border-color 0.2s;
                                   transition: background-color 0.2s, border-color 0.2s;
                                   float:none !important;
                                   box-sizing:content-box;
                                   -moz-box-sizing:content-box;
                                   -webkit-box-sizing:content-box;
}
.tp-bullets.preview1 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview1 .bullet:hover,
.tp-bullets.preview1 .bullet.selected 		{	-webkit-box-shadow: none;
                                          -moz-box-shadow: none;
                                          box-shadow: none;
                                          background: #aaa !important;
                                          width: 5px !important;
                                          height: 5px !important;
                                          border: 8px solid rgba(255, 255, 255, 1) !important;
}




/* NAVIGATION PREVIEW 2 */
.tparrows.preview2 							{	min-width:60px; min-height:60px; background:#fff; ;

                            border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
                            overflow:hidden;
                            -webkit-transition: -webkit-transform 1.3s;
                            -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
                            transition: width 0.3s, background-color 0.3s, opacity 0.3s;
                            backface-visibility: hidden;
}
.tparrows.preview2:after					{	position:absolute; top:50%; font-family: 'FontAwesome'; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s }
.tp-rightarrow.preview2:after				{	content: '\f105';  right:24px}
.tp-leftarrow.preview2:after				{	content: '\f104';  left:24px}


.tparrows.preview2 .tp-arr-titleholder 		{	background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px;
                                           -webkit-transition: -webkit-transform 0.3s;
                                           transition: transform 0.3s;
                                           -webkit-backface-visibility: hidden;
                                           backface-visibility: hidden;
                                           white-space: nowrap;
                                           color: #000;
                                           text-transform: uppercase;
                                           font-weight: 400;
                                           font-size: 14px;
                                           line-height: 60px;
                                           padding:0px 10px;
}

.tp-rightarrow.preview2 .tp-arr-titleholder	{	 right:50px;
                                               -webkit-transform: translateX(-100%);
                                               transform: translateX(-100%);
}
.tp-leftarrow.preview2 .tp-arr-titleholder	{	left:50px;
                                             -webkit-transform: translateX(100%);
                                             transform: translateX(100%);
}

.tparrows.preview2.hovered					{	width:300px}
.tparrows.preview2:hover					{	background:#fff}
.tparrows.preview2:hover:after				{	color:#000}
.tparrows.preview2:hover .tp-arr-titleholder{	-webkit-transform: translateX(0px);
                                              transform: translateX(0px);
                                              visibility: visible;
                                              position: absolute;
}

/* PREVIEW 2 BULLETS */

.tp-bullets.preview2 						{ 	height: 17px}
.tp-bullets.preview2 .bullet 				{	cursor: pointer;
                                   position: relative !important;
                                   background: rgba(0, 0, 0, 0.5) !important;
                                   -webkit-border-radius: 10px;
                                   border-radius: 10px;
                                   -webkit-box-shadow: none;
                                   -moz-box-shadow: none;
                                   box-shadow: none;
                                   width: 6px !important;
                                   height: 6px !important;
                                   border: 5px solid rgba(0, 0, 0, 0) !important;
                                   display: inline-block;
                                   margin-right: 2px !important;
                                   margin-bottom: 0px !important;
                                   -webkit-transition: background-color 0.2s, border-color 0.2s;
                                   -moz-transition: background-color 0.2s, border-color 0.2s;
                                   -o-transition: background-color 0.2s, border-color 0.2s;
                                   -ms-transition: background-color 0.2s, border-color 0.2s;
                                   transition: background-color 0.2s, border-color 0.2s;
                                   float:none !important;
                                   box-sizing:content-box;
                                   -moz-box-sizing:content-box;
                                   -webkit-box-sizing:content-box;
}
.tp-bullets.preview2 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected 		{	-webkit-box-shadow: none;
                                          -moz-box-shadow: none;
                                          box-shadow: none;
                                          background: rgba(255, 255, 255, 1) !important;
                                          width: 6px !important;
                                          height: 6px !important;
                                          border: 5px solid rgba(0, 0, 0, 1) !important;
}

.tp-arr-titleholder.alwayshidden			{	display:none !important}


@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview2 {	min-width:40px; min-height:40px; width:40px;height:40px;
                         border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
    }
    .tparrows.preview2:after					{	position:absolute; top:50%; font-family: 'FontAwesome'; font-size:20px; margin-top: -12px}
    .tp-rightarrow.preview2:after				{	content: '\f105';  right:11px}
    .tp-leftarrow.preview2:after				{	content: '\f104';  left:11px}
    .tparrows.preview2 .tp-arr-titleholder		{	font-size:12px; line-height:40px; letter-spacing: 0px}
    .tp-rightarrow.preview2 .tp-arr-titleholder	{	right:35px}
    .tp-leftarrow.preview2 .tp-arr-titleholder	{	left:35px}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview2 						{	min-width:30px; min-height:30px; width:30px;height:30px;
                               border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
    }
    .tparrows.preview2:after					{	position:absolute; top:50%; font-family: 'FontAwesome'; font-size:14px; margin-top: -12px}
    .tp-rightarrow.preview2:after				{	content: '\f105';  right:8px}
    .tp-leftarrow.preview2:after				{	content: '\f104';  left:8px}
    .tparrows.preview2 .tp-arr-titleholder		{	font-size:10px; line-height:30px; letter-spacing: 0px}
    .tp-rightarrow.preview2 .tp-arr-titleholder	{	right:25px}
    .tp-leftarrow.preview2 .tp-arr-titleholder	{	left:25px}
    .tparrows.preview2 .tp-arr-titleholder		{	display:none;visibility:none}


}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tparrows.preview2 							{	min-width:30px; min-height:30px; width:30px;height:30px;
                                border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
    }
    .tparrows.preview2:after					{	position:absolute; top:50%; font-family: 'FontAwesome'; font-size:14px; margin-top: -12px}
    .tp-rightarrow.preview2:after				{	content: '\f105';  right:8px}
    .tp-leftarrow.preview2:after				{	content: '\f104';  left:8px}
    .tparrows.preview2 .tp-arr-titleholder		{	display:none;visibility:none}
    .tparrows.preview2:hover					{	width:30px !important; height:30px !important}
}



/* NAVIGATION PREVIEW 3 */
.tparrows.preview3 							{	width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat}
.tparrows.preview3:after					{	position:absolute;  line-height: 70px;text-align: center; font-family: 'FontAwesome'; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s}
.tparrows.preview3:hover:after					{	color:#000}
.tp-rightarrow.preview3:after				{	content: '\f105';  }
.tp-leftarrow.preview3:after				{	content: '\f104';  }


.tparrows.preview3 .tp-arr-iwrapper			{
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75);
    display: table;min-height:90px;top:-10px}

.tp-leftarrow.preview3 .tp-arr-iwrapper		{	 -webkit-transform: scale(0,1);
                                            transform: scale(0,1);
                                            -webkit-transform-origin: 0% 50%;
                                            transform-origin: 0% 50%;
}

.tparrows.preview3 .tp-arr-imgholder 		{	display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px;
                                         position:relative;top:0px}

.tp-rightarrow.preview3 .tp-arr-iwrapper	{	right:0px;padding-right:70px}
.tp-leftarrow.preview3 .tp-arr-iwrapper		{	left:0px; direction: rtl;padding-left:70px}
.tparrows.preview3 .tp-arr-titleholder		{	display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle}

.tparrows.preview3:hover .tp-arr-iwrapper	{
    -webkit-transform: scale(1,1);
    transform: scale(1,1);

}

/* PREVIEW 3 BULLETS */
.tp-bullets.preview3 						{ 	height: 17px}
.tp-bullets.preview3 .bullet 				{	cursor: pointer;
                                   position: relative !important;
                                   background: rgba(0, 0, 0, 0.5) !important;
                                   -webkit-border-radius: 10px;
                                   border-radius: 10px;
                                   -webkit-box-shadow: none;
                                   -moz-box-shadow: none;
                                   box-shadow: none;
                                   width: 6px !important;
                                   height: 6px !important;
                                   border: 5px solid rgba(0, 0, 0, 0) !important;
                                   display: inline-block;
                                   margin-right: 2px !important;
                                   margin-bottom: 0px !important;
                                   -webkit-transition: background-color 0.2s, border-color 0.2s;
                                   -moz-transition: background-color 0.2s, border-color 0.2s;
                                   -o-transition: background-color 0.2s, border-color 0.2s;
                                   -ms-transition: background-color 0.2s, border-color 0.2s;
                                   transition: background-color 0.2s, border-color 0.2s;
                                   float:none !important;
                                   box-sizing:content-box;
                                   -moz-box-sizing:content-box;
                                   -webkit-box-sizing:content-box;
}
.tp-bullets.preview3 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview3 .bullet:hover,
.tp-bullets.preview3 .bullet.selected 		{	-webkit-box-shadow: none;
                                          -moz-box-shadow: none;
                                          box-shadow: none;
                                          background: rgba(255, 255, 255, 1) !important;
                                          width: 6px !important;
                                          height: 6px !important;
                                          border: 5px solid rgba(0, 0, 0, 1) !important;
}


@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview3:after,
    .tparrows.preview3 							{	width:50px; height:50px; line-height:50px;font-size:20px}
    .tparrows.preview3 .tp-arr-iwrapper			{	min-height:70px}
    .tparrows.preview3 .tp-arr-imgholder 		{	min-width:70px;height:70px}
    .tp-rightarrow.preview3 .tp-arr-iwrapper	{	padding-right:50px}
    .tp-leftarrow.preview3 .tp-arr-iwrapper		{	padding-left:50px}
    .tparrows.preview3 .tp-arr-titleholder		{	padding:10px;font-size:16px}



}

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

    .tparrows.preview3:after,
    .tparrows.preview3 							{	width:50px; height:50px; line-height:50px;font-size:20px}
    .tparrows.preview3 .tp-arr-iwrapper			{	min-height:70px}
}





/* NAVIGATION PREVIEW 4 */
.tparrows.preview4 							{	width:30px; height:110px;  background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000}
.tparrows.preview4:after					{	position:absolute;  line-height: 110px;text-align: center; font-family: 'FontAwesome'; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25);
                               -webkit-transition: all 0.2s ease-in-out;
                               -moz-transition: all 0.2s ease-in-out;
                               -o-transition: all 0.2s ease-in-out;
                               transition: all 0.2s ease-in-out;
                               -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;

}

.tp-rightarrow.preview4:after				{	content: '\f105';  }
.tp-leftarrow.preview4:after				{	content: '\f104';  }


.tparrows.preview4 .tp-arr-allwrapper		{	visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat}

.tp-leftarrow.preview4 .tp-arr-allwrapper	{	left:0px}
.tparrows.preview4 .tp-arr-iwrapper			{	position: relative}

.tparrows.preview4 .tp-arr-imgholder 		{	display:block;background-size:cover; background-position:center center;width:180px;height:110px;
                                         position:relative;top:0px;

                                         -webkit-backface-visibility: hidden;
                                         backface-visibility: hidden;



}


.tparrows.preview4 .tp-arr-imgholder2 		{	display:block;background-size:cover; background-position:center center; width:180px;height:110px;
                                          position:absolute;top:0px; left:180px;
                                          -webkit-backface-visibility: hidden;
                                          backface-visibility: hidden;

}

.tp-leftarrow.preview4 .tp-arr-imgholder2 	{	left:-180px}




.tparrows.preview4 .tp-arr-titleholder		{	display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative;
                                          background: #000;
                                          color: #FFF;
                                          text-transform: uppercase;
                                          white-space: nowrap;
                                          letter-spacing: 1px;
                                          font-weight: 700;
                                          font-size: 11px;
                                          line-height: 2.75;
                                          -webkit-transition: all 0.3s;
                                          transition: all 0.3s;
                                          -webkit-transform: rotateX(-90deg);
                                          transform: rotateX(-90deg);
                                          -webkit-transform-origin: 50% 0;
                                          transform-origin: 50% 0;
                                          -webkit-backface-visibility: hidden;
                                          backface-visibility: hidden;
                                          -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;


}



.tparrows.preview4:after				{	transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%}
.tp-leftarrow.preview4:after			{	transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%}




@media only screen and (min-width: 768px)  {
    .tparrows.preview4:hover:after				{	-webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)}
    .tp-leftarrow.preview4:hover:after			{	-webkit-transform: rotateY(90deg); transform:rotateY(90deg)}


    .tparrows.preview4:hover .tp-arr-titleholder	{	-webkit-transition-delay: 0.4s;
                                                   transition-delay: 0.4s;
                                                   -webkit-transform: rotateX(0deg);
                                                   transform: rotateX(0deg);
                                                   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;

    }
}

/* PREVIEW 4 BULLETS */

.tp-bullets.preview4 						{ 	height: 17px}
.tp-bullets.preview4 .bullet 				{	cursor: pointer;
                                   position: relative !important;
                                   background: rgba(0, 0, 0, 0.5) !important;
                                   -webkit-border-radius: 10px;
                                   border-radius: 10px;
                                   -webkit-box-shadow: none;
                                   -moz-box-shadow: none;
                                   box-shadow: none;
                                   width: 6px !important;
                                   height: 6px !important;
                                   border: 5px solid rgba(0, 0, 0, 0) !important;
                                   display: inline-block;
                                   margin-right: 2px !important;
                                   margin-bottom: 0px !important;
                                   -webkit-transition: background-color 0.2s, border-color 0.2s;
                                   -moz-transition: background-color 0.2s, border-color 0.2s;
                                   -o-transition: background-color 0.2s, border-color 0.2s;
                                   -ms-transition: background-color 0.2s, border-color 0.2s;
                                   transition: background-color 0.2s, border-color 0.2s;
                                   float:none !important;
                                   box-sizing:content-box;
                                   -moz-box-sizing:content-box;
                                   -webkit-box-sizing:content-box;
}
.tp-bullets.preview4 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected 		{	-webkit-box-shadow: none;
                                          -moz-box-shadow: none;
                                          box-shadow: none;
                                          background: rgba(255, 255, 255, 1) !important;
                                          width: 6px !important;
                                          height: 6px !important;
                                          border: 5px solid rgba(0, 0, 0, 1) !important;
}


@media only screen  and (max-width: 767px) {
    .tparrows.preview4 						{	width:20px; height:80px}
    .tparrows.preview4:after					{	width:20px; height:80px; line-height:80px; font-size:14px}

    .tparrows.preview1 .tp-arr-allwrapper,
    .tparrows.preview2 .tp-arr-allwrapper,
    .tparrows.preview3 .tp-arr-allwrapper,
    .tparrows.preview4 .tp-arr-allwrapper		{	display: none !important}
}

/* PREVIEW 5 BULLETS */

.tp-bullets.preview5 						{ 	height: 17px; margin-bottom: 40px;}
.tp-bullets.preview5 .bullet 				{	cursor: pointer;
                                   position: relative !important;
                                   background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0 !important;
                                   -webkit-border-radius: 4px;
                                   border-radius: 4px;
                                   -webkit-box-shadow: none;
                                   -moz-box-shadow: none;
                                   box-shadow: none;
                                   width: 6px !important;
                                   height: 6px !important;
                                   box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1) !important;
                                   display: inline-block;
                                   margin-right: 10px !important;
                                   margin-bottom: 0px !important;
                                   -webkit-transition: background-color 0.2s, border-color 0.2s;
                                   -moz-transition: background-color 0.2s, border-color 0.2s;
                                   -o-transition: background-color 0.2s, border-color 0.2s;
                                   -ms-transition: background-color 0.2s, border-color 0.2s;
                                   transition: background-color 0.2s, border-color 0.2s;
                                   float:none !important;
                                   box-sizing:content-box;
                                   -moz-box-sizing:content-box;
                                   -webkit-box-sizing:content-box;
}
.tp-bullets.preview5 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview5 .bullet:hover,
.tp-bullets.preview5 .bullet.selected 		{	-webkit-box-shadow: none;
                                          -moz-box-shadow: none;
                                          box-shadow: none;
                                          background: rgba(0, 0, 0, 0) !important;
                                          width: 7px !important;
                                          height: 7px !important;
                                          border: 1px solid rgba(255, 255, 255, 1) !important;
                                          bottom: -1px !important;
}


@media only screen  and (max-width: 767px) {
    .tparrows.preview5 						{	width:20px; height:80px}
    .tparrows.preview5:after					{	width:20px; height:80px; line-height:80px; font-size:14px}

    .tparrows.preview1 .tp-arr-allwrapper,
    .tparrows.preview2 .tp-arr-allwrapper,
    .tparrows.preview3 .tp-arr-allwrapper,
    .tparrows.preview5 .tp-arr-allwrapper		{	display: none !important}
}



/******************************
        -	LOADER FORMS	-
********************************/

.tp-loader 	{
    top:50%; left:50%;
    z-index:10000;
    position:absolute;


}

.tp-loader.spinner0 {
    width: 40px;
    height: 40px;
    background:url(../images/loader.gif) no-repeat center center;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    margin-top:-20px;
    margin-left:-20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


.tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    margin-top:-20px;
    margin-left:-20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}



.tp-loader.spinner5 	{	background:url(../images/loader.gif) no-repeat 10px 10px;
                       background-color:#fff;
                       margin:-22px -22px;
                       width:44px;height:44px;
                       border-radius: 3px;
                       -moz-border-radius: 3px;
                       -webkit-border-radius: 3px;
}


@-webkit-keyframes tp-rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    } 50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    } 100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}


.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top:-20px;margin-left:-20px;
    background-color: #ff0000;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
    animation: tp-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes tp-scaleout {
    0% { -webkit-transform: scale(0.0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}




.tp-loader.spinner3 {
    margin: -9px 0px 0px -35px;
    width: 70px;
    text-align: center;

}

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.tp-loader.spinner3 .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.tp-loader.spinner3 .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes tp-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}




.tp-loader.spinner4 {
    margin: -20px 0px 0px -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2.0s infinite linear;
    animation: tp-rotate 2.0s infinite linear;
}

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
    animation: tp-bounce 2.0s infinite ease-in-out;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes tp-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}



.tp-transparentimg {	content:"url(/images/transparent.png)"}
.tp-3d				{	-webkit-transform-style: preserve-3d;
            -webkit-transform-origin: 50% 50%;
}



.tp-caption img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    zoom: 1;
}



/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'revicons';
    src: url('../fonts/revicons.svg?5510888#revicons') format('svg');
  }
}
*/

[class^="revicon-"]:before, [class*=" revicon-"]:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.revicon-search-1:before { content: '\e802'} /* 'î ‚' */
.revicon-pencil-1:before { content: '\e831'} /* 'î ±' */
.revicon-picture-1:before { content: '\e803'} /* 'î ƒ' */
.revicon-cancel:before { content: '\e80a'} /* 'î Š' */
.revicon-info-circled:before { content: '\e80f'} /* '' */
.revicon-trash:before { content: '\e801'} /* '' */
.revicon-left-dir:before { content: '\e817'} /* 'î —' */
.revicon-right-dir:before { content: '\e818'} /* 'î ˜' */
.revicon-down-open:before { content: '\e83b'} /* 'î »' */
.revicon-left-open:before { content: '\e819'} /* 'î ™' */
.revicon-right-open:before { content: '\e81a'} /* 'î š' */
.revicon-angle-left:before { content: '\e820'} /* 'î  ' */
.revicon-angle-right:before { content: '\e81d'} /* '' */
.revicon-left-big:before { content: '\e81f'} /* 'î Ÿ' */
.revicon-right-big:before { content: '\e81e'} /* 'î ž' */
.revicon-magic:before { content: '\e807'} /* 'î ‡' */
.revicon-picture:before { content: '\e800'} /* 'î €' */
.revicon-export:before { content: '\e80b'} /* 'î ‹' */
.revicon-cog:before { content: '\e832'} /* 'î ²' */
.revicon-login:before { content: '\e833'} /* 'î ³' */
.revicon-logout:before { content: '\e834'} /* 'î ´' */
.revicon-video:before { content: '\e805'} /* 'î …' */
.revicon-arrow-combo:before { content: '\e827'} /* 'î §' */
.revicon-left-open-1:before { content: '\e82a'} /* 'î ª' */
.revicon-right-open-1:before { content: '\e82b'} /* 'î «' */
.revicon-left-open-mini:before { content: '\e822'} /* 'î ¢' */
.revicon-right-open-mini:before { content: '\e823'} /* 'î £' */
.revicon-left-open-big:before { content: '\e824'} /* 'î ¤' */
.revicon-right-open-big:before { content: '\e825'} /* 'î ¥' */
.revicon-left:before { content: '\e836'} /* 'î ¶' */
.revicon-right:before { content: '\e826'} /* 'î ¦' */
.revicon-ccw:before { content: '\e808'} /* 'î ˆ' */
.revicon-arrows-ccw:before { content: '\e806'} /* 'î †' */
.revicon-palette:before { content: '\e829'} /* 'î ©' */
.revicon-list-add:before { content: '\e80c'} /* '' */
.revicon-doc:before { content: '\e809'} /* 'î ‰' */
.revicon-left-open-outline:before { content: '\e82e'} /* 'î ®' */
.revicon-left-open-2:before { content: '\e82c'} /* 'î ¬' */
.revicon-right-open-outline:before { content: '\e82f'} /* 'î ¯' */
.revicon-right-open-2:before { content: '\e82d'} /* 'î ­' */
.revicon-equalizer:before { content: '\e83a'} /* 'î º' */
.revicon-layers-alt:before { content: '\e804'} /* 'î „' */
.revicon-popup:before { content: '\e828'} /* 'î ¨' */
/* Magnific Popup CSS */
.mfp-container * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #fff;
    opacity:1;
    filter: alpha(opacity=90);
}
.mfp-black-bg {
    background:rgba(0,0,0,.7)
}
.mfp-white-bg {
    background:rgba(255,255,255,.96)
}
.overflow-hidden .mfp-content {height:100%}
.overflow-hidden .mfp-iframe-holder .mfp-content {height: auto}
#search-header .mfp-close { background-color:transparent !important; color:#484848 !important; font-size: 25px !important; height: 60px; width: 60px;}
.search-popup {cursor:default !important}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }
.mfp-container figure:hover img{
    transform: none;
    opacity: 1;
}
.popup-gallery img, .lightbox-gallery img, .image-popup-no-margins img, .image-popup-vertical-fit img {
    cursor:url("../images/icon-zoom.png"), pointer;
}
.portfolio-nav .mfp-close {
    position: inherit;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }
.search-popup {
    position:initial;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close, .mfp-image-holder, .mfp-iframe-holder, .mfp-close-btn-in, .mfp-content {
    cursor:url("../images/icon-zoom-out.png"), pointer;
}
#popup-form {
    cursor:default;
}
.zoom-gallery img {
    cursor:url("../images/icon-zoom2.png"), pointer;
}
zoom-in
.mfp-zoom{
    cursor:url("../images/icon-zoom.png"), pointer;
}

.mfp-auto-cursor .mfp-content {
    cursor:url("../images/icon-zoom-out.png"), pointer;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #CCC; }
.mfp-preloader a:hover {
    color: #FFF; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none; }
button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 34px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    padding: 0 0 18px 10px;
    font-style: normal;
    background-color: #000 !important;
    color: #fff !important;
    font-size:18px;
}
.mfp-iframe-holder .mfp-close, .mfp-ajax-holder .mfp-close{ 
    display:none !important
}
.mfp-figure .mfp-close { display: none}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #000;
    font-size: 37px;
    padding-right: 6px;
    right: -6px;
    top: -27px;
    width: 100%;
}

.mfp-counter {
    display:none;
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }

.mfp-arrow {
    position: absolute;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
}

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #000; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #000; }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0;
    margin: 0 auto;
    cursor: default;
    cursor: pointer;
    padding: 30px 0;
    background:#fff;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;

}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;

    background: #444; }
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }
.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding-bottom: 30px;
    cursor: auto;
}

.mfp-title {
    text-align: center;
    text-transform: uppercase;
    word-wrap: break-word;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 20px;
    padding: 0 20px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }

    .mfp-container {
        padding-left: 0;
        padding-right: 0; }
}

.mfp-ie7 .mfp-img {
    padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
    padding: 0; }
.mfp-ie7 .mfp-content {
    padding-top: 44px; }
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; 
}


@-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;}
}
.mfp-figure { 
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -ms-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
}

/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;

    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out; 


    -webkit-transform: scale(0.8); 
    -moz-transform: scale(0.8); 
    -ms-transform: scale(0.8); 
    -o-transform: scale(0.8); 
    transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;

    -webkit-transform: scale(1); 
    -moz-transform: scale(1); 
    -ms-transform: scale(1); 
    -o-transform: scale(1); 
    transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8); 
    -moz-transform: scale(0.8); 
    -ms-transform: scale(0.8); 
    -o-transform: scale(0.8); 
    transform: scale(0.8); 

    opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out; 
    -moz-transition: opacity 0.3s ease-out; 
    -o-transition: opacity 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;

    -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out; 
    -moz-transition: opacity 0.3s ease-out; 
    -o-transition: opacity 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out; 
    -moz-transition: all 0.15s ease-out; 
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 1;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out; 
    -moz-transition: all 0.15s ease-out; 
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* 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;
    cursor: url("../images/icon-move.png"), move;
}
.owl-carousel.light-pagination .owl-item{
	float: left;
        cursor: url("../images/icon-move-light.png"), move;
}
.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: deafult;
}

/* 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);
}
.cursor-default .owl-item {
    cursor: default !important
}
/* 
 *  Owl Carousel CSS3 Transitions 
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

html, body {
    height: 100%;
    width: 100%;
}
.menu-wrap a {
    color: #b8b7ad;
}
.menu-wrap a:hover, .menu-wrap a:focus {
    color: #c94e50;
}
.menu-button {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    border: medium none;
    color: transparent;
    height: 33px;
    margin: 60px 70px;
    padding: 0;
    position: fixed;
    text-indent: 2.5em;
    width: 36px;
    z-index: 1000;
}
.menu-button::before {
    background: rgba(0, 0, 0, 0) url("../images/pull-menu.png") no-repeat scroll center center;
    bottom: 0.5em;
    content: "";
    left:-7px;
    position: absolute;
    top: -9px;
    width: 50px;
    height:50px;
}
.menu-button:hover {
    opacity: 0.6;
}
.menu-button-orange {
    background: rgba(25, 25, 25, 1) none repeat scroll 0 0;
    border: medium none;
    color: transparent;
    height: 36px;
    margin: 0;
    padding: 0;
    position: fixed;
    text-indent: 2.5em;
    width: 40px;
    z-index: 1000;
    border: 1px solid #ef824c !important;
    right: 0;
    top: 0px;
}  
.menu-button-orange::before {
    background: rgba(0, 0, 0, 0) url("../images/pull-menu-orange.png") repeat scroll center center;
    bottom: 0.5em;
    content: "";
    left: 0.5em;
    position: absolute;
    right: 0.5em;
    top: 0.5em;
}
.menu-button-orange:hover {
    opacity: 0.6;
}
.shrink-nav .menu-button-orange {height: 34px; width: 36px; top: 0;}


.menu-button-yellow {
    background: rgba(25, 25, 25, 1) none repeat scroll 0 0;
    border: medium none;
    color: transparent;
    height: 50px;
    margin: 0;
    padding: 0;
    position: fixed;
    text-indent: 2.5em;
    width: 50px;
    z-index: 1000;
    border: 1px solid #fdd947 !important;
    right: 0;
    top: -7px;
}  
.menu-button-yellow::before {
    background: rgba(0, 0, 0, 0) url("../images/pull-menu-yellow.png") repeat scroll center center;
    bottom: 0.5em;
    content: "";
    left: 0.5em;
    position: absolute;
    right: 0.5em;
    top: 0.5em;
}
.menu-button-yellow:hover {
    opacity: 0.6;
}
.shrink-nav .menu-button-yellow {height: 34px; width: 36px; top: 0;}



.close-button {
    background: #fff;
    border: medium none;
    color: transparent;
    font-size: 0.75em;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 1em;
    top: 0;
    width: 24px;
}
.close-button::before, .close-button::after {
    background: #000;
    content: "";
    height: 32%;
    left: 50%;
    position: absolute;
    top: 35%;
    width: 2px;
}
.close-button::before {
    transform: rotate(45deg);
}
.close-button::after {
    transform: rotate(-45deg);
}
.menu-wrap {
    font-size: 1.15em;
    left: -275px;
    padding: 60px 30px;
    position: fixed;
    width: 245px;
    z-index: 1001;
    background: #000;
}
.menu, .icon-list {
    height: 100%;
}
.icon-list a span {
    font-weight: 700;
    margin-left: 10px;
}
.show-menu .menu-wrap {
    left: 60px;
}
.show-menu .icon-list, .show-menu .icon-list a {
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.show-menu .icon-list a {
    transition-duration: 0.9s;
}
.show-menu .content::before {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition: opacity 0.8s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

@charset "utf-8";

/* ----------------------------------

Name:style.css
Version:1.0.0

----------------------------------

Table of contents
        
    01.  Google font
    02.  Reset
    03.  Typography
    04.  Icon
    05.  Background color
    06.  Custom
    07.  Border
    08.  Scroll to top
    09.  Slider background and overlay
    10.  Navigation
    11.  Page titles
    12.  Section
    13.  Footer
    14.  Owl carousel
    15.  Slider and parallax typography
    16.  Parallax
    17.  One page
    18.  Bootstrap slider
    19.  Portfolio - ajax
    20.  Portfolio - multi pages
    21.  Masonry portfolio - home
    22.  Full screen video
    23.  Half screen video
    24.  Coming soon
    25.  Full width image
    26.  Blog
    27.  Intro
    28.  Portfolio
    29.  Elements
    30.  Pages
    31.  Shop
    32.  Onepage demo
    33.  Multipage demo

*/



body{ font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; font-size:13px; color:#626262; line-height:23px; letter-spacing: 0.02em }
a{ color: #000; }
a:hover{ color: #575757; }
img { -webkit-backface-visibility: hidden; max-width:100%; height:auto; }
video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; }
ul{ margin: 0px; padding:0px; }
input, textarea, select{ border: 1px solid #dfdfdf; letter-spacing: 1px; font-size: 11px;  padding: 8px 15px; width: 100%; margin: 0 0 20px 0; text-transform: uppercase; max-width: 100%; resize: none;}
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none;  border-radius: 0; }
input:focus, textarea:focus{ border: 1px solid #989898; }
input[type="submit"]:focus { border:none !important}
select::-ms-expand{ display:none; }
iframe { border: 0;}
.sound iframe {width:100%}
ul { list-style: none outside none; }
ul, ol, dl {list-style-position: outside;}
/* * { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } */
::selection { color: #000; background:#dcdcdc; }
::-moz-selection { color:#000; background:#dcdcdc; }
::-webkit-input-placeholder { color: #999; text-overflow: ellipsis; }
:-moz-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; }
::-moz-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; } 
:-ms-input-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; }
::-webkit-scrollbar { width:12px }
::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3); box-shadow:inset 0 0 6px rgba(0,0,0,.3); }
::-webkit-scrollbar-thumb { background:rgba(210,210,210,.8); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5); box-shadow:inset 0 0 6px rgba(0,0,0,.5); }
::-webkit-scrollbar-thumb:window-inactive { background:rgba(210,210,210,.4) }
.animated { -moz-transition-duration: 0s !important;  }



/* only ie7, ie9, ie10, ie11 */
@media screen\0 { input { /* ie7, ie9, ie10, ie11+ only */ padding-bottom: 19px; } }
/* Remove inner shadow from inputs on mobile iOS */

/* ===================================
    Typography
====================================== */

/* font family */
.alt-font {font-family: "Oswald",sans-serif !important;}
.main-font {font-family: 'MuseoSans-300', sans-serif !important;}


/* heading */
h1, h2, h3, h4, h5 { text-transform: uppercase; margin:0; padding:0; color: #000; }
h1 { font-weight:700; line-height: 45px}
h2 { font-size:24px; font-weight:400; letter-spacing:inherit; line-height: 30px}
h3 { font-size:14px; letter-spacing:inherit; font-weight:700; }
h4 { letter-spacing: 0px; font-weight:400; text-transform:none; font-size:16px; line-height: 26px}
h5 { letter-spacing: 2px; font-weight:600; font-size:11px}
h6 { font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-size: 13px; font-weight: 400; line-height: 20px}

/* section title */
.section-title{ text-transform: uppercase; font-weight: 700; font-size: 20px; letter-spacing: 2px; padding: 0 0 100px 0;}
.tab-content .section-title { border: medium none; font-size: 40px; font-weight: 100; text-transform: none; margin:2% 0 0; padding:0}
.title-gray{ border:1px solid #b5b5b5; color:#b5b5b5}
.title-white{ border:1px solid #ffffff; color:#ffffff}
h1.big { color:#ffffff; font-size:65px; font-weight:600; line-height:76px; margin-bottom:0px;}
h1.title { font-size:60px; font-weight:700; line-height:65px; margin-bottom:0px; display: inline-block;}
span.underline-bg { display: table; height: 2px; width: 100%; position: relative; top: -28px; z-index:2}
h1.big span { font-weight:300;}
.banner-content { font-size:18px; line-height:28px;}
h1.page-title { margin:95px auto 0; width: 100%; }
.highlight-title { font-family:'Oswald', sans-serif; font-weight:100; color:#000; font-size:65px; letter-spacing:0;}
.highlight-title span { font-weight:600}
.work-process-title{font-size: 12px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; color: #000; }

/* different text size */
.text-smaller { font-size:10px !important; line-height:15px !important;}
.text-small { font-size:11px !important; line-height:15px !important;}
.text-small-med{ font-size:13px !important; line-height:26px !important;}
.text-med{ font-size:14px !important; line-height:26px !important;}
.text-large { font-size: 15px !important; text-transform: uppercase; line-height: 24px !important;}
.text-extra-large { font-size: 16px !important; line-height: 28px !important; font-weight: 100; }
.text-extra-large strong { letter-spacing: 3px}
.text-extra-large-normal { font-weight: normal !important;}
.title-small{ font-size:18px !important; line-height:30px !important;}
.title-med{ font-size:24px !important; line-height:34px !important;}
.title-large{ font-size:28px !important; line-height:41px !important;}
.title-extra-large{ font-size:35px !important; line-height:43px !important;}

/* text color */
.white-text{ color:#FFF !important} 
.magenta-text{ color:#d94378 !important}
.orange-text{ color:#ff513b !important}
.orange-light-text{ color:#ef824c !important}
.deep-red-text{ color:#e75e50 !important}
.black-text{ color:#000 !important}
.yellow-text{ color:#e6af2a !important}
.yellow-light-text{color: #ffd200 !important}
.fast-yellow-text{ color:#f7d23d !important}
.pink-text{ color:#d9378e !important}

.light-gray-text{ color: #ababab !important}
.deep-gray-text { color: #464646 !important; }
.deep-light-gray-text { color: #878787 !important; }
.gray-text {  color:#7f7f7f !important}
.dark-gray-text { color:#373737 !important}

/* letter spacing */
.no-letter-spacing { letter-spacing: 0px !important}
.letter-spacing-1 { letter-spacing:1px !important}
.letter-spacing-2 { letter-spacing:2px !important}
.letter-spacing-3 { letter-spacing:3px !important}
.letter-spacing-4 { letter-spacing:4px !important}
.letter-spacing-5 { letter-spacing:5px !important}
.letter-spacing-6 { letter-spacing:6px !important}
.letter-spacing-7 { letter-spacing:7px !important}
.letter-spacing-8 { letter-spacing:8px !important}
.letter-spacing-9 { letter-spacing:9px !important}
.letter-spacing-10 { letter-spacing:10px !important}

/* font weight */
.font-weight-100 { font-weight:100 !important}
.font-weight-300 { font-weight:300 !important}
.font-weight-400 { font-weight:400 !important}
.font-weight-600 { font-weight:600 !important}
.font-weight-700 { font-weight:700 !important}
.font-weight-800 { font-weight:800 !important}

/* text property */
.text-transform-unset { text-transform:unset !important}
.text-decoration-underline { text-decoration:underline !important; }
.word-wrap { word-wrap: break-word}
.text-transform-none {text-transform:none !important}
.text-transform-uppercase {text-transform: uppercase !important}

/* ===================================
    Icon
====================================== */

i { color: #9a9a9a; margin: 0 3px}
.extra-large-icon {font-size:60px !important;}
.large-icon {font-size:50px !important;}
.medium-icon { font-size:40px !important; margin-bottom: 15px !important; }
.small-icon { font-size:25px !important;}
.extra-small-icon { font-size:18px !important;}

/* ===================================
    Background color
====================================== */

.bg-white{ background: #fff !important;}
.bg-yellow{ background: #e6af2a !important; }
.bg-deep-yellow{ background: #f7f5e7 !important; }
.bg-golden-yellow{ background: #c3bd86 !important; }
.bg-fast-yellow{ background: #fdd947 !important; }
.bg-dark-gray{ background: #252525 !important; }
.bg-mid-gray{ background: #d4d4d4 !important; }
.bg-black{ background: #000000 !important; }
.bg-highlight{ background: #345b8f !important; text-align:center}
.bg-green{ background: #70bd5b !important; }
.bg-gray-light { background-color: #fcfcfc !important;}
.bg-gray {background-color: #f6f6f6 !important;}
.bg-yellow-ochre { background-color: #997546 !important;}
.bg-deep-brown{ background-color: #544441 !important;}
.bg-transparent { background:transparent !important}
.bg-orange { background:#c24742 !important;}
.bg-deep-orange { background:#f15a22 !important;}
.bg-fast-orange { background:#ff513b !important;}
.bg-pink { background:#c2345f !important}
.bg-deep-red { background:#e75e50 !important}
.bg-deep-pink { background:#e53878 !important}
.bg-light-pink { background:#dc378e !important}
.bg-fast-pink { background:#ff1a56 !important}
.bg-magenta { background:#d94378 !important }
.bg-light-yellow {background:#f8f7f5 !important}
.bg-dark-green{ background:#60a532 !important;}
.bg-dark-blue { background:#3273a5 !important;}
.bg-violet { background:#6c407e !important}
.dark-section{ color: #939393 !important}
.bg-light-gray { background-color: #f8f7f7 !important; }
.bg-slider {background: rgba(27, 22, 28, 0.9)}
.parallax-gray-bg{ background: rgba(246,246,246,1)}
.bg-light-orange { background-color: #ef824c !important;}
.bg-inherit { background-color: inherit !important;}

/* opacity */
.opacity-light{ position: absolute; height: 100%; width: 100%; opacity: 0.5; z-index: 1; top:0; left: 0 }
.opacity-medium{ position: absolute; height: 100%; width: 100%; opacity: 0.7; z-index: 1; top:0; left: 0 }
.opacity-full{ position: absolute; height: 100%; width: 100%; opacity: 0.8; z-index: 1; top:0; left: 0 }

/* ===================================
    Custom
====================================== */

.center-col{ float:none !important; margin-left:auto !important; margin-right:auto !important}
/* separator */
.separator-line { height: 2px; margin: 0 auto; width: 30px; margin:7% auto}
.separator-line-thick { height: 4px; margin: 0 auto; width: 30px; margin:7% auto}
.separator-line-vertical { width:7px; height:80px; background-color:#fff; float:left; margin-right:90px;}
.slider-text .separator-line { margin:14% auto; height: 2px}
.thin-separator-line { height: 1px; width: 30px; margin:7% auto}
.vertical-separator { height:25px; width:25px; border-left:1px solid #000}
.wide-separator-line { height: 1px;  background-color:#e5e5e5; margin:5% 15px;}
.indicators-black .active { background-color: #000; border: 2px solid rgba(0, 0, 0, 1); }
.indicators-black li { border: 2px solid rgba(0, 0, 0, 1);}

/* margin */
.margin-one{ margin-top:1% !important; margin-bottom:1% !important}
.margin-two{ margin-top:2% !important; margin-bottom:2% !important}
.margin-three{ margin-top:3% !important; margin-bottom:3% !important}
.margin-four{ margin-top:4% !important; margin-bottom:4% !important}
.margin-five{ margin-top:5% !important; margin-bottom:5% !important}
.margin-six{ margin-top:5% !important; margin-bottom:0 !important }
.margin-seven{ margin-top:7.8% !important; margin-bottom:5% !important}
.margin-eight {margin-top:8% !important; margin-bottom:8% !important}
.margin-nine {margin-top:9% !important; margin-bottom:9% !important}
.margin-ten{ margin-top:10% !important; margin-bottom:10% !important}
.margin-eleven{ margin-top:22% !important; margin-bottom:22% !important}
.margin-right-four{margin-right:4% !important}
.margin-right-five{margin-right:5% !important}
.margin-right-six{margin-right:6% !important}
.margin-right-seven{margin-right:7% !important}
.margin-right-eight{margin-right:8% !important}
.margin-right-nine{margin-right:9% !important}
.margin-right-ten{margin-right:10% !important}
.margin-top-section { margin-top:96px;}
.margin-left-right-one { margin-right:6% !important; margin-left:6% !important}
.margin-two-bottom { margin-bottom: 2% !important; }
.margin-three-bottom { margin-bottom: 3% !important; }
.margin-four-bottom { margin-bottom: 4% !important; }
.margin-five-bottom { margin-bottom: 5% !important; }
.margin-six-bottom { margin-bottom: 6% !important; }
.margin-seven-bottom { margin-bottom: 7% !important; }
.margin-ten-bottom { margin-bottom: 10% !important; }
.no-margin{ margin:0 !important}
.no-margin-lr{ margin-left: 0 !important; margin-right: 0 !important}
.no-margin-top{ margin-top:0 !important}
.no-margin-bottom{ margin-bottom:0 !important}
.no-margin-left{ margin-left:0 !important}
.no-margin-right{ margin-right:0 !important}
.margin-bottom{ margin-bottom:60px}

/* padding */
.padding-one { padding-top:1% !important; padding-bottom:1% !important}
.padding-two { padding-top:2% !important; padding-bottom:2% !important}
.padding-three { padding-top:3% !important; padding-bottom:3% !important}
.padding-four { padding-top:4% !important; padding-bottom:4% !important}
.padding-five { padding-top:5% !important; padding-bottom:5% !important}
.padding-six { padding-top:3% !important; padding-left:3% !important; padding-right:3% !important;}
.padding-seven { padding:6%} 
.padding-eight { padding-top:20%; padding-bottom: 20%}
.padding-nine { padding:6% 0} 
.padding-twenty-nine{ padding:15% !important}
.padding-left-right { padding-right:6% !important; padding-left:6% !important;}
.padding-two-bottom { padding-bottom: 2% !important; }
.padding-left-right-px { padding: 0 15px;}
.no-padding-left-right { padding-left:0 !important; padding-right:0 !important}
.no-padding-section { padding:0px !important;}
.no-padding-right { padding-right:0px !important;}
.no-padding-top { padding-top:0 !important}
.no-padding{padding:0 !important}
.no-padding-left { padding-left:0px !important;}
.no-padding-bottom { padding-bottom:0 !important}
.section-padding-inner{ padding: 140px 0}

/* float */
.f-left { float:left !important}
.f-right{ float:right !important}
.no-float { float:none !important;}

/* other col size */
.col-large {width:90%;}
.col-medium {width:85%;}
.col-small{ width:75%;}
.col-extra-small{ width:70%; }

/* display */
.display-block { display: block !important}
.overflow-hidden{ overflow: hidden !important}
.overflow-hidden-mobile{ position:fixed !important; overflow: hidden !important}
.display-inline-block { display: inline-block !important}
.display-inline { display: inline !important}
.display-none { display: none !important}
.display-table { display: table !important}

/* position */
.position-relative{ position: relative !important; z-index: 5 }
.position-absolute {position: absolute !important;}
.position-right { right:0 !important; }
.position-left { left:0 !important; }
.position-top { top:0 !important; }

/* width */
.width { display: inline-block; position: relative; width: 90%; }
.width-20 { width:20% !important;}
.width-30 { width:30% !important;}
.width-40 { width:40% !important;}
.width-50 { width:50% !important;}
.width-60 { width:60% !important;}
.width-70 { width:70% !important;}
.width-80 { width:80% !important;}
.width-90 { width:90% !important;}
.width-100 { width:100% !important;}
.width-auto { width: auto !important}

/* height */
.height-100 { height: 100% !important}
.height-auto { height:auto !important}

.clear-both{ clear:both}
.roundedimage { border-radius: 100%}
.vertical-align-middle { vertical-align: middle !important;}
.vertical-align-bottom { vertical-align: bottom !important;}
.no-box-shadow { box-shadow:none !important}
p.uppercase { text-transform:uppercase !important;}
p.uppercase a { text-decoration:underline !important;}
p.uppercase a:hover { text-decoration: none;}
.line-break { display:block !important;}
.z-index-1 {z-index:1 !important;}
.z-index-0 {z-index:0 !important;}
.no-transition *, .owl-carousel * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
/* ===================================
    Border
====================================== */

.white-round-border { border-radius: 50%; border: 1px solid #fff;}
.border-black{ border:1px solid #000}
.border-thick{ border-width:2px !important }
.border-white { border:1px solid #FFF}
.border-top { border-top: 1px solid #e5e5e5; }
.border { border: 1px solid #e5e5e5;  }
.border-right { border-right: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.border-left { border-left: 4px solid #fff; }
.border-color-black { border-color: #000 !important}
.border-color-white { border-color: #fff !important}
.border-gray { border-color:#d7d7d7 !important}
.border-color-orange { border-color:#ff513b !important}
.no-border { border:none !important}
.border-top-light { border-top: 1px solid rgba(0, 0, 0, 0.1);}
.border-bottom-light { border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.border-transperent-light { border-color:rgba(255,255,255,.25) !important}
.no-border-round {border-radius:0 !important}

/* ===================================
    Scroll to top
====================================== */

#scroll_to_top { cursor: pointer; }
#scroll_to_top:hover { opacity: 0.75; }
.scrollToTop { display: none; font-weight: bold; height: auto; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; width: auto; background-color: #000; z-index: 555; border-radius:2px; }
.scrollToTop i { font-size: 18px; margin: 0 6px; color: #fff; }
.scrollToTop:hover { opacity: 0.5; }
.scrollToTop:hover i { position: relative; }

/* ===================================
    Slider background and overlay
====================================== */

.slider-overlay{ position: absolute; height: 100%; width: 100%; opacity: 0.6; z-index: 1; top:0; left: 0 }
.video-background{ position: absolute; height: 100%; width: 100%; z-index: 1; top:0; background: rgba(67,67,67,0.5) }
.slider-overlay-half{ position: absolute; height: 60%; width: 100%; opacity: 0.9; z-index: 1; bottom:0; }
.slider-text { position: relative; left:0px; right:0px; z-index:1}
.slider-text h1 { font-size:30px; font-weight:300; letter-spacing:3px; font-family: 'Oswald', sans-serif; line-height: 38px}
.slider-text span {display: block; font-size: 16px; font-weight: 400; line-height: 25px; }
.gradient-overlay { position: absolute; height: 100%; width: 100%; opacity: 0.8; z-index: 1; top: 0px; background: rgba(167,73,28,0.9); background: -moz-linear-gradient(left, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(167,73,28,0.9)), color-stop(100%, rgba(48,41,39,0.9))); background: -webkit-linear-gradient(left, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); background: -o-linear-gradient(left, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); background: -ms-linear-gradient(left, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); background: linear-gradient(to right, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a562', endColorstr='#608aab', GradientType=1 ); }
.gradient-overlay-light { background: rgba(176,0,92,1); background: -moz-linear-gradient(left, rgba(176,0,92,1) 0%, rgba(83,11,49,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(176,0,92,1)), color-stop(100%, rgba(83,11,49,1))); background: -webkit-linear-gradient(left, rgba(176,0,92,0.7) 0%, rgba(83,11,49,1) 100%); background: -o-linear-gradient(left, rgba(176,0,92,0.7) 0%, rgba(83,11,49,1) 100%); background: -ms-linear-gradient(left, rgba(176,0,92,0.7) 0%, rgba(83,11,49,1) 100%); background: linear-gradient(to right, rgba(176,0,92,1) 0%, rgba(83,11,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#530b31', endColorstr='#b0005c', GradientType=1 ); }
.overlay-yellow{ position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#ffca18 }
.overlay-blue{ position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#8ac4fe }
.overlay-gray{ position: absolute; height: 100%; width: 100%; opacity: 0.8; top: 0px; background-color:#f4f5f6 }
.overlay-green{ position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#71f1b9 }
.slider-half { position:absolute; top:50%; left:0; right:0; z-index:1; color:#FFF}
.slider-half h1 { font-size:80px; line-height:85px; font-weight:300; letter-spacing:-2px; text-transform: none;}
.slider-half h1 span { font-weight:700;}

/* ===================================
    Navigation
====================================== */

nav { width: 100%; top: 0px; z-index: 99;}
nav .container{ display:  vertical-align: middle; height: 80px; position: relative; }
.shrink-nav .container { height: 60px; }
.shrink-nav { background-color:#FFF; }
.sticky-nav{ position: fixed; top: 0px; display: inline-table;}
.logo { max-width: 109px; }
.logo-style-2 { max-width: 177px; }
.logo-style-3 { max-width: 210px; }
.sticky-nav .logo-light { height: 55px; vertical-align: middle; display: table-cell;}
.shrink-nav .logo-light { opacity: 0; display: none}
.sticky-nav .logo-dark {opacity: 0; display: none}
.shrink-nav .logo-dark { height: 55px; vertical-align: middle; display: table-cell; opacity: 1}
.mega-menu-full .mega-menu-column { margin: 0; }
.navbar-nav li a.active { border-bottom:2px solid #000}
.nav-white-bg { background-color:#fff !important;}
.black-bg { background: rgba(0,0,0,0.65)}
.nav-white.sticky-nav .navbar-nav li a { color: #fff}
.nav-white.shrink-nav .navbar-nav li a { color: #000}
.nav-white.sticky-nav .navbar-nav li a:hover, .nav-white.sticky-nav .navbar-nav > .open > a  { border-bottom-color: #fff}
.nav-white.shrink-nav .navbar-nav li a:hover, .nav-white.shrink-nav .navbar-nav > .open > a { border-bottom-color: #000}
.nav-dark.shrink-nav .navbar-nav li a:hover, .nav-dark.shrink-nav .navbar-nav > .open > a { border-bottom-color: #fff !important}
.nav-dark-transparent.shrink-nav .navbar-nav li a:hover, .nav-dark-transparent.shrink-nav .navbar-nav > .open > a { border-bottom-color: #fff !important}
.navbar-default .navbar-nav > li > a i { display: none; }
.mega-menu-full { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.mega-menu-column { display: inline-block; margin-right: 35px; vertical-align: top; }
.mega-menu-column:last-child { margin-right: 0; }
.sticky-nav .navbar-nav > li > .dropdown-menu { top: 66px; }
.shrink-nav .navbar-nav > li > .dropdown-menu { top: 55px; }
.shrink-nav .dropdown.simple-dropdown .dropdown-menu { top: 45px !important}
.shrink-nav .cart-content { top: 44px; }
.nav li.simple-dropdown { position: relative;}
.dropdown.simple-dropdown .dropdown-menu { left: -10px; transform: translateX(0px); padding-top: 30px; top: 56px !important }
.full-width-pull-menu {display: inline-table\9 !important;}
.full-width-pull-menu .container {display:table-cell\9 !important;}
.menu-new{ background:#c11f1f; padding:0 6px 1px 5px; font-size:10px; color:#fff; margin-left:5px;}
.megamenu-right-icon { display: none !important; }

/*  simple dropdown menu    */
.simple-dropdown-menu ul { padding: 0 !important; }
.simple-dropdown-menu ul li { }
.simple-dropdown-menu ul li a { border-bottom: 1px solid rgba(255, 255, 255, 0.06); height: 38px; line-height: 36px; padding: 0 13px; }
.simple-dropdown-menu ul li a:hover { background-color: rgba(0, 0, 0, 0.3); }
.sub-menu { position: relative; width: 100%; }
.sub-menu ul { background-color: rgba(27, 22, 28, 0.95); border-left: 1px solid rgba(255, 255, 255, 0.06); display: none; left: 200px; margin: 0 !important; min-width: 200px; padding: 10px 25px 35px; position: absolute; top: 0; }
.sub-menu:hover ul { display: block; }
.sub-menu a i { position: absolute !important; top: 11px !important; }

.dropdown-menu li a i { color: #c8c8c8 ; float: left; font-size: 14px; margin: 0 10px 0 0; padding: 0; position: relative; right: 0; top: 5px; }
.dropdown-menu li a:hover i { color: #fff; }
.sticky-nav.nav-border-bottom { border-bottom: 1px solid rgba(0,0,0,0)}
.shrink-nav.nav-border-bottom { border-bottom: 1px solid rgba(0,0,0,0.1)}
.nav-border-bottom-fix {border-bottom: 1px solid rgba(0,0,0,0.1)}

.nav-white .search-cart-header .subtitle, .nav-white .top-cart .fa-cart-shopping, .nav-white .search-button, .nav-white .top-cart a:hover .fa-cart-shopping  { color: #fff}
.nav-white.shrink-nav .search-cart-header .subtitle, .nav-white.shrink-nav .top-cart .fa-cart-shopping, .nav-white.shrink-nav .search-button, .nav-white.shrink-nav .top-cart a:hover .fa-cart-shopping  { color: #000}

/*  dark navigation  */
.nav-dark { background-color: #000; border-bottom:1px solid rgba(0,0,0,1)}
.nav-dark.shrink-nav .navbar-nav li a { color:#fff}
.nav-dark .search-cart-header .subtitle, .nav-dark .top-cart .fa-cart-shopping, .nav-dark .search-button, .nav-dark .top-cart a:hover .fa-cart-shopping  { color: #fff !important}
.nav-dark .search-button { color:#fff !important}
.nav-dark .dropdown-menu, .nav-dark .cart-content{ background: rgba(0,0,0,0.9)}
.nav-dark .navbar-nav li a:hover { border-bottom-color: #fff}
.nav-dark li a.active { border-bottom:2px solid #fff !important}

/*  transparent dark navigation  */
.nav-dark-transparent { background-color: rgba(0,0,0,0.8); border-bottom:1px solid rgba(0,0,0,0.8)}
.nav-dark-transparent.shrink-nav .navbar-nav li a { color:#fff }
.nav-dark-transparent .search-cart-header .subtitle, .nav-dark-transparent .top-cart .fa-cart-shopping, .nav-dark-transparent .search-button, .nav-dark-transparent .top-cart a:hover .fa-cart-shopping  { color: #fff !important}
.nav-dark-transparent .dropdown-menu, .nav-dark-transparent .cart-content { background: rgba(0,0,0,0.9)}
.nav-dark-transparent .navbar-nav li a:hover { border-bottom-color: #fff !important}
.nav-dark-transparent .close-search, .nav-white .close-search{ color: #000 !important}

/*  transparent light navigation  */
.nav-light-transparent{ background-color: rgba(255,255,255,0.8)}

/*  static sticky  */
.static-sticky { height: 87px !important}
.static-sticky .logo-light { opacity: 1; display: block; display: table-cell; vertical-align: middle; }
.static-sticky .navbar-nav > li > .dropdown-menu { top: 69px; }
.static-sticky .dropdown.simple-dropdown .dropdown-menu { top: 60px !important}
.static-sticky.shrink-nav .dropdown.simple-dropdown .dropdown-menu { top: 60px !important;}
.static-sticky .cart-content { margin-top: 6px !important; top: 52px !important;}

/* pull menu */
.pull-menu .navbar-header { background: none}
.pull-menu .navbar-brand {height: auto}
.pull-menu img {max-width:150px}
.pull-menu .navbar-nav {padding: 40px 0;}
.pull-menu .navbar-nav a { color: #a5a5a5 !important; font-weight: 600; line-height:35px; padding:3px 0 0; border-bottom:1px solid rgba(255,255,255,.2)}
.pull-menu .navbar-nav li a.active {border-bottom: 1px solid rgba(255,255,255,.6); color: #fff !important}
.pull-menu .nav li {margin:0; display: block; width: 100%; }
.pull-menu .navbar-nav a span { color: #a9a9a9; margin-right: 10px;}
.pull-menu .navbar-nav li.active a { color: #000 !important}
.pull-menu .navbar-nav li.active a span { color: #e31d3b !important}
.pull-menu .footer-social a i {font-size: 14px; color: #fff}
.pull-menu .footer-social a {margin: 0 10px !important}
.pull-menu nav.shrink {background: #fff}

/* full width pull menu */
.full-width-pull-menu .menu-button {margin:0}
.show-menu .full-width-pull-menu .menu-wrap {opacity: 1; display: block; top: 0; }
.full-width-pull-menu .menu-wrap {width: 100%; opacity: 0; display: none; left: 0; top:-50px; height: 100%; overflow: auto}
.full-width-pull-menu .close-button {height: 64px; width: 64px; background: transparent;}
.full-width-pull-menu .close-button::before, .full-width-pull-menu .close-button::after {background: #000;}
.full-width-pull-menu .menu-wrap { background: rgba(255,255,255,1)}
.full-width-pull-menu .pull-menu .navbar-nav {padding:0 0 100px 0}
.full-width-pull-menu .pull-menu .navbar-nav {text-align: center; width: 100%;}
.full-width-pull-menu .navbar-nav li a { font-size: 30px; line-height: 45px; padding: 0; color: #000 !important; font-weight: 700 }
.full-width-pull-menu .navbar-nav li a:hover {color: #797979 !important}
.full-width-pull-menu .navbar-nav li a.active {color: #797979 !important}
.full-width-pull-menu .navbar-nav li a.dropdown-toggle:after { content:"\f106"; font-family:'Font Awesome Pro 5'; font-size: 26px; position: relative; left: 8px; top: -2px; font-weight: 100; }
.full-width-pull-menu .navbar-nav li a.dropdown-toggle.collapsed:after { content:"\f107"; font-family:'Font Awesome Pro 5'; font-size: 26px; position: relative; left: 8px; top: -2px; font-weight: 100; }
.full-width-pull-menu .navbar-nav .dropdown-menu li ul { margin: 20px;}
.full-width-pull-menu .pull-menu .navbar-nav a, .full-width-pull-menu .pull-menu .navbar-nav li a.active, .full-width-pull-menu .pull-menu .navbar-nav li a:hover  { border-bottom: 0; display: inline-block}
.full-width-pull-menu .dropdown-menu {position:relative; top:0 !important; width: 100% !important;; text-align: center}
.full-width-pull-menu .dropdown-menu li a {font-size: 12px; line-height: 30px; font-weight: 400;}
.full-width-pull-menu .navbar-toggle { display:block}
.full-width-pull-menu .open .dropdown-menu {display: block; }
.full-width-pull-menu .dropdown .collapse { opacity: 0; margin:0 !important}
.full-width-pull-menu .dropdown .collapse.in {opacity: 1; margin:0 !important}
.full-width-pull-menu .pull-menu-open {display:table; height: 100%; width:100%}
.full-width-pull-menu .pull-menu-open-sub {display: table-cell; vertical-align: middle; height: 100%}

.full-width-pull-menu-dark .navbar-nav li a {   color: #000 !important; display: inline-block !important; font-size: 20px; font-weight: 600; letter-spacing: 3px; line-height: 45px; padding: 0;}
.full-width-pull-menu-dark .navbar-nav li a:hover, .full-width-pull-menu-dark .pull-menu .navbar-nav li a.active {color: #bbbbbb !important}
.full-width-pull-menu-dark .close-button::before, .full-width-pull-menu-dark .close-button::after {background: #000; height: 25%; left: 45%; top: 45%; width: 3px; }
.full-width-pull-menu-dark .pull-menu {height: 100%; position: fixed; overflow-y: scroll;}
.full-width-pull-menu-dark .pull-menu .navbar-nav {text-align: left;}
.full-width-pull-menu-dark .menu-number { color: #bbbbbb; font-size: 14px; font-weight: 400; margin-right: 15px; }
.full-width-pull-menu-dark .pull-menu-open-sub {padding-left:100px;}
.full-width-pull-menu-dark .btn {margin-right: 10px;}


/*  non sticky  */
.non-sticky {position: relative;}

/* header without cart search section */ 
.header-without-cart-search .dropdown-menu { right:15px}
.header-without-cart-search .dropdown.simple-dropdown .dropdown-menu { left: auto !important; right: 0 !important;}
.header-without-cart-search .navbar-right .dropdown-menu {left:auto; right: 15px;}

/* search and cart */
.search-cart-header { padding-top: 14px; float: right; letter-spacing: 1px}
#top-search { float: right; margin: 1px 0 0 18px; position: relative; padding-bottom: 17px;}
.search-form {width:45%; margin: 0 auto; top:40%}
.search-form .search-input { border:none; border-bottom:2px solid #000; font-size:30px; font-weight:100; padding:20px 2px; text-transform:capitalize; background: transparent; line-height:40px; }
.search-form .search-input:focus{outline: none}
.search-input ::-moz-placeholder, .search-input [placeholder] { color: #ff0000 !important; }
.search-form .search-button {font-size:21px; color:#000; top:31px; right: 0}
#search-header {height:100%}
.close-search { color: #373737; position: absolute; right: 0; top: 23px; z-index: 998; cursor: pointer; }
.close-search:hover { color: #9a9a9a;}
.search-button { cursor: pointer;  z-index: 0; color: #373737; margin-right: 0; border: none; background: none; }
.search-cart-header i { display: initial; }
.search-button:hover { color: #9a9a9a;}
.top-cart { float:right; position: relative; padding-bottom: 17px;}
.top-cart a.shopping-cart { color: #373737; display: initial; padding-bottom: 30px;}
.top-cart a.shopping-cart:hover { color: #373737;}
.top-cart .fa-cart-shopping { margin: 5px 4px 0 0; color: #373737;}
.top-cart a:hover .fa-cart-shopping { color: #373737;}
.search-cart-header .subtitle { color: #373737; display: inline-block; font-size: 11px; font-weight: 600; margin-top: 1px; text-transform: uppercase; }
.cart-content { top: 55px; opacity: 0; position: absolute; right: 0; transition: all 200ms ease 0s; visibility: hidden; z-index: 9; background-clip: padding-box; background-color: rgba(27, 22, 28, 0.95); padding:25px; width: 250px;  }
.cart-content ul.cart-list { list-style: outside none none; margin: 0; padding: 0; float: left; width: 100%; color: #c8c8c8 }
.cart-content ul.cart-list li { min-height: 100px; text-align: left; }
.cart-content ul.cart-list a.remove {
     position: absolute;
     right: -10px;
     top: 0px;
     text-align: right;
     padding:2px;
     border:solid 1px #C8C8CB;
     line-height:10px;
}

.cart-content ul.cart-list a { display: block; font-size: 11px; text-transform: uppercase; font-weight: 600; line-height: 16px; padding: 0 0 0 70px; position: relative; width: auto; color: #c8c8c8 !important }
.cart-content ul.cart-list a img { height: 90px; left: 0; float: left; width: 60px; position: absolute; }
.cart-content ul.cart-list .quantity { font-size: 12px; margin-left: 70px; }
.cart-content .total { border-bottom: 1px solid rgba(255,255,255,0.2); border-top: 1px solid rgba(255,255,255,0.2); color: #c8c8c8; display: block; font-size: 11px; margin-bottom: 0; padding: 7px 0; float: left; width: 100%; text-transform: uppercase }
.cart-content p.total strong { float: left; }
.cart-content .total .amount { float: right; }
.cart-content .buttons {float: left; width: 100%; margin: 0px; text-align: center }

/* ===================================
    Page titles
====================================== */

/* page titles */
.content-top-margin { margin-top: 81px;}
.page-title { padding: 80px 0}
.page-title h1 { letter-spacing: 6px; font-weight: 600; font-size: 20px; margin-bottom: 5px}
.page-title span {letter-spacing: 1px; font-weight: 400; font-size: 14px;}
.breadcrumb ul li { display: inline-block; letter-spacing: 3px; font-size: 11px; font-weight: 400; color: #575757}
.breadcrumb ul li a { color: #575757}
.breadcrumb ul > li+li:before {  color: #898989; content: "|"; font-size: 8px; padding: 0 10px; position: relative; top: -1px;}
.page-title-large { min-height: 450px; padding: 240px 0 0}
.page-title-large h1 { font-size: 25px !important; margin-bottom: 15px !important;}
.page-title .breadcrumb { margin-top: 36px}
.page-title .separator-line { -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;}
.page-title:hover .separator-line { width:80px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms linear;}

/* page title shop */
.page-title-shop h1 { font-size:35px !important;}

/* page titels small */
.page-title-small { padding: 40px 0 }
.page-title-small h1 { margin-bottom: 0; font-size: 18px; line-height: 23px}
.page-title-small .breadcrumb { margin-top:0; }

/* ===================================
    Section
====================================== */

/* features section */
.features-section { margin-bottom:80px; float:left}
.features-section .col-xs-3 { width:20%}
.features-section .col-xs-9 { width:75%}
.features-section p { margin: 0 0 15px}
.features-section .separator-line{ margin-left:0; margin-right:0}

/* services section */
.services-main{ padding: 7%; background-color: rgba(255,255,255,0.7)}
.services-sub { padding: 100px 0 0 0; float: left}
.services-main i { margin-bottom: 10%}
.services-sub-section { padding-right:45px;}

/* testimonial section */
.testimonial p{ font-size:14px; margin:50px 0 40px; line-height:24px}
.testimonial .name{ font-size:11px; display:block; margin:0 0 10px 0; width:100%; font-weight:400; text-transform: uppercase; letter-spacing: 2px; color: #737373}

.testimonial-style2 p{ font-size:13px; margin:30px 0 20px; line-height:22px; color: #828282}
.testimonial-style2 .name{ font-size:11px; display:block; width:100%; font-weight:600; text-transform: uppercase; letter-spacing: 2px; color: #828282}
.testimonial-style2 img { border-radius: 50%; max-width: 120px}

.tab-content > .tab-pane .top-icon { display:block;}
.tab-content > .tab-pane .top-icon i { color: #5bcf21; font-size:70px;}

/* counter section  */
.counter-section i { display:block; margin:0 0 10px}
.counter-section span.counter-number { font-size:40px; color:#000; line-height:60px; display:block; font-family: "Oswald",sans-serif; letter-spacing: 2px}
.counter-title{ font-size:12px; letter-spacing:2px; text-transform: uppercase}
.counter-icon {top:25px; position:relative}
.counter-style2 .counter-title {letter-spacing: 0.55px; float: left;}
.counter-style2 span.counter-number {letter-spacing: 0.55px; float: left; margin-right: 10px;}
.counter-style2 i {float: right; line-height: 26px; margin: 0 10px 0 0}
.counter-subheadline span {float: right;}

/* team */
.key-person{ overflow:hidden; max-height:695px}
.key-person .key-person-img img { opacity:1;  transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.key-person:hover .key-person-img img { opacity:0.5; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1);}
.key-person:hover .key-person-details { bottom:110px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; border-top:1px solid #e5e5e5}
.key-person-details{ position:relative; background-color:#fff; padding: 32px 25px 120px; bottom:0; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; border-top:1px solid #e5e5e5}
.key-person i { font-size:20px; margin:15px 15px 25px}
.key-person a i { color:#000; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}
.key-person a:hover i { color:#858585; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}
.key-person .person-name { font-size:11px; letter-spacing: 2px; text-transform:uppercase; display:block; font-weight:600}
.key-person .person-post { font-size:11px; text-transform:uppercase; font-weight:400; letter-spacing: 1px}

/* case study */
.case-study-slider{ padding: 130px 0}
.case-study-title { font-size: 18px; letter-spacing: 3px; text-transform: uppercase; font-weight: 600}
.case-study-work {letter-spacing: 3px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: block; margin: 5px 0 25px;}
.case-study-detials{ display: block; margin-bottom: 25px; }
.case-study-img { min-height: 500px;}
.case-study-details { min-height: 500px; padding: 6.3% 6%;}

/* new project */
#new-project h5 { font-size: 14px; font-weight: 400;}

/* approach */
.approach-details{ text-transform: uppercase; color: #737373; margin-top: 15px; display: block; line-height: 20px}

/* work process */
.work-process-sub {min-height:100px}
.work-process-text {line-height:40px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.work-process-sub:hover .work-process-text {-webkit-transform: translateY(-150%); -moz-transform: translateY(-150%); -ms-transform: translateY(-150%); -o-transform: translateY(-150%); transform: translateY(-150%); }
.work-process-number {font-size:50px; color:#fdd947; letter-spacing:-2px}
.work-process-sub:hover .work-process-details {z-index:2; opacity:1; bottom:0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}
.work-process-details {opacity:0; width: 100%; background:#fff; height:100%; bottom: -60px; left: 0}
.work-process-details i {margin-bottom:10px !important}

/* ===================================
    Footer
====================================== */

footer { clear:both; background: #f4f4f4}
footer .bg-mid-gray { background: #d5d5d5}
footer .footer-top {border-top:1px solid #e5e5e5 }
footer h5 { margin-bottom: 20px;}
footer .footer-middle { padding-top:80px; padding-bottom: 45px;}
footer .onepage-footer-middle { padding-top:55px; padding-bottom: 45px;}
footer ul li { padding: 1px 0}
footer ul li a { color: #626262; font-size: 11px; text-transform: uppercase; letter-spacing: 1px}
footer ul li a:hover { color: #000}
footer ul.list-inline li a { color: #000; font-weight: 600}
footer ul.list-inline li:first-child {padding-left: 6px}
.footer-social i {  font-size: 22px;}
.footer-social a { margin: 0 25px;}
.footer-social a:last-child {margin-right: 0}
.footer-social a i {color: #000; }
.footer-social a:hover i { color: #868686}
.copyright { font-size: 11px; text-transform:uppercase; color: #888888 }
.footer-logo img { max-width: 100px;}
.footer-bottom { position: relative; top:1px}

/* ===================================
    Owl carousel
====================================== */

.owl-carousel { overflow: hidden; }
.owl-buttons { position: static; }
.owl-prev, .owl-next { color: #111; display: block; font-size: 16px; height: 105px; line-height: 105px; margin-top:-35px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 105px; z-index: 6; }
.owl-prev {left: -70px;}
.owl-next {right: -70px;}
.owl-prev:before, .owl-next:before { background-color:#fff; border-radius:2px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); content: ""; opacity:0.3; display: block; height: 66%; left: 0; position: absolute; width: 66%; }
.owl-next:before { left: auto; right: 0; }
.owl-prev .fa-regular, .owl-next .fa-regular {color: #000; font-size: 24px; position: relative; top: -15%;}
.owl-prev .fa-regular{ right: 4%}
.owl-next .fa-regular { left: 4%;}
.owl-carousel:hover .owl-prev {left: -35px; opacity: 1; }
.owl-carousel:hover .owl-next { opacity: 1; right: -35px; }
.owl-pagination { bottom: 30px; display: block; left: 0; position: absolute; text-align: center; width: 100%; z-index: 100 !important; }
.owl-page { display: inline-block; padding: 6px 5px; }
.owl-page span { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); border-radius: 4px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px; }
.owl-page:hover span { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); }
.owl-page.active span { background: none repeat scroll 0 0 transparent; border: 1px solid rgba(255, 255, 255, 0.8); transform: scale(1.33333); }
.owl-bg-img { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; overflow: hidden; position: relative; width: 100%; }
.owl-subtitle { font-size: 14px; letter-spacing: 10px; text-transform: uppercase; font-weight: 400; line-height: 80px; display:block}
.owl-title { font-size: 35px; font-weight: 600; text-transform: uppercase; display: block; letter-spacing: 7px;}
.owl-title-big { background: rgba(0, 0, 0, 0.5); display: inline-block; font-size: 25px; font-weight: 600; letter-spacing: 7px; line-height: 40px; padding: 35px 50px; text-transform: uppercase; width: 60% }
.dark-pagination .owl-page span { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); box-shadow: none }
.dark-pagination .owl-page.active span {background:transparent; border: 1px solid rgba(0, 0, 0, 1); }
.dark-pagination .owl-prev, .owl-next { opacity: 1; }
.dark-pagination .owl-next:before { left: auto; right: 0; }
.dark-pagination .owl-prev {left: -35px; opacity: 1; }
.dark-pagination .owl-next { opacity: 1; right: -35px; }
.light-pagination .owl-page.active span {background: transparent; border: 1px solid rgba(255, 255, 255, 1); }

/* square pagination */
.square-pagination .owl-page span { width:30px; border-radius: inherit; height:3px; background: rgba(255,255,255,.5)}
.square-pagination .owl-page.active span {border:none !important; transform:none!important; background:#fff !important}

/* hide next-prev arrow */
.dark-pagination-without-next-prev-arrow .owl-prev, .dark-pagination-without-next-prev-arrow .owl-next {display: none}

/* hide dot navigation */
.owl-no-pagination .owl-pagination { display: none}

/* simple next-prev arrow */
.owl-prev-next-simple .owl-prev::before, .owl-next::before { box-shadow:none}

/* half slider */
.owl-half-slider .owl-title { width: 50%; line-height: 40px; font-size: 25px;}
.owl-half-slider .item { min-height: 710px}
.owl-half-slider .container { min-height: 710px}
.owl-small-slider .item {min-height: 430px}
.owl-small-slider .container {min-height: 400px}

/* bottom pagination */
.bottom-pagination .owl-pagination {position:inherit !important}

/* scroll down */
.scroll-down{ bottom: 50px; position: absolute; text-align: center; width: 100%; z-index: 10}
.scroll-down a i { background: #fff; border-radius: 2px; font-size: 17px; padding: 2px 6px; color: #000; }
.scroll-down a i:hover { background:#000; color: #fff  }
.scroll-to-down { cursor:url("../images/arrow-down.png"), pointer;}
.scroll-to-down-white { cursor:url("../images/arrow-down-white.png"), pointer;}
.background-slider-text { position: absolute; width: 100%}
#owl-demo-background .owl-item  { cursor: default !important}

/* ===================================
    Slider and parallax typography
====================================== */

.slider-text-middle-main { display: table; height: 100%; width: 100% }
.slider-text-bottom { display: table-cell; vertical-align: bottom; }
.slider-text-top { display: table-cell; vertical-align: top; }
.slider-text-middle { display: table-cell; vertical-align: middle; }
.slider-text-middle1 { padding: 0 15px;}
.slider-typography { text-align: center; width: 100%; height: 100%; position: absolute; z-index: 1; right: 0; left: 0; }
.slider-subtitle1 { background-color: #000; display: block; font-family: "Oswald",sans-serif; font-size: 48px; font-weight: 100; letter-spacing: 4px; line-height: 68px; margin-bottom: 45px; padding: 30px 35px; text-align: center; text-transform: uppercase; width: 250px; }
.slider-title-big1 {font-size: 14px; text-transform: uppercase; letter-spacing: 1px }
.slider-text-middle1 .separator-line { margin: 3% 0 0 0}
.slider-text-middle2 { padding:0 15px}
.slider-subtitle2 { display: block; font-family: "Oswald",sans-serif; font-size: 35px; font-weight: 100; letter-spacing: 4px; line-height: 45px; text-transform: uppercase; }
.slider-subtitle3 {font-size: 20px; font-weight: 600; letter-spacing: 8px; line-height: 80px; text-transform: uppercase; }
.slider-text-middle3 { padding:0 15px}
.slider-title-big3 {background:#000; display: inline-block; font-size: 30px; font-weight: 600; letter-spacing: 7px; line-height: 43px; padding: 35px 50px; text-transform: uppercase;}
.slider-text-middle4 { padding: 0 15px;}
.slider-subtitle4 {font-size: 14px; font-weight: 100; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 20px; display: block }
.slider-title-big4 {font-family: "Oswald",sans-serif;  font-size: 30px; font-weight: 400; letter-spacing: 7px; text-transform: uppercase; display: block; margin-bottom: 20px}
.slider-text-middle5 { padding: 0 15px;}
.slider-subtitle5 {font-size: 22px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 50px; display: block; line-height: 30px }
.slider-title-big5 {font-family: "Oswald",sans-serif;  font-size: 15px; font-weight: 100; letter-spacing: 7px; text-transform: uppercase; display: block; margin-bottom: 30px}
.slider-number {border: 2px solid #fff; color: #fff; display: inline-block; font-family: "Oswald",sans-serif; font-size: 20px; font-weight: 400; margin-bottom: 60px; padding: 9px 0; width: 46px; text-align: center}
.slider-title-big6{ font-size:110px;}
.slider-title-big7{ font-size:55px; line-height: 68px; font-weight: 300; color: #fff; display: inline-block;}
.slider-title-big8 {font-family: "Oswald",sans-serif;  font-size: 25px; line-height: 35px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; display: block;}

/* ===================================
    Parallax
====================================== */

.overlay{ position: absolute; height: 100%; width: 100%; opacity: 0.2; z-index: 1; top: 0px; }
.parallax-fix{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; background-attachment: fixed !important }
.parallax-fix .row{ position: relative; z-index: 2; }
.parallax-section-main { /* min-height: 700px; */ }
.parallax-title { display: block; font-family: "Oswald",sans-serif; font-size: 15px; font-weight: 100; letter-spacing: 7px; margin-bottom: 30px; text-transform: uppercase; }
.parallax-sub-title{  display: block; font-size: 22px; font-weight: 600; letter-spacing: 4px; line-height: 30px; text-transform: uppercase; }
.parallax-number { border: 2px solid #000; color: #000; display: inline-block; font-family: "Oswald",sans-serif; font-size: 20px; font-weight: 400; margin:150px 0 60px 0; padding: 9px 0; width:47px; text-align: center; letter-spacing: -2px }
.fix-background{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important}
.cover-background{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit !important}
.blog-blockquote { padding:100px}
.background-attachment-inherit {background-attachment: inherit !important}

/* ===================================
    One page
====================================== */

.tab-portfolio img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:1}
.tab-portfolio:hover img { -ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);  transform: scale(1.2,1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5}
.tab-portfolio .portfolio-images { width:auto; overflow:hidden; background-color:#000; position:relative;}
.tab-portfolio .view { left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top:-47px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}
.tab-portfolio:hover .view { top:50%; margin-top:-25px;}
.tab-portfolio .portfolio-details { padding:20px 20px; text-align:left; border-bottom:1px solid #d4d4d4;}
.tab-portfolio .portfolio-details span { text-transform:uppercase;}
.portfolio-right { float: right; margin-top:-10px;}
.tab-portfolio .portfolio-details h3 { margin:0 0 2px 0;}
.tab-portfolio .portfolio-details .portfolio-right .fa { color:#000000; margin:0 2px 0 0;}
#contact-us textarea { min-height: 102px}
#contact-us .btn { margin:0}
.required { font-size:11px; display:block; text-transform: uppercase; letter-spacing: 1px}
.service-year {font-weight: 300; font-size: 20px; text-transform: uppercase; letter-spacing: 5px;}
.service-year strong { font-weight: 500}
.clients-slider li { display: inline-block; margin: 0 4%; width: 15%; }

.about-onepage {}
.about-onepage-number { font-size:45px; line-height: 55px; min-height:60px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}
.about-onepage:hover .about-onepage-number-default {-webkit-transform: translateY(-150%); -moz-transform: translateY(-150%); -ms-transform: translateY(-150%); -o-transform: translateY(-150%); transform: translateY(-150%);}
.about-onepage:hover .about-onepage-number-hover {-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
.about-onepage-number .about-onepage-number-hover { bottom:-50px;}
.about-onepage-text-sub span {font-size:23px; line-height:28px}
.about-onepage:hover .about-onepage-text-sub .black-text {  text-decoration: line-through;}
.about-onepage-text-sub  {margin-left:15px}
.about-onepage-text-sub p {line-height:22px !important; margin:20px 0}
.about-onepage:hover .border-right { border-right:2px solid  #f7d23d }

/* ===================================
    Bootstrap slider
====================================== */

.standard-slider { height: 60% !important; }
.standard-with-slider { height: 73% !important; }
.standard-with-slider .carousel-control.right, 
.standard-with-slider .carousel-control.left { top: 42%; }
.list-icon i { margin-right: 3%; }

/* ===================================
    Portfolio - ajax
====================================== */

/*  single #1 */
.half-project-img{ height: 550px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.project-img-gallery { padding: 15px 0}
.spend-year{ border-right: 1px solid #e5e5e5; float: left; font-size: 30px; font-weight: 400; letter-spacing: 2px; line-height: 47px; min-height: 110px; text-align: center; width: 50%; }
.spend-year span{ font-weight: 400; font-size: 12px; display:block; text-transform: uppercase; line-height: 0; margin-top: 40px; }
.spend-time { border-right: 1px solid #e5e5e5; float: left; font-size: 30px; font-weight: 400; letter-spacing: 2px; line-height: 47px; min-height: 110px; text-align: center; width: 50%; }
.spend-time span { font-weight: 400; font-size: 12px; display:block; text-transform: uppercase; line-height: 0; margin-top: 40px; }
.related-projects-list .masonry-items li {padding:5px}
.project-header-text { margin-top: 30%; position: relative; text-align: center; width: 100%; z-index: 1; }
.project-subtitle { font-family: "Oswald",sans-serif; font-size: 14px; font-weight: 100; letter-spacing: 8px; line-height: 65px; text-transform: uppercase; }
.project-title { display: block; font-size: 25px; font-weight: 600; letter-spacing: 7px; text-transform: uppercase;  }

/*  single #2 */
.half-project-img-slider {min-height: 700px;}

/*  single #3 */
.half-project-small-img{ min-height: 300px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }
.half-project-small-img .project-header-text { margin-top: 10.5%}
.project-details ul {}
.project-details ul li { border-bottom: 1px solid #e5e5e5; padding: 8px 0; text-transform: uppercase}
.project-details ul li:last-child{ border-bottom: none}

/*  single #5 */
.work-background-slider-text { position: absolute; width: 50%; right: 0; top: 0; height: 100%; background: rgba(255,255,255,0.9); padding: 150px 120px}
.work-background-slider-year { position: absolute; bottom: 0; right: 0}
.work-background-slider-main .spend-year { line-height: 55px; width: auto;}
.work-background-slider-main .spend-year span { margin-top: auto}

/* next - previous project */

/* next - previous style #1 */
.next-previous-project .next-project a { position: fixed; right: -133px; top: 49%; z-index: 5; background-color: #585858 }
.next-previous-project .next-project a img, .previous-project a img { max-height: 83px; }
.next-previous-project .next-project a span { color: #000; font-weight: 400; letter-spacing: 2px; position: absolute; text-transform: uppercase; z-index: 2; font-size: 9px; top:83px; padding-top: 10px; display: block; width: 100%; left: 32px  }
.next-previous-project .next-project a img:nth-child(3), .previous-project a img:nth-child(2) {opacity: 1}
.next-previous-project .next-project a:hover { right: 0; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.next-previous-project .previous-project a { position: fixed; left: -133px; top: 49%; z-index: 5; opacity: 1 }
.next-previous-project .previous-project a:hover { left: 0; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.next-previous-project .previous-project a span { color: #000; font-weight: 400; letter-spacing: 2px; position: absolute; text-transform: uppercase; z-index: 2; font-size: 9px; top:83px; padding-top: 10px; display: block; width: 100%; left: 20px  }
.previous-project-bottom, .next-project-bottom{ top: 79.5% !important}

/* next - previous style #2 */
.next-previous-project-style2 a { width: 33.33%; display: inline-block; text-align: center; padding:50px 0; letter-spacing: 4px; font-size:11px; border-top:1px solid #e5e5e5; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.next-previous-project-style2 a span {padding-left: 0px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.next-previous-project-style2 a i { font-size:14px; color: #000; margin: 0 7px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s;}
.next-previous-project-style2 a:hover { background-color: #000; color: #fff; border-top:1px solid #000}
.next-previous-project-style2 a:hover i { color: #fff}
.next-previous-project-style2 .back-project span { text-indent: -9999px; float: left}
.next-previous-project-style2 a.next-project:hover span{  padding-left: 45px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s;}
.next-previous-project-style2 a.previous-project:hover span { padding-right: 45px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s;}

/* ===================================
    Portfolio - multi pages
====================================== */

/* single #3 */
.project-highlight {  font-size: 12px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase;  }
.project-highlight span {display: block; font-size: 14px; font-weight: 600; letter-spacing: 3px;}

/* single #4 */
.great-result { position: relative; z-index: 3 }
.great-result .owl-pagination { bottom:50px}

/* single #5 */
.highlight-project-center-block { position: relative}

/* ===================================
    Masonry portfolio - home
====================================== */

.masonry-portfolio-header { min-height: 600px}
.masonry-portfolio-header-title { color: #000; display: block; font-family: "Oswald",sans-serif; font-size: 30px; font-weight: 100; line-height: 40px; margin: 130px auto 0; text-align: center; text-transform: uppercase; }

/* ===================================
    Full screen video
====================================== */

.video-wrapper { height: 100%; overflow: hidden; position: absolute; width: 100%; }
.html-video { background-color: #000; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  width: auto; z-index: -3; }
.video-wrapper iframe {   height: 100%; left: 0; position: absolute; top: -5px !important; width: 100%;}
/* ===================================
    Half screen video
====================================== */

.video-half-screen { min-height:650px;}
.video-half-screen .html-video { top:0; left:0; transform:none; -webkit-transform: none; -ms-transform: none;}

/* ===================================
    Coming soon
====================================== */

.counter-container { display: table; margin: 0 auto; }
#counter-underconstruction .counter-box { display: block; width: 110px; text-align: center; padding: 0 25px; float: left; margin: 0px 35px 0 0; border-left: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); }
.counter-underconstruction-video  .counter-box { border-left: 1px solid rgba(255,255,255,0.1) !important; border-right: 1px solid rgba(255,255,255,0.1) !important; }
#counter-underconstruction .last { border-right: 0px !important; width: 90px; padding: 0 0 0 25px; }
#counter-underconstruction .first { border-left: 0px !important; }
#counter-underconstruction .number { font-size: 23px; text-align: center; font-weight: 400; line-height: 43px; }
#counter-underconstruction span { display: block; font-size: 12px; text-align: center; font-weight: 400; text-transform: uppercase }
.coming-soon-title { font-size: 18px; letter-spacing: 2px; display: block; margin-bottom: 30px; }
.coming-soon-logo { margin: 80px 0 70px}
.notify-me-main { position: fixed; bottom: 0; padding: 70px 0; background: rgba(255,255,255,0.9); width: 100%; z-index: 1}
.notify-me-text { font-size: 12px; margin-bottom: 25px; display: block}
.notify-me-text strong { font-size: 15px; margin-bottom: 6px; display: inline-block}
.notify-me-main input { float: left; margin: 0; padding: 0 12px; width: 70%; border: 1px solid #000; font-size: 11px; line-height: 35px}
.notify-me-main .btn-small { width: 30%; float: left; font-family: 'Open Sans', sans-serif; padding:5px 14px !important}
.notify-me-main .btn-small:hover { background-color: #000; color: #fff}
.notify-me-main .footer-social i { margin: 0 18px}
.notify-me-main .footer-social a i { color: #000} 

/* ===================================
    Coming soon - animation
====================================== */

#animated-balls { perspective: 50px; -webkit-perspective: 50px; -moz-perspective: 50px; -ms-perspective: 50px; transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; opacity: 0.55; }
.dot { position: fixed; width: 30px; height: 30px; border-radius: 30px; background-color: #cecece; }

#counter-underconstruction2 .counter-box { display: block; text-align: center; padding: 0 25px; float: left;}
#counter-underconstruction2 .last { border-right: 0px !important; }
#counter-underconstruction2 .first { border-left: 0px !important; }
#counter-underconstruction2 .number { font-size: 65px; text-align: center; font-weight: 400; line-height: 43px; }
#counter-underconstruction2 span { display: block; font-size: 14px; text-align: center; font-weight: 400; text-transform: uppercase; margin-top:15px; }
 
/* only ie7, ie9, ie10, ie11 */
@media screen\0 { .notify-me-main input { /* ie7, ie9, ie10, ie11+ only */ padding-bottom: 20px; }
                  .landing-subscribe-button { padding-bottom: 9px !important} }

/* ===================================
    Full width image
====================================== */

.full-width-image { min-height: 600px;}

/* ===================================
    Blog
====================================== */

.below-header {margin-top: 87px;}
.blog-slider .owl-carousel { overflow:  visible}
.blog-slider .owl-pagination { bottom: -70px}
.blog-slider .owl-item { padding: 0 5px}
.blog-slider-con { position: relative; overflow: hidden; background-color: #000}
.blog-slider-con figcaption{ background-color: rgba(46, 46, 46, 0.9); position: absolute; z-index: 2; padding: 35px 15px; text-align: center; width: 100%; bottom: -74px; display: block; }
.blog-slider-con:hover figcaption { bottom: 0; background-color: rgba(255, 255, 255, 1); }
.blog-slider-con:hover figcaption h3 { color: #000 }
.blog-slider-con:hover .btn-small-white:hover { border: 2px solid #000; color: #000; background-color: #fff}
.blog-slider-con:hover .btn-small-white { border: 2px solid #000; color: #fff; background-color: #000}
.blog-slider-con figcaption h3 { font-weight: 400; letter-spacing: 4px; margin-bottom: 10px; color: #fff}
.blog-slider-con figcaption h3 a { color: #fff; display: block}
.blog-slider-con:hover figcaption h3 a { color: #000}
.blog-slider-con figcaption span { font-weight: 400; letter-spacing: 4px; font-size: 11px; text-transform: uppercase; color: #aeaeae; display: block }
.blog-slider-con figcaption span a { display: inline-block; color: #aeaeae; }

/* blog home masonry */
.blog-listing {overflow: hidden; margin-bottom:5%;}
.blog-image { overflow: hidden; background: #a1a1a1}
.blog-listing:hover img {-ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);  transform: scale(1.2,1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5}
.blog-date{ color: #898989; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; padding-top: 30px; }
.blog-date a { color: #898989;}
.blog-date a:hover { color: #000;}
.blog-title a { color: #000; display: block; font-size: 14px; letter-spacing: 2px; margin: 5px 0 20px; text-transform: uppercase; }
.blog-title a:hover {color: #575757;}
.blog-short-description{ width: 80%}
.blog-like i, .blog-share i, .comment i { margin-right: 6px; font-size: 11px; }
.blog-like, .blog-share, .comment{ font-size: 10px; text-transform: uppercase; letter-spacing: 2px; margin-right: 25px;}

/* blog home grid slider */
.blog-slider-grid { position: relative; overflow: hidden; background-color: #a1a1a1}
.blog-slider-grid figcaption{ position: absolute; z-index: 2; padding: 35px; text-align: center; width: 100%; bottom: 0; display: block; background: rgba(0,0,0,1) }
.blog-slider-grid:hover figcaption { background: rgba(255,255,255,1);} 
.blog-slider-grid:hover figcaption h3 { color: #000 }
.blog-slider-grid:hover .btn-small-white:hover { border: 2px solid #000; color: #000; background-color: #fff}
.blog-slider-grid:hover .btn-small-white { border: 2px solid #000; color: #fff; background-color: #000}
.blog-slider-grid figcaption h3 { font-weight: 400; letter-spacing: 4px; margin-bottom: 10px; color: #fff}
.blog-slider-grid figcaption h3 a {color: #fff; display: block}
.blog-slider-grid:hover figcaption h3 a {color: #000}
.blog-slider-grid figcaption span  { font-weight: 400; letter-spacing: 4px; font-size: 11px; text-transform: uppercase; color: #aeaeae; display: block }
.blog-slider-grid figcaption span a { display: inline-block; color: #aeaeae; }
.blog-slider-grid figure:hover img { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.8;  }
.blog-slider-right { margin-bottom: 28px;}

/* blog - masonry */
.blog-grid-listing { padding-top: 0; }
.blog-grid-listing .blog-details { padding: 0 30px 30px; background-color:#fff}
.blog-grid-listing .blog-date { letter-spacing: 1px}
.blog-grid-listing .blog-like, .blog-grid-listing .blog-share, .blog-grid-listing .comment { letter-spacing: 1px}
.blog-grid-listing .blog-short-description { width: 95%}
.blog-grid-listing .blog-listing { margin-bottom: 30px;}

/* blog - 4col */
.blog-4col .blog-title { min-height:60px;}
.blog-4col .blog-title a { margin-bottom: 0}
.blog-4col .blog-short-description { width: 100% }

/* blog - masonry 4col */
.blog-masonry-4col .blog-short-description {width: 100%}

/* blog - full width */
.blog-full-width-section { padding-top:35px;}
.blog-full-width { padding: 0 15px;}

/* blog pagination */
.pagination { text-align: center; width: 100%; margin: 40px 0 0 0}
.pagination a { margin: 0 25px; font-size: 14px; margin-right: 10px; color: #7a7a7a }
.pagination a.active  { border-bottom: 1px solid #000; font-weight: 600; color: #000}
.pagination a:hover { color: #000}
.pagination i { color: #000; font-size: 17px;}

/* blog listing for home */
.blog-post p{ padding:22px 0 0 0; margin:0}
.blog-post img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:1}
.blog-post:hover img { -ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);  transform: scale(1.2,1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5}
.blog-post-images { width:auto; overflow:hidden; background-color:#4d4d4d;}
.blog-post-images img { max-width: 101%}
.post-title {font-size: 12px; letter-spacing: 2px; text-transform: uppercase; display: block; color: #000; margin: 40px 0 0 0; font-weight: 600}
.post-author {font-size: 10px; letter-spacing: 1px; text-transform:uppercase; color: #797979 }
.post-author a {color: #898989}

/* blog grid */
.blog-2col .col-md-6:nth-child(2n + 3) { clear: left; }
.blog-3col .col-md-4:nth-child(3n + 4) { clear: left; }
.blog-4col .col-md-3:nth-child(4n + 5) { clear: left; }
.blog-full-width-section .col-md-3:nth-child(4n + 5) { clear: left; }
.blog-grid-listing > .col-md-4:nth-child(3n + 4) { clear: left; }

/*  side bar */
.widget { margin-bottom:45px;}

.widget input { border-radius: 4px; width: 85%; border-width: 2px; margin-bottom: 0; padding: 10px 35px 10px 15px }
.widget .close-search { right: 70px; top: 16px}
.widget-title { font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight:600; letter-spacing: 2px;}
.category-list li { padding: 5px 0}
.category-list li:first-child { padding: 0 0 5px 0}
.category-list li a { color: #626262; }
.category-list li a:hover { color:#000}
.category-list li a span { color:#a8a8a8}
.category-list li a span:before { content: "/"; margin-right: 4px; padding-left: 10px;}
.widget-posts li { padding:10px 0;}
.widget-posts li a { display:block; line-height: 20px}
.widget-posts li img { width: 75px; margin-right: 20px; float: left}
.widget-posts-details { position: relative; overflow: hidden; top:-4px; font-size: 11px; line-height: 14px;}
.widget-posts-details a { font-size: 13px; margin-bottom: 8px; line-height: 16px !important;}
.tags a { border:1px solid rgba(0, 0, 0, 0.1); padding: 0 10px; margin: 0 5px 9px 0; text-transform: uppercase; font-size: 10px; color: #626262; display: inline-block; line-height: 26px; }
.tags a:hover {border:1px solid rgba(0, 0, 0, 1); background-color: #000; color: #fff}
.quick-contact input { width:100%; border-width:1px; margin:0 0 20px; border-radius:0}
.quick-contact input[type="button"] { border: 2px solid #000; width:auto; border-radius:0}
.flickr-photostream img { width: 45%; margin:0 5% 5% 0; padding: 0}

/*  only ie9, ie10, ie11 */
@media screen\0 { .widget input { /* ie7, ie9, ie10, ie11+ only */ padding-bottom: 17px; } }

/* blog listing classic */
.blog-listing-classic:hover img { -ms-transform: none; -webkit-transform: none;  transform: none; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:1}
.blog-image blockquote { border-left:0px; padding: 50px; margin-bottom:0; }
.blog-image blockquote p {font-size: 20px; line-height:33px}
.blog-image blockquote p:before {content:"\f10d"; font-family:'Font Awesome Pro 5'; font-size: 50px; margin-right: 10px; color: #000}
.blog-listing-classic .blog-image { margin-bottom:25px; background-color: transparent}

/* blog listing full */
.blog-listing-full { margin-bottom:150px;}
.blog-listing-full .blog-number { font-family: oswald; font-size: 40px; font-weight: 400; line-height: 40px; position: absolute; text-transform: uppercase; line-height:100px; width:100px }
.blog-listing-full .blog-date-right { color: #898989; text-transform: uppercase; text-align: left; letter-spacing: 1px; font-size: 11px; padding: 25px 0; line-height: 20px}
.blog-listing-full .blog-date-right a { display: block; font-size: 14px; font-weight: 600}
.blog-listing-full .blog-title a {font-family:'Oswald', sans-serif; font-size:30px; margin-bottom: 30px; font-weight: 100; letter-spacing: 1px}
.blog-listing-full .blog-date { font-family:'Oswald', sans-serif; font-size:20px; font-weight:100; margin:50px 0 20px; letter-spacing: 1px }

/* blog details */
.blog-details-headline{ font-size:18px; font-weight:600; letter-spacing:3px; padding-bottom:5px }
.blog-details-text p { margin-bottom:35px; font-size:14px; line-height:28px;}
.blog-details-text blockquote { margin: 15px 0 50px 0}
.blog-comment { margin:30px 0; font-size:14px; line-height:28px;}
.blog-comment .comment-avtar { float: left; max-width: 100px; margin-right:35px; margin-top:10px; }
.blog-comment .comment-reply { font-weight:600; color: #fff !important; margin-left: 15px; background-color: #000; padding: 3px 8px; letter-spacing: 1px;}
.blog-comment > .blog-comment { margin-left: 40px;}
.blog-comment-form-main { padding-top:6%}
.about-author { display: inline-block; padding: 35px; width: 100%;}
.about-author-text { font-size:13px; line-height:25px;}

/* blog single full width */
.full-width-headline h2 { font-family:'Oswald', sans-serif; font-size:40px; font-weight:100; line-height:55px; margin-top:300px;}
.full-width-headline h2 span { display:block; font-weight:400; }
.full-width-headline .posted-by {font-size:13px; font-weight:400; margin:30px 0 0; color:#bdbdbd; }
.full-width-headline .blog-date { padding-top:3px; color:#bdbdbd; font-size:13px; }
.full-width-headline .blog-date a {color:#bdbdbd; }
.text-large-full-width { font-size:22px !important; font-weight: 100; line-height: 35px !important}
.text-med-full-width { font-size:16px !important; line-height: 30px !important}
.blog-single-full-width-h3 { font-family:'Oswald', sans-serif; font-size:16px; font-weight:400; letter-spacing:3px}
.blog-single-full-width-form input[type="text"], .blog-single-full-width-form textarea { border:none; border-bottom:1px solid #dfdfdf; padding: 10px 0}
.blog-single-full-width-form input[type="text"]:focus, .blog-single-full-width-form textarea:focus { border-color: #000}

/* blog single full width with image slider */
.blog-single-full-width-with-image-slider-header { min-height:650px;}
.blog-headline { padding:14% 100px 100px;  }
.blog-single-full-width-with-image-slider-headline {font-family:'Oswald', sans-serif; font-size:50px; font-weight:100; line-height: 64px; width: 70%}
.blog-headline .posted-by { color: #fff; display: block; font-family: oswald; font-size: 25px; font-weight: 400; margin: 65px 0 10px;}
.blog-headline .posted-by a { color: #fff; font-weight:100;}
.blog-headline .blog-date { display: inline-block; font-family: "Oswald",sans-serif; font-size: 15px; font-weight: 100; padding: 40px; position: absolute; top: 0; }
.blog-headline .blog-date span { display: block; font-size: 50px; font-weight: 400; line-height: 50px; padding-bottom: 5px; }
.blog-headline .blog-cat a:after { content:"/"; padding:0 15px}
.blog-headline .blog-cat a:last-child:after {content:""; }
.blog-blockquote blockquote { width:90%}
.blog-blockquote blockquote p:before, .blog-blockquote blockquote footer { color:#fff}
.blog-text { padding: 100px;}
.blog-text p { width:90%}
.blog-comment-area { padding:100px;}

/* ===================================
    Intro
====================================== */

.tp-banner-container-black { background: #000000;}
.intro-icon-text { font-size: 16px; letter-spacing:4px; color: #fff; line-height: 20px;}
.intro-icon i { font-size: 40px; color: #ffffff;}
.work-img {background: #000000;}
.work-img:hover a { opacity: 0.5;}

/* ===================================
    Portfolio
====================================== */

/* portfolio filter */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s;  -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.grid-wrap .tab-content { margin-top: 25px; }

/* portfolio filter light */
.nav-tabs-light li a { margin: 0 32px}
.nav-tabs-light li:first-child a{ margin: 0 32px 0 0}
.nav-tabs-light li:last-child a{ margin: 0 0 0 32px}
.nav-tabs-light { height: 70px}
.nav-tabs-light a { color: #888888; font-family: "Open Sans",sans-serif !important; font-size: 12px; }

.nav-tabs-style2 {margin-top: 20px;}
.nav-tabs-style2 li {position: relative;}
.nav-tabs-style2 li a {font-size: 14px; color: #626262; letter-spacing: 0.55px; border: 0; font-weight: 400; margin: 0 30px;}
.nav-tabs-style2 li.active a { border-bottom: 0;}
.nav-tabs-style2 li.active:before {width: 100%; height: 1px; display: inline-block; background-color: #ef824c; position: absolute; left: 0; top: 15px;} 
.nav-tabs-style2 li a:hover { border-bottom: 0;}

/* masonry basic */
.grid li  {transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.grid img { width:100%}
.grid-gallery { clear: both; float: left; width: 100%; }
.gallery-img a { position: relative; z-index: 2; display: block}
.grid-gallery ul { list-style: none; padding: 0; }
.grid-gallery figure { margin: 0; position: relative }
.grid-gallery figure img { display: block; width: 100%; opacity: 1; cursor: pointer; }
.grid-gallery figcaption h3 { margin: 0 0 8px; padding:0; text-transform:uppercase; }
.grid-gallery figcaption i { font-size: 32px; color: #aeaeae; margin-bottom: 20px}
.grid-gallery figcaption h3 a, .grid-gallery figcaption h3 { letter-spacing: 4px; font-weight: 400; color: #e3e3e3; }
.grid-gallery figcaption p { display:block; font-size:12px; letter-spacing:3px; text-transform:uppercase; text-decoration:none; color: #aeaeae; margin-bottom: 0 }
.grid { margin: 0 auto; }
.grid li { box-sizing: border-box; float: left; margin: 0; width: 25%; display: inline-table;  }
.grid figure { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }
.grid figcaption {  margin-top:-0px; bottom: 20px; opacity: 0; position: absolute; text-align: center; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.gallery-img { opacity: 1; transition: all 0.3s ease 0s; overflow: hidden;  margin-bottom:0px;}
.grid figure:hover .gallery-img {background-color:#000; }
.no-hover figure:hover .gallery-img {background-color: transparent !important; }
.no-hover figure:hover img { opacity: 1 !important; -ms-transform: none; -webkit-transform: none;  transform: none; }
figure:hover img { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.15;  cursor:url("../images/icon-zoom-white.png"), pointer; }
.mfp-figure figure:hover img { cursor: pointer}
.grid figure:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}

/* portfolio grid - 2 column  */
.revolution-masonry-portfolio-list .portfolio-item { padding: 10px;} 

/* portfolio grid */

/* portfolio grid - 2 column  */
.work-2col .grid li { float: left; width: 50%;}

/* portfolio grid - 3 column  */
.work-3col .grid figcaption {  bottom: 35px; }
.work-3col .grid li { float: left; width: 33.33%;}

/* portfolio grid - 4 column  */
.work-4col .grid li { float: left; width: 25%; }
.work-4col .grid figcaption {  bottom: 40px; }
#portfolio.work-4col .grid figcaption {  bottom: 60px; }
.work-4col .grid-gallery figcaption h3 { font-size: 13px; margin: 0 0 3px}
.work-4col .grid-gallery figcaption p { font-size: 11px}

/* portfolio grid - 5 column  */
.work-5col .grid li { float: left; width: 20%; }
.work-5col .grid figcaption {  bottom: 15px; }
.work-5col .grid-gallery figcaption h3 { font-size: 11px; margin: 0 0 3px; letter-spacing: 2px}
.work-5col .grid-gallery figcaption p { font-size: 10px; letter-spacing: 1px}
.work-5col .grid-gallery figcaption i { font-size: 28px; margin-bottom: 15px }
.work-5col figure:hover img { -ms-transform: none; -webkit-transform: none;  transform: none; transition:.1s; -webkit-transition: .1s; -moz-transition:.1s; opacity:.15;  }

/* portfolio grid - gutter */
.gutter .grid-gallery ul { margin-left: -14px}
.gutter .grid li { padding: 0 0 14px 14px;}

/* portfolio grid - with title */
.work-with-title .grid figcaption {opacity: 1; position: relative; bottom: 0; padding: 40px 0 30px 0; background: rgba(255,255,255,1); z-index: 2; }
.work-with-title .grid li figcaption h3, .work-with-title .grid figcaption h3 a, .work-with-title .grid li figcaption p {color: #888888 }
.work-with-title .grid figcaption h3 a { display: block}
.work-with-title .grid li:hover figcaption h3, .work-with-title .grid li:hover figcaption h3 a{color: #000 }
.work-with-title .grid li:hover figcaption { bottom: 50px;}
.work-with-title figure:hover img {opacity: 1; -ms-transform: none; -webkit-transform: none;  transform: none; transition:.1s; -webkit-transition: .1s; -moz-transition:.1s; opacity:.5; cursor:url("../images/icon-zoom-white.png"), pointer;}
.work-with-title .gallery-img { }

/* portfolio grid - wide */
.work-2col.wide .grid figcaption { bottom: 100px}
.work-3col.wide .grid figcaption { bottom: 80px}
.work-4col.wide .grid figcaption { bottom: 60px}
.work-5col.wide .grid figcaption { bottom: 40px}

/* portfolio grid - wide with title */
.work-2col.wide-title .grid figcaption { bottom: 0;}
.work-3col.wide-title .grid figcaption { bottom: 0;}
.work-4col.wide-title .grid figcaption { bottom: 0;}
.work-5col.wide-title .grid figcaption { bottom: 0;}

/* portfolio masonry adjustment */
.grid-gallery ul { margin-left:1px; }
.work-5col.masonry .grid-gallery ul { margin-left: -1px}

/* portfolio parallax */
.parallax-portfolio { min-height: 600px; background-attachment: fixed; position: relative; overflow: hidden}
.look-project { position: absolute; bottom: 0; background-color: rgba(0,0,0,0.8); text-align: center; width: 100%; z-index: 3; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}
.look-project a {  display: block; padding: 25px; font-size: 13px; letter-spacing: 3px; color: #fff}
.parallax-portfolio figcaption { background: rgba(0,0,0,1); padding: 45px; width: 100%; display: inline-block; z-index: 3; position: absolute; left:0; bottom:-10px; text-align: center; opacity: 0}
.parallax-portfolio figcaption h3 { font-weight: 400; letter-spacing: 6px; font-size: 16px; margin-bottom: 13px; color: #fff }
.parallax-portfolio figcaption p { text-transform: uppercase; letter-spacing: 4px; font-size: 12px; color: #888888; margin: 0}
.parallax-portfolio:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; bottom: 73px }
.parallax-portfolio:hover .opacity-full { opacity: .5; background: #000; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.parallax-portfolio:hover .look-project { background-color: rgba(255,255,255,1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.parallax-portfolio:hover .look-project a { color: #000; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}

/* portfolio with short description */
.portfolio-short-description-bg { background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; background-size:100%; overflow: hidden;}
.portfolio-short-description figure { background: rgba(27, 22, 28, 0.9); padding: 100px; display:inline-block; width: 50%; position: relative }
.portfolio-short-description figure h3 { font-size: 18px; letter-spacing: 4px; font-weight: 400; }
.portfolio-short-description figure p { letter-spacing: 1px; line-height: 23px;  }
.portfolio-short-description-bg:hover { background-size: 106%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.portfolio-short-description-bg:hover figure {background: rgba(0,0,0,1);}

/* ===================================
    Elements
====================================== */

/* accordions */
.panel > div {transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: initial; -o-transition-duration: .2s; }
.panel-heading {padding-bottom:15px; }
.panel-title { background-color: #fff; color: #767676; font-size: 12px; letter-spacing:2px; font-weight: 400; width:100%; display: block; padding: 10px 18px; border: 1px solid rgba(0,0,0,.1); text-transform: uppercase}
.panel-body { padding:10px 18px 25px 18px; font-size: 13px; line-height: 23px;}
.panel-heading i { font-size:10px; margin: 0}
.active-accordion .panel-title{ color: #000}

.accordion-style2 .panel-title  { background-color:#000; color: #fff}
.accordion-style2 .panel-heading i { font-size:18px; margin: 0; color:#fff; padding-top:5px}

.accordion-style3 .panel-title  { background-color:#ededed; color: #000; position:relative; border: none; padding:0 25px; font-size: 14px; line-height: 70px}
.accordion-style3 .panel-heading { padding-bottom:30px}
.accordion-style3 .panel-heading i { font-size:20px; margin: 0; color:#000; position: relative; top:3px}
.accordion-style3 .panel-body{ padding: 0 60px 35px 25px;}
.accordion-style3 .number { font-size: 18px; font-weight: 600; margin-right:10px; position: relative; top: 1px  }
.toggles-style2 .panel-title  { background-color:#000; color: #fff}
.toggles-style2 .panel-heading i { font-size:18px; margin: 0; color:#fff; padding-top:5px}

.toggles-style3 {border:1px solid rgba(0,0,0,.15); border-top:none}
.toggles-style3 .panel { border: none; border-top:1px solid rgba(0,0,0,.15); }
.toggles-style3 .panel-title { border: none; padding:20px 25px; font-size: 14px; position: relative}
.toggles-style3 .panel-title span { position: absolute; right: 25px; top: 20px; }
.toggles-style3 .panel:first-child { border-bottom:none}
.toggles-style3 .panel-heading { padding: 0}
.toggles-style3 .panel-body{ padding: 0 60px 25px 25px; background-color:#fff}
.toggles-style3 .active-accordion h4 { font-weight: 600}

/* progress bar */
.progress-bar-style2 .progress {overflow: visible}
.progress-bar-style2 .progress-bar span { color: #000; position: absolute; right: 0; text-align: right; top: 21px; font-size: 11px; }
.progress-bar-style2 .progress-bar { position: relative; overflow: visible}
.progress-bar-style2 .progress { height:15px;}
.progress-bar-style2 .progress-name { font-size: 10px; margin: 5px 0 20px }

.progress-bar-style3 .progress-bar-sub { margin-bottom: 40px; }
.progress-bar-style3 .progress { height: 26px;}
.progress-bar-style3 .progress-bar { font-size:11px; text-transform: uppercase; line-height: 25px; text-align: left; padding: 0 10px}

/* buttons */
.btn {display: inline-block;  margin-right: 20px; letter-spacing: 2px; border:1px solid transparent }
.btn-round { border-radius:0px !important}
.btn i { margin-right:5px}
.btn.btn-large i { font-size: 24px;}

.button { margin-top:0; margin-bottom: 0}
.btn.btn-large { font-size: 18px; padding: 18px 35px;}
.btn.btn-medium { font-size: 14px; padding: 10px 22px;   }
.btn.btn-medsmall { font-size: 14px; padding: 8px 22px;  }
.btn.btn-small { font-size: 11px; padding: 2px 14px; letter-spacing:1px}
.btn.btn-very-small {font-size: 9px; padding: 1px 12px; letter-spacing:1px}





.highlight-button { border:1px solid #666666; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#000; background-color: transparent;   }
.highlight-button:hover { background-color: #000; border: 1px solid #666666; color:#fff}
.highlight-button i { color: #000}
.highlight-button:hover i {color:#fff}

.highlight-button-dark { border:1px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#fff; background-color: #000;  }
.highlight-button-dark:hover { background-color: #5e005e; border: 1px solid #5e005e; color:#fff}
.highlight-button-dark i { color: #fff}
.highlight-button-dark:hover i {color:#fff}

.btn-small-white-background { font-size: 11px; letter-spacing: 2px; padding: 6px 23px; color: #000; margin-right: 25px; background:#fff; border: 2px solid #fff }
.btn-small-white-background:hover { background:transparent; border: 2px solid #fff; color: #fff; }
.btn-small-white-background i { color: #000}
.btn-small-white-background:hover i { color: #fff}

.btn-small-white { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #fff; color: #fff;}
.btn-small-white:hover { background-color: #FFF; color: #000}

.btn-small-white-dark { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #fff; color: #000; background:#fff}
.btn-small-white-dark:hover { background-color:transparent; color: #fff; border: 2px solid #fff}

.btn-very-small-white { font-size: 9px; letter-spacing: 2px; padding: 2px 15px; border: 1px solid #fff; color: #fff;}
.btn-very-small-white:hover { background-color: #FFF; color: #000}

.btn-black{ border: 2px solid #000; color: #fff; display: inline-block; background-color: #000; padding: 7px 20px 8px; width: auto;}
.btn-black:hover {border: 2px solid #000; color: #000; background-color: transparent}

.highlight-button-black-border{ border: 4px solid #000; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #000; font-weight: 700}
.highlight-button-black-border:hover { border: 4px solid #000; background-color: #000; color: #fff}

.highlight-button-orange-border{ border: 5px solid #ef824c !important; background-color: transparent; font-size: 16px;  letter-spacing: 0 !important; padding: 10px 30px; color: #000; font-weight: 700}
.highlight-button-orange-border:hover {border: 5px solid #ef824c; background-color: #ef824c; color: #fff;}

.highlight-button-white-border{ border: 4px solid #fff; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #fff; font-weight: 700}
.highlight-button-white-border:hover { border: 4px solid #fff; background-color: #fff; color: #000}

.highlight-button-black-background{ border: 4px solid #000; background-color: #000; font-size: 16px!important; padding: 20px 30px; color: #fff; font-weight: 500!important}
.highlight-button-black-background:hover { border: 4px solid #5e005e; background-color: #5e005e; color: #fff}



.btn-small-black-background { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #000; color: #fff; background-color: #000 }
.btn-small-black-background:hover { background-color:transparent; color: #000; border: 2px solid #000}
.btn-small-black-border-light { font-size: 10px; letter-spacing: 3px; padding: 6px 25px; border: 1px solid #000; color: #000; }
.btn-small-black-border-light:hover { background-color: #000; color: #fff}
.btn-light-black{ border: 2px solid #000; color: #000; background-color: transparent}
.btn-light-black:hover {border: 2px solid #000; background-color: #000; color: #fff}

.button-desc { font-size:30px !important; line-height: 35px; font-family: 'Open Sans', sans-serif; font-weight: 600}
.button-desc span { display: block; font-size: 18px; font-weight: 400 }

.button-3d { border-bottom:2px solid rgba(0,0,0,0.2) !important;}

/* reveal button */
.button-reveal { overflow:hidden; position: relative; transition: all 200ms linear 0s; border: 2px solid #000; font-size:16px;}
.button-reveal i { position:absolute; left:-25px; top: 30%; color: #000; font-size: 20px;}
.button-reveal span {padding: 0 45px; display: block; line-height:54px}
.button-reveal:hover span { padding: 0 30px 0 60px; transition: all 200ms linear 0s; color: #000 }
.button-reveal:hover i { left:25px}
.btn.btn-large.button-reveal { padding: 0}

.button-reveal-black { background-color: #000; color: #fff}
.button-reveal-black span { color: #fff}
.button-reveal-black i { color: #fff}
.button-reveal-black:hover span { color: #fff}

/* social icon */
.social-icon .fa { text-align: center; display: table-cell; vertical-align: middle; width: 30px; height: 30px !important; line-height: 1; font-size: 14px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; color: #fff; background: none; }
.social-icon:hover .fa { opacity:.8} 
.social-icon .fa-pinterest { background-color: #cb2027; }
.social-icon .fa-rss  { background-color: #f26522; }
.social-icon .fa-facebook  { background-color: #3b5998; }
.social-icon .fa-twitter  { background-color: #00aced; }
.social-icon .fa-flickr  { background-color: #ff0084; }
.social-icon .fa-dribbble  { background-color: #ea4c89; }
.social-icon .fa-behance  { background-color: #42a9fb; }
.social-icon .fa-linkedin  { background-color: #007bb6; }
.social-icon .fa-vimeo-square  { background-color: #aad450; }
.social-icon .fa-youtube  { background-color: #bb0000; }
.social-icon .fa-tumblr  { background-color: #32506d; }
.social-icon .fa-github-alt  { background-color: #333333; }
.social-icon .fa-google-plus  { background-color: #dd4b39; }
.social-icon .fa-instagram  { background-color: #517fa4; }
.social-icon .fa-soundcloud  { background-color: #f80; }

.social-icon-large { margin-right:20px; }
.social-icon-large .fa { font-size:25px; background: transparent; color: #000; text-align: center; display: table-cell; vertical-align: middle; width: 60px; height: 60px !important; line-height: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.social-icon-large:hover .fa { color:#fff}
.social-icon-large:hover .fa-pinterest{ background-color: #cb2027; }
.social-icon-large:hover .fa-rss{ background-color: #f26522; }
.social-icon-large:hover .fa-facebook  { background-color: #3b5998; }
.social-icon-large:hover .fa-twitter{ background-color: #00aced; }
.social-icon-large:hover .fa-flickr{ background-color: #ff0084; }
.social-icon-large:hover .fa-dribbble { background-color: #ea4c89; }
.social-icon-large:hover .fa-behance  { background-color: #42a9fb; }
.social-icon-large:hover .fa-linkedin  { background-color: #007bb6; }
.social-icon-large:hover .fa-vimeo-square  { background-color: #aad450; }
.social-icon-large:hover .fa-youtube  { background-color: #bb0000; }
.social-icon-large:hover .fa-tumblr  { background-color: #32506d; }
.social-icon-large:hover .fa-github-alt  { background-color: #333333; }
.social-icon-large:hover .fa-google-plus  { background-color: #dd4b39; }
.social-icon-large:hover .fa-instagram  { background-color: #517fa4; }
.social-icon-large:hover .fa-soundcloud  { background-color: #f80; }

/* features box */
.features-box-style1 i { min-height:65px; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }

/* pricing table */
.pricing [class^="col-"] { margin-top: 20px; padding: 0; }
.pricing-title { background-color: #f9f9f9; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 15px 0; }
.pricing-title { background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 30px 0; }
.pricing-title h3 { font-size: 20px; font-weight: 400; letter-spacing: 1px; margin: 0; text-transform: uppercase; }
.pricing-price::after { border-top: 2px solid rgba(0, 0, 0, 1); bottom: 0; content: ""; left: 50%; margin-left: -50px; position: absolute; top: auto; width: 80px; }
.pricing-features ul { list-style: outside none none; margin: 0; padding: 35px 0; }
.pricing-features li { padding: 3px 0; }
.pricing-action { padding: 0 30px 35px; }
.pricing-box.best-price { background-color: #000; margin: -20px -1px 0; z-index: 10; border:1px solid #000; color:#999}
.pricing-box.best-price .pricing-price::after {border-top: 2px solid rgba(255,255,255,.3)}
.pricing-box.best-price .pricing-price { color:#999}
.pricing-box { background-color: #fff; border-right: 1px solid rgba(0, 0, 0, 0.075); position: relative; text-align: center; }
.pricing-box.last{ border:none}
.pricing-price { color: #333; font-size: 64px; font-weight: 300; line-height: 1; padding: 35px 0; position: relative; letter-spacing: -3px }
.pricing-price span { display: inline-block; font-size: 28px; font-weight: 400; margin: 7px 3px 0 0; vertical-align: top; }
.pricing-price span.price-tenure { color: #999; font-size: 16px; font-weight: 400; margin: 0 0 0 8px; vertical-align: baseline; letter-spacing: 0 }
.pricing-price::after { border-top: 2px solid rgba(0, 0, 0, 1); bottom: 0; content: ""; left: 50%; margin-left: -50px; position: absolute; top: auto; width: 80px; }
.pricing-box.best-price .pricing-title { background-color: #000; padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,.3) }
.pricing-title span { color: #999; display: block; font-size: 14px; font-weight: 400; margin-top: 3px; text-transform: uppercase; }
.pricing-box.best-price .pricing-title h3 { color: #fff; font-size: 23px; font-weight: 600}
.pricing-features li i { color: #ffc600; font-size: 14px;}

/* forms controls */
.input-round { border-radius:4px !important }
.big-input, .big-textarea, .big-select { padding: 12px 25px 11px; border:1px solid rgba(0,0,0,.2);}
.big-label {font-size:14px; letter-spacing:2px;}

/* only ie7, ie9, ie10, ie11 */
@media screen\0 { .big-input, .big-textarea, .big-select { /* ie7, ie9, ie10, ie11+ only */ padding-bottom: 20px; } }

.med-input, .med-textarea, .med-select { padding: 10px 15px; border:1px solid rgba(0,0,0,.2); border-radius:4px}
.med-input.select-style select { padding: 14px 15px}
.med-input.select-style { margin:0 0 20px }

.select-style { padding: 0; margin: 0; border: 1px solid #ccc; width: 100%; overflow: hidden; background-color: #fff; margin: 0 0 40px;  background: #fff url("../images/select-arrow.png") no-repeat 97% 50%; }
.select-style select { padding: 16px 15px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor: pointer; font-size:11px; text-transform: uppercase; letter-spacing:1px; margin-bottom:0; color:#999999 }
.select-style select:focus { outline: none; border: none; box-shadow: none }

.login-box { padding:35px; background-color:#fff; border-radius:8px; box-shadow: 0 0 2px #888888;}

/* grid */
.show-grid [class^="col-"] { background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 15px; padding: 10px 0; text-align: center; }

/* icon */
.icon-box i { margin:25px;}
.i-large-box{ width:100px; height:100px; line-height:98px; text-align:center; font-size:40px}
.i-medium-box{ width:80px; height:80px; line-height:80px; text-align:center; font-size:30px;}
.i-small-box{ width:60px; height:60px; line-height:60px; text-align:center; font-size:22px}
.i-extra-small-box{ width:40px; height:40px; line-height:40px; text-align:center; font-size:15px}
.i-plain { color:#737373; background-color: transparent !important;}
.i-plain:hover { color:#fff; background-color: #737373!important; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.i-rounded  { border-radius: 3px; background-color: #000; color:#fff; border:1px solid rgba(0,0,0,0.15);}
.i-rounded:hover { background-color: #fff; color:#9a9a9a; border:1px solid rgba(0,0,0,0.15);}
.i-bordered { border:1px solid rgba(0,0,0,0.15); background-color: transparent !important; color:#9a9a9a}
.i-bordered:hover { background-color: #000 !important; color: #fff}
.i-circled  { border-radius: 50%;}
.i-light { background-color: #fff !important; box-shadow: 0 0 10px rgba(0, 0, 0, .08) inset; color:#9a9a9a; text-shadow: 1px 1px 1px #fff; }
.i-light:hover { background-color: #fff !important; box-shadow: 0 0 30px rgba(0, 0, 0, .15) inset !important; color: #444; text-shadow:none }
.i-3d { box-shadow: 0 0 3px rgba(0, 0, 0, .1); color:#9a9a9a !important;  background-color: #fff; color:#000}
.i-3d:hover {box-shadow: 0 0 4px rgba(0, 0, 0, .3);}
.i-3d-border { border-bottom:3px solid rgba(0,0,0,0.15) !important; color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)}
.i-3d-border:hover { border-bottom:3px solid rgba(0,0,0,0.30) !important; color:#fff; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.glyphs .box1 {    border: 1px solid #e5e5e5; display: block; float: left; font-size: 13px; margin: -1px 0 0 -1px; padding: 0; width: 33%; padding: 20px; text-align: left}
.glyphs .box1 span { font-size: 30px; vertical-align: middle; width: 50px;}
.fa-examples div { border: 1px solid #e5e5e5; font-size: 13px; margin: -1px 0 0 -1px; padding: 15px 0 15px 15px; color: #868686; }
.fa-examples div:hover { background-color: #fafafa}
.fa-examples i {color:#555555; font-size:14px; letter-spacing: 0; margin-right: 5px;}
.fa-examples span {margin-left: 6px;  display: none }

/* alert */
.alert-style2 .alert { border-width:2px; background-color: transparent}
.alert-style3 .alert { border-radius:0;}
.alert-style4 .alert { border-radius:0; background-color: transparent}
.alert-style5 .alert { background-color: transparent; border-bottom-width:3px}
.alert-style5 .alert i {background-color: transparent}
.alert-style5 .alert:hover {border-color: rgba(0,0,0,.1)}
.alert-style5 .alert-success:hover { background-color: #dff0d8;}
.alert-style5 .alert-info:hover { background-color: #d9edf7;}
.alert-style5 .alert-warning:hover { background-color: #fcf8e3;}
.alert-style5 .alert-danger:hover { background-color: #f2dede;}
.alert-style6 .alert { background-color: transparent; border-top:none; border-right:none; border-left:none; border-bottom-width:3px !important; border-radius:0; padding: 25px; font-size: 20px; font-weight:100; line-height:30px}
.alert-style6 .alert span {width:70%; display: table}
.alert-style6 .alert i {background-color: transparent; float: left; width:70px; font-size: 35px; line-height: 60px; color: #aeaeae}
.alert-style6 .alert:hover {border-bottom-width:6px !important; color: #4d4d4d }
.alert-block { padding:25px;}
.alert-block p { width:90%}
#success { clear: both; margin: 0 15px 20px; text-align: center; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; border-radius: 5px; padding: 15px 0;}
#success-free30daytrial { clear: both; margin: 0 15px 20px; text-align: center; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; border-radius: 5px; padding: 15px 0;}

/* tabs */
.nav-tabs > li > a { margin-top: 0;}
.tab-style2 .nav-tabs { height:auto; }
.tab-style2 .nav-tabs li { margin-bottom: -1px; border:1px solid transparent; border-bottom: none}
.tab-style2 .nav-tabs li:hover { border-color: transparent}
.tab-style2 .nav-tabs li.active { border:1px solid #e5e5e5; background-color: #fdfdfd; border-bottom: none }
.tab-style2 .nav-tabs li a { margin-right: 0; margin-left:0; padding:15px 20px; border-bottom: none; color: #000; letter-spacing: 1px}
.tab-style2 .tab-content { padding: 25px; border: 1px solid #e5e5e5; background-color: #fdfdfd}
.tab-style3 .nav-tabs { height:auto; margin-bottom: 25px }
.tab-style3 .nav-tabs { border-bottom:1px solid #ddd; }
.tab-style3 .nav-tabs li:first-child { border-left: 1px solid #e5e5e5; margin-left: 15px; }
.tab-style3 .nav-tabs li.active a { background-color: #fff; position: relative; top: 1px; }
.tab-style3 .nav-tabs li { border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.tab-style3 .nav-tabs li a {  background-color: #f7f7f7; border: none; color: #575757; line-height: 44px; margin: 0 !important; padding: 0 20px; }
.tab-style3 .nav-tabs li i { font-size: 17px; position: relative; top: 3px; }
.tab-style3 .nav-tabs li.active a { border-bottom: none}
.tab-style4 .tabs-left .nav-tabs { border-right: 1px solid #e5e5e5; float:left; width:150px; height: auto; padding: 20px 0 40px}
.tab-style4 .tabs-left .nav-tabs li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}
.tab-style4 .nav-tabs li:first-child  { border-top: 1px solid #e5e5e5;}
.tab-style4 .tabs-left .nav-tabs li a { background-color: #f7f7f7; border-bottom: 0 none; display: block; line-height: 40px; margin: 0 !important; padding: 0 20px; text-align: left; width: 100%; }
.tab-style4 .tabs-left .nav-tabs li.active a { background-color: #fff; position: relative; left: 1px}
.tab-style5 .tabs-left .nav-tabs { border-right: none; float:left; width:150px; margin: 0}
.tab-style5 .tabs-left .nav-tabs li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}
.tab-style5 .nav-tabs li:first-child  { border-top: 1px solid #e5e5e5;}
.tab-style5 .tabs-left .nav-tabs li a { margin: 0; text-align: left; border-bottom: 0; line-height: 40px; padding: 0 20px; width: 100%; display: block; background-color: #fff}
.tab-style5 .tabs-left .nav-tabs li.active { background-color: #f7f7f7;}
.tab-style5 .tabs-left .nav-tabs li.active a { background-color: #f7f7f7; position: relative; left: 1px; z-index: 9}
.tab-style5 .tab-content { background-color: #f7f7f7; padding: 30px; border: 1px solid #e5e5e5;  }

/* tab - icon */
#animated-tab .nav-tabs { border:0px; text-align:center; display:inline-block; margin: 0 0 130px}
#animated-tab .nav-tabs > li { margin:0px; border-right: 1px solid #d7d7d7; float: left }
#animated-tab .nav-tabs > li:last-child{ border: none}
#animated-tab .nav-tabs > li > a { text-align:center; vertical-align:middle; display: table; padding:0px; margin:0px; font-size:42px; margin:0; outline:none; padding: 0 50px; border: none }
#animated-tab .nav-tabs > li > a:hover .white-text { color:#5bcf21;}
#animated-tab .nav-tabs > li.active a i { color:#000; }
#animated-tab .nav-tabs > li > a > span { vertical-align:middle; display: table-cell;}
#animated-tab .nav-tabs > li:last-child > a { border-right:1px solid rgba(255, 255, 255, .3)}

/* only ie7, ie9, ie10, ie11 */
@media screen\0 { #animated-tab .nav-tabs > li > a { /* ie7, ie9, ie10, ie11+ only */ float: none; } }

/* progress bar  */
.progress-name{font-size: 10px; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; margin: 5px 0 15px}
.progress-name strong { color: #000; font-weight: 400}
.progress-bar-sub { margin-right: 20px; }

/* piechart */
.chart { position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; border-radius: 50%;  }
.chart canvas { position: absolute; top: 0; left: 0; }
.chart-percent { margin: 0 0 30px 0}
.percent { display: inline-block; line-height: 125px; z-index: 2; font-size: 25px; font-family: 'Oswald', sans-serif; font-weight: 100;}
.percent:after { content: '%'; font-family: 'Oswald', sans-serif; font-weight: 100; }
.chart-text{ font-size: 12px; letter-spacing: 1px; text-transform: uppercase; line-height: 40px; color: #767676}

.chart-style2 .chart2 { position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; border-radius: 50%;  }
.chart-style2 .chart2 canvas { position: absolute; top: 0; left: 0; }
.chart-style2 h5 { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 1px; }
.chart-style2 p { font-size:11px; letter-spacing: 2px;}

/* dropcap */
.first-letter { color: #000; float: left; font-size: 50px; left: 0; line-height: 1; margin: 0 20px 10px 0; position: relative; top: 4px; }
.first-letter-block { background-color:#000; padding:10px; color:#fff; font-weight: 600}
.first-letter-block-round { border-radius:5px; border:3px solid #000; padding:8px 10px; font-weight:600; font-size: 35px;}
.first-letter-light { border-radius:5px; padding:10px 12px; font-weight:600; font-size: 45px; color: #fff; background: #888888}
.first-letter-highlight { color: #e6af2a; font-size: 45px; line-height: 60px; margin: 0 20px; border-bottom: 2px solid #c7c7c7 }
.first-letter-round { background-color: #e6af2a; border-radius: 50%; color: #fff; font-size:30px; padding: 15px;}

/* blockquote */
.blockqoute-dark { padding: 35px; border: none; }
.blockqoute-dark p { font-size: 16px; line-height: 25px; width: 95%; }
.blockqoute-dark footer { font-weight:600; font-size: 14px; }

/* list */
ul.flat-list { list-style:inside disc; margin: 0 0 0 25px}
.flat-list li { padding:5px 0}
.flat-list li.active { font-weight:600; color:#000}
.flat-list li.active ul { font-weight: normal; color: #575757}
.flat-list li ul { padding:5px 0 0 15px;}
.flat-list li i { margin:0 10px 0 0}
ul.flat-list-icon { list-style:none}
.list-inline li { display: inline-block; padding: 0 18px;}
ul.list-line li {border-bottom:1px solid rgba(0,0,0,.1); padding:7px 0}
ul.list-line li:last-child {border-bottom: none}
ul.list-line li span {min-width:130px; display:inline-block}

/* heading */
.subheader { display: inline-block; padding: 0 30px; position:relative; z-index:2}
.dividers-header:before { border-top: 1px solid #e5e5e5; content: ""; height: 0; left: auto; position: absolute; right: 0; top: 50%; width: 100%; z-index: -1 }
.double-line:before { border-top: 4px double rgba(0,0,0,.15); position: absolute; z-index: 2;}
.dividers-header i { margin-bottom:10px;}
.subheader h6 { margin: 7px 0 0 0}
.subheader-double-line {border: 3px double #e5e5e5; padding: 15px 30px}
.subheader-double-line h6 { margin: 3px 0 0}

/* model popup */
.modal-popup-main {padding:35px;}

/* ===================================
    Pages
====================================== */

/* about us */
.about-year { border: 2px solid #6d6d6d; display: inline-block; font-size: 17px; height: 120px; margin-bottom: 40px; padding: 25px; width: 120px; }
.about-year span { font-size: 50px; font-weight: 600; left: -4px; letter-spacing: -5px; position: relative; top: 13px; }
.timeline-number { font-family: "Oswald",sans-serif; font-size: 25px; padding: 15px; line-height:25px;}
.timeline-year {font-size: 20px; font-weight: 600; line-height:60px;}

/* only ie7, ie9, ie10, ie11 */
@media screen\0 { .about-year { /* ie7, ie9, ie10, ie11+ only */ padding-top: 20px !important; } }
@media screen\0 { .about-year span { /* ie7, ie9, ie10, ie11+ only */ display: block !important; margin-bottom: 28px !important; } }

/* team members */
.team-size-main { margin-left: 7%}
.team-size span {font-family: "Oswald",sans-serif; font-size:50px; position: relative; top:20px;}
.team-plus {font-size:50px; position: relative; top:30px; color:#717171}
.team-member {overflow: hidden !important}
.team-member figure { padding:35px 0 65px}
.team-member .person-social i { margin:0 15px; font-size:15px; color:#000 }
.team-member .team-details { opacity:0; position:absolute; height:50%; background:rgba(0,0,0,.85); padding-top:10%; padding-left: 15px; padding-right: 15px; left:15px; right:15px; bottom:0; overflow:hidden}
.team-member:hover .team-details {opacity:1; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px);}
.team-member:hover img {opacity:.5; background: #6b6b6b;}

/*  only ie9, ie10, ie11 */
@media screen\0 { .team-size span { /* ie7, ie9, ie10, ie11+ only */ display: block; margin-bottom: 38px; } }

/* careers */
.urgent-job { background: #d21616; font-size:11px; left: 154px; padding: 1px 10px 0; position: absolute; top: 173px; }
/****   Only Chrom Css   *****/
.career-form { padding: 5%}

/* contact us */
.contact-map iframe { width:100%; height:420px;}
.view-map { position:absolute; bottom: 0; right: 0}
.scrolloff { pointer-events: none; }

/* sitemap */
.sitemap-title { font-size: 13px; font-weight: 600; text-transform: uppercase; border: 1px solid rgba(0,0,0,.1); padding: 5px 15px; background: #f7f7f7}
.sitemap li { border-bottom: 1px solid rgba(0,0,0,.1); padding: 10px 0; font-weight: 600; text-transform: uppercase; color: #000; font-size: 11px }
.sitemap li ul { padding: 10px 0}
.sitemap li ul li { border-bottom: 0; padding: 2px 0; font-weight: 400; font-size: 13px; text-transform: initial}
.sitemap li ul li:before {content: "-"; padding-right: 5px;}

/* services */
.services-box { padding:50px;}
.services-box:hover figure {opacity: 1; }
.services-box figure { font-size:12px; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 80px 50px 0; background: #000; text-align: center; letter-spacing:1px}
.services-box figure span { display:block; font-size: 50px; font-weight:600; line-height: 65px; }

/* faq */
.faq-search input { border:none; font-size:15px; width:90%; padding:20px 25px}
.faq-search-button { color: #000; cursor: pointer; font-size: 21px; position: absolute; right: 60px; top: 21px; }

/* 404 */
.not-found-title { font-size:60px; line-height:100px; display:block; font-weight: 700}

/* client */

.client-main img {position:relative}
.client-text {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity:0; padding:0 85px }
.client-main:hover .client-text {opacity:1;}
.client-main:hover img {opacity:0; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); }

/* ===================================
    Shop
====================================== */

.slider-typography-shop .owl-subtitle { font-size: 16px; font-weight: 600; letter-spacing: 7px; line-height: 80px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; }
.slider-typography-shop .owl-title { font-size: 63px; font-weight: 700; line-height: 65px; width: 50%; }
.product-name a { font-size:12px; font-weight:400; letter-spacing:2px; display:block}
.price { font-size:14px; font-weight:600; display:block}
.price del { color:#898989; margin-right:10px; font-weight: 100}
.home-product:hover .quick-buy { opacity:1; bottom: 44px;}
.quick-buy { background-color:rgba(255,255,255,1); bottom: 44px; left: 0; opacity: 0; padding: 25px 0; position: absolute; width: 100%; }
.home-product:hover img {transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); cursor:url("../images/icon-zoom-white.png"), pointer;}
.product-name{ position: relative; z-index: 1; }
.quick-buy .quick-buy-btn i { margin:0; font-size:14px;}
.quick-buy .btn { padding:5px 13px; margin:0}
.exclusive-style { border:1px solid #e5e5e5}
.exclusive-style .owl-half-slider .item { min-height:0}
.exclusive-style .owl-pagination { bottom:15px;}
.exclusive-style .owl-wrapper-outer { background:#fbfbfb}
.exclusive-style-text { padding: 60px 45px;}
.shop-newsletter-main { padding:2% 35px 0;}
.shop-newsletter{ padding:8% 45px 0;}
.shop-newsletter input { border:1px solid rgba(255,255,255,.2); background: transparent; width:75%; margin-top:25px; text-align: center}
.text-block { height:296px; display:table; padding: 15px; }
.text-block-inner { display: table-cell; vertical-align: middle; border:1px solid rgba(0,0,0,.15); background: #fff; }
.text-block:hover { background:#000;}
.text-block:hover .text-block-inner { border:2px solid rgba(255,255,255,1); background: #fff; }
.text-block .btn {font-family: 'Open Sans', sans-serif; }
.onsale { background:#cb0606; bottom: 16%; color: #fff; font-size: 10px; left: 50%; margin-left: -21px; line-height: 20px; padding: 0 9px; position: absolute; text-transform: uppercase; }
.new { background: #f1a004; bottom: 16%; color: #fff; font-size: 10px; left: 50%; margin-left: -21px; line-height: 20px; padding: 0 9px; position: absolute; text-transform: uppercase; }

/* shop listing */

/* sidebar */
.colors li { position:relative; float: left;}
.colors li a { width:33px; text-indent:-9999px; margin:0 10px 10px 0; height: 25px; float: left; border: 0;}
.colors li.active:before { content:"\f00c"; left: 11px; position: absolute; font-family:'Font Awesome 5 Pro'; line-height: 25px; color:#fff; font-size: 10px} 
.colors { margin-top:25px;}
.size {margin-top:25px;}
.size li {width:20%;  margin:0 10px 10px 0; float:left; text-align:center; border:1px solid rgba(0,0,0,.2); font-size:10px;}
.size li.active {background: #000; border:1px solid rgba(0,0,0,1);}
.size li.active a { color:#fff; display: block;}
.size li:hover { background: #000; border:1px solid rgba(0,0,0,1);  }
.size li:hover a {color:#fff; display: block; }
.size li a { display: block; border: 0;}
.shop-price li { padding:2px}
.shop-price li.active a, .category-list li.active a { color:#000; padding-left: 10px; border: 0; }
.shop-price li.active:before, .category-list li.active:before 


{  content: "\f00c";
  left: 10px;
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  line-height: 25px;
  color: #000000;
  font-size: 10px; }}

/* listing */
.shop-shorting { width:90%}
.shop-shorting-full { width:70%}
.shop-shorting-full select { width:100%}
.shop-shorting select { padding:6px 11px!important; font-size:11px;}
.grid-nav i { font-size:14px; float: left; margin-right:10px;}
.grid-nav {margin-top:9px; line-height: 14px}
.grid-nav p { font-size:11px; margin-left: 15px; display: inline-block}

/* shop listing - list view */
.product-list .onsale {right: 0; top:0; bottom: auto; left: auto;}
.product-list .product-name a { font-size: 16px; margin-bottom: 10px;}

/* product details */
.header-nav a { font-size: 11px; letter-spacing:1px; font-weight:600; text-transform: uppercase; padding:0 25px; color:#575757}
.header-nav a:last-child { padding-right:0}
.header-nav .border-right { border-color:#c6c6c6}
.header-nav i { color:#575757; font-size: 14px; margin:0 8px}
.products-thumb img { width:25%; margin-right:20px}
.product-name-details { font-size:20px;}
.rating i { font-size:13px; margin-right:5px;}
.rating-text { margin-left:10px; font-size:10px; letter-spacing:3px; position:relative; top:-2px;}
.size-details { margin-top: 10px;}
.size-details li { width:33px}
.size-chart { border: medium none !important; text-decoration: underline; text-transform: uppercase; width: 90px !important; }
.shop-shorting-details  { background: #fff url("../images/select-arrow.png") no-repeat 81% 50%; margin:0 !important; width: 100% !important }
.product-share-deails i { margin: 7px 0 0 10px; font-size:14px; vertical-align: middle;}
.shop-shorting-details select { line-height:15px; padding: 13px 15px 14px !important}
.product-details-social i { font-size:14px; margin-right:20px; color:#000; vertical-align: middle;}
.product-details-highlight-text { padding:35px;}
.instructions li {padding:5px 0; border-bottom:1px solid rgba(0,0,0,.1)}
.review-name { margin-bottom:5px;}
.review-main i { margin-right:10px; font-size:13px;}
.review { margin-bottom:30px;}
.rating { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color:#999999 }
.add-rating i { color:#b8b8b8; cursor:pointer; font-size:15px;}
.add-rating i:hover { color:#000}

/* shopping cart */
.shop-cart .shop-shorting { width: 63px !important; }
thead th.first { padding-left: 0 !important; }
.product-thumbnail { padding-left: 0 !important; }
.cupon { display: inline-block; width: 100%; }
.cupon .form-inline .btn { margin-left: 10px !important; padding-top: 9px; }
.continue-shopping { margin-left: 15px !important; }
.shop-shorting-cart  { background: #fff url("../images/select-arrow.png") no-repeat 81% 50%; margin:0 !important; width: 100% !important }

/* checkout */
.shop-cart .shop-shorting { width: 63px !important; }
thead th.first { padding-left: 0 !important; }
.product-thumbnail { padding-left: 0 !important; }
.cupon { display: inline-block; width: 100%; }
.cupon .form-inline .btn { margin-left: 10px !important; padding-top: 9px; }
.cart-total .total th { color: #000; font-size: 18px; font-weight: 600; }
.cart-total .total td { color: #4f4f4f; font-size: 18px; font-weight: 600; }
.cart-total tr th { color: #000; font-size: 14px; font-weight: 600; }
.cart-total tr td { color: #4f4f4f; font-size: 14px; font-weight: 600; } 
.continue-shopping { margin-left: 15px !important; }

/* ===================================
    Onepage demo
====================================== */

/* fashion */
#model.work-4col .grid figcaption { bottom:60px}
.fashion-team .key-person:hover .key-person-details {border: 0;}
.fashion-team .key-person-details {border-top: 0; }
.fashion-person .fashion-right { padding: 0; position: relative;}
.fashion-person .fashion-right img { z-index: -1;}
.fashion-right .right-content { padding: 12%; height: 100%; position: absolute; top: 0; background-color: rgba(195, 52, 96, 0.8); width:100% }
.fashion-person .separator-line { height: 2px; margin: 4.6% 0 8%; width: 40px;}
.fashion-slider .slider-text-middle-main {display: table; height: 100%; width: 40%; background-color: rgba(195,52,96,0.8)}
.fashion-slider .slider-typography {bottom: 0; height: 60.4%;}
.fashion-text {color: #c2345f;}
.fashion-right .right-content .owl-subtitle { padding: 28px 0 29px; line-height: 24px;}
.bg-fashion {background-color: #c2345f}
.key-person-fashion .key-person:hover .key-person-img img {opacity: 1;}

/* architecture */
.architecture-company .nav-tabs li.active span{color: #000;}
.architecture-slider .slider-typography {height: 36%; background-color: #fcfcfc; bottom: 0;}
.architecture-full-top .slider-typography{top: 0;}
.slider-headline {position: absolute; top: 0; height: 64%; width: 100%; text-align: center; z-index: 99;}
.slider-headline h1 { font-size: 45px; font-weight: 600; letter-spacing: 12px;}
.slider-headline h2 {color: #fff; font-size: 18px; font-weight: 300; letter-spacing: 3px; margin-top: 10px; font-family: "Oswald",sans-serif; }
.architecture-slider .owl-page.active span {background-color: #000; transform: none;}
.architecture-slider .owl-page span {border: 2px solid #000;  transform: none; background-color: inherit; width: 10px; height: 10px; border-radius: 10px;}
.architecture-slider .margin-three {margin-top: 0 !important;}
.architecture-slider .owl-buttons {display: none;}
.architecture-person {position: relative;}
.architecture-person .right-content {background-color: rgba(0, 0, 0, 0.6);padding:4% 4%; position: absolute; top: 0; height: 100%; left: 0; right: 0; margin: 0 auto;}
.architecture-person .owl-title {line-height: 40px;}
.architecture-person .separator-line {margin: 7% 0;}
.architecture-person img {width: 100%;}
#animated-tab .nav-tabs {display: inline-block; height: 100%;}
.architecture-company .separator-line { height: 2px; margin: 5% auto 2%; width: 40px;}
#animated-tab.architecture-company .nav-tabs > li > a { padding: 0 70px}
.case-study-number { border-right: 2px solid rgba(255,255,255,.3); float: right; font-family: "Oswald",sans-serif; font-size: 50px; line-height: 112px; padding: 0 60px; }
.case-study-text { margin-left: 40px; top:-7px;}
.section-title-services { font-family: 'Open Sans', sans-serif; font-size:20px; font-weight: 600; letter-spacing:5px;}

/* spa */
.spa-sider .slider-content {height:100%; position: absolute; right: 0; }
.spa-sider .slider-content .spa-slider-bg {position: absolute;}
.spa-sider .slider-content .get-bg {margin:10% 0 15%;}
.spa-about-us .icon-bg {width: 125px; height: 125px; border-radius: 100%; margin: 0 auto;}
.spa-treatments .right-content {padding:60px;}
.spa-treatments .right-content ul li { border-top: 1px solid rgba(0,0,0,.15); font-size: 11px; font-weight: 400; letter-spacing: 2px; padding: 8px 0; text-transform: uppercase; }
.spa-treatments .right-content ul li:last-child { border-bottom: 1px solid rgba(0,0,0,.15);}
.spa-treatments .right-content ul li span {width:55px; display: inline-block;}
.spa-treatments .nav-tabs li a {margin:15px 30px;}
.spa-our-packages .content-box {background-color: #fff; text-align: left; padding:30px;}
.spa-our-packages .content-box h3 {padding: 18px 20px 15px; letter-spacing: 0; text-align: left; font-size: 22px;}
.spa-our-packages .content-box a {margin: 20px 20px}
.spa-case-study .case-study-title {font-size: 34px; line-height: 34px;}
.spa-case-study .case-study-work {font-size: 20px; font-weight: 300; padding: 5% 0px 0;  font-family: "Oswald",sans-serif;}
.spa-case-study .case-study-slider {padding: 80px 0;}
.spa-case-study .btn-small-white-background {background-color: #b6b150; border: 2px solid #b6b150; color: #fff;}
.spa-case-study .btn-small-white-background:hover {background-color: inherit;}
.spa-case-study .case-study-slider img {left: 45%; margin: -113px 0 0 -113px; position: absolute; top: 50%; }
.spa-story { top:-10px}

/* agency */
.padding-ten { padding: 10.2%; }
.margin-bottom-seven { margin-bottom: 7% !important; }
.margin-bottom-eleven { margin-bottom: 11%; }
.slider-subtitle6 { font-family: "Oswald",sans-serif; font-size: 18px; font-weight: 100; letter-spacing: 3px; line-height: 27px; text-transform: uppercase; width: 75% }
.slider-title-big2 { display: inline-block; font-size: 35px; font-weight: 300; letter-spacing: 8px; margin-bottom: 17px; }
.slider-title-big2 span { display: table; font-weight: 600; line-height: 61px; text-transform: uppercase; }
.text-big { font-family: oswald; font-size: 233px; font-weight: 500; left: -20px; opacity: 0.1; text-transform:unset; top: -117px; }
.text-big-title { font-family: oswald; font-size: 100px; font-weight: 600; letter-spacing: 4px; line-height: 92px; }
.contant-box { bottom: 0; }
.about-us-slider { padding: 90px; }
.about-us-detials { margin-bottom: 90px; }
.reasons { padding: 8.6% 25.6% 25.6%; }
.reasons p { font-size: 12px; line-height: 20px; margin-bottom: 55px; text-transform: uppercase; }
.post-date { color: #878787; font-family: "Oswald",sans-serif; font-size: 9px; letter-spacing: 1px; margin-right: 6%; text-transform: uppercase; }
.about-number { border-right: 1px solid rgba(0,0,0,.2); float: right; font-family: "Oswald",sans-serif; font-size: 80px; line-height: 112px; padding: 0 60px; }
.about-text { margin-left: 40px; top:-7px;}
.team-agency .owl-item { padding:0 10px;}
.team-agency .team-member .team-details {left:0; right:0}

/* restaurant */
.features-section p .left {display: table;}
.features-section p .right {float: right;}
.person-grid .grid figcaption {opacity: 1 !important;}
.person-grid .grid .gallery-img img {opacity: 0.15;}
.restaurant-our-service .key-person { max-height: 470px;}
.dateline-search {position: relative;}
.reservation-name:before {position: absolute; right: 32px; top: 16px; font-family: FontAwesome; content: "\f007"; font-size: 16px; color: #575757;}
.reservation-date:before {position: absolute; right: 32px; top: 16px; font-family: FontAwesome; content: "\f073"; font-size: 16px; color: #575757;}
.special-dishes-price { bottom: -2px; color: #d50f0f; font-family: "Oswald",sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 1px; padding: 12px 22px; position: absolute; right: 0; }
.restaurant-services { background:rgba(0,0,0,.8)}

/* travel agency */
.travel-agency-slider .slider-text-middle-main { height: 100%;}
.travel-agency-slider h1 { font-size:50px; line-height: 60px;}
.starting-from {letter-spacing:4px !important; font-size:12px !important;}
.starting-from span { background: #ffc601; padding: 3px 12px; letter-spacing: 2px !important;}
.dateline-search::before { color: #848484; content: ""; font-family: FontAwesome; font-size: 18px; position: absolute; right: 32px; top: 48px;}
.about-tab-right {background-color: rgba(0,0,0,0.8); padding:70px; }
.about-tab-right .panel-title { background-color: inherit; border: 0 none; color: #fff; font-size: 15px; letter-spacing: 4px; padding: 18px;}
.about-tab-right .panel-body {background-color: inherit;   }
.agency-enjoy-right {right: 0; background-color: #cd314f; top: 0; height: 100%; padding:100px;}
.agency-enjoy-right .title-top {font-size: 100px; font-weight: 400; font-family: "Oswald",sans-serif; color: #ffc601; margin: 5% 0 3% 4%; display: inline-block;  line-height: 50px; text-transform: uppercase;}
.agency-enjoy-right .title-top span {  color: #fff; display: inline-block; font-size: 38px; font-weight: 300; line-height: 54px; margin-left: 20px;}
.white-box {background-color: #fff; padding: 30px 10px;}
.white-box h5 {font-size: 12px;}
.agency-enjoy-right .row img {width: 100%;}
.agency-enjoy-right .center-img { left: 0; margin: 0 0 0 -110px; position: absolute;}
.about-tab-right .panel-default {border-bottom:1px solid rgba(255,255,255,.4);}
.about-tab-right .panel-default .row { padding: 20px;}
.about-tab-right .panel-heading {padding-bottom: 0}
.about-tab-right .panel-default:last-child {border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.popular-destinations-text { padding:25px;}
.popular-destinations-highlight {  background:#fff; border: 2px solid #000; height: 100%; opacity: 0; padding: 45px 35px; position: absolute; text-align: center; top: 0; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(0.9,0.9); -webkit-transform: scale(0.9,0.9);  transform: scale(0.9,0.9);}
.popular-destinations:hover .popular-destinations-highlight {opacity:1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.0,1.0); -webkit-transform: scale(1.0,1.0);  transform: scale(1.0,1.0);}
.popular-destinations-highlight-sub { margin-bottom:45px;}
.travel-about-img img {max-width:80%}

/* corporate */ 
.onepage-corporate-slider h1 { font-size: 85px; font-weight: 600; letter-spacing: -2px; text-transform: lowercase; }
.services-number {font-size:45px;}
.grid-border .grid-border-box {padding:70px 0 !important;}
.grid-border .grid-border-box:hover { background:#000 !important;}
.grid-border .grid-border-box:hover i, .grid-border .grid-border-box:hover .black-text, .grid-border-box:hover h1 { color: #fff !important }
.grid-border .grid-border-box:hover i { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8);  transform: scale(0.8,0.8); }
.grid-border [class^=col-]:before { height: 100%; top: 0; left: -1px; border-left: 1px solid rgba(0,0,0,0.1); }
.grid-border [class^=col-]:after { width: 100%; height: 0; top: auto; left: 0; bottom: 0; border-bottom: 1px solid rgba(0,0,0,0.1); }
.grid-border [class^=col-]:before, .grid-border [class^=col-]:after { content: ''; position: absolute;}
.client-logo-inner { display: table-cell; height: 170px; text-align: center; vertical-align: middle; width: 100%; }
.client-logo-inner img {  max-width: 240px; opacity: .6 }
.client-logo-inner:hover img {opacity: 1}
.client-logo-outer {  display: table; width: 100%;}

/* personal */
.personal-name h1 {font-size:45px; letter-spacing:3px; line-height: 50px;}
.education-box-main {border: 1px solid #000; padding:35px; }
.title-number {color: #cfcfcf; display: block; font-size: 55px; font-weight: 100; margin-bottom: 25px; left: -1px; letter-spacing: -2px; position:relative }
.education-box i {display:block; font-size:35px}
.award-box {border:1px solid #000; padding:25px; background-color: #fff}
.award-box i {font-size:36px; position:relative; top:6px;}
.award-box:hover { background:#fff}
.result { background:#000; padding: 6px 15px}

/* wedding */
.wedding-header{ border:8px solid rgba(230,175,42,.4); padding:15px;}
.wedding-header-sub { padding:45px;}
.wedding-header-sub i { margin: 0 5px; font-size:15px;}
.wedding-heart { top:18px;}
#counter-wedding .counter-box { display: block; width: 130px; text-align: center; display:inline-block}
#counter-wedding .number { font-size: 45px; text-align:center; font-weight: 100; line-height: 50px; color:#000;}
#counter-wedding span {font-size: 12px; text-align: center; font-weight: 400; text-transform: uppercase; letter-spacing:1px;}
.about-couple {border:8px solid rgba(230,175,42,.4); padding:15px;}
.about-couple-sub { padding:10% 7%;}
.about-couple-sub img {max-width:38%;}
.about-couple-sub i {margin:20px 20px 0 20px; color:#000; font-size:18px !important;}
.event-box {padding:38px; border:3px solid #e6af2a}

/* landing page */
.play-icon { border: 3px solid #fff; background:#fff; border-radius: 50%; display: inline-block; height: 80px; line-height: 88px; width: 80px; }
.play-icon i {font-size: 30px; color: #000; margin: 0 29px}
.play-icon:hover { background:none; border: 3px solid #fff; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1);}
.play-icon:hover i {color:#fff}
.landing-title {font-size: 50px;}
.landing-subscribe {padding:25px; background:rgba(0,0,0,.5)}
.landing-subscribe-input { border:none}
.landing-subscribe-input:focus {border:none}
.landing-subscribe-button {background:#ff7529; border:none; color: #fff; font-size: 14px; font-weight: 600; line-height: 30px; padding-left: 22px; padding-right: 22px; }
.landing-subscribe-button:hover { background:#db5309; }
.services-number-landing { background: #f7f7f7; border-radius: 50%; display: inline-block; font-size: 35px; line-height: 90px; width: 90px; }

/* ===================================
    Multipage demo
====================================== */

/* fashion */
.fashion-subtitle { border:8px solid #000; padding:55px; font-size:45px; width: 350px; display:inline-block; line-height:55px; margin:25px 0;  letter-spacing: 3px; }
.model-details { margin-bottom:40px;}
.model-details-text {padding:25px 45px}
.architecture-team {padding:30px 45px; margin-bottom: 45px;}

/* spa */
.spa-slider h1 { border: 4px solid #fff; display: inline-block; font-size: 45px; font-weight: 600; line-height: 85px; padding: 0 45px; }
.slider-strip {height:15px;}
.special-gifts-box {border:1px dashed rgba(0,0,0,.25); padding:25px 15px;}
.gifts-off {padding:0 15px; line-height:27px; margin:10px 0 0 0; display:inline-block}
.spa-packages-img {max-width:110%;}

/* agency */
.agency-header h1 {font-size: 70px; font-weight: 700; letter-spacing: -2px; line-height: 70px; text-transform: unset; }
.agency-header span {font-size:16px; font-weight:400; display:block; margin:19% 0 12%}
.agency-header img { margin-bottom: 2%; width: 22%;}
.agency-title {border-left:4px solid #fac32f; padding-left:25px;}
.agency-team .team-details {left:0; right:0; padding-left: 0; padding-right: 0; height: 100%; bottom: -100px}
.agency-team figure { bottom:0; width:100%;}
.agency-team .team-details {padding-top:30%}
.agency-team .team-details .person-social i {color: #fff}

/* restaurant */
.restaurant-header h1 span { font-size:40px;}
.restaurant-header h1 { font-size:14px; line-height:30px; letter-spacing:5px}
.restaurant-features-main {border: 5px solid #cec687; padding:7px;}
.restaurant-features {border:1px dashed rgba(0,0,0,.3); padding:40px 10px;}
.about-restaurant-text {min-height:753px; padding:7% 11%}
.about-restaurant-img {min-height:753px;}
.img-border {  border: 10px solid rgba(255, 255, 255, 0.5); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px;  position: absolute; }
.img-border-small {  border: 5px solid rgba(255, 255, 255, 0.5); height: calc(100% - 0px); width: calc(100% - 30px); left: 15px; top: 0;  position: absolute; }
.img-border-full {  border: 5px solid rgba(255, 255, 255, 0.5); height: calc(100% - 0px); width: calc(100% - 30px); left: 15px; top: 0;  position: absolute; }
.img-border-small-gray {  border: 5px solid rgba(0, 0, 0, 0.2); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px;  position: absolute; }
.img-border-small-fix {  border: 5px solid rgba(255, 255, 255, 0.5); height:100%; width: 90%; left: 5%; top: 0;  position: absolute; }
.img-bg-color { background:rgba(0,0,0,.5); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px;  position: absolute; }
.img-bg-color-gray { background:rgba(0,0,0,.03); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px;  position: absolute; }
.popular-dishes { position: absolute; width: 100%; padding: 0 15px; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index:1 }
.popular-dishes-border {  border: 4px solid #cec687; height: calc(100% - 59px); width: calc(100% - 59px); left: 35px; top: 25px;  position: absolute; }
.popular-dishes img {width:auto; margin-bottom:18px}
.starting { padding:6px 24px;}
.food-services-inner {padding:25px; background:rgba(0,0,0,.7);}
.food-services-border {border:5px solid rgba(255, 255, 255, 0.3); padding:50px;}
.food-services-inner:hover {background:rgba(178,156,78,.95); }
.food-time {padding:3px 25px}
.restaurant-menu-img {min-height:669px;}
.restaurant-menu-text {padding:6%}
.restaurant-menu-text-main {padding:4%}
.menu-item {border-top:1px dotted rgba(0, 0, 0, 0.2); padding:20px 0}
.menu-item:first-child{border:none; padding-top: 0}
.menu-item:last-child {padding-bootom:0}
.menu-item p {margin:0}
.menu-item span:after {content:".........."; margin:0 15px}
.menu-item span:nth-child(2):after {content:""; margin:0}
.chef-img {min-height:625px;}
.chef-text {min-height:625px; padding:10%}

/* travel */
.travel-slider { min-height:750px; position: relative; z-index:1}
.travel-slider .item { min-height:750px;}
.travel-booking {  position: relative; padding-bottom: 60px}
.travel-booking .tab-style3 .nav-tabs {border-bottom:none; position: relative; z-index:2; margin-top:-60px}
.travel-booking .tab-style3 .nav-tabs li {border:none}
.travel-booking .tab-style3 .nav-tabs li.active a {top:0; background: #d94378; color:#fff}
.travel-booking .tab-style3 .nav-tabs li.active i { color:#fff}
.travel-booking .tab-style3 .nav-tabs li i {top:0; margin-right:12px}
.travel-booking .tab-style3 .nav-tabs li a {font-size:14px; letter-spacing:2px; line-height: 60px; padding:0 40px; background: #fff}
.travel-booking input, .travel-booking input:focus {border:none; padding:7px 15px; height: 37px;}
.travel-booking .select-style select {padding:6px 15px 9px 15px; border: none; height:37px}
.travel-booking  .select-style { background: #fff url("../images/select-arrow.png") no-repeat right 10px top 50%; }
.travel-adventure img {opacity:.7}
.travel-adventure:hover img  { opacity:.5; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); cursor:url("../images/icon-zoom-white.png"), pointer; }
.travel-adventure figure { position:absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index:3; width:100%; top:50%;}
.travel-adventure a {display:block; position:relative; z-index:2}
.special-offers {min-height:378px}
.special-offers-sub { left: 0; position: absolute; right: 0; text-align: center; top: 26%; }
.best-hotels-img {padding:30px;}
.best-hotels-text {padding:35px 25px;}
.best-hotels-text .small-icon { font-size:17px !important; margin:0 3px;}
.hotels-price { top: 0; padding: 25px; position: absolute; right: 0;}
.hotels-price span {display:block; font-size:20px;}
.destinations-offer {position: absolute; padding:12px 15px; right:0}

/* corporate */
.corporate-slider h1 { font-size:50px; text-transform: inherit; line-height: 55px;}
.highlight-link-text {padding:0 25px; display:inline-block; line-height:30px !important;}
.highlight-link { padding:5px 13px; font-size:10px; font-weight:600; letter-spacing:2px; background: #e75e50 }
.highlight-link:hover { background:#000}
.highlight-link i {position:relative; top:2px; margin:0 0 0 5px}
.corporate-about-img {min-height:600px}
.corporate-about-text { min-height:300px; padding:70px 30px}
.corporate-standards .nav-tabs li a { padding:0 70px !important; display: inline-block !important; min-height: 65px}
.corporate-standards-img {min-height:600px}
.corporate-standards-text {min-height:600px; padding:5% 11%}
.corporate-standards-title { left: 0; position: absolute; right: 0; text-align: center; top: 68%; z-index:5 }
.corporate-standards-img i { color:#fe6e39 !important}
.corporate-standards-text .img-border-small-fix {z-index:-1}
.sub-title {  border-bottom: 1px solid #e75e50; display: inline-block; font-weight: 500; margin-top: 10px; text-transform: uppercase; }

/* photography */
.photography-slider h1 {font-size:90px; letter-spacing:50px; font-weight:700}
.photography-grid figcaption {opacity:1; bottom: 0 !important; height: 100%; padding:12%; z-index:2; position: absolute; text-align: center; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.photography-grid figure { position:static; text-align: center}
.photography-grid figure img {display: inline; cursor: pointer}
.photography-grid figcaption p {text-transform:none}
.photography-grid-details {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.photography-title { font-size:20px; letter-spacing:15px;}
.photography-services li .btn-small {opacity:0; position:relative; bottom:-160px;}
.photography-services li:hover .btn-small {opacity:1; bottom:-280px;}
.photography-services li:hover .img-border-small-gray {background:rgba(0,0,0,.6)}
.photography-services li:hover img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); }
.photography-section-title{top:-3px; margin:0 40px; letter-spacing: 15px }

/* onepage agency option 2 */
.short-history .fill {top: 0;}
.slider-home ol.carousel-indicators {display: none;} 
.sub-headline {color: #fff; font-size: 17px; font-weight: 600; background-color: #191919; padding: 30px 35px; width: auto; bottom:0px; position: absolute; left: -230px; letter-spacing: 0.30px; margin: 0 auto;-ms-transform: rotate(-90.3deg); -webkit-transform: rotate(-90.3deg); transform: rotate(-90.3deg);}
.our-services ul {margin: 0; padding: 0 0 0 40px;}
.our-services ul li {padding-left: 90px;} 
.our-services ul li .number {position: absolute; left: 0; font-size: 45px; top: 10px;} 
.box-min-height {min-height: 750px;}
.our-process {clear: both;}
.our-process .icon {display: inline-block; min-height: 85px; margin-bottom: 20px;}
.our-process .icon img {display: inline-block; vertical-align: middle; margin-right: 20px;}
.our-process .icon .title {line-height: 23px !important;}
.our-process .underline-bg {background-color: #ef824c; position: absolute; left: 0;} 
.our-team-agency-social div {float: left}
.our-team-agency-social {cursor: auto}
.our-team-agency-social div span {font-size: 20px; color: #ef824c; margin: 0 15px; vertical-align: bottom;}
.our-team-agency-social a i { color: #191919;}
.bottom-arrow-pagination .owl-pagination {display: none;}
.bottom-arrow-pagination .owl-controls .owl-prev {display: block;}
.bottom-arrow-pagination .owl-controls .owl-next {display: block;}
.bottom-arrow-pagination .owl-buttons { bottom: 56px; position: absolute; width: 100%;}
.bottom-arrow-pagination .owl-prev, .bottom-arrow-pagination .owl-next {position: inherit; top: inherit; float: left; margin: 0; width: 56px; height: 56px; background-color: #2a2a2a; padding-top: 16px; text-align: center;}
.bottom-arrow-pagination .owl-buttons .owl-prev {left:  50%; margin-left: -56px;}
.bottom-arrow-pagination .owl-buttons .owl-next {right: 50%; margin-right: -56px;}
.bottom-arrow-pagination .owl-buttons .owl-prev::before, .bottom-arrow-pagination .owl-buttons .owl-next::before {position: inherit; background-color: inherit; box-shadow:none;}
.bottom-arrow-pagination .owl-buttons .owl-prev .fa, .bottom-arrow-pagination .owl-buttons .owl-next .fa {color: #fff; vertical-align: middle; display:table; margin: 0 auto; top: 0;}
.bottom-arrow-pagination .owl-buttons .owl-prev:hover, .bottom-arrow-pagination .owl-buttons .owl-next:hover {background-color: #ffffff;}
.bottom-arrow-pagination .owl-buttons .owl-prev:hover .fa, .bottom-arrow-pagination .owl-buttons .owl-next:hover .fa {color: #2a2a2a}
.latest-blogs .blog-image {position: relative;}
.latest-blogs .blog-image:hover .blog-content {opacity: 1;}
.latest-blogs .blog-content {position: absolute; top: 0; opacity: 0; width: 100%; height: 100%; background-color: rgba(42, 42, 42, 0.9); color: #fff; padding:10px 40px; z-index: 2}
.latest-blogs .post-author {color: #c1c1c1; font-size: 11px; text-transform: uppercase; margin-bottom: 20px; display: inline-block;}
.latest-blogs .post-title {color: #fff; font-size: 25px; text-transform: none; font-weight: 700; margin: 0 0 25px; line-height: 30px; letter-spacing: 1px}
.latest-blogs .blog-listing p {font-size: 14px; font-weight: 300; color: #c1c1c1; margin: 0 0 25px; line-height: 22px;}
.latest-blogs .like-share i {margin-right:6px;}
.latest-blogs .like-share a {color:#c1c1c1; letter-spacing: 0.55px; font-size: 11px; margin-right:15px }
.btn-underline {font-size: 20px; letter-spacing: 0.55px; position: relative;}
.btn-underline .underline-bg {background-color: #ef824c; left: 0; position: absolute; top: 12px; margin: 0;}
.latest-blogs .like-share .fa {color: #ef824c;}  
.contact-map { min-height:440px; padding: 60px 40px }
.map-contact {padding: 10% 10% 0 10%;  min-height:440px;}
.map-contact ul li {font-size: 14px; font-weight: 400; color: #fff; margin-bottom:30px; padding: 0 0 0 40px; text-transform: uppercase; position: relative;}
.map-contact ul li a { color: #fff;}
.map-contact ul li span { position: absolute; left: 0; top: 5px;}
.map-contact ul li .fa {font-size: 21px; color: #fff;} 

/* about us option 2 */
.specialise-box { min-height: 410px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  #safari { display: block; } 
  nav * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
}

/****************************************************
        media css
*****************************************************/
@media (max-width: 1500px) {
    /* blog single full width with image slider */
    .blog-headline { padding: 200px 20px 0 70px; }
    .blog-single-full-width-with-image-slider-headline { width: 100%; font-size: 40px; line-height: 50px;}
    .blog-blockquote { padding: 60px; }
    .blog-text { padding: 60px 60px 0 60px; }
    .blog-comment-area { padding: 60px; }
    .nav-tabs-style2 li a {margin: 0 15px;}
}
@media (max-width: 1450px) {
    /*  blog home slider  */
    .blog-slider-con figcaption h3 { letter-spacing: 2px; }
    .blog-slider-con figcaption span { letter-spacing: 2px; }
    
    /*  onepage agency option 2  */
    .box-min-height { min-height: 778px;}
}
@media (max-width: 1383px) {
    /*  navigation  */
    .sub-menu ul { right: -25px; z-index: 99; }
    .search-form {width:80%}

    /*  blog home slider  */
    .blog-slider-con figcaption h3 { letter-spacing: 1px; }
    .blog-slider-con figcaption span { letter-spacing: 2px; }
    .shop-newsletter { padding: 2% 45px 0; }
    
    /* agency */
    .agency-header span { margin-top: 12%; }
    
    /* fashion */
    .fashion-right .right-content .title-large { font-size: 23px !important}
    .fashion-right .right-content { padding: 8%;}
    
    /* spa */
    .spa-sider .slider-content .get-bg { margin-bottom: 10%;}
    
    /* onepage agency option 2 */
    .short-history h1.title {font-size: 50px;}
    
    /* client */
    .client-text {padding: 0 35px;}
}
 
@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .md-display-block { display: block !important}
}
@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .md-no-margin-bottom { margin-bottom: 0 !important}
}
@media (min-width: 992px) and (max-width: 1199px) {
    /*  typography  */
    .md-full-width { width: 100% !important;}
    .md-display-block { display: block !important}
    .md-no-padding-bottom { padding-bottom: 0 !important}
    .spa-our-packages .content-box { padding: 15px; }

    /*  grid figcaption   */
    .md-bottom-10 { bottom: 10px !important;}
    
    /* heading */
    .subheader { padding: 0 15px; }
    
    /* travel agency */
    .popular-destinations-highlight { padding: 20px 15px; }
    .popular-destinations-text { padding: 25px 0; }
    .popular-destinations-highlight-sub { margin-bottom: 35px; }
    .travel-about-img img { max-width: 100%; }
    .agency-enjoy-right { padding: 100px 50px 100px 100px;}
    .agency-enjoy-right .title-top { font-size: 75px; }
    .agency-enjoy-right .title-top span { font-size: 28px;  line-height: 42px; }
}
@media (max-width: 1199px) {
    /*  custom   */
    .lg-margin-bottom-five { margin-bottom: 5% !important; }

    /*  key person   */
    .key-person { max-height: 580px; }
    .title-large { line-height: 36px !important; font-size: 26px !important }
    #key-person .owl-subtitle { display: block; line-height: 26px; margin: 10% 0 13%; }
    #key-person .xs-display-none { display: none; }

    /*  services   */
    .services-main { padding: 4% 1% 4% 3%; }
    .services-sub { padding: 60px 0 0 0; }

    /*  blog home slider  */
    .blog-slider-con figcaption h3 { font-size: 13px;}
    .blog-slider-con figcaption span { letter-spacing: 1px; }

    /*  grid figcaption   */
    .grid figcaption { bottom: 50px; }
    .md-bottom-10 { bottom: 10px !important;}

    /*  project img   */
    .half-project-small-img { min-height: 259px; }

    /*  blog home grid  */
    .blog-slider-grid figcaption { padding: 15px; }
    
    /*  latest-blogs  */
    .latest-blogs .like-share .blog-like, .blog-share, .comment {margin-right: 8px !important;}
    .latest-blogs .blog-content {padding: 15px;}
    .latest-blogs .post-author {margin-bottom: 15px;}
    .latest-blogs .post-title {margin-bottom: 15px; font-size: 22px; line-height: 28px;}
    .latest-blogs .blog-listing p {margin-bottom: 15px;}

    /*  blog home masonry  */
    .blog-grid-listing .blog-details { padding: 0 15px 15px; }
    .blog-title a { font-size: 13px; letter-spacing: 1px; }
    .blog-grid-listing .blog-date { letter-spacing: 0px; padding-top: 15px; }

    /*  ajax - onepage portfolio single #5  */
    .work-background-slider-text { padding: 100px 70px;}
    .work-background-slider-main .spend-year { font-size: 25px;}

    /*  countdown timer  */
    .notify-me-main input { width: 63%; }
    .notify-me-main .btn-small { width: 37%; }
    
    /*  text center  */
    .md-text-center { text-align: center !important;}
    
    /*  display  */
    .md-display-none { display: none !important}
    
    /*  margin  */
    .md-margin-two-bottom { margin-bottom: 2% !important; }
    .md-margin-three-bottom { margin-bottom: 3% !important; }
    .md-margin-four-bottom { margin-bottom: 4% !important; }
    .md-margin-five-bottom { margin-bottom: 5% !important; }
    .md-margin-ten-bottom { margin-bottom: 10% !important; }
    
    /*  padding  */
    .md-padding-five {padding: 5% !important}
    
    /*  counter style 2  */
    .counter-style2 span.counter-number {margin-right: 5px;}
    .counter-style2 i {line-height: 30px}
    
    /*  header right */
    .search-cart-header > #top-search > .subtitle { display: none;}

    /* blog single full width with image slider */
    .blog-headline { padding: 190px 20px 0 30px; }
    .blog-single-full-width-with-image-slider-headline { font-size: 30px; line-height: 40px; }
    .blog-headline .posted-by { font-size: 20px; margin: 35px 0 10px; }
    .blog-headline .blog-cat a:after { padding: 0 7px; }
    .blog-headline .blog-date { padding: 30px;}
    .blog-blockquote { padding: 50px 15px; }
    .blog-text { padding: 50px 30px 0; }
    .blog-comment-area { padding: 50px 30px; }
    .blog-text p { width: 100%; }
    .social-icon-large .fa { height: 50px !important; width: 50px; }

    /* footer */
    footer ul.list-inline li:first-child { padding-left: 5px;}
    .list-inline li { padding: 0 17px; }

    /*  portfolio short description  */
    .portfolio-short-description figure { padding:70px}
    
    /*  careers page  */
    .urgent-job { top: 164px; }

    /*  shop  */
    .shop-newsletter-main { padding: 27px; }
    .shop-newsletter { padding: 0; min-height: 0; }
    .lg-display-none { display: none; }
    .lg-display-block { display: block; }
    .lg-margin-bottom-three { margin-bottom: 3% !important; }

    /****************************************************
        home page
    ****************************************************/
    /*======*  restaurant  *======*/
    .food-services-border { padding: 15px 25px; }
    .img-border-full { left: 15px; top: 0;  width: calc(100% - 29px); height: calc(100% - 0px);}
    .special-offers-sub { top: 19%;}
    .special-offers { min-height: 324px;}
    
    /*======*  corporate  *======*/
    .corporate-about-text { padding: 50px 3%; }
    .corporate-standards-text { padding-left: 6%; padding-right: 6%;}

    /****************************************************
       one page
    ****************************************************/
    /*======*  architecture  *======*/
    /*  services box  */
    .services-box figure { padding: 90px 50px 0; }

    /*  case study slider  */
    .case-study-number { padding: 0 35px; }
    .case-study-text { margin-left: 10px; }

    /*======*  spa  *======*/
    .spa-slider-bg { height: 100%; width: 100%; }
    .spa-sider .owl-title { letter-spacing: 6px; }

    /*======*  agency  *======*/
    .reasons { padding: 8.6% 5.6% 25.6%; }

    /*  case study slider  */
    .about-number { padding: 0 20px; }
    .about-text { margin-left: 0; }
    
    /*  careers  */
    .career-form { padding: 3%; }
    
    /* photography */
    .photography-grid .grid li { width: 33.3333%; }
    .recent-photography .grid li { width: 33.3333%; }
    
    /* photography */
    #tour-package .col-md-4 { width: 50% !important;}
    .md-margin-bottom { margin-bottom: 2%;}
    
    /* menu */
    .nav > li { margin-right: 17px; margin-left: 17px}
    .menu-button-orange {right: 15px;}
    .menu-button-yellow {right: 15px;}
    
    /* icon tab */
    .nav-tabs > li { margin-left: 0; margin-right: 0;}
    
    /* onepage agency option 2 */
    .box-min-height { min-height: 780px;}
    .our-services ul {padding: 0;}
    .our-services ul li {padding-left: 70px;}
    .full-width-pull-menu .text-right {right: 15px;}
    
    /* about us option 2 */
    .specialise-box { min-height: 335px;}
    
}
@media (max-width: 1064px) {
    /*  parallax  */
    .parallax-fix{ background-attachment: scroll !important; }

    /*  carousel slide  */
    .slider-text .col-md-3 { margin-left: 10%; }

    /*  case study slider  */
    .case-study-slider .col-sm-5 { margin-right: 63px; }

    /*  blog home slider  */
    .blog-slider-con figcaption h3 { font-size: 14px; letter-spacing: 4px; line-height: 20px; }
    .blog-slider-con figcaption { padding: 35px 25px }
    .blog-slider-con figcaption span { letter-spacing: 2px; line-height: 18px; }

    /****************************************************
       features
    ****************************************************/
    .features-box-style1 br,
    .features-box-style2 br { display: none; }
    
    /* fashion */
    .model-details-text { padding: 25px; }
    .architecture-team {padding:0 45px 30px 45px;}
}
/******* Only for iPad Css *******/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* for general iPad layouts */
    .navbar-nav > li > a { border-color: transparent !important; }
    .navbar-nav > li > a.active { border-color: black !important;  }
}
@media (max-width: 1024px) {
    /*  navigation position  */
    .navbar-right .dropdown-menu { right: -147px; }

    /*  text rotator  */
    .cd-headline.slide .cd-words-wrapper { width: 100% !important; }

    .timeline-number { padding: 35%; }
    .md-display-none { display: none !important}
    .fix-background { background-attachment:inherit !important}
    
    /* agency */
    .agency-header span { margin-top: 15%; }
}
@media (max-width: 991px) {
    /*  navigation panel  */
    nav .accordion-menu * { transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
    .panel { position: relative; }
    .panel-title > a.collapsed:after { content: '+'; position: absolute; right: 24px; }
    .panel-title > a:after { content: '-'; position: absolute; right: 24px; }
    .open .collapse { display: none; }
    .open .collapse.in { display: block; }
    .collapse.in { width: 100%; clear: both;}

    /*  navigation  */
    nav.navbar .container { position: relative; }
    .navbar .accordion-menu { background-color: rgba(27, 22, 28, 1); clear: both; min-height: 0 !important; position: absolute; top: 76px; width: 100%; padding: 0; }
    .nav-dark .dropdown-menu { background-color: transparent; }
    .nav-dark-transparent .dropdown-menu { background-color: transparent; }

    /*  sticky navigation */
    .shrink-nav .accordion-menu { top: 56px; }
    .static-sticky .accordion-menu { top: 90px; }
    .sticky-nav .nav > li { float: left; width: 100% !important; margin: 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.06) !important; }
    .sticky-nav .nav > li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
    .sticky-nav ul li a:hover { color: #fff !important; background-color: rgba(0, 0, 0, 0.3); }
    .sticky-nav ul li a:hover i { color: #fff; border-color: #e6af2a; }
    .sticky-nav .navbar-nav > li > a { font-weight: 700; }
    .sticky-nav .navbar-nav > li > a i { display: inline-block; float: right; margin: 9px 10px 0 0; font-size: 14px; color: #fff; width: 20px; height: 20px; vertical-align: middle; padding: 0 0 0 4.2px; line-height: 20px; } 
    .sticky-nav .navbar-nav > li > .dropdown-menu, 
    .shrink-nav .dropdown.simple-dropdown .dropdown-menu { border-top: 1px solid rgba(255, 255, 255, 0.06); left: 0; top: inherit !important; width: 100% !important; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); }
    .shrink-nav .nav > li { margin: 16px 15px; }
    .nav-white.shrink-nav .navbar-nav li a { color: #fff; }

    .navbar .text-right { background-color: rgba(27, 22, 28, 1); clear: both; min-height: 0; padding: 0;  position: absolute; top: 80px; width: 100%; }
    .navbar.shrink-nav .text-right { top: 56px; }
    .static-sticky .text-right { top: 90px !important;}

    .dropdown-menu:last-child ul li:last-child { border-bottom: 0; }
    .dropdown-menu li a { color: inherit; height: 34px !important; line-height: 34px !important; padding: 0 !important; text-align: left; }
    .navbar-default .navbar-nav > .open > a, 
    .navbar-default .navbar-nav > .open > a:hover, 
    .navbar-default .navbar-nav > .open > a:focus, 
    .navbar-nav > li > a { border-bottom: 0 !important;}
    .navbar-default .navbar-nav > li > a { color: #fff; display: block; height: 38px; line-height: 38px; padding: 0 0 0 15px; text-align: left; }
    .megamenu-right-icon { display: block !important; float: right; position: absolute !important; right: 0; top: 0; }
    .megamenu-right-icon:hover { background-color: transparent !important; }

    .full-width-pull-menu .text-right {top: inherit; right: 15px;}
    .full-width-pull-menu.shrink-nav .text-right {top: inherit;}
    .full-width-pull-menu .navbar-nav > li > a {padding: 0;}
    .full-width-pull-menu .navbar-nav > li > a:hover {background-color: inherit !important}
    
    .dropdown-header { margin: 0;}
    .navbar-collapse.in { overflow-x: hidden; }
    .navbar-default .col-sm-3 { float: left; }

    .mega-menu-column:first-child { padding-left: 0; }
    .mega-menu-column:last-child { padding-left: 0; }

    .navbar-toggle {border-radius: 0px;}
    .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
    .navbar-default .navbar-toggle { background-color: #000;}

    .dropdown-toggle.collapsed .fa-angle-down::before { content:"\f107"; }
    .dropdown-toggle .fa-angle-down::before { content:"\f106"; }
    .megamenu-right-icon.collapsed .fa-angle-down::before { content:"\f107"; }
    .megamenu-right-icon .fa-angle-down::before { content:"\f106"; }    
    .cart-content ul.cart-list a { background-color: transparent !important; color: #c8c8c8 !important;}
    .cart-content ul.cart-list a:hover { background-color: transparent !important; color: #c8c8c8 !important;}

    /*  navigation, mega menu  */
    .open > .dropdown-menu { margin: 0 !important; }
    .dropdown-menu { margin: 0 !important; padding: 0 15px !important; position: inherit; width: 100%; background-color: transparent; background-clip: inherit; }
    .mega-menu-column { margin: 0 !important; display: block; background-color: transparent; background-clip: inherit; }
    .mega-menu-column li, 
    #collapse7 li { border-top: 1px solid rgba(255, 255, 255, 0.06); }
    .dropdown-menu li { padding: 0; width: 100%; }
    .dropdown-header { border-bottom: 0; border-top: 0 none !important; color: #fff; font-size: 11px; font-weight: 600; height: 38px; letter-spacing: 3px; line-height: 38px; } 
    .dropdown-menu li a.sub-menu-title { color: #fff !important; font-size: 11px; font-weight: 600; height: 38px !important; letter-spacing: 3px; line-height: 38px !important; padding: 0; }
    .dropdown-menu li a i { top: 10px; }
    .simple-dropdown-menu ul { padding: 0 15px !important; }
    .simple-dropdown-menu ul ul { padding: 0 !important; }
    .sub-menu ul { left: 0; background-color: transparent; }
    .simple-dropdown-menu ul li.sub-menu { margin-bottom: 15px; }
    .simple-dropdown-menu ul li.sub-menu.last { margin-bottom: 0; }

    /*  navigation > mega menu > dropdown li ul  */
    .dropdown-menu li ul { display: block; position: inherit; border: 0; padding: 0; margin: 0; }

    /*  sub menu  */
    .sub-menu-title:hover { cursor: default; background-color: transparent !important; }
    .sub-menu a i { display: none; }

    /*  header right */
    .search-cart-header .subtitle { display: none;}

    /*  custom  */
    .breadcrumb { text-align: left; margin-top: 2%; }
    section { padding: 90px 0; }
    .section-title { padding-bottom: 90px; }
    .sm-pull-left { float: left !important; }
    .sm-pull-right { float: right !important; }
    .sm-no-margin { margin: 0 auto !important; }
    .sm-no-margin-top { margin-top: 0 !important; }
    .sm-no-margin-bottom { margin-bottom: 0 !important; }
    .sm-margin-five { margin: 5% 0 !important; }
    .sm-margin-eight { margin: 8% 0 !important; }
    .sm-margin-bottom-one { margin-bottom: 1% !important }
    .sm-margin-bottom-two { margin-bottom: 2% !important }
    .sm-margin-bottom-three { margin-bottom: 3% !important }
    .sm-margin-bottom-four { margin-bottom: 4% !important }
    .sm-margin-bottom-five { margin-bottom: 5% !important }
    .sm-margin-bottom-six { margin-bottom: 6% !important }
    .sm-margin-bottom-seven { margin-bottom: 7% !important }
    .sm-margin-bottom-eight { margin-bottom: 8% !important }
    .sm-margin-bottom-nine { margin-bottom: 9% !important }
    .sm-margin-bottom-ten { margin-bottom: 10% !important }
    .sm-margin-bottom-eleven { margin-bottom: 11% !important }
    .sm-margin-bottom-twelve { margin-bottom: 12% !important }
    .sm-margin-top-one { margin-top: 1% !important }
    .sm-margin-top-two { margin-top: 2% !important }
    .sm-margin-top-three { margin-top: 3% !important }
    .sm-margin-top-four { margin-top: 4% !important }
    .sm-margin-top-five { margin-top: 5% !important }
    .sm-margin-top-six { margin-top: 6% !important }
    .sm-margin-top-seven { margin-top: 7% !important }
    .sm-margin-top-eight { margin-top: 8% !important }
    .sm-margin-top-nine { margin-top: 9% !important }
    .sm-margin-top-ten { margin-top: 10% !important }
    .sm-margin-top-eleven { margin-top: 11% !important }
    .sm-margin-top-twelve { margin-top: 12% !important }
    .sm-margin-right-one { margin-right:1% !important }
    .sm-no-margin-right { margin-right: 0 !important;}
    .sm-no-margin-left { margin-left: 0 !important; }
    .sm-padding-bottom-six { padding-bottom: 6% !important; }
    .sm-no-padding { padding: 0 !important; }
    .sm-no-padding-right { padding-right: 0 !important; }
    .sm-no-padding-left { padding-left: 0 !important; }
    .sm-padding-top-six { padding-top: 6% !important }
    .sm-padding-top-nine { padding-top: 9% !important; }
    .sm-padding-bottom-nine { padding-bottom: 9% !important; }
    .sm-display-none { display:none !important}
    .sm-display-table { display:table !important}
    .sm-text-center { text-align: center !important;}
    .sm-border { border: 1px solid rgba(0, 0, 0, 0.075) !important; }
    .sm-no-border-right { border-right: 0 !important; }
    .sm-margin-lr-four { margin-left: 4% !important; margin-right: 4% !important;}
    .sm-background-image-right { background-position: center right !important;}
    .sm-pull-none { float: none !important}
    .sm-width-100 { width:100% !important}

    /*  features    */
    .features-section.col-md-12.col-sm-6 { padding: 0 2% !important; }
    #features .section-title { padding: 0 0 90px 0; }
    .features-section h5 { line-height: 18px; }
    .col-sm-12:last-child .features-section:first-child { margin-bottom: 0; }

    /*  services   */
    .services-main { padding: 10% 3%; width: 100%; }
    .services-sub-section { padding-right: 0; }
    .services-sub { padding-top: 4%; }
    #services { background-color: rgba(224, 224, 224, 1) !important; background-image: none !important; }

    /*  counter   */
    .key-person:hover .key-person-details { bottom: 140px; }
    .key-person-details { bottom: 10px; }
    .counter-section:nth-child(3),
    .counter-section:nth-child(4) { margin-bottom: 0; }

    /*  key person   */
    .key-person { max-height: 470px; }
    
    /*  slider-title  */
    .sm-slider-title-big6 { font-size: 80px !important; line-height: 80px !important;}
    .sm-slider-title-big7 {font-size: 40px !important; line-height: 48px !important;}

    /*  case study slider  */
    .case-study-slider { padding: 90px 0; }
    .case-study-work { line-height: 18px; }

    /*  blog  */
    #blog .section-title { padding-bottom: 50px; }
    .post-title { line-height: 16px; margin-bottom: 15px; }
    .post-details { line-height: 15px; }
    .blog-post p { line-height: 23px; }

    /*  approach  */
    .approach .col-sm-6 { margin: 0 0 90px; }
    .approach .col-sm-6:nth-child(3), 
    .approach .col-sm-6:nth-child(4) { margin-bottom: 0; }

    /*  new project  */
    .new-project h5 { margin-bottom: 10px; }

    /* owl carousel */
    .owl-half-slider .owl-title { width: 60%;}

    /*  blog home slider  */
    .blog-slider-con figcaption { padding: 20px 20px 20px; bottom: -60px; }
    .blog-slider-con figcaption h3 { font-size: 13px; letter-spacing: 4px; line-height: 16px; }

    /*  grid   */
    .grid li { width: 50% !important;}
    .related-projects li { width: 33.33% !important;}
    .related-projects.wide-title .grid figcaption { padding: 30px 0; }

    /*  grid figcaption   */
    .grid figcaption { bottom: 10px;}

    /*  project img    */
    .half-project-img { min-height: 520px; }
    .project-content .col-sm-12.text-med { margin-top: 5%; }
    .half-project-small-img { min-height: 213px; }

    /*  onepage portfolio single #2    */
    .half-project-img-slider { min-height: 520px;  }

    /*  animated    */
    #animated-tab .nav-tabs > li > a { padding: 0 22px; }
    .cd-words-wrapper { width: auto !important; }

    /*  blog home grid    */
    .blog-slider-right { margin-top: 28px; }

    /* portfolio grid - 4 column  */
    .work-4col .grid-gallery figcaption h3, .work-4col .grid-gallery figcaption h3 a { font-size: 14px; margin: 0 0 8px}
    .work-4col .grid-gallery figcaption p { font-size: 12px}
    .work-4col .grid figcaption { bottom: 30px; }

    /* portfolio grid - 5 column  */
    .work-5col .grid-gallery figcaption h3, .work-5col .grid-gallery figcaption h3 a { font-size: 14px; margin: 0 0 8px; letter-spacing: 2px}
    .work-5col .grid-gallery figcaption p { font-size: 12px; letter-spacing: 3px}
    .work-5col .grid-gallery figcaption i { font-size: 32px; margin-bottom: 20px }

    /* portfolio short description */
    .portfolio-short-description figure { padding: 30px;  }

    /*  ajax - onepage portfolio single #2    */
    .features-section .col-xs-9 { width: 70%;}
    .mfp-wrap { z-index: 999999; }
    .mfp-wrap .new-project { position: relative; z-index: 9999991; }

    /*  ajax - onepage portfolio single #5  */
    .work-background-slider-text { padding: 40px 30px; width: 100%;}

    /*  slider typography    */
    .slider-subtitle1 { font-size: 40px; line-height: 58px; width: 234px; }
    .slider-typography-shop .owl-title { font-size: 50px; line-height: 52px; }
    .slider-title-big6{ font-size:90px;}

    /*  *onepage fashion* parallax section    */
    .parallax-section-main { min-height: 370px; }

    /* blog single full width with image slider */
    .blog-date { line-height: 16px; }
    .blog-headline { padding: 190px 25px 80px; }
    .blog-blockquote { padding: 60px 10px; }
    .blog-blockquote blockquote { width: 100%; }
    .blog-text { padding: 60px 25px; }
    .blog-text p { width: 100%; }
    .blog-comment-area { padding: 60px 25px; }
    .text-uppercase { word-wrap: break-word; }
    .blog-comment-form-main { padding-top: 0; clear: both; }
    .blog-comment .comment-avtar { margin-right: 20px; }

    /* blog listing classic */
    .blog-listing-classic .blog-image { margin-bottom: 0px;}
    .widget { margin-bottom: 35px; }
    .blog-image blockquote { padding: 30px; }
    .blog-image blockquote p { font-size: 18px; line-height: 29px; }
    .blog-image blockquote p:before { font-size: 42px; }
    .about-author { padding: 30px;}
    .blog-grid-listing .blog-date { letter-spacing: 0; line-height: 16px; padding-top: 17px; }
    .blog-title a { letter-spacing: 1px; line-height: 18px; margin-top: 10px; }
    .blog-grid-listing .blog-details .blog-title { min-height: 48px;}

    /* blog listing full */
    .blog-listing-full { margin-bottom:90px;}
    .blog-listing-full .blog-date-right a { font-size: 12px;}

    /* parallax */
    .parallax-fix { background-attachment: inherit !important}
    .parallax-portfolio { background-attachment: inherit !important; background-size: 125% auto; }
    .portfolio-short-description-bg { background-size: 102%; }
    .fix-background { background-attachment: inherit !important; }

    /*  footer  */
    footer h6 { line-height: 16px; }
    footer ul.list-inline li:first-child { padding-left: 18px;}
    .footer-social a:last-child { margin-right: 25px;}

    /****************************************************
       home page
   ****************************************************/
    /*======*  restaurant  *======*/
    .about-restaurant-text { min-height: 0; }
    .chef-text { min-height: 0; }
    .img-border-full { height: calc(100% - -82px); width: calc(100% - 30px); }
    .special-offers-sub { top: 33%; }
    .special-offers { min-height: 378px;}
    
    /*======*  travel  *======*/
    .travel-booking .tab-style3 .nav-tabs li a { margin: 0 !important; padding: 0 30px; }
    
    /*======*  corporate  *======*/
    .img-border-small-fix { left: 0; width: 100%; }
    .corporate-standards-text { min-height: 550px; }
    .corporate-standards .nav-tabs li a { padding: 0 46px !important; }
    .corporate-about-text { min-height: 200px; }

    /****************************************************
        careers page
    ****************************************************/
    .urgent-job { top: 176px; }

    /****************************************************
        one page
    ****************************************************/
    /*======*  fashion  *======*/
    .fashion-right .right-content { padding: 12% 0 0 12% !important; }

    /*======*  spa  *======*/
    .spa-case-study .case-study-slider img { display: none; }
    .spa-case-study .case-study-work { line-height: 25px; }
    .spa-our-packages .content-box { padding: 18px;}

    /*======*  restaurant  *======*/
    .person-grid .owl-title { line-height: 36px; }

    /****************************************************
        shop
    ****************************************************/
    /*  button    */
    .shop-newsletter .btn.btn-small { width: 25%; }

    /*  exclusive style     */
    .exclusive-style-text { padding: 60px 35px; }

    /*  home product     */
    .onsale { bottom: 22%;}
    .onsale-style-2 { bottom: 22%;}
    .new { bottom: 22%;}
    .shop-shorting { width: auto; }
    .shop-shorting-full { float: left; width: auto; }
    
    /*  home photography  */
    .photography-slider h1 { font-size: 80px; letter-spacing: 30px; }
    
    /*  menu  */
    .accordion-menu .banner { display: none;}
  
    /*  case study  */
    .case-study-details { float: left; width: 100%; clear: both; min-height: inherit; padding-bottom: 10%;}
        
    /* tabs */
    .nav-tabs > li > a { margin-left: 16px; margin-right: 16px;}
    
    /*  top search  */
    #top-search { margin-left: 13px;}
    .search-cart-header i { padding: 5px; }
    .top-cart .fa-cart-shopping { padding: 5px; margin-right: 0;}
    .page-title-small .breadcrumb { margin-top:2%}
    
    /*  bottom arrow pagination  */
    .bottom-arrow-pagination .case-study-details { padding: 7% 4%;} 
    
    /*  onepage agency option 2  */
    .sub-headline {position: relative; transform: none; left: 0; padding: 20px; text-align: center;}
    .box-min-height {min-height: 0;}
    .map-contact { min-height: 440px; padding: 12% 9% 0;}
    .contact-map { min-height: 440px; padding: 60px 40px 0;}
    
     /*  onepage hamburger  */
     .show-menu .menu-wrap .shrink-nav {background-color: inherit !important}
     .show-menu .menu-wrap .shrink-nav .nav > li {margin: 0 !important;}
    
    
}
@media (max-width: 920px) {
    /*  blog home slider  */
    .blog-slider-con figcaption { padding: 20px 15px 20px; bottom: -60px; }
    .blog-slider-con figcaption h3 { letter-spacing: 2px;}
}
@media (max-width: 768px) {
    /*  custom  */
    .separator-line { margin: 20px auto 15px; }
    .lg-display-none { display: block; }

    /*  key person   */
    .key-person i { margin: 15px 10% 25px; }

    /*  slider text   */
    #animated-tab .nav-tabs {margin: 0 0 70px;}
    .nav-tabs > li > a { border-right: 0; }
    #animated-tab .nav-tabs > li > a {margin: 0 auto; }
    .portfolio-filter { display: inline-block;}
    .nav > li {width: auto;}
    .nav-tabs > li.active > a { margin-bottom: 0px; }
    .nav-tabs > li > a:hover { margin-bottom: 0px; vertical-align: top;}

    .owl-title-big { font-size: 30px; letter-spacing: 5px; line-height: 44px; }

    /*  single - onepage portfolio single #2  */
    .slider-text-middle4 { padding: 0 15px 35px;}

    /****************************************************
        careers page
    ****************************************************/
    .urgent-job { top: 164px; }
    .sm-bg-yellow { background: none repeat scroll 0 0 #e6af2a !important; }

    /****************************************************
        one page
    ****************************************************/
    /*======*  architecture  *======*/
    .architecture-company .nav-tabs { width: auto !important; }
    .architecture-company .nav-tabs > li { width: auto !important; }

    /*======*  spa  *======*/
    .spa-sider .owl-title { font-size: 24px; line-height: 16px; }
    
     /*  careers  */
    .career-form { padding: 5%; }
    
    /*  text rotator  */
    .cd-headline.slide span { padding-bottom: 2em}
}
@media (max-width: 767px) {
    /*  custom  */
    section { padding: 50px 0; }
    .xs-onepage-section { padding: 100px 0 !important; }
    .xs-pull-left { float: left !important; }
    .xs-pull-none { float: none !important; }
    .first-child { padding-top: 0; }
    .last-child { padding-bottom: 0; }
    .margin-top-section { margin-top: 50px; }
    .xs-indicators-black .active { background-color: #000; border: 2px solid rgba(0, 0, 0, 1); }
    .xs-indicators-black li { border: 2px solid rgba(0, 0, 0, 1);}
    .xs-no-margin { margin: 0 auto !important; }
    .xs-no-margin-top { margin-top: 0 !important; }
    .xs-margin-bottom-one { margin-bottom: 1% !important }
    .xs-margin-bottom-two { margin-bottom: 2% !important }
    .xs-margin-bottom-three { margin-bottom: 3% !important }
    .xs-margin-bottom-four { margin-bottom: 4% !important }
    .xs-margin-bottom-five { margin-bottom: 5% !important }
    .xs-margin-bottom-six { margin-bottom: 6% !important }
    .xs-margin-bottom-seven { margin-bottom: 7% !important }
    .xs-margin-bottom-eight { margin-bottom: 8% !important }
    .xs-margin-bottom-nine { margin-bottom: 9% !important }
    .xs-margin-bottom-ten { margin-bottom: 10% !important }
    .xs-margin-bottom-eleven { margin-bottom: 11% !important }
    .xs-margin-bottom-twelve { margin-bottom: 12% !important }
    .xs-margin-bottom-thirteen { margin-bottom: 13% !important }
    .xs-margin-bottom-thirtyfive { margin-bottom: 35% !important }
    .xs-margin-top-one { margin-top: 1% !important }
    .xs-margin-top-two { margin-top: 2% !important }
    .xs-margin-top-three { margin-top: 3% !important }
    .xs-margin-top-four { margin-top: 4% !important }
    .xs-margin-top-five { margin-top: 5% !important }
    .xs-margin-top-six { margin-top: 6% !important }
    .xs-margin-top-seven { margin-top: 7% !important }
    .xs-margin-top-eight { margin-top: 8% !important }
    .xs-margin-top-nine { margin-top: 9% !important }
    .xs-margin-top-ten { margin-top: 10% !important }
    .xs-margin-top-eleven { margin-top: 11% !important }
    .xs-margin-top-twelve { margin-top: 12% !important }
    .xs-margin-top-thirteen { margin-top: 13% !important }
    .xs-no-margin-right { margin-right: 0 !important }
    .xs-no-margin-left { margin-left: 0 !important; }
    .xs-no-margin-lr { margin-left: 0 !important; margin-right: 0 !important}
    .xs-no-margin-lr-auto { margin-left: auto !important; margin-right: auto !important}
    .xs-no-margin-bottom { margin-bottom: 0 !important }
    .xs-padding-bottom-six { padding-bottom: 6% !important; }
    .xs-padding-bottom-fifteen { padding-bottom: 15% !important; }
    .xs-padding-top-six { padding-top: 6% !important }
    .xs-padding-left-right-two { padding: 0 2% !important; }
    .xs-display-none { display: none !important}
    .xs-padding-seven { padding: 6% 0}
    .xs-no-padding { padding: 0 !important; }
    .xs-no-padding-left { padding-left: 0 !important; }
    .xs-no-padding-right { padding-right: 0 !important; }
    .xs-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .xs-no-padding-top { padding-top:0 !important}
    .xs-no-padding-bottom { padding-bottom: 0 !important; }
    .xs-no-padding-left-right { padding-left: 0 !important; padding-right: 0 !important}
    .xs-padding-right { padding-right: 15px !important;}
    .xs-padding-left { padding-left: 15px !important;}
    .xs-text-center { text-align: center !important;}
    .xs-no-border { border: 0 !important; }
    .xs-no-background { background: none !important; }
    .xs-no-float { float: none !important; }
    .xs-display-block { display: block !important; }
    .xs-display-inherit { display: inherit !important; }
    .xs-text-left { text-align: left !important; }
    .width-70 { width: 100% !important; }
    .xs-width-100 { width: 100% !important; }
    .xs-img-full { width: 100%;}
    .xs-padding-tb-ten { padding-bottom: 10% !important; padding-top: 10% !important; }
    .xs-width-100 { width: 100% !important}
    .xs-letter-spacing-6 { letter-spacing: 6px !important}
    .xs-center-col { float: none !important; margin-left: auto !important; margin-right: auto !important;}
    .xs-padding-eight { padding: 8%; }
    .xs-position-inherit { position: inherit !important;}
    .xs-line-height-18 { line-height: 18px !important;}
    .xs-overflow-auto{ overflow: auto !important}
    
    /*  background color  */
    .xs-bg-gray { background-color: #f6f6f6 !important;}

    /*  features    */
    .features-section { margin-bottom: 6% !important; }
    .features-section.col-md-12.col-sm-6 { padding: 0 !important; }
    .col-sm-12:last-child .features-section:last-child { margin-bottom: 0 !important; }
    .features-section .separator-line { margin: 15px 0 11px; }

    /*  portfolio nav    */
    .portfolio-nav { position: relative; }
    .col-sm-4:first-child .next-project i { margin-left: 0; }
    .mfp-close { padding-left: 0; }

    /*  work process    */
    .work-process .col-xs-12 { margin-bottom: 10%; }

    /*  services   */
    .services-main { padding: 90px 15px 0; }
    .services-main i { margin-bottom: 15px; }
    .services-sub-section { margin-bottom: 10%; }
    .services-sub { padding-top: 0; }
    .services-sub:last-child .services-sub-section:last-child { margin-bottom: 0; }
    .services-sub-section { padding-right: 15px; }

    /*  counter   */
    .counter-section:nth-child(3) { margin-bottom: 90px; }
    
    /*  case study  */
    .case-study-details { padding: 17% 5%;}
    
    /*  slider-title  */
    .xs-slider-title-big6 { font-size: 50px !important; line-height: 50px !important;}
    .xs-slider-title-big7 {font-size: 28px !important; line-height: 30px !important;}

    /*  testimonial   */
    .testimonial .carousel-indicators { bottom: -50px; }
    .testimonial p { margin: 40px 0; }
    .jumbotron { padding: 30px 0; }

    /*  key person   */
    .key-person-details { padding: 32px 10px 10px; }
    .key-person { max-height: 100%; }
    #key-person .col-xs-4 {width:100%}

    /*  blog  */
    #blog .col-sm-4 { margin-bottom: 15px; }
    .blog-post-images { margin-bottom: 20px; }
    .post-title { margin: 0; }
    .post-author { display: block; margin-bottom: 10px; }
    .blog-post p { padding: 0 0 20px; }
    .below-header { margin-top: 55px; }

    /*  approach  */
    .approach .col-sm-6:nth-child(3) { margin-bottom: 90px; }
    .approach h5 { margin: 10px 0 0; }

    /*  footer  */
    footer .col-sm-4 { margin-bottom: 30px; }
    footer .col-sm-4:last-child { margin-bottom: 0; }

    /* owl carousel */
    .owl-half-slider .owl-title { font-size: 20px; line-height: 30px; }
    .slider-typography-shop .owl-title { font-size: 40px; line-height: 42px; }

    /* buttons */ 
    .highlight-button-black-border { font-size: 16px; padding: 10px 20px; }

    /*  blog home slider  */
    .blog-slider-con figcaption span { letter-spacing: 1px; }
    .blog-slider-con figcaption h3 { letter-spacing: 1px; }
    .blog-slider-right { margin-bottom: 0; }
    .blog-slider-right:last-child { margin-bottom: 28px; }

    /*  project img    */ 
    .half-project-small-img { min-height: 264px; }
    .project-content .text-large { margin-top: 9%; display: inline-block; }
    .col-sm-6:nth-child(2).text-med { margin-top: 5%; }
    .spend-time { border-right: 0; }
    .text-large { margin-right: 0; }
    .full-width-image { min-height: 0; }
    .owl-half-slider .container { min-height: 560px; }

    /*  related projects    */ 
    .portfolio-filter { display: block;}
    .nav-tabs-light { height: inherit; margin-bottom: 25px;}
    .nav-tabs-light li a { margin: 15px 0 0 0;  }
    .active > a { font-size: 16px; font-weight: 900; }
    .nav-tabs-light li:last-child a { margin:15px 0 0 0}
    .tab-style3 .nav-tabs li:last-child a { margin: 0;}
    .nav-tabs-light li:first-child a { margin: 0}
    .nav-tabs > li > a:hover { border-bottom: 2px solid #000;}
    .nav-tabs > li.active > a { border-width: 2px;}

    /*  masonry gallery   */ 
    .grid li { width: 100% !important; }
    .grid figcaption { bottom: 6% !important; }

    /* portfolio grid - with title */
    .work-with-title .grid li:hover figcaption { bottom: 85px !important;}

    /*  animated tab    */
    #animated-tab .nav-tabs { width: 100%; text-align: center;}
    #animated-tab .nav > li { text-align: center; width: 20%; margin: 0 -3px 0 0; display: inline-block; border: 0; float: none; }
    #animated-tab .nav-tabs > li > a { padding: 0; display: inline-table }
    .nav-tabs > li > a { margin-bottom: 0px; margin-left: 0 !important; margin-right: 0 !important }
    .nav-tabs > li.active > a { margin-bottom: 0px;}
    .tab-style1 .nav-tabs li a:hover, .tab-style2 .nav-tabs li a:hover { padding:5px auto; border-bottom: 2px solid #000;}
    .tab-style2 .nav-tabs li a { border-bottom: 2px solid #d4d4d4; padding: 5px 0;}
    .tab-style2 .nav-tabs li.active { border: none; margin: 0;}
    .tab-style2 .nav-tabs li.active a { border-bottom: 2px solid #000; padding: 5px 0;}
    .tab-style2 .tab-content { padding: 0; border: none}
    .tab-style3 .nav-tabs { border: 1px solid #ddd;}
    .tab-style3 .nav-tabs li:first-child { margin-left: 0; border:none; border-bottom: 1px solid #e5e5e5;}
    .tab-style3 .nav-tabs li:last-child { border-bottom: none;}
    .tab-style3 .nav-tabs li { border-bottom: 1px solid #e5e5e5; border-top: none; border-right: none}
    .tab-style3 .nav-tabs li a:hover { border: none}
    .tab-style3 .nav-tabs li.active { border-bottom: 1px solid #e5e5e5;}
    .tab-style3 .tab-content { padding: 0 20px;}
    .tab-style4 .tabs-left .nav-tabs { width: 100%; padding: 0; margin: 0;}
    .tab-style4 .tab-content { width: 100%; float: left; padding: 20px;}
    .tab-style5 .tabs-left .nav-tabs { width: 100%;}
    .tab-style5 .tabs-left .nav-tabs li { border: none}
    .tab-style5 .tab-content { width: 100%; padding: 20px; background-color: #fff; border: none; float: left}
    .travel-booking .tab-style3 .nav-tabs li { margin-bottom: 1px }

    /*  one page    */
    #contact-us .medium-icon { margin-bottom: 0px;}
    #contact-us .col-md-4 {margin-bottom: 10%;}

    /*  owl carousel    */
    .owl-title-big { font-size: 26px; letter-spacing: 4px; line-height: 34px; padding: 25px 20px; width: 90%; }
    .owl-half-slider .owl-item .item { min-height: 400px; }
    .owl-half-slider .owl-item .container { min-height: 400px; }
    .owl-half-slider .container { min-height: 560px; }

    /* page titles */
    .page-title-large h1 { font-size: 20px !important; }
    h1.title {font-size: 37px !important; line-height: 45px !important;} 
    span.underline-bg {top: -20px;}

    /*  page title large    */
    .page-title-large { min-height: 250px; padding: 140px 0 0;}

    /* portfolio grid - wide with title */
    .work-2col.wide-title .grid figcaption { bottom: 0; padding: 30px 0}
    .work-3col.wide-title .grid figcaption { bottom: 0; padding: 30px 0}
    .work-4col.wide-title .grid figcaption { bottom: 0; padding: 15px 0px 30px 0px}
    .work-5col.wide-title .grid figcaption { bottom: 0; padding: 30px 0}

    /* portfolio parallax */
    .parallax-portfolio { min-height: 420px; background-size: cover;}
    .parallax-portfolio figcaption { padding: 25px; }

    /* portfolio short description */
    .portfolio-short-description-bg { background-position: top center; background-repeat: no-repeat; padding-top: 62.5%; }
    .portfolio-short-description figure { padding: 30px; width: 100% }
    .portfolio-short-description figure h3 { font-size: 16px; }

    /****** blog home pagination ******/
    .pagination a { margin: 0 13px;  }

    /* style #2 */
    .next-previous-project-style2 a { width: 100%; padding: 20px 0;}
    .next-previous-project-style2 a.border-right { border-right: 0px;}

    /*  portfolio single #4 */
    .great-result .owl-pagination { bottom:10px}

    /*  ajax - onepage portfolio single #5  */
    .work-background-slider-text { padding: 40px 30px; position: inherit; width: 100%;}

    /*  slider typography    */
    .slider-subtitle1 { font-size: 24px; line-height: 36px; width: 138px; padding: 15px; margin-bottom: 25px; }
    .slider-subtitle2 { font-size: 38px; line-height: 49px; }

    /****************************************************
        buttons
    ****************************************************/
    .button-style .btn { display: table; margin: 0 auto; }
    .button-style .btn.button-reveal { display: list-item; margin: 0 auto; width: 220px; }

    /****************************************************
        features box
    ****************************************************/
    .pricing [class^="col-"] { padding: 0 15px; }

    /*  header right */
    .search-cart-header .subtitle { display: none;}
    .search-cart-header { padding: 14px 15px 0 0px;}
    #top-search { margin: 1px 0 0 10px; }

    /*  ET-line icons */
    .glyphs .box1 { width: 50%;}

    /* portfolio onepage single project page2    */
    .features-section .col-xs-9 { width: 80%;}

    /* blog single full width with image slider */
    .blog-image blockquote p { font-size: 16px; line-height: 28px; }
    .blog-headline { padding: 170px 15px 40px; }
    .blog-blockquote { padding: 60px 0; }
    .blog-text { padding: 30px 15px; }
    .blog-details-text p { margin-bottom: 15px; }
    .blog-comment-area { padding: 0 15px 30px; float: left; }
    .blog-comment-main { float: left; padding: 30px 15px; width: 100%; }
    .blog-comment { line-height: 24px; }
    .social-icon-large .fa { font-size: 15px; height: 30px !important; width: 30px; }
    .blog-comment { margin: 30px 0; width: 100%; clear: both; }
    .blog-comment > .blog-comment { width: auto;}
    .social-icon-large { margin-right: 10px; }

    /* blog single full width */
    .full-width-headline h2 { font-size: 30px; line-height: 40px; margin-top: 190px; }
    .text-large-full-width { font-size: 20px !important; line-height: 28px !important; }

    /*  side bar */
    .widget input { width: 100%}
    .widget .close-search { right: 33px; }

    /* blog listing classic */
    .blog-image blockquote { padding: 20px; }
    .blog-image blockquote p:before { font-size: 35px; }
    .blog-date { padding-top: 20px; }
    .pagination { margin-top: 0px;}
    .about-author { padding: 20px;}

    /* blog details */
    .blog-details-headline{ font-size:18px; line-height: 24px; }
    .blog-details-text blockquote { margin-bottom: 30px;}
    .blog-comment .comment-avtar { margin-bottom: 15px;}

    /* blog listing full */
    .blog-listing-full { margin-bottom:50px;}
    .blog-listing-full .blog-title a { font-size: 20px; line-height: 28px;}
    .blog-listing-full .blog-number { font-size: 30px; width: 80px; line-height: 80px; }
    .blog-listing-full .blog-date { margin-top: 30px;}
    
    /* blog home masonry */
    .blog-short-description{ width: 100%}

    /* page titels */
    .page-title { padding: 40px 0}
    .page-title h1 { letter-spacing: 2px; line-height: 26px; margin-bottom: 0px; }
    .page-title-large { padding: 140px 0 0; }

    /* footer */
    .list-inline li { padding: 0 15px;}
    footer ul.list-inline li:first-child { padding-left: 0;}
    footer ul.list-inline li:last-child { padding-right: 0;}
    footer .footer-middle { padding-top: 50px; padding-bottom: 25px;}
    footer h6 { font-size: 11px; }

    /****************************************************
        shop
    ****************************************************/
    /*  home product     */
    .onsale { bottom: 12%; }
    .onsale-style-2 { bottom: 14%;}
    .new { bottom: 12%;}
    .shop-newsletter { padding: 0; min-height: 0; }

    /*  shorting     */
    .grid-nav { display: table; float: none !important; line-height: 14px; margin: 9px auto; }
    .shorting.clearfix .pull-right { display: table; float: none !important; margin: 0 auto; }
    .xs-med-input.select-style { width: 100px !important; }
    .shop-cart-table { overflow-x: scroll; }
    .shop-cart { max-width: none; width: 710px !important; }
    .continue-shopping { display: none; }
    .checkout-btn { font-size: 16px; }

    /****************************************************
        home page
    ****************************************************/
    /*======*  fashion  *======*/
    .model-details-text { padding: 0; }
    
    /*======*  travel  *======*/
    .travel-work-filter li a { margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
    
    /*======*  corporate  *======*/
    .corporate-standards .nav-tabs li { display: inline-block; float: none !important; }
    .corporate-standards .nav-tabs li a { padding: 0 15% !important; }

    /****************************************************
        one page
    ****************************************************/
    /*======*  fashion  *======*/
    /*  slider typography     */
    .fashion-slider .slider-typography { height: 55%; }
    .fashion-slider .slider-text-middle-main { width: 100%; }

    /*======*  spa  *======*/
    .spa-treatments .nav-tabs li a { margin-top: 0; margin-bottom: 15px; }

    /*======*  agency  *======*/
    .about-number { float: left; }

    /*======*  travel agency  *======*/
    .about-tab-right { padding: 70px 15px; }

    /*======*  wedding  *======*/
    .wedding-counter .counter-box { padding: 0 0 !important; width: 100% !important; margin-bottom: 10%; }
    
    /*  grid  */
    .grid-gallery ul { margin-left: 0; }
    
    /*  typography  */
    .text-large { font-size: 14px !important; }
    .title-large { font-size: 26px !important; }
    h1, .h1 { font-size: 30px; line-height: 42px;}
    .title-extra-large { font-size: 26px !important; line-height: 33px !important; }
    .agency-header span {  margin:3% 0 16%; }
    
    /*  restaurant  */
    .img-border-full { height:calc(100% - 0px); left: 15px; top: 0; width: calc(100% - 30px);}
    .special-offers-sub { top: 21%;}
    .restaurant-menu-text { padding-left: 0; padding-right: 0; }
    
    /*  home photography  */
    .photography-slider h1 { font-size: 50px; letter-spacing: 20px; }
    
    /* tabs */
    .tab-style4 .tabs-left .nav-tabs li a { width: auto;}
    .tab-style5 .tabs-left .nav-tabs li a {  width: auto; }
    .tab-style2 .nav-tabs li { border: 0; margin: 0;}
    .tab-style3 .nav-tabs li.active a { top: 0;}
    .tab-style4 .tabs-left .nav-tabs li.active a { left: 0;}
    .tab-style5 .tabs-left .nav-tabs li.active a { left: 0;}
    .nav-tabs > li > a { margin-top: 12px;}
    .nav-tabs-style2 li a:hover {border: 0;}
    .nav-tabs-style2 li {text-align: center; width: auto; display: table; margin: 0 auto}
    .nav-tabs-style2 li a {margin-top: 0; padding: 5px 10px;}
    .nav-tabs-style2 li.active a  {padding: 0px 10px; margin: 5px 0}
    
    /* product details */
    .product-details-social { margin-top: 15px; }  
    
    /* spa */
    .spa-treatments .right-content { padding: 30px; }
    
    /* photography */
    #tour-package .col-md-4 { width: 100% !important;}
    #tour-package .col-md-6 { width: 200px !important;}
    
    /*  slider typography    */
    .slider-title-big6{ font-size:60px;}
    
    /* form */
    .login-box { padding: 20px;}
    
    /* alert */
    .alert-style6 .alert { padding-left: 0; padding-right: 0; font-size: 16px; line-height: 24px; margin-bottom: 0;}
    .alert-style6 .alert i { width: 60px;}
    .alert-style6 .alert span { width: 80%; }
    .alert:last-child { margin-bottom: 0;}
    
    /* typography */
    blockquote { padding: 10px 20px; font-size: 18px; font-weight: 100; line-height: 26px;}
    
    /* product details */
    .rating-text { display: block; margin: 0 0 0; top: 0; width: 100%;}
    .rating {  display: block; float: left; width: 100%;}
    .rating i {  margin-left: 0; margin-right: 7px; }
    
    /* wedding */
    .wedding-header-sub { padding: 25px; }
    .event-box { padding: 25px; }
    
    /*  static sticky  */
    .static-sticky { height: 55px !important;}
    .static-sticky .container { height: 55px !important; }
    .static-sticky .text-right { top: 56px !important;}
    
    /*  coming soon  */
    .notify-me-main { position: inherit; margin-top: 27px;}
    
    /*  counter style 2  */
    .counter-style2 .counter-title {float: none; display: inline-block}
    .counter-style2 span.counter-number {float: none; display: inline-block}
    
    /*  bottom arrow pagination  */ 
    .our-team-agency-social div { display: inline-block; float: none;}
    .our-team-agency-social a i {margin: 0;}
    
    /*  onepage hamburger  */
     .team-member .team-details {height: 50%;}
     .show-menu .menu-wrap { left: 30px;}
     .full-width-pull-menu .menu-wrap {left: 0 !important}
     .menu-wrap .shrink-nav {background-color: inherit}
     .menu-wrap .shrink-nav .nav > li { margin:0 ;}
    
    /*  onepage agency option 2  */
    .our-process .icon {min-height: 0;}
    .map-contact { min-height:0; padding: 10% 10%;}
    .map-contact ul li:last-child {margin-bottom: 0;}
    .contact-map { min-height:0; padding: 20px 20px; margin-bottom: 30px;}
    .full-width-pull-menu-dark .pull-menu-open-sub { padding-left: 20px;}
    
    /*  about us option 2  */
    .specialise-box {min-height: 0;}
    
}
@media (max-width: 700px) {
    /*  countdown timer  */
    .coming-soon-footer .footer-social a { margin: 0 0.06% !important; }
    /****************************************************
       shop
   ****************************************************/
    .shop-newsletter .btn.btn-small { width: inherit; }
}
@media (max-width: 640px) {
    /*  custom  */
    .section-title {padding: 0 0 50px 0;}
    #blog-slider { padding-bottom: 30px; }
    #blog-slider .owl-pagination { bottom: -10px; }

    /*  features    */
    #features .section-title { padding: 0 0 50px 0; }

    /*  services   */
    .services-main { padding: 50px 15px; }

    /*  counter   */
    .counter-section { margin-bottom: 50px; }
    .counter-section:nth-child(3) { margin-bottom: 50px; }

    /*  testimonial   */
    .testimonial .carousel-indicators { bottom: -40px; }
    .testimonial p { margin: 11px 0 39px; }

    /*  key person   */
    .key-person i { margin: 10px 8% 20px; }
    .key-person-details { padding: 20px 10px 10px; }

    /*  case study slider  */
    .case-study-slider { padding: 50px 0 70px; }

    /*  blog  */
    #blog .section-title { padding-bottom: 50px; }
    .blog-listing { margin-bottom: 40px; width: 100%; }

    /*  approach  */
    .approach .col-sm-6, 
    .approach .col-sm-6:nth-child(3) { margin: 0 0 50px; }

    /*  slider text   */
    .owl-title {font-size: 25px; line-height: 40px;}
    .owl-subtitle {font-size: 14px; line-height: 20px;}
    #animated-tab .nav-tabs {margin: 0 0 30px; width: 100%;}

    /*  project img    */ 
    .half-project-img { min-height: 420px; }
    .project-title { line-height: 34px; }
    .half-project-small-img { min-height: 242px; }

    /*  onepage portfolio single #2    */
    .half-project-img-slider { min-height: 420px;  }

    /*      grid figcaption    
        .grid figcaption { bottom: 43%; }*/
    
    .table-scroll { overflow: hidden; overflow-x: scroll;}
}
@media (max-width: 589px) {
    /*  countdown timer  */
    .coming-soon-logo { margin: 25px 0 20px; }
    .coming-soon-title { font-size: 14px; margin-bottom: 20px; }
    #counter-underconstruction .counter-box { border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 10px 0; padding: 0 0 9px; width: 80px; }
    #counter-underconstruction .counter-box:nth-child(2) { border-right: 0; }
    #counter-underconstruction .counter-box:nth-child(3) { border-bottom: 0; border-left: 0; clear: both; }
    #counter-underconstruction .last { border-bottom: 0; padding: 0 0 09px; width: 80px; }
    #counter-underconstruction2 .number { font-size: 30px; line-height: 20px; }
    #counter-underconstruction2 .counter-container { width: 200px !important; }
    #counter-underconstruction2 .counter-box { margin: 0 10px 0; padding:10px 0 10px; width: 80px; }
    #counter-underconstruction2 .counter-box:nth-child(2) { border-right: 0; }
    #counter-underconstruction2 .counter-box:nth-child(3) {  clear: both; } 
    .notify-me-main { padding: 20px 0; }
    .notify-me-text { display: none; }
    .notify-me-main .footer-social { margin: 28px 0 0; }
    .notify-me-main input { width: 100%; margin-bottom: 3px; }
    .notify-me-main .btn-small { width: 100%; }
    .notify-me-main .footer-social i { margin: 0 14px; }
    
     /*  restaurant  */
    .special-offers-sub { top: 24%;}
    
    /* typography */
    .xs-letter-spacing-2 { letter-spacing: 2px !important; }
    .xs-min-height-inherit { min-height: inherit !important; }
}
@media (max-width: 580px) {
    /*  key person   */
    .key-person .person-post { display: block; min-height: 46px; }

    /*  footer  */
    .footer-social i { margin: 0;}
    .list-inline li { padding: 0 15px;}

    /*  ET-line icons */
    .glyphs .box1 { width: 50%; font-size: 12px;}
    .glyphs .box1 span { font-size: 30px; width: 40px;}
}
@media (max-width: 480px) {
    /*  navigation  */
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 394px; }

    /*  custom  */
    .section-title { font-size: 16px; line-height: 21px; }
    .btn-black.btn-small.margin-two { margin-top: 5%; }
    .scrollToTop { display: none !important; }
    .highlight-button-black-background { padding: 20px 29px; }
    .search-form .search-input {font-size:17px; font-weight:400; padding:5px 2px}
    .search-form .search-button { top:18px; font-size:14px;}

    /*  carousel slide  */
    .slider-text .col-md-3 { margin: 0 auto; width: 78%; }
    .carousel-control { display: none; }
    .slider-text .separator-line { margin: 9% auto; }
    .slider-text h1 { font-size: 22px; line-height: 28px; }
    #owl-demo-products .owl-buttons { display: block; }

    /*  features    */
    .features-section .col-xs-9 { width: 74%; }
    .features-2 { width: 100%; }

    /*  work process    */
    .work-process .col-xs-4 { width: 100%; }
    .work-process-title { margin: 4% auto 10%; }
    .col-xs-4:last-child .work-process-title { margin-bottom: 0; }

    /*  services   */
    .services-sub-section { width: 100%; }

    /*  key person   */
    #key-person .col-xs-4 { width: 100%; }
    .key-person-details { bottom: 115px; }
    .key-person:hover .key-person-details { bottom: 200px; }
    .key-person { max-height: 430px; max-width: 274px; margin: 0 auto; }
    .key-person .person-post { display: block; min-height: 0; }
    .team-member .team-details  { height: 55%;}

    /*  case study slider  */
    .case-study-slider .col-sm-5 { margin: 0; width: 95%; }
    .case-study-work { margin-bottom: 5px; }
    .case-study-detials { margin-bottom: 10px; }

    /*  approach  */
    .approach .carousel-control { display: block; }

    /*  new project  */
    .new-project h5 { line-height: 20px; }

    /*  footer  */
    .footer-social { /* margin-top: 20px; */ }

    /*  text effect  */
    .rotation-highlight { font-size: 28px; padding: 15px; margin-bottom: 20px; }
    .cd-headline  i { margin: 0 1px}

    /*  project img    */ 
    .half-project-img { min-height: 260px; }
    .half-project-small-img { min-height: 174px; }
    .project-header-text { margin-top: 28%; }
    .project-title { font-size: 20px; line-height: 28px; }
    .project-subtitle { font-size: 12px; line-height: 16px; margin-bottom: 3.5%; display: block; }
    .text-large { font-size: 13px; line-height: 22px;}
    .text-med { font-size: 13px; line-height: 22px; }

    /*  onepage portfolio single #2    */
    .half-project-img-slider { min-height: 260px;  }

    /*  animated    */
    #animated-tab .nav-tabs > li { border-right: 0; }
    #animated-tab .nav-tabs > li > a { font-size: 30px; }
    .service-year { font-size: 16px; line-height: 22px; }
    .animation3 span b { font-size: 20px; line-height: 28px; }

    /*  related projects   */
    .grid li { width: 100% !important; }
    .related-projects-list .masonry-items li { padding: 5px 0; }

    /*  owl carousel    */
    .owl-half-slider .owl-title { width:100%; font-size: 18px; line-height: 24px;  }
    .owl-pagination { bottom: 10px; }
    .owl-subtitle { letter-spacing: 4px; }
    .owl-title-big { font-size: 16px; line-height: 25px; padding: 15px; }
    .owl-half-slider .container { min-height: 480px; }
    .slider-typography-shop .owl-title { font-size: 24px; letter-spacing: 4px; line-height: 26px; width: 80%; } 

    /*  slider typography    */
    .slider-title-big4 { font-size: 20px; margin-bottom: 10px; }
    .slider-title-big3 { font-size: 14px; line-height: 22px; padding: 15px; margin-top: 10px; letter-spacing: 4px; }
    .slider-subtitle3 { font-size: 13px; line-height: 22px; letter-spacing: 4px; }
    .slider-subtitle2 { font-size: 22px; line-height: 30px; }
    .slider-subtitle5 { font-size: 20px; margin-bottom: 15px;}
    .slider-subtitle4 { margin-bottom: 5px; }
    .slider-number { margin-bottom: 30px; }
    .slider-title-big5 { margin-bottom: 15px; width: 85%; }

    /*  parallax    */
    .parallax-sub-title { font-size: 19px; }
    .parallax-title { margin-bottom: 15px; }   
    .parallax-number { margin-bottom: 30px; margin-top: 80px; }

    /*  blog home grid    */   
    .blog-slider-grid figcaption h3 { font-size: 13px;}

    /*  scroll down    */
    .scroll-down { bottom: 30px; }
    .page-title-large span { display: none}
    .page-title-large h1 { margin-top: 30px; line-height: 27px; }
    
    .special-offers { min-height: 348px; }

    /****************************************************
        accordions
    ****************************************************/
    .panel-title { font-size: 11px; padding: 7px 15px; }
    .panel-body { padding: 5px 15px 20px; }
    .accordion-style3 .panel-heading { padding-bottom: 20px; }
    .accordion-style3 .panel-title { font-size: 12px; line-height: 60px; padding: 0 20px; }
    .toggles-style3 .panel-title span { right: 10px; top: 8px; }
    .accordion-style3 .number { font-size: 16px; }
    .accordion-style3 .panel-body { padding: 0 20px 21px; }
    .toggles-style3 .panel-title { font-size: 12px; line-height: 18px; padding:10px; }
    .toggles-style3 .panel-body { padding: 0 20px 21px}

    /****************************************************
        progress bar
    ****************************************************/
    .progress-bar-style2 .progress-name { width: 50%; line-height: 16px; margin-top: 8px; }

    /****************************************************
        buttons
    ****************************************************/
    .button-desc { font-size: 24px !important; line-height: 28px; }
    .button-desc span { font-size: 16px; line-height: 20px; }

    /****************************************************
        features box
    ****************************************************/
    .col-md-3.col-sm-3.col-xs-4.text-center { width: 100%; }
    .features-box-style1 { width: 100%; }
    .features-box-style2 { width: 100%; }
    .features-box-style2 .separator-line { margin: 7% 0 5% !important; }

    /****************************************************
        Et-line icons
    ****************************************************/
    .icon-box i { margin: 15px; }

    /****************************************************
        typography
    ****************************************************/
    .subheader h1 { font-size: 26px; line-height: 35px; }
    .xs-letter-spacing-none { letter-spacing: 0 !important; }
    .line-height-18 { line-height: 18px !important;}
    .corporate-slider h1 { font-size: 34px; line-height: 44px; }

    /****************************************************
        popup with video
    ****************************************************/
    .video-title { font-size: 24px; line-height: 26px; }

    /*  ET-line icons */
    .glyphs .box1 { text-align: center; padding: 15px 7px; font-size: 11px;}
    .glyphs .box1 span { display: block; text-align: center; margin: 0 auto}

    /* blog single full width with image slider */
    .blog-comment .comment-text { clear: both; width: 100%;}
    .blog-comment > .blog-comment { clear: both; margin-left: 20px; }
    .blog-comment { margin: 10px 0; }

    /****************************************************
        contact us
    ****************************************************/
    .contact-map iframe { height: 300px; }

    /*     footer  */
    .footer-link2, .footer-link3, .footer-link4 { width: 100%; margin-bottom: 5%;}
    footer h5 { margin-bottom: 10px;}
    .footer-middle { text-align: center; }

    /****************************************************
        home page
    ****************************************************/
    /*======*  fashion  *======*/
    .fashion-subtitle { font-size: 30px; line-height: 40px; padding: 48px 15px; width: 100%; }

    /*======*  agency  *======*/
    .agency-header h1 { font-size: 47px; line-height: 57px; }
    .agency-team .team-details { padding-top: 20%; height: 100% }

    /*======*  restaurant  *======*/
    .restaurant-header h1 { letter-spacing: 4px; }
    .about-restaurant-text { padding: 7% 15px; }
    .about-restaurant-img { min-height: 440px; }
    .restaurant-menu-img { min-height: 440px; }
    .chef-img { min-height: 440px; }
    .chef-text { padding: 10% 15px; }
    .img-border { height: calc(100% - 40px); left: 15px; top: 20px; width: calc(100% - 31px); }
    .popular-dishes-border { height: calc(100% - 28px); left: 15px; top: 15px; width: calc(100% - 28px); }
    .food-services-inner { padding: 20px 17px; }

    /****************************************************
        one page
    ****************************************************/
    /*======*  architecture  *======*/
    #animated-tab.architecture-company .nav-tabs > li > a { padding: 0 26px; }
    #animated-tab.architecture-company .nav-tabs .counter-title { display: none; }
    .slider-headline h1 {  font-size: 34px; letter-spacing: 8px; line-height: 30px; } 

    /*======*  spa  *======*/
    .spa-sider .owl-title { line-height: 24px; }

    /*======*  agency  *======*/
    .text-big-title { font-size: 49px; line-height: 45px; }
    .text-big { font-size: 123px; left: -8px; top: -59px; }
    .slider-title-big2 { font-size: 32px; }

    /*======*  travel agency  *======*/
    .agency-enjoy-right { padding: 50px 15px; }
    .agency-enjoy-right .title-top span { margin: 33px 0 0; }
    .travel-agency-slider h1 { font-size: 38px; line-height: 43px; }

    /*======*  corporate  *======*/
    .onepage-corporate-slider h1 { font-size: 56px; line-height: 66px; }

    /*======*  landing  *======*/
    .landing-title { font-size: 30px; line-height: 32px; }

    /*======*  wedding  *======*/
    .about-couple-sub i { margin: 20px 17px 0; }
    
    /*  home photography  */
    .photography-slider h1 { font-size: 40px; letter-spacing: 8px; }
    
    /*  slider typography    */
    .slider-title-big6{ font-size:40px;}
}
@media (max-width: 420px) {   
    /*  typography    */
    .title-med { font-size: 22px !important; line-height: 30px !important; }
    .subheader { padding: 10px 15px; }
    .spa-slider h1 { font-size: 35px; line-height: 75px; }
}
@media (max-width: 466px) {
    /*  key person   */
    .key-person {max-height: 430px;}
    .blog-date { letter-spacing: 1px; }

    /*  text effect  */
    .animation2 span b { font-size: 20px; line-height: 30px; }

    /*  elements features box */
    .work-process-title { letter-spacing: 0px;}

    /*     footer  */
    .list-inline li { padding: 0 6px;}
    footer ul li a { font-size: 10px;}
    .footer-social a { margin: 0 15px;}
    .copyright { font-size: 9px;}

    /****************************************************
        faq
    ****************************************************/
    .faq-search input { padding-right: 67px; }
    .faq-search-button { right: 30px; }
}
@media (max-width: 366px) {
    /*  buttons   */ 
    .btn-small-white { margin-right: 7px;}

    /*  owl carousel    */
    .owl-title {font-size: 22px; line-height: 30px} 

    /*  single - onepage portfolio single #2  */
    .slider-text-middle4 { padding: 0 15px;}
    
    /*  half screen video  */
    .video-half-screen { min-height: 31%; }
}
@media (max-width: 359px) {
    /*  blog home slider  */
    .blog-slider-con figcaption h3 { letter-spacing: 4px; font-size: 13px; }
    .blog-slider-con figcaption span { letter-spacing: 0px; }
    .blog-slider-con figcaption { padding: 15px 30px 15px; bottom: -55px; }

    /*     footer  */
    .footer-social i { font-size: 20px;}
    .footer-social a { margin: 0 10px;}
    footer ul li a { font-size: 9px;}
    .list-inline li { padding: 0 3px;}
    .copyright { font-size: 8px;}
    
    /*  restaurant  */
    .special-offers-sub { top: 26%;}
    
    /* alert */
    .alert-style6 .alert span { width: 77%; }
    
    /*  half screen video  */
    .video-half-screen { height: 450px;}
    
    /*  primary style  */
    .cd-headline span b { font-size: 18px; letter-spacing: 0;}
    

}
@media (max-width: 330px) {
    /*  blog home slider  */
    .blog-slider-con figcaption { padding: 15px 5px 15px;  }
    .blog-slider-con figcaption h3 { letter-spacing: 1px; font-size: 12px;  }
    .blog-like, .blog-share, .comment { letter-spacing: 1px; margin-right: 18px;}
    .blog-date { letter-spacing: 0px; }
}
/*  only mobile devices landscape view  */
@media screen and (max-width: 320px) , screen and (max-height: 480px) {
    .navbar-fixed-top .navbar-collapse, 
    .navbar-fixed-bottom .navbar-collapse { max-height: 275px !important; }
}
@media (max-width: 320px) {
    .highlight-button-black-border {font-size: 18px;padding: 10px 20px;}
    .owl-title {font-size: 18px; line-height: 24px; margin-top: 5px;}
    h1 { font-size: 26px; line-height: 32px; }

    .slider-text-bottom { vertical-align: middle; }

    /*  key person   */
    .key-person { max-height: 510px; }
    .key-person-details { bottom: 25px; }
    .key-person:hover .key-person-details { bottom: 130px; }

    /*  Animated tab    */
    #animated-tab .nav-tabs > li > a { font-size: 24px; }

    /*  project img    */ 
    .half-project-img { min-height: 220px; height: auto }
    .half-project-small-img { min-height: 179px; }

    /*  onepage portfolio single #2    */
    .half-project-img-slider { min-height: 220px;  }

    /****************************************************
        shop
    ****************************************************/
    /*  home product     */
    .onsale { bottom: 18%; }
    .new { bottom: 18%;}
    .slider-typography-shop .owl-subtitle { display: block; line-height: 18px; margin-bottom: 30px; width: 85%; }

    /****************************************************
        one page
    ****************************************************/
    /*======*  architecture  *======*/
    .owl-title br { display: none; }

    /*======*  wedding  *======*/
    .wedding-header { margin-top: 40px; }
    
    /* pull navigation */
    .show-menu .menu-wrap {width: 100%; left: 0px !important}
    .menu-button {right: 0; margin: 30px;}
    /*  half screen video  */
    .video-half-screen { height: 450px;}
}
@media (min-width: 640px) {
        .blog-3col .col-md-4:nth-child(3n + 4) { clear: none; }
        .blog-3col .col-md-4:nth-child(2n + 3) { clear: left; }
        .blog-4col .col-md-3:nth-child(4n + 5) { clear: none; }
        .blog-4col .col-md-3:nth-child(4n+3) { clear: left; }        
        .blog-full-width-section .col-md-3:nth-child(4n + 5) { clear: left; }
        .blog-full-width-section .col-md-3:nth-child(4n+3) { clear: left; }
        .blog-grid-listing > .col-md-4:nth-child(3n + 4) { clear: none; }
        .blog-grid-listing > .col-md-4:nth-child(2n + 3) { clear: left; }
        .blog-grid-listing > .col-sm-4:nth-child(3n + 4) { clear: none; }
        .blog-grid-listing > .col-sm-4:nth-child(2n + 3) { clear: none; }
}
@media (min-width: 768px) {
        .blog-3col .col-md-4:nth-child(3n + 4) { clear: none; }
        .blog-3col .col-md-4:nth-child(2n + 3) { clear: left; }
        .blog-4col .col-md-3:nth-child(4n + 5) { clear: left; }
        .blog-4col .col-md-3:nth-child(4n+3) { clear: left; }
        .blog-full-width-section .col-md-3:nth-child(4n + 5) { clear: left; }
        .blog-full-width-section .col-md-3:nth-child(4n+3) { clear: left; }
        .blog-grid-listing > .col-md-4:nth-child(3n + 4) { clear: none; }
        .blog-grid-listing > .col-md-4:nth-child(2n + 3) { clear: left; }
        .blog-grid-listing > .col-sm-4:nth-child(3n + 4) { clear: none; }
        .blog-grid-listing > .col-sm-4:nth-child(2n + 3) { clear: none; }
}
@media (min-width: 992px) {
        .blog-3col .col-md-4:nth-child(3n + 4) { clear: left; }
        .blog-3col .col-md-4:nth-child(2n + 3) { clear: none; }
        .blog-4col .col-md-3:nth-child(4n + 5) { clear: left; }
        .blog-4col .col-md-3:nth-child(4n+3) { clear: none; }
        .blog-full-width-section .col-md-3:nth-child(4n + 5) { clear: left; }
        .blog-full-width-section .col-md-3:nth-child(4n+3) { clear: none; }
        .blog-grid-listing > .col-md-4:nth-child(3n + 4) { clear: left; }
        .blog-grid-listing > .col-md-4:nth-child(2n + 3) { clear: none; }
        .blog-grid-listing > .col-sm-4:nth-child(3n + 4) { clear: none; }
        .blog-grid-listing > .col-sm-4:nth-child(2n + 3) { clear: none; }
}
@media (min-width: 1200px) {
	.blog-3col .col-md-4:nth-child(3n + 4) { clear: left; }
        .blog-3col .col-md-4:nth-child(2n + 3) { clear: none; }        
        .blog-4col .col-md-3:nth-child(4n + 5) { clear: left; }
        .blog-4col .col-md-3:nth-child(4n+3) { clear: none; }        
        .blog-full-width-section .col-md-3:nth-child(4n + 5) { clear: left; }
        .blog-full-width-section .col-md-3:nth-child(4n+3) { clear: none; }
        .blog-grid-listing > .col-md-4:nth-child(3n + 4) { clear: left; }
        .blog-grid-listing > .col-md-4:nth-child(2n + 3) { clear: none; }
        .blog-grid-listing > .col-sm-4:nth-child(3n + 4) { clear: none; }
        .blog-grid-listing > .col-sm-4:nth-child(2n + 3) { clear: none; }
}
@charset "UTF-8";
/* ************************ *
 *   Rug Couture            *
 * ************************ */
/* ************************ *
 *   Fonts                  *
 * ************************ */



 
html, body {
    overflow-x: hidden;
    width: 100%;
		height: auto;
}






@font-face {
  font-family: 'MuseoSans-700';
  src: url("/fonts/34309F_1_0.eot");
  src: url("/fonts/34309F_1_0.eot?#iefix") format("embedded-opentype"), url("/fonts/34309F_1_0.woff2") format("woff2"), url("/fonts/34309F_1_0.woff") format("woff"), url("/fonts/34309F_1_0.ttf") format("truetype"); 
  font-display: swap;}

@font-face {
  font-family: 'MuseoSans-500';
  src: url("/fonts/34309F_2_0.eot");
  src: url("/fonts/34309F_2_0.eot?#iefix") format("embedded-opentype"), url("/fonts/34309F_3_0.woff2") format("woff2"), url("/fonts/34309F_3_0.woff") format("woff"), url("/fonts/34309F_3_0.ttf") format("truetype");
  font-display: swap;  }

@font-face {
  font-family: 'MuseoSans-300';
  src: url("/fonts/34309F_2_0.eot");
  src: url("/fonts/34309F_2_0.eot?#iefix") format("embedded-opentype"), url("/fonts/34309F_2_0.woff2") format("woff2"), url("/fonts/34309F_2_0.woff") format("woff"), url("/fonts/34309F_2_0.ttf") format("truetype"); 
  font-display: swap;}

.MuseoSans-700, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, strong, strong *, .strong, .bold {
  font-family: MuseoSans-700,'Open Sans', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important; 
  }




.MuseoSans-500, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, strong, strong *, .strong, [type="submit"], .bold {
  font-family: MuseoSans-500,'Open Sans', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important; 
  }

.MuseoSans-300,  h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, strong, strong *, .strong, [type="submit"], .bold {
  font-family: MuseoSans-300,'Open Sans', sans-serif !important;
  font-family: MuseoSans-300,'Open Sans', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important; 
  }

 .homeheader  { font-size:20px !important;   letter-spacing:inherit; line-height: 30px!important;   font-family: MuseoSans-500,'Open Sans', sans-serif !important;  }
.work-with-title .grid figcaption {font-size:20px !important;  opacity: 1; position: relative; bottom: 0; padding: 20px 0 20px 0; background: rgba(255,255,255,1); z-index: 2; }

 
 
 
.japanese {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }

/* ************************ *
 *   Global                 *
 * ************************ */
body * {
  text-transform: none !important;
  font-family: 'MuseoSans-300','Open Sans', sans-serif;
  letter-spacing: 0 !important;
  font-weight: normal !important;
  font-size: 15px; }



h1 {
  font-size: 22px !important;
  line-height: 32px !important;}



@media (max-width: 1920px) {  

	
h1 {
  font-size: 22px !important;
  line-height: 32px !important;}
}


@media (max-width: 1200px) {  
h1 {
  font-size: 22px !important;
  line-height: 32px !important;}
}


@media (max-width: 750px) {  
h1 {
	margin-top:15px;
  font-size: 20px !important;
  line-height: 26px !important;}
}












h2 {
  font-size: 1.4em; }

h3 {
  font-size: 1.3em; 
  }

h4 {
  font-size: 1.3em;
  
  padding-top: 5px !important;
	padding-bottom: 2px !important;}

#privacy h2 {
  font-size: 1.2em;
padding-top:20px;  }
  
#sidebar h2 {
  font-size: 1.1em; }
#sidebar h3 {
  font-size: 1.1em; }
#sidebar h4 {
  font-size: 1.1em; }

.widget-title {
  font-size: 15px; }

sup {
  font-size: 13px; }

.rounded5 {
  border-radius: 0px; }
  
.pink-text{
  color: #59113e;

  font-size:15px;
	  } 

.large-text {
  font-size: 17px !important;
  line-height: 1.5em; }

.order-text {
  font-size: 18px !important;
  line-height: 1.5em; }

    .margin-bottom-100 {
  margin-bottom: 100px !important; }
  
    
   .margin-bottom-70 {
  margin-bottom: 70px !important; }

   .margin-bottom-60 {
  margin-bottom: 60px !important; }


   .margin-bottom-50 {
  margin-bottom: 50px !important; }

    .margin-bottom-40 {
  margin-bottom: 40px !important; }
      .margin-bottom-35 {
  margin-bottom: 30px !important; }
  
    .margin-bottom-30 {
  margin-bottom: 30px !important; }
  
  .margin-bottom-25 {
  margin-bottom: 25px !important; }
  
.margin-bottom-20 {
  margin-bottom: 20px !important; }

.margin-bottom-10 {
  margin-bottom: 10px !important; }

  .margin-bottom-5 {
  margin-bottom: 5px !important; }
  
    .margin-bottom-0 {
  margin-bottom: 0px !important; }

  .margin-bottom-15 {
  margin-bottom: 15px !important; }

 .margin-top-30 {
  margin-top: 30px !important; }
  
   .margin-top-35 {
  margin-top: 30px !important; }
  
  
  .margin-top-100 {
  margin-top: 100px !important; }
     .margin-top-80 {
  margin-top: 80px !important; }
  
   .margin-top-60 {
  margin-top: 60px !important; }
  
  
   .margin-top-40 {
  margin-top: 40px !important; }
  
    
   .margin-top-50 {
  margin-top: 50px !important; }
  
  
  
  .margin-top-25 {
  margin-top: 25px !important; }
  
.margin-top-20 {
  margin-top: 20px !important; }

.margin-top-10 {
  margin-top: 10px !important; }

  .margin-top-5 {
  margin-top: 5px !important; }

  .margin-top-0 {
  margin-top: 0px !important; }
  .margin-top-minus20 {
  margin-top: -20px !important; }


  .margin-top-15 {
  margin-top: 15px !important; }

    .margin-right-10 {
  margin-right: 10px !important; }
  
      .margin-right-5 {
  margin-right: 5px !important; }
  

    .margin-left-10 {
  margin-left: 10px !important; }

      .margin-left-5 {
  margin-left: 5px !important; }
  
  
.noleftpad {
  padding-left: 0 !important; }

.margin-bottom-one {
  margin-bottom: 1% !important; }

.onlybotpad1 {
  padding: 0 0 1% 0 !important; }

.norightpad {
  padding-right: 0 !important; }

.no-lr-margin {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.margin-eight.halve-margin {
  margin-top: 2% !important;
  margin-bottom: 2% !important; }

/* reset standard pointer cursor */
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close, .mfp-image-holder, .mfp-iframe-holder, .mfp-close-btn-in, .mfp-content, figure:hover img, .home-product:hover img, .zoom-gallery img {
  cursor: pointer !important; }

hr.black-hr {
  border: 1px solid white !important;
  border-top: 1px solid #373737 !important; }

hr.grey-hr {
  border: 1px solid white !important;
  border-top: 1px solid #d9c8c1 !important; }


.slider-text span.japanese {
  display: inline; }

.title-large, .slider-text .title-large span {
  font-size: 28px !important;
  line-height: 41px !important; }

.body-content * {
  color: #000; }
.body-content a {
  text-decoration: underline; }
.body-content .sidebar-content a {
  text-decoration: none; }
  .body-content .sidebar-content a:hover {
    text-decoration: underline;
    color: #000; }
	
	
	.body-content .sidebar-content li.active a {
     font-weight: bold !important;

	 
}


	ul, li {

    list-style-position: inside; /* Optional, to control the bullet alignment */
}

	
.body-content ul {
  margin-bottom: 0.1em;
  list-style-position: inside; }
.body-content h2 {
  margin-bottom: 0.4em; }

.trimmed a {
  text-decoration: underline; }

  
  
div.priv > ol > li {
  font-size: 1.4em;
  font-family: 'MuseoSans-700','Open Sans', sans-serif; }
div.priv ul.lower-roman {
  list-style-type: lower-roman !important; }
div.priv ul.lower-latin {
  list-style-type: lower-latin !important; }
div.priv ul.lower-alpha {
  list-style-type: lower-alpha !important; }
div.priv ul.lower-roman, div.priv ul.lower-latin, div.priv ul.lower-alpha {
  margin-top: 0.5em;
  margin-bottom: 1.0em; }
  div.priv ul.lower-roman li, div.priv ul.lower-latin li, div.priv ul.lower-alpha li {
    font-size: 1em;
    font-family: MuseoSans-700,'Open Sans', sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important; }
div.priv ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0; }
div.priv ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
  font-family: MuseoSans-700,'Open Sans', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important; }
div.priv ol > li:before {
  content: counters(item,".") ". ";
  display: table-cell;
  padding-right: 0.6em; }
div.priv li ol > li {
  margin: 0; }
div.priv li ol > li:before {
  content: counters(item,".") " "; }
div.priv th {
  font-family: MuseoSans-700,'Open Sans', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  border-bottom: 3px #000 solid; }
div.priv td {
  vertical-align: top;
  border-bottom: 1px #000 solid;
  padding: 1em 5em 1em 0; }
  div.priv td:last-child {
    padding-right: 0; }
div.priv h3 {
  font-size: 1.0em;
  margin-bottom: 0.6em; }

#promo {
  display: none !important;
  padding: 7px 10px;
  font-family: MuseoSans-700,'Open Sans', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  text-align: center;
  background-color: black;
  color: #fff;
  font-size: 13px;
  position: fixed;
  top: 81px;
  display: inline-table;
  z-index: 1000;
  width: 100%; }
  #promo .large {
    font-size: 17px;
    font-family: MuseoSans-700,'Open Sans', sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important; }
  #promo .tags-before,
  #promo .tags-after {
    padding: 0 0.4em; }
 #promo .tags-before:before,
   #promo .tags-after:after {
     display: inline-block;
     font: normal normal normal 15px/1 'Font Awesome 5 Pro';
     content: "\f02c";
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     padding: 0 0.5em; }


body.promo #page-heading {
  padding-top: 118px !important; }

/* ************************ *
body.promo-closed #page-heading {
  padding-top: 58px !important; }
  
* ************************ */
  
body.promo #promo {
  display: block !important; 
       visibility:hidden;}

.text-samples-large {
  font-size: 20px !important;
  line-height: 30px !important; }


.text-small {
  font-size: 14px !important;
  line-height: 18px !important; }





.text-extra-large {
  font-size: 22px !important;
  line-height: 32px !important; }


@media (max-width: 1920px) {  
.text-extra-large {
  font-size: 22px !important;
  line-height: 32px !important; }
}


@media (max-width: 1200px) {  
.text-extra-large {
  font-size: 22px !important;
  line-height: 32px !important; }
}


@media (max-width: 750px) {  
.text-extra-large {
  font-size: 20px !important;
  line-height: 30px !important; }
}




 .text-larger {
  font-size: 18x !important;
  line-height: 32px !important; }

 .text-menu-header {
  font-size: 1.1em !important;
  line-height: 22px !important; }
  
    .index-header {
  font-size: 19px !important;
  line-height: 28px !important; }
  

  .text-header {
  font-size: 20px !important;
  line-height: 28px !important; }
  
  .text-rb {
  font-size: 18px !important;
  line-height: 22px !important; }
  
/* ************************ *
 *   Header                 *
 * ************************ */
#logo {
  max-width: 240px; }
  #logo img {
    max-width: 210px; }

.logo-style-3 {
  max-width: 100%; }

/* Menus */
#top-accordion {
  margin-top: 2px; }
  #top-accordion i {
    display: inline-block !important;
    margin-right: 1em; }
  #top-accordion .account i {
    margin-right: 0; }
  #top-accordion .header-search-form i {
    margin-right: 0; }
  #top-accordion .header-search-form span {
    display: none; }
  #top-accordion li {
    margin-bottom: 0;
    position: relative; }
    #top-accordion li a {
      font-size: 16px !important; }
      #top-accordion li a:hover {
        border-bottom-color: transparent !important; }
      #top-accordion li a span {
        padding-bottom: 2px;
        font-size: 16px !important; }
    #top-accordion li > a {
      padding-bottom: 2px; }

#accordion li > a {
  padding-top: 0; }

.navbar-toggle {

  margin-right: 0; 
  }

#top-accordion .account span {
  display: none; }

.nav-white.sticky-nav .navbar-nav li li a:hover {
  border-bottom-color: transparent !important; }
.nav-white.sticky-nav #top-accordion i {
  color: #fff; }
.nav-white.sticky-nav #top-accordion li a:hover {
  color: #000; }
  .nav-white.sticky-nav #top-accordion li a:hover span {
    color: #000; }
  .nav-white.sticky-nav #top-accordion li a:hover i {
    color: #000; }
.nav-white.sticky-nav span, .nav-white.sticky-nav span a {
  color: #fff; }
.nav-white.sticky-nav.shrink-nav span, .nav-white.sticky-nav.shrink-nav span a {
  color: #000; }
.nav-white.sticky-nav .language-content a,
.nav-white.sticky-nav .wishlist-content span,
.nav-white.sticky-nav .wishlist-content span a,
.nav-white.sticky-nav .cart-content span,
.nav-white.sticky-nav .cart-content span a,
.nav-white.sticky-nav .account span,
.nav-white.sticky-nav .account span a {
  color: #C8C8CB !important; }
.nav-white.sticky-nav .language-content a:hover {
  color: #fff !important; }
.nav-white.sticky-nav .cart-content .amount, .nav-white.sticky-nav .cart-content .currency-symbol {
  font-size: 11px; }
.nav-white.shrink-nav #top-accordion i {
  color: #000; }
.nav-white.shrink-nav li a.btn {
  color: #fff !important; }
  .nav-white.shrink-nav li a.btn:hover {
    color: #000 !important; }

.dropdown-menu {
  background-color: rgba(37, 37, 37, 0.95); }

/* Main menu text format */
.navbar-nav > li > a,
.dropdown-menu li a {
  font-size: 16px;
  border-bottom: 2px solid transparent;
  letter-spacing: initial !important; }

  .dropdown-menu li.active a {
     font-weight: bold !important;
	
}

  
.dropdown-header {
  font-size: 16px; }

  
  
/* main menu spacing */
nav .container {
  height: 80px !important;
  /* constant header height on scroll down */ }

.nav > li {
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px; }

.search-cart-header {
  padding-top: 4px; }

.shrink-nav .logo-dark,
.sticky-nav .logo-light {
  height: 59px;
  vertical-align: bottom; }

.static-sticky .wishlist-content,
.static-sticky .language-content,
.static-sticky .cart-content,
.static-sticky .account {
  margin-top: 6px !important;
  top: 52px !important; }

.dropdown.simple-dropdown .dropdown-menu,
.shrink-nav .dropdown.simple-dropdown .dropdown-menu {
  top: 42px !important; }

.navbar-toggle {

  margin-bottom: 6px; }

/* Wish List */
.fa-wishlist:before {
  content: "\f004"; }

body.wishlist-empty .fa-wishlist:before {
  content: "\f08a"; }

.wishlist-content {
  opacity: 0;
  position: absolute;
  right: 0;
  transition: all 200ms ease 0s;
  visibility: hidden;
  z-index: 9;
  background-clip: padding-box;
  padding: 25px;
  width: 250px;
  top: 26px;
  left: 0;
  z-index: 99999;
  background-color: rgba(37, 37, 37, 0.95); }
  .wishlist-content .buttons {
    float: left;
    width: 100%;
    margin: 0px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 13px; }
  .wishlist-content ul.wishlist-list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    color: #c8c8c8; }
    .wishlist-content ul.wishlist-list li {
      min-height: 100px;
      text-align: left; }
    .wishlist-content ul.wishlist-list a {
      display: block;
      font-size: 11px;
      line-height: 16px;
      padding: 0 0 0 70px;
      position: relative;
      width: auto;
      color: #c8c8c8 !important; }
      .wishlist-content ul.wishlist-list a img {
        height: 90px;
        left: 0;
        float: left;
        width: 60px;
        position: absolute; }
      .wishlist-content ul.wishlist-list a.remove {
             position: absolute;
     right: -10px;
     top: 0px;
     text-align: right;
     padding:2px;
     border:solid 1px #C8C8CB;
     line-height:10px;
 }

.cart-content {
  top: 25px !important;
  left: 0;
  z-index: 99999;
  background-color: rgba(37, 37, 37, 0.95);
  width: 250px; }

.account-content {
  opacity: 1;
  position: absolute;
  right: 0;
  transition: all 200ms ease 0s;
  visibility: hidden;
  z-index: 9;
  background-clip: padding-box;
  padding: 20px 25px 25px 25px;
  width: 150px;
  top: 25px;
  right: -20px;
  z-index: 99999;
  background-color: rgba(37, 37, 37, 0.95); }
  .account-content p a {
    text-align: center;
    width: 100%; }

.language-content {
  opacity: 1;
  position: absolute;
  right: 0;
  transition: all 200ms ease 0s;
  visibility: hidden;
  z-index: 9;
  background-clip: padding-box;
  padding: 20px 25px 25px 25px;
  width: 150px;
  top: 25px;
  left: 0px;
  z-index: 99999;
  background-color: rgba(37, 37, 37, 0.95);
  text-align: left; }

#checkout-page table.shop-cart {
  margin-bottom: 0; }
#checkout-page label {
  margin-bottom: 0;
  color: black; }
#checkout-page input, #checkout-page textarea {
  margin: 0 0 10px 0; }
#checkout-page .select-style select {
  padding-top: 8px;
  padding-bottom: 7px; }
#checkout-page .input70 {
  width: 70%; }

#top-accordion li .buttons a,
#top-accordion .cart-content,
#top-accordion .wishlist-content,
#top-accordion .language-content a,
#top-accordion .cart-content a,
#top-accordion .wishlist-content a,
#top-accordion .cart-content a span,
#top-accordion .wishlist-content a span,
#top-accordion .account a {
  font-size: 13px !important; }

/*body.cart-empty .fa-cart-shopping:before {
  content: "\f290"; }
*/
/* *************************************** *
 *   Bread Crumbs and page header section  *
 * *************************************** */
#page-heading {
  padding-bottom: 0 !important;
  padding-bottom: 5px !important;
  padding-top: 80px !important; }
  #page-heading #page-heading-container {
    padding-top: 20px !important;
		}
    #page-heading #page-heading-container p.text-extra-large {
      margin: 0 0  0; }

.bg-gray {
  background-color: #fbf9f8 !important; }


	  	 
		   
		   @media (max-width: 1200px) {
		   
		  		   #breadcrumbs {	margin-top:20px;
  margin-bottom: 6px;
  font-size: 13px; }
  #breadcrumbs a {
    font-size: 13px; }

		   }
		   
		   
		   
	
	  	   @media (min-width: 769px) {	   
#breadcrumbs {	margin-top:20px;
  margin-bottom: 10px;
  font-size: 13px; }
  #breadcrumbs a {
    font-size: 13px; }

		   }
	
  @media (max-width: 769px) {
			   #breadcrumbs {	margin-top:0px;
  margin-bottom: 6px;
  font-size: 13px; }
  #breadcrumbs a {
    font-size: 13px; }

		   }
#topcopy {
  font-size: 13px;
  line-height: 18px; }

#topcopylarge p {
  font-size: 20px !important; }

/* ************************ *
 *   Listing Pages          *
 * ************************ */
.lhd-img-col {
  padding-right: 7.5px; }

.rhd-img-col {
  padding-left: 7.5px; }

.img-opts-trio .tall-img, .img-opts-trio .top-sht-img {
  margin-top: 5px;
  margin-bottom: 10px; }
.img-opts-trio .bot-sht-img {
  margin-top: 11px;
  margin-bottom: 10px; }

#gallery, #listing, #accounts {
  padding-top: 10px;
  padding-bottom: 30px; }

#accounts a {
  text-decoration: underline; }

#accounts .widget-body a {
  text-decoration: none; }

#accounts .select-style {
  margin-bottom: 15px;
  border-radius: 4px !important; }

.select-style select {
  padding: 13px 15px;
  font-size: 15px;
  color: #333; }


.start-hidden {
  display: none; }

#accounts label {
  color: black;
  margin-bottom: 4px; }

#accounts small {
  display: block;
  font-size: 13px !important; }

#accounts small a {
  font-size: 13px !important; }

#accounts small input {
  margin-right: 20px; }

.payment-panel-title {
  padding: 10px 18px 0 8px; }

#gallery .gallery-name a {
  font-family: MuseoSans-700,'Open Sans', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
  display: block; }

#listing .product-name a  {
  font-family: MuseoSans-700,'Open Sans', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
 margin-bottom: 4px;  }
  
  
   #listing .price, #listing .currency-symbol {
  font-family: MuseoSans-500,'Open Sans', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 16px;
  line-height: 24px;
  margin-top: 2px; }
  
#listing .product-detail, #listing .product-designer {
  display: block;
  line-height: 16px;
  font-size: 14px; }
#listing .home-product .btn.btn-small.quick-buy-btn {
  margin: 10px 5px 40px 5px !important;
  padding: 8px 10px 4px 10px; }
#listing .add-to-wishlist {
  display: inline-block; }
#listing .fa {
  font-size: 15px !important; }

.shop-price li:hover a,
.category-list li:hover a {

  padding-left: 10px; }
.shop-price li:hover:before,
.category-list li:hover:before {
  content: "\f00c";
  left: 10px;
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  line-height: 25px;
  color: #ccc;
  font-size: 10px; }

.colors li:hover:before {

  left: 11px;
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  line-height: 25px;
  color: #ccc;
  font-size: 10px; }

/* ************************ *
 *   Showcase               *
 * ************************ */
.work-with-title .grid li:hover figcaption {
  /* disable annimation on projects grid section */
  bottom: 0 !important; }
.work-with-title .grid li figcaption h3,
.work-with-title .grid figcaption h3 a,
.work-with-title .grid li figcaption p {
  color: #000; }

.grid-gallery figcaption a p , .grid-gallery figcaption p   a {
  font-size: 20px !important;
  color: #000;
  margin-bottom: 20px;

  }


#showcase {
  padding-top: 0;
  padding-bottom: 0; }
  #showcase p {
    font-size: 15px !important; }

/* ************************ *
 *   Footer                 *
 * ************************ */
footer h5, footer h5 a {
  font-size: 18px; }
footer h6 {
  font-size: 18px;
  line-height: 1.4em; }
  footer h6 .currency-symbol {
    font-size: 18px; }
footer ul li a {
  color: #373737;
  font-size: 16px;
  letter-spacing: initial; }
footer .medium-icon {
  font-size: 28px !important;
  margin-bottom: 0px !important; }
footer .footer-spacer {
  padding: 0 !important; }

.footer-social div {
  display: inline-block; }
.footer-social p {
  text-align: left;
  margin-left: 25px;
  font-size: 16px; }
.footer-social a {
  display: inline-block;
  margin: 5px 25px 0 25px; }

.footer-link.list-inline li {
  display: inline-block;
  padding: 0 0 0 6px; }

.footer-link.list-inline i.fa {
  color: #000; }

#payment-logos {
  margin-top: 8px;
  max-width: 360px; }

#copyright-goodweave a img {
  max-width: 60px; }

.copyright {
  font-size: 12px;
  color: #ccc; }

#footer-logo {
  margin-top: 4px;
  margin-bottom: 4px; }
  #footer-logo img {
    margin-right: 1em;
    width: 200px;
    margin-bottom: 0px; }

.scrollToTop {
  top: auto;
  bottom: 15px;
  right: 15px; }

/* ************************ *
 *   Carousel               *
 * ************************ */

   #feature-image {
    padding: 50% 0 20px 0;
  
}


  #feature-image .container {
    margin-top: -28%;
}

  


  #feature-carousel .opaque-bg,
#feature-image .opaque-bg {
  opacity: 0.5;
  background-color: rgba(37, 37, 37, 0.95) !important;
  padding: 20px 40px 20px 20px; }
  #feature-carousel .opaque-bg h1, #feature-carousel .opaque-bg span, #feature-carousel .opaque-bg a, #feature-carousel .opaque-bg .highlight-button,
  #feature-image .opaque-bg h1,
  #feature-image .opaque-bg span,
  #feature-image .opaque-bg a,
  #feature-image .opaque-bg .highlight-button {
    color: #fff; }
  #feature-carousel .opaque-bg .highlight-button,
  #feature-image .opaque-bg .highlight-button {
    border: 2px solid #fff;
    font-size: 18px; }
    #feature-carousel .opaque-bg .highlight-button:hover,
    #feature-image .opaque-bg .highlight-button:hover {
      color: #000;
      background-color: #fff; }


	  
	  



	  
	  
	  
	  
	  
.owl-carousel .owl-item {
  cursor: default; }

.slider-text span {
  font-weight: normal;
  font-size: 17px;
  font-weight: 300; }
.slider-text .separator-line {
  margin: 10% auto 10% auto; }

/* ************************ *
 *   Product                *
 * ************************ */
.home-product:hover img {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transform: snone;
  -webkit-transform: none;
  transform: none; }

#product {
  padding-top: 0;
  color: #000;
  padding-bottom: 40px; }
  #product .products-thumb {
    margin-top: 15px; }
    #product .products-thumb img {
      width: 100%; }
  #product #product-details {
    line-height: 1.3em; }
    #product #product-details .product-meta-label {
      margin-top: 1% !important; }
    #product #product-details .top-pad-adj {
      padding-top: 10px !important; }
    #product #product-details .product-quantity-label {
      margin-top: 0 !important; }
    #product #product-details h1.product-name-details {
      margin-bottom: 13px;
      line-height: 1.2em;
      font-size: 22px;
	font-weight: bold !important;}
	
	  
	  
    #product #product-details .product-byline {
      font-size: 18px; }
      #product #product-details .product-byline a {
        text-decoration: underline;
        font-size: 18px; }
    #product #product-details .shop-shorting-details {
      background-position: right 10px bottom 50% !important; }
      #product #product-details .shop-shorting-details select {
        font-size: 16px;
        line-height: 16px;
        padding: 12px 15px 10px !important;
        color: #000; }
    #product #product-details #addtocart {
      padding-right: 15px;
      padding: 7px 22px; }
      #product #product-details #addtocart strong {
        font-size: 15px; }
      #product #product-details #addtocart i.fa {
        margin-left: 15px; }
    #product #product-details #contactus {
      font-size: 15px;
      padding: 7px 22px; }
    #product #product-details p a {
      text-decoration: underline; }
    #product #product-details .add-to-wishlist {
      margin-top: 8px; }
    #product #product-details .product-details-social {
      margin-top: 8px !important; }
    #product #product-details .colors {
      margin-top: 20px;
      margin-bottom: 0px; }
      #product #product-details .colors li {
        position: relative;
        float: left; }
        #product #product-details .colors li a {
          width: auto;
          text-indent: 0;
          margin: 0 10px 10px 0;
          height: auto;
          float: left;
          padding: 5px;
          border: 1px solid #fff; }
          #product #product-details .colors li a:hover {
            border: 1px solid #ccc; }
        #product #product-details .colors li.active:before {
          content: none; }
        #product #product-details .colors li.active a {
          border: 1px solid #000; }

#product-lower {
  color: #000;
  padding-top: 00px !important;
  margin-top:-20px!important;
  padding-bottom: 40px !important;
  font-size: 14px; }
  #product-lower .nav > li {
    margin-left: 0px !important;
    font-size: 14px !important; }
  #product-lower .nav a {
    font-size: 14px !important; }
  #product-lower .nav-tabs a {
    text-decoration: none !important; }

#product-related {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }
  #product-related .section-title {
    padding-bottom: 40px !important; }
  #product-related .related-product-image {
    width: 200px; }
  #product-related .product-name {
    font-size: 13px; }
  #product-related .item img {
    margin-bottom: 5%; }
  #product-related .item span {
    display: block;
    line-height: 1.3em; }
  #product-related .owl-prev,
  #product-related .owl-next {
    margin-top: -69px; }
    #product-related .owl-prev .fa,
    #product-related .owl-next .fa {
      top: -12%; }

.navbar-nav.navbar-right {
  margin-right: 0px !important; }

.mfp-figure .mfp-close {
  position: fixed;
  display: block;
  font-size: 30px;
  color: #000 !important;
  background-color: #fff !important;
  height: auto;
  padding: 8px 17px;
  margin: 0;
  top: 0px;
  right: 8px;
  font-family: MuseoSans-700,'Open Sans', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  width: auto; }

img.mfp-img {
  padding: 0; }

.mfp-arrow-left:before {
  content: "\f104";
  border: none !important; }

.mfp-arrow-right:before {
  content: "\f105";
  border: none !important; }

.mfp-arrow-left:after, .mfp-arrow-right:after {
  border: none !important; }

.mfp-arrow {
  width: 70px;
  height: 90px;
  background-color: #fff !important;
  color: #000 !important;
  font-family: 'Font Awesome 5 Pro' !important;
  font-size: 36px !important; }

input#terms-and-conditions {
  margin-left: 1em; }

#tctable {
  float: right; }

.shop-cart-table {
  overflow-x: initial !important; }

#cart-section {
  padding-top: 0; }
  #cart-section td {
    padding-bottom: 0;
    padding-right: 0; }
  #cart-section.mobile-cart td, #cart-section.mobile-cart th {
    padding-left: 0;
    padding-right: 2px; }
  #cart-section td.padding-one {
    padding-left: 0 !important; }
  #cart-section td, #cart-section th {
    vertical-align: top;
    color: #000 !important; }
    #cart-section td strong.colors,
    #cart-section td a.product-edit, #cart-section th strong.colors,
    #cart-section th a.product-edit {
      display: inline-block;
      margin-top: 5px; }
    #cart-section td .color-block, #cart-section th .color-block {
      display: inline-block;
      width: 33px;
      text-indent: -9999px;
      margin: 0 0 4px 0;
      height: 25px;
      border: 0;
      vertical-align: middle; }
    #cart-section td a, #cart-section th a {
      line-height: 1.42857143;
      padding: 0;
      vertical-align: top; }
    #cart-section td a.highlight-button-black-background, #cart-section th a.highlight-button-black-background {
      border: 4px solid #000;
      background-color: #000;
      font-size: 15px;
      padding: 20px 30px;
      color: #fff;
      font-weight: 700; }
	  #cart-section td a.highlight-button-black-background:hover { border: 4px solid #000; background-color: #fff; color: #000}
	  
    #cart-section td .color-desc, #cart-section th .color-desc {
      padding-left: 6px;
      vertical-align: middle; }
  #cart-section .rug-options-header th,
  #cart-section .rug-options-body td {
    text-align: left;
    padding: 0; }
    #cart-section .rug-options-header th input,
    #cart-section .rug-options-body td input {
      margin-right: 6px; }
  #cart-section .rug-options-body td {
    padding-bottom: 20px;
    padding-left: 24px; }
    #cart-section .rug-options-body td input {
      margin-left: -24px; }
    #cart-section .rug-options-body td a {
      text-decoration: underline;
      vertical-align: initial !important; }
  #cart-section td.product-thumbnail {
    padding-right: 10px !important;
    padding-bottom: 10px !important; }
  #cart-section .mailing-list label {
    display: block; }
  #cart-section .mailing-list .desc {
    line-height: 1.4em;
    padding-bottom: 20px;
    display: block; }
  #cart-section label {
    font-family: MuseoSans-300,'Open Sans', sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important; }
    #cart-section label#tc-label {
      display: inline;
      font-family: 'MuseoSans-300','Open Sans', sans-serif !important;
      font-weight: normal !important;
      font-style: normal !important;
      font-size: 13px;
      margin-left: 10px; }

#ship-to-different-address {
  display: block;
  margin-bottom: 2em; }

.low-bottom-border {
  padding-bottom: 0.3em !important;
  border-bottom: #000 1px solid !important;
  margin-bottom: 0.9em !important;
  display: inline-block; }

.no-margin-top {
  margin-top: 0 !important; }

.margin-top-20 {
  margin-top: 20px !important; }

.margin-top-10 {
  margin-top: 10px !important; }

.margin-top-5 {
  margin-top: 5px !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.margin-bottom-5 {
  margin-bottom: 5px !important; }

.margin-bottom-10 {
  margin-bottom: 10px !important; }

section.trimmed {
  padding-top: 10px !important;
  padding-bottom: 30px !important;
  color: #000; }
  section.trimmed h1 {
    margin-bottom: 0.4em;
    line-height: 1em; }

blockquote {
  margin: 0 0 25px; }
  blockquote p {
    font-size: 20px !important; }
  blockquote footer {
    font-size: 1.4em; }
  blockquote small {
    font-size: 1em;
    margin-top: 4px; }
    blockquote small:before {
      content: none; }

#form-message {
  height: 220px; }

.checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 8px; }
.checkbox label {
  padding-left: 0px; }

.rightpad10 {
  padding-right: 10px; }

.image-upload {
  margin-bottom: 25px; }
  .image-upload .form-group {
    margin-bottom: 5px; }
.image-upload input {
     border: none;
     letter-spacing: 0;
     font-size: 11px;
     padding: 0;
     width: 100%;
     margin: 5px 0 0 0;
     text-transform: none;
     max-width: 100%;
     resize: none;
     font-family: MuseoSans-300,'Open Sans', sans-serif !important;
     position: absolute;
     top: -100px;
}

  .image-upload label {
     font-family: MuseoSans-700,'Open Sans', sans-serif !important;
     position: relative;
     overflow: hidden;
     cursor: pointer;
}

/* ************************ *
 *   Media overrides        *
 * ************************ */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  footer h5,
  footer h5 a {
    font-size: 16px; }

  footer ul li a {
    font-size: 16px; }

  .img-opts-trio .bot-sht-img {
    margin-top: 7px; } }
/******* Only for iPad Css *******/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* for general iPad layouts */
  .nav > li {
    margin-top: 0;
    margin-left: 6px;
    margin-right: 6px; }

  .slider-text h1 {
    display: block !important; }

  .separator-line {
    clear: left; } }
#copyright-txt {
  display: table-cell;
  float: none;
  font-size: 12px;
  color: #ccc; }

#copyright-goodweave {
  display: table-cell;
  float: none;
  vertical-align: bottom;
  padding-bottom: 9px; }

#copyright-goodweave a img {
  float: right; }

#copyright-txt {
  font-size: 11px;
  color: #ccc; }

#copyright-goodweave img {
  float: right; }

@media (max-width: 1199px) {
  .navbar-nav > li > a,
  .dropdown-menu li a {
    font-size: 13px;
    border-bottom: 2px solid transparent; }

  #top-accordion li > a {
    padding-bottom: 3px; }
  #top-accordion li a {
    font-size: 13px !important; }
    #top-accordion li a span {
      font-size: 13px !important; }

  .dropdown.simple-dropdown .dropdown-menu,
  .shrink-nav .dropdown.simple-dropdown .dropdown-menu {
    top: 41px !important; } }
#accordion #collapse5 {
  left: inherit;
  right: -168px; }

@media (min-width: 992px) {
  .navbar-nav.navbar-right {
    margin-right: -30px; } }
@media (min-width: 992px) {
  #collapseLL, #top-accordion #colLL {
    display: none !important; } }
@media (max-width: 991px) {
	
	

  .noleftpad,
  .norightpad {
    padding-left: 0px !important;
    padding-right: 0px !important; }

  .img-opts-trio .bot-sht-img {
    margin-top: 1px; }

  #copyright-block {
    display: initial;
    width: 100%; }

  #copyright-txt {
    display: initial;
    float: initial; }

  #copyright-goodweave {
    display: initial;
    float: initial; }

  #copyright-goodweave a img {
    float: left;
    margin-top: 20px; }

  #accordion #collapse5 {
    left: 0;
    right: inherit; }

  .rightpad10 {
    padding-right: 15px; }

.navbar.shrink-nav .accordion-menu {
    top: 70px !important; }

  .navbar .text-right {
    top: 	70px; }




  body.promo .navbar.shrink-nav .accordion-menu {
    top: 78px !important;     /* movie navbar gap */ }
	
	
	
	
  body.promo .navbar .text-right {
    top: 102px; }


  nav .container {
	  
    height: 64px !important;
    /* constant header height on scroll down */ }

  .dropdown-header {
    display: none; }

  .navbar-nav > li > a {
    font-size: 17px !important; }

  .dropdown-menu li a {
    font-size: 15px !important;
    padding-left: 1.4em !important; }

  #top-accordion li a {
    font-size: 17px !important; }
    #top-accordion li a span {
      font-size: 17px !important; }

  .nav-white.sticky-nav.shrink-nav span, .nav-white.sticky-nav.shrink-nav span a,
  .nav-white.shrink-nav .search-cart-header .subtitle, .nav-white.shrink-nav .search-button {
    color: #fff; }

  .navbar-default span.navbar-toggle {
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    padding-top: 10px; }

  .nav-white.sticky-nav span.navbar-toggle {
    color: #000 !important; }

  #header-row {
	  
    padding-top: 2px; }

  .shrink-nav .navbar-default span.navbar-toggle {
    background-color: #fff;
    color: #000; }

  .logo-style-3 {
    /* max-width: 180px; */ }

  .shrink-nav .logo-dark,
  .sticky-nav .logo-light {
    height: 60px;
    vertical-align: middle; }

  .navbar .text-right {
    background-color: rgba(37, 37, 37, 0.99); }

  button.navbar-toggle {
	  	  margin-top: 10px;
    display: block; }

  /* used for JQuery */
  .nav-white.sticky-nav #top-accordion li a:hover span {
    color: #fff; }

  .nav-white.shrink-nav #top-accordion li a:hover span {
    border-bottom: none; }

  .nav-white.sticky-nav #top-accordion i {
    color: #fff !important; }

  .nav-white.sticky-nav #top-accordion .account span {
    display: initial !important;
    color: #fff; }

  .nav-white.sticky-nav #top-accordion .account span a {
    color: #fff; }

  #top-accordion i,
  #top-accordion .header-search-form i,
  #top-accordion .account i {
    margin-right: 10px; }

  #top-accordion .header-search-form span {
    display: initial; }

  #copyright-goodweave a img {
    max-width: 80px; }

  .dropdown.simple-dropdown .dropdown-menu,
  .shrink-nav .dropdown.simple-dropdown .dropdown-menu {
    top: 0px !important; }

  .dropdown-menu {
    padding-left: 0 !important; }

  .dropdown-menu li ul li {
    padding-left: 15px !important; }

  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: auto; }

  #page-heading {
    padding-top: 65px !important; }
    #page-heading #page-heading-container {
      padding-top: 15px !important; 	  }

  .zoom-gallery img {
    width: 100%; }

  #product {
    padding-bottom: 20px; }
    #product .col-md-5.col-sm-12.zoom-gallery.sm-margin-bottom-ten {
      margin-bottom: 0 !important; }
    #product #product-details {
      clear: both;
      padding-top: 30px; }
      #product #product-details #addtocart {
        padding-right: 15px;
        padding: 7px 14px;
        margin-bottom: 20px; }
        #product #product-details #addtocart strong {
          font-size: 13px; }
        #product #product-details #addtocart i.fa {
          margin-left: 15px;
          margin-right: 0; }
      #product #product-details #contactus {
        font-size: 13px;
        padding: 7px 14px;
        margin-right: 0; }
      #product #product-details .product-byline {
        font-size: 16px; }
        #product #product-details .product-byline a {
          font-size: 16px; }
    #product #product-details .product-details-social {
      margin-top: 20px !important;
      padding-left: 0 !important;
      margin-bottom: 10px; }

  #product-lower {
    padding-bottom: 30px; }

  .add-to-wishlist {

    margin-bottom: 3%; }


  a.quick-buy-btn,
  .product-details-social span,
  .product-details-social i {
    font-size: 15px !important; }

  #promo {
    top: 64px; }

  .footer-middle {
    padding-top: 20px !important; }
    .footer-middle ul.margin-six-bottom {
      margin-bottom: 0 !important; }
    .footer-middle h5.margin-two {
      margin-top: 8% !important; }

  .navbar-default .navbar-nav > li > a {
    height: auto;
    line-height: 20px;
    padding: 10px 0 10px 15px; }

  .sticky-nav .navbar-nav > li > a i {
    margin: 0px 10px 9px 0; }

  #accordion li > a {
    padding-top: 10px; } }
@media only screen and (max-width: 540px) {
  .toplinks, .top-cart .txtpart {
    font-size: 12px !important; } }
	
	
@media screen and (min-width: 1600px) {
  /* Targetting large screen desktops */
#header-image-home-rugs_1 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_fabulous_emerald_narrow_xl.jpg") !important; }  
#header-image-home-rugs_2 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wilton_vogue_willow_xl.jpg") !important; }  
#header-image-home-rugs_3 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_rug_leather_piping_xl.jpg") !important; }  
#header-image-home-rugs_4 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_biscayne_lemon_xl.jpg") !important; }  
#header-image-home-rugs_5 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/sisal_masai_leather_steel_border_xl.jpg") !important; }
#header-image-home-rugs_6 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_biscayne_pacific_cor6_hs6_xl.jpg") !important; }
#header-image-home-rugs_7 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/featured_rug_lemon_biscayne_steel_c47_1_xl.jpg") !important; }


#header-image-wool-rugs_1 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_audrey_midnight_xl.jpg") !important; } 
#header-image-wool-rugs_2 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_mississippi_premium_rug_xl.jpg") !important; } 
#header-image-wool-rugs_3 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_fabulous_diamond_xl.jpg") !important; } 
#header-image-wool-rugs_4 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_mississippi_rug_xl.jpg") !important; } 
  
  /* static headers */

#header-image-customer-rug-size-fitting, body.size-and-fitting #feature-image { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/rug_size_fitting_xl.jpg") !important; }
	
	

}

	
@media screen and (min-width: 1024px) and (max-width: 1600px) {
	
	
  /* Slide headers - targetting laptops and smaller screen desktops */
#header-image-home-rugs_1 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_fabulous_emerald_narrow_l.jpg") !important; }  
#header-image-home-rugs_2 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wilton_vogue_willow_l.jpg") !important; }  
#header-image-home-rugs_3 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_rug_leather_piping_l.jpg") !important; }  
#header-image-home-rugs_4 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_biscayne_lemon_l.jpg") !important; }     
#header-image-home-rugs_5 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/sisal_masai_leather_steel_border_l.jpg") !important; }
#header-image-home-rugs_6 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_biscayne_pacific_cor6_hs6_l.jpg") !important; }
#header-image-home-rugs_7 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/featured_rug_lemon_biscayne_steel_c47_1_l.jpg") !important; }

  
#header-image-wool-rugs_1 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_audrey_midnight_l.jpg") !important; } 
#header-image-wool-rugs_2 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_mississippi_premium_rug_l.jpg") !important; } 
#header-image-wool-rugs_3 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_fabulous_diamond_l.jpg") !important; } 
#header-image-wool-rugs_4 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_mississippi_rug_l.jpg") !important; }    

  /* static headers */

#header-image-customer-rug-size-fitting, body.size-and-fitting #feature-image { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/rug_size_fitting_l.jpg") !important; }

}

	
	
	
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Targetting lanscape tablets */
#header-image-home-rugs_1 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_fabulous_emerald_narrow_m.jpg") !important; }  
#header-image-home-rugs_2 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wilton_vogue_willow_m.jpg") !important; }  
#header-image-home-rugs_3 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_rug_leather_piping_m.jpg") !important; }  
#header-image-home-rugs_4 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_biscayne_lemon_m.jpg") !important; }    
#header-image-home-rugs_5 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/sisal_masai_leather_steel_border_m.jpg") !important; }
#header-image-home-rugs_6 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_biscayne_pacific_cor6_hs6_m.jpg") !important; }
#header-image-home-rugs_7 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/featured_rug_lemon_biscayne_steel_c47_1_m.jpg") !important; }


 
#header-image-wool-rugs_1 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_audrey_midnight_m.jpg") !important; } 
#header-image-wool-rugs_2 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_mississippi_premium_rug_m.jpg") !important; } 
#header-image-wool-rugs_3 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_fabulous_diamond_m.jpg") !important; } 
#header-image-wool-rugs_4 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_mississippi_rug_m.jpg") !important; } 


   /* static headers */

#header-image-customer-rug-size-fitting, body.size-and-fitting #feature-image { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/rug_size_fitting_m.jpg") !important; }

}

		
@media only screen and (max-width: 767px) {
	
 .btn.btn-medium { font-size: 18px; padding: 10px 22px;}
 
 
  .no-mb-lr-pad {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  .no-mb-r-pad {
    padding-right: 0 !important; }

  .lhd-img-col,
  .rhd-img-col {
    padding-left: 15px;
    padding-right: 15px; }

  #designer-img {
    margin-bottom: 20px; }

	  #cart-section.mobile-cart .shop-cart {
    width: 100% !important; }

  #cart-section.mobile-cart td.black-text, #cart-section.mobile-cart td.black-text *, #cart-section.mobile-cart td.black-text a, #cart-section.mobile-cart td.black-text span, #cart-section.mobile-cart td.black-text input, #cart-section.mobile-cart td.black-text sup {
    font-size: 13px; }
  #cart-section.mobile-cart th {
    font-size: 13px;
    padding-bottom: 5px; }
	
	
  /* Targetting portrait tablets and mobiles */
#header-image-home-rugs_1 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_fabulous_emerald_narrow_s.jpg") !important; }  
#header-image-home-rugs_2 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wilton_vogue_willow_s.jpg") !important; }  
#header-image-home-rugs_3 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_rug_leather_piping_s.jpg") !important; }  
#header-image-home-rugs_4 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_biscayne_lemon_s.jpg") !important; }  
#header-image-home-rugs_5 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/sisal_masai_leather_steel_border_s.jpg") !important; }
#header-image-home-rugs_6 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_biscayne_pacific_cor6_hs6_s.jpg") !important; }
#header-image-home-rugs_7 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/featured_rug_lemon_biscayne_steel_c47_1_s.jpg") !important; }



#header-image-wool-rugs_1 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_audrey_midnight_s.jpg") !important; } 
#header-image-wool-rugs_2 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_mississippi_premium_rug_s.jpg") !important; } 
#header-image-wool-rugs_3 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_fabulous_diamond_s.jpg") !important; } 
#header-image-wool-rugs_4 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_mississippi_rug_s.jpg") !important; } 


	  /* static headers */

#header-image-customer-rug-size-fitting, body.size-and-fitting #feature-image { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/rug_size_fitting_s.jpg") !important; }


  
}


@media (max-width: 767px) {
  .navbar .accordion-menu.text-right {
    top: 68px !important; }

  body.promo .navbar .accordion-menu.text-right {
    top: 77px !important; }

  .navbar .text-right {
    top: inherit; } }

@media (max-width: 1200px) {
  .navbar .accordion-menu.text-right {
    top: 68px !important; }

  body.promo .navbar .accordion-menu.text-right {
    top: 77px !important; }

  .navbar .text-right {
    top: inherit; } }



@media only screen and (max-width: 480px) {
	
#header-image-home-rugs_1 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_fabulous_emerald_narrow_xs.jpg") !important; }  

#header-image-home-rugs_2 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wilton_vogue_willow_xs.jpg") !important; }  
#header-image-home-rugs_3 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_rug_leather_piping_xs.jpg") !important; }  
#header-image-home-rugs_4 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_biscayne_lemon_xs.jpg") !important; }  	
#header-image-home-rugs_5 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/sisal_masai_leather_steel_border_xs.jpg") !important; }
#header-image-home-rugs_6 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_biscayne_pacific_cor6_hs6_xs.jpg") !important; }
#header-image-home-rugs_7 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/featured_rug_lemon_biscayne_steel_c47_1_xs.jpg") !important; }


#header-image-wool-rugs_1 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_audrey_midnight_xs.jpg") !important; } 
#header-image-wool-rugs_2 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_mississippi_premium_rug_xs.jpg") !important; } 
#header-image-wool-rugs_3 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_fabulous_diamond_xs.jpg") !important; } 
#header-image-wool-rugs_4 { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/wool_mississippi_rug_xs.jpg") !important; } 
	
  /* static headers */

#header-image-customer-rug-size-fitting, body.size-and-fitting #feature-image { background-image: url("https://www.naturalrugstore.co.uk/images/rc/header/rug_size_fitting_xs.jpg") !important; }

 	
	
  #copyright-txt {
    font-size: 11px; }



  #feature-carousel h1 {
    display: inline-block;
    float: left;
    font-size: 18px; }
  #feature-carousel .btn {
    float: right; }
  #feature-carousel .slider-text-middle-main .padding-left-right-px {
    padding: 0 0px; }
  #feature-carousel .slider-text-middle {
    position: absolute;
    top: 0px; }
  #feature-carousel .full-screen .slider-text-middle {
    top: 140px; }
  #feature-carousel .opaque-bg {
    padding: 20px 20px 20px 20px; }

  footer .footer-spacer {
    padding: 0 15px !important; }

  #listing, #gallery {
    padding-top: 0; }
    #listing .widget-only, #gallery .widget-only {
      display: none; }
    #listing .widget, #gallery .widget {
      margin-bottom: 0px; }

	  
  #page-heading {
    padding: 80px 0; }

  .sidebar .panel-group {
    margin-bottom: 50px; }
	  

  .container {
   margin-top:-10px; }
	  
	  

  div.priv td {
    padding: 1em 0.5em 1em 0;
    font-size: 13px; }
    div.priv td a {
      font-size: 13px; }

  #cart-section.mobile-cart .shop-cart {
    width: 100% !important; }

  #cart-section.mobile-cart td.black-text, #cart-section.mobile-cart td.black-text *, #cart-section.mobile-cart td.black-text a, #cart-section.mobile-cart td.black-text span, #cart-section.mobile-cart td.black-text input, #cart-section.mobile-cart td.black-text sup {
    font-size: 13px; }
  #cart-section.mobile-cart th {
    font-size: 13px;
    padding-bottom: 5px; }

  .shop-cart .shop-shorting {
    width: 45px !important; }

  #payment-logos {
    width: 90%; } }
	
	

	
	
@media (max-width: 480px) {
	
	
  .logo-style-3 {
    max-width: 180px; }

  span.navbar-toggle {
    display: none; }

  #feature-carousel h1 {
    display: none; }

  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 600px; }

  #listing .home-product .btn.btn-small.quick-buy-btn {
    margin: 0px 5px 40px 5px !important;
    padding: 6px 6px; }

  div.priv th {
    padding: 1em 0.2em 1em 0;
    font-size: 11px; }
  div.priv td {
    padding: 1em 0.2em 1em 0;
    font-size: 11px; }
    div.priv td a {
      font-size: 11px; }

	  
	  

	    #feature-image {
	
    padding: 100% 0 120PX 0;

  }

  .footer-social a {
    display: inline-block;
    margin: 5px 15px 0 15px; }



	}
	
	
	

/*# sourceMappingURL=style.css.map */


.btn {display: inline-block;  margin-right: 40px;}

.navbar-collapse.collapsing {
     display: none;
}
.navbar-collapse.collapse.in {
     display: flex;
     flex-direction: column;
     overflow: hidden;
}
.navbar-fixed-top .navbar-collapse {
     max-height: none !important;
}
.navbar-collapse.collapse.in #accordion {
     order: 1;
}
.navbar-collapse.collapse.in #top-accordion {
     order: 2;
     margin-top: -1px;
     display: flex;
     flex-direction: column;
}
.navbar-collapse.collapse.in #top-accordion li:nth-child(1) { order: 2; } .navbar-collapse.collapse.in #top-accordion li:nth-child(2) { order: 3; } .navbar-collapse.collapse.in #top-accordion li:nth-child(3) { order: 4; } .navbar-collapse.collapse.in #top-accordion li:nth-child(4) { order: 5; } .navbar-collapse.collapse.in #top-accordion li:nth-child(5) { order: 1; }


.mfp-figure:after {
     background: #FFF;
}


#showcase .row {
     margin-right: -18px;
}

#showcase .container-fluid {
     overflow-x: hidden;
}





.highlight-button-black-background-2{ 
border: 4px solid #000; background-color: #000; font-size: 14px!important; padding: 20px 30px; color: #fff; font-weight: 500!important
}
.highlight-button-black-background-2:hover { border: 4px solid #5e005e; background-color: #5e005e; color: #fff}



.cart-content .separator, .wishlist-content .separator { border-bottom: 1px solid rgba(255,255,255,0.2); color: #c8c8c8; display: block; font-size: 11px;  margin-bottom: 0; padding: 0; float: left; width: 100%; text-transform: uppercase }

.title-small{ font-size:18px !important; line-height:30px !important;}


.faq-panel > div {transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: initial; -o-transition-duration: .2s; }
.faq-panel-heading {padding-bottom:7px; }
.faq-panel-title { background-color: #fff; color: #767676; font-size: 15px; letter-spacing:2px; font-weight: 400; width:100%; display: block; padding: 0px 8px; border: 1px solid rgba(0,0,0,.1); text-transform: uppercase}
.faq-panel-body { padding: 0px 0px 30px 0px; font-size: 15px; line-height: auto; margin-top:0px;}
.faq-panel-heading i { font-size:10px; margin: 0}
.faq-active-accordion .faqpanel-title{ color: #000}

.faq-accordion-style1 .faqpanel-title  { background-color:#000; color: #fff}
.faq-accordion-style1 .faqpanel-heading i { font-size:18px; margin: 0; color:#fff; padding-top:5px}

.toggles-style2 .panel-title  { background-color:#000; color: #fff}
.toggles-style2 .panel-heading i { font-size:18px; margin: 0; color:#fff; padding-top:5px}


.fa-solid { font-weight: 900 !important }
.fa-regular { font-weight: 400 !important }
.fa-light { font-weight: 300 !important }
.fa-brands { font-weight: 400 !important }

body .divisor {border-top:1px solid #e5e5e5 }



.btnt {display: inline-block;  margin-right: 20px; letter-spacing: 2px; border:0.5px solid transparent }

.modal-content{
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
	 vertical-align: middle;
} 

.modal-content1{
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
	 vertical-align: middle;
} 


.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: middle;
  vertical-align: middle;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.2); /* IE */
  -moz-transform: scale(1.2); /* FF */
  -webkit-transform: scale(1.2); /* Safari and Chrome */
  -o-transform: scale(1.2); /* Opera */
  padding: 10px;
}

.btn {
    letter-spacing: 3px;  margin: 30px 20px 0 0; text-transform: uppercase; text-decoration: none;
}



.btn2 {
    letter-spacing: 3px;  margin: 10px 20px 0 0; text-transform: uppercase; text-decoration: none;
}


.cc-btn {
font-size:.9em;
}

@media only screen and (min-width: 992px) {
     .size-and-cost p {
         margin-bottom: -10px;
     }
}
.boxy { 
width: 450px; 
height: 100%;
margin-top:15px;
margin-left: 4px;
margin-bottom:20px;
padding: 5px 15px 15px 15px;
background-color: #fbf9f8;  
} 




@media (max-width: 1024px) {
.boxy { 
width: 100%; 
height: 100%;
margin-top:15px;
margin-left: 0px;
margin-bottom:20px;
padding: 5px 15px 15px 15px;
background-color: #fbf9f8;  
} 
}



.boxyprod { 
width: 100%; 
height: 100%;
margin-top:0px;
margin-left: 4px;
margin-bottom:20px;
padding: 5px 15px 25px 15px;
background-color: #fbf9f8;  
} 

@media (max-width: 450px) {
.boxyprod { 
width: 100%; 
height: 100%;
margin-top:0px;
margin-left: 0px;
margin-bottom:20px;
padding: 5px 15px 15px 15px;
background-color: #fbf9f8;  
} 
}










#logo {
  max-width: 200px;
 }
 
  
  #logo img {
    max-width: 250px;
  margin-top:	3px;	}
  
  
  

  
	  	   @media (max-width: 1200px) {
	  
	 #logo {
  max-width: 200px;
 }
 
  
  #logo img {
    max-width: 200px;
  margin-top:-14px;	}
  
		   }
		   
		   
		   
		   
		   
	  
	  	   @media (max-width: 769px) {
	  
	 #logo {
  max-width: 200px;
 }
		 
  
  #logo img {
    max-width: 200px;
  margin-top:-14px;	}


   }

  
  
	  	   @media (max-width: 420px) {
  #logo  {
    max-width: 200px !important;
}
  
  #logo img { max-width: 200px !important;
  margin-top:-3px; margin-bottom:6px;}  }
  



 	   @media (max-width: 380px) {
  #logo  {
    max-width: 180px !important;

  }
  
  #logo img { max-width: 180px !important;

  margin-top:0px;}  }



  @media (max-width: 320px) {
  #logo  {
    max-width: 200px !important;
  margin-top:0px;}
  
  #logo img { max-width: 200px !important;
  margin-top:4px;}  }




  #footer-logo img {
    margin-right: 1em;
    width: 200px;
    margin-bottom: 0px; }




    #advanced-options-link {
        cursor: pointer;
		padding-top:0px;
		margin-top:0px;
        margin-bottom:0px
    }


    @media (max-width: 600px) {
	        #advanced-options-link {
	     cursor: pointer;
		 margin-top:0px;

        }
    }



    #advanced-options {
        cursor: pointer;
		padding-top:0px;
		margin-top:0px;
             margin-bottom:0px;
			
    }


    @media (max-width: 600px) {
	        #advanced-options {
	     cursor: pointer;
		padding-top:0px;
		margin-top:0px;
             margin-bottom:0px;

        }
    }
	

    #dropdown-margin {
        cursor: pointer;
			margin-top:	15px;
        margin-bottom:-20px
    }

    @media (max-width: 600px) {
	        #dropdown-margin {
	     cursor: pointer;
		 margin-top:15px;
            margin-bottom: -10px;
        }
    }
	
	
.footerlabels {
    font-size: 18px;
margin-bottom:8px;	}


@media (max-width: 900px) {
.footerlabels {
    font-size: 18px;
margin-bottom:5px;
   margin-top: 8% !important;	}
}

.owl-prev .fa-regular, .owl-next .fa-regular {color: #000; font-size: 24px; position: relative; top: -15%;}
.owl-prev .fa-regular { right: 4%}
.owl-next .fa-regular { left: 4%;}


.owl-carousel {
    display: block;
}
 
.owl-carousel .slide-owl-wrap:not(:first-child) {
    display: none;
}
 
.owl-carousel img {
    width: 100%;
}	  



* { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }



input, textarea, select {
    font-size: 16px;
}





.footerlabels {
    font-size: 18px;
margin-bottom:11px;
color:#000!important
	}


@media (max-width: 420px) {
.footerlabels {
    font-size: 18px;
margin-bottom:15px;
   margin-top: 9% !important;	}
   
   
#nrsnavfooter ul li a { 
    line-height: 30px;
}


	#accordion  li > a { 
    line-height: 30px;}
	
 .dropdown-menu  li >  a { 
       height: 38px !important;
    line-height: 38px !important;

	
 }
	
	
	
}






.sidebar li { line-height:24px;}



@media (max-width: 768px) {
    .custom-width {
        width: 100%; /* Adjust the width for smaller screens if necessary */
    }
	

}



	@media (min-width: 768px) {  
	  .sidebar {
	  padding-right:5px; }

	}
	
	

	
 @media (min-width: 600px) {
	
	 
	 
	   .mspacer-10 {
    margin-top:10px!important }
	
  .mspacer-15 {
    margin-top:15px!important }
	
	
	 .mspacer-20 {
    margin-top:20px!important }
	
		 .mspacerbot20 {
    margin-bottom:20px!important }




	
	}
	
	

.bg-dark-gray{ background: #000000 !important; } 
footer { clear:both; background: #F4EEEA}
.bg-gray { background: #fbf9f8  }

.pink-box-text{ color:#b80c68 !important}

/*.dropdown-menu {
 background-color:#000000!important;} */

#nrsnavfooter ul li a { 
    line-height: 27px;
}


  
  .trustpilot-widget iframe {
    transform: scale(0.82);
margin-top:1px;
padding-top:0px;
margin-right: 0px;
padding-right: 0px;

}




.btn-newsinline { font-size: 14px!important; padding: 7px 20px }



	

.custom-column {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}


	  
#features {
    font-size: 16.5px; /* Set the desired font size */

}

   
	
		
    #material_comparison_table th, #material_comparison_table td {
      padding: 5px;
	  font-size:11px;
    }
	
	
	.grecaptcha-badge { 
    visibility: hidden !important;
}



.highlight-button-pink-background{ border: 4px solid #d9378e ; background-color: #d9378e ;  text-decoration: none!important; font-size: 16px!important; padding: 20px 30px; color: #fff; font-weight: 500!important; }
.highlight-button-pink-background:hover { border: 4px solid #5e005e; text-decoration: none; background-color: #5e005e; color: #fff}

.highlight-button-gray-background{ border: 4px solid #555; background-color: #555; font-size: 12px!important; padding: 0px 5px; color: #fff; font-weight: 500!important; border-radius: 0!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; box-shadow:none!important;}
.highlight-button-gray-background:hover { border: 4px solid #5e005e; background-color: #5e005e; color: #fff; border-radius: 0!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; box-shadow:none!important;}

.highlight-button-black-background-reset{ border: 0px solid #555; background-color: #000; font-size: 12px!important; padding: 5px 5px; color: #fff; font-weight: 500!important; border-radius: 0!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; box-shadow:none!important;}
.highlight-button-black-background-reset:hover { border: 0px solid #5e005e; background-color: #5e005e; color: #fff; border-radius: 0!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; box-shadow:none!important;}




/* each message is absolutely centred */
.rotate-item {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  transition: opacity .6s ease-in-out;
  opacity: 0;            /* hidden by default */
  pointer-events: none;  /* avoid accidental clicks on hidden items */
  font-size: 13px;       /* match your existing top-bar text */
}

/* the one that’s showing */
.rotate-item.active {
  opacity: 1;
  pointer-events: auto;
}






.top-bar {
  background-color: black;
  color: white;
  width: 100%;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  z-index: 1000;
  margin-left: 0px;
  margin-right: 0px;
}

.top-bar-text {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px !important;
  margin: 0;
  z-index: 1111;
}

/* Default top bar height for larger screens */
.top-bar {
  height: 32px;
}

body {
  padding-top: 32px;
}

.navbar-fixed-top {
    top: 32px;
  }

/* Adjustments for viewports up to 1920px */
@media (max-width: 1920px) {
  .top-bar {
    height: 36px;
  }
  body {
    padding-top: 36px;
  }
  .navbar-fixed-top {
    top: 36px;
  }
}

/* Adjustments for viewports up to 1200px (mobile/smaller screens) */
@media (max-width: 1200px) {
  .top-bar {
    height: 40px;
  }
  body {
    padding-top: 40px;
  }
  .navbar-fixed-top {
    top: 40px;
  }
  .trustpilot-widget iframe {
    margin-top: 0;
  }
  


  
}




  /* Adjustments for viewports up to 119 (mobile/smaller screens) */
@media (max-width: 1119px) {
  .top-bar {
    height: 40px;

  }
  body {
    padding-top: 40px;
	
  }
  .navbar-fixed-top {
    top: 40px;
	
  }
  .trustpilot-widget iframe {
    margin-top: 10px;
  }
  

  
}



  /* Adjustments for viewports up to 119 (mobile/smaller screens) */
@media (max-width: 768px) {
  .top-bar {
    height: 40px;

  }
  body {
    padding-top: 40px;
	
  }
  .navbar-fixed-top {
    top: 40px;
	
  }
.widget-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.trustpilot-widget iframe {
max-width: 100%;
  width: auto;
  height: auto; 
  transform: scale(0.80);
  transform-origin: center top;
  min-width: 430px !important; 
  margin-top:13px;
  padding-right:0px;
  margin-left:-33px!important;
}

   .trustpilot-widget  {

  }
  
  
  
}


  /* Adjustments for viewports up to 119 (mobile/smaller screens) */
@media (max-width: 360px) {
  .top-bar {
    height: 40px;

  }
  body {
    padding-top: 40px;
	
  }
  .navbar-fixed-top {
    top: 40px;
.widget-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.trustpilot-widget iframe {
max-width: 100%;
  width: auto;
  height: auto; 
  transform: scale(0.72);
  transform-origin: center top;
  min-width: 420px !important; 
  margin-top:13px;
  padding-right:0px;
  margin-left:-60px!important;
}

   .trustpilot-widget  {

  }
  
  
  
}