@charset "UTF-8";

 .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%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-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:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(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:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.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:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.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;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);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%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) 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 center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-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%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(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:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-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:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-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:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-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:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}.element-part{
width: 100%;
position: relative;
padding-bottom:30px;
margin-bottom:30px;
border-bottom:1px solid #f1f1f1;
clear: both;
}
.element-part:last-child{
border-bottom:transparent;
}
.element-part .fifty{
width: 50%;
padding-right:10px;
padding-left:0;
}
.element-part .fifty:last-child{
padding-left:10px;
padding-right:0;
}
.element-head{
font-size:25px;
margin:0 0 25px;
} .bs-callout {
margin: 20px 0;
padding: 30px 30px 30px 20px;
border-left: 2px solid #eee;
}
.bs-callout h2 {
margin-top: 0;
padding-top:0;
}
.bs-callout p:last-child {
margin-bottom: 0;
padding-bottom:0;
}
.bs-callout code,
.bs-callout .highlight {
background-color: #fff;
} .bs-callout-north { }
.bs-callout-danger {
background-color: #fcf2f2;
border-color: #d9534f;
}
.bs-callout-warning {
background-color: #fefbed;
border-color: #f0ad4e;
}
.bs-callout-info {
background-color: #f0f7fd;
border-color: #5bc0de;
} .progress{
height: auto;
border-radius: 1px;
background-color:#f8f8f8;
box-shadow: none;
margin-top:35px;
position: relative;
}
div .progress:first-child{
margin-top:0;
}
.progress .progress-bar{
height: 38px;
font-size:21px;
}
.progress .progress-bar span{
margin:10px 10px 8px;
padding:0;
font-size:20px;
position: absolute;
width: 100%;
} .facts .fact{
padding:32px 36px;
border:1px #b1b1b1 dashed;
width:auto;
min-width: 200px;
height: auto;
display: inline-block;
margin-right:70px;
margin-top:25px;
cursor: default;
}
.facts div:last-child{
margin-right:0px;
}
.facts .fact h1{
font-size:60px;
color:inherit;
margin:0;
padding:0;
letter-spacing: 1px;
}
.facts .fact h3{
font-size:20px;
color:#3e3e3e;
margin:0;
padding:0;
} .social{
width: 40px;
height: 40px;
display: inline-block;
line-height: 40px;
text-align: center;
color:#454545;
margin-right: 5px;
background:#f7f7f7;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
button:hover{
opacity: 0.9;
}
button.white:hover{
color:white;
}
button.colored-bg,
button.colored-bg:hover{
color:white;
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
zoom:1;
} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ul {
list-style: disc inside;
margin-bottom: 25px;
}
ul > li > ul,
ol > li > ol {
margin-left: 25px;
}
ol {
list-style: decimal inside;
margin-bottom: 25px;
} h1,h2,h3,h4,h5,h6,.w-option-set {	
margin-bottom: 25px;
color: #3e3e3e;
}
h1,h2,h3,h4,h5,h6,.w-option-set,#page-content .wpb_content_element .wpb_tabs_nav li,.vntd-pricing-box .properties {
font-family: "Oswald", Open Sans, Helvetica, sans-serif;
}
h2.description,
.vntd-cta-style-centered h1,
.home-fixed-text,
.font-secondary,
.wpcf7-not-valid-tip {
font-family: Raleway, Open Sans, Helvetica, sans-serif;
text-transform: none;
}
.font-primary {
font-family: "Oswald", Open Sans, Helvetica, sans-serif;
}
.alignleft {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}
.alignright {
float: right;
padding-left: 10px;
padding-bottom: 10px;
}
img {
max-width: 100%;
}
p > img {
max-width: 100% !important;
height: auto;
}  html, body {
width:100%;
height:100%;
padding:0;
margin-left:0;
margin-right:0;
font-family: Open Sans, Helvetica, sans-serif !important;
-webkit-font-smoothing: antialiased;
position: relative;	
}
body{
height:100%; 
overflow-x: hidden; 
}
section > .wpb_row {
background-size:cover;
}
section {
position: relative;
}
::selection {
color:white;
}
img {
-moz-user-select: none; 
-webkit-user-select: none;
-ms-user-select: none; 
user-select: none; 
-webkit-user-drag: none;
user-drag: none;
}
a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
a,
a:hover,
a:active,
a:focus{
text-decoration:none !important;
outline:none;
} .animated{
visibility:hidden;
}
#page-content .visible{
visibility:visible;
opacity: 1;
} @-webkit-keyframes BackgroundAnimation {
from {background-position: 0px 0px;}
to {background-position: 9600px 0px;}
}
@-moz-keyframes  BackgroundAnimation {
from {background-position: 0px 0px;}
to {background-position: 9600px 0px;}
}
@-ms-keyframes  BackgroundAnimation {
from {background-position: 0px 0px;}
to {background-position: 9600px 0px;}
}  .container {
width: auto;
height: auto;
padding:0;
margin:0;
}
.inner {
width:100%;
height: auto;
max-width: 1170px;
position: relative;
margin: 0 auto;
padding-bottom: 0; }
.wpb_row > .inner {
max-width: 1200px;
}
p {
margin: 0 0 20px;
}
#page-content .wpb_row { }
body.page-template-template-onepager-php #page-content .wpb_row {
padding: 100px 0;
margin-bottom: 0px;
}
body.page-template-template-onepager-php #page-content .wpb_row.p-section {
padding: initial;
}
body.page-template-template-onepager-php #page-content .wpb_row .wpb_row {
padding: 0;
}
body.page-template-default .page-holder > .inner {  }
.page-content-404 section .inner {
padding: 100px 0;
}
.inner:after,
.inner:before{
clear: both;
}
.four{
width:24.99%;
}
.five{
width:19.99%;
}
.boxed{
width:100%;
max-width:1170px;
margin:0 auto;
height: auto;
}
.round{
border-radius:100%;
}
.inner.fullwidth{
width:100%;
max-width: 100%;
}
#page-content .inner.fullwidth > .vc_col-sm-12 {
padding: 0;
float: none;
}   .fullscreen{
width: 100%;
height: 100%;
left:0;
top:0;
}
.vntd-fullscreen-slider ul {
list-style: none;
}
.vntd-fullscreen-slider .plus-button {
margin-bottom: 10px;
}
.transparent{
background: transparent !important;
}
.no-padding{
padding:0 !important;
}
.no-margin{
margin:0 !important;
} .relative{
position: relative !important;
}
.absolute{
position: absolute !important;
}
.fixed{
position:fixed !important;
}
.f-left{
float:left;
}
.f-right{
float: right;
}
.z-1{
z-index: 1;
} .vntd-section-white h1,
.vntd-section-white h2,
.vntd-section-white h3,
.vntd-section-white h4,
.vntd-section-white h5,
.vntd-section-white h6,
.vntd-section-white {
color: #fff;
} .pattern-white:before{
background: url(//smartclubtutoring.com/wp-content/themes/north/img/pattern-white.png) repeat;
content:'';
width: 100%;
height: 100%;
top:0;
left:0;
position: absolute;
z-index: 1;
}
.pattern-black:before{
background: url(//smartclubtutoring.com/wp-content/themes/north/img/pattern-black.png) repeat;
content:'';
width: 100%;
height: 100%;
top:0;
left:0;
position: absolute;
z-index: 1;
} .parallax {
background-attachment: fixed;
background-size:cover;
} .oswald{
font-family: "Oswald", 'sans-serif';
}
.flower{
font-family: "Indie Flower", cursive;
} #page-content .wpb_gallery .gallery-item {
margin-bottom: 30px;
float: left;
} .header{
width:auto;
height: auto;
font-size:60px;
font-weight: 400;
text-align: center;
margin:0 auto;
padding-top:0;
}
.header.font-secondary {
font-size: 40px;
}
.mini-header{
font-size:30px;
}
.header-strips-one{
width:70px;
height: 1px;
position: relative;
margin:20px auto 19px;
border-top:1px solid #d0d0d0;
}
.header-strips-two{
width:70px;
height: 5px;
position: relative;
margin:20px auto;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
}
.strip-fullwidth{
width:100%;
height: 1px;
position: relative;
margin:10px auto;
border-top:1px solid #d0d0d0;
}
.description{
font-size:17px;
font-weight: 400;
line-height: 22px;
text-align: center;
margin:0 auto;
max-width:950px;
padding:0;
}
.description.uppercase{
font-size:15px;
}
.vntd-special-heading {
margin-bottom: 30px;
}
.vntd-special-heading h2 {
margin-bottom: 0 !important;
}
.vntd-highlight,
.blocked{
display: inline-block;
padding:3px 7px;
color:white;
font-weight: bold;
} .fa-googleplus:before,
.fa-google_plus:before { content: "\f0d5"; }
.fa-mail:before { content: "\f0e0"; }
.fa-dribbble:before { content: "\f17d"; }
.fa-vimeo:before { content: "\f194"; } .t-left{
text-align:left !important;
}
.t-center{
text-align:center !important;
}
.fullwidth.t-center {
width: 100%;
}
.t-right{
text-align:right !important;
}
.t-justify{
text-align:justify !important;
} .extrabold{
font-weight: 800;
}
.bold{
font-weight: 700;
}
.semibold{
font-weight: 600;
}
.normal{
font-weight: 400;
}
.light{
font-weight: 100;
}
.italic{
font-style: italic;
}
.uppercase{
text-transform: uppercase;
} .dark{
color:#3e3e3e;
}
.white{
color:white;
}
.gray{
color:#b2b2b2;
}
.gray-tone{
color:#919191;
}
.t-shadow{
text-shadow:2px 2px 2px rgba(0,0,0,0.2);
}
.b-shadow{
box-shadow:2px 2px 2px rgba(0,0,0,0.05);
}
.bigger{
font-size:60px;
} .white-bg{
background-color:white !important;
}
.gray-bg{
background-color:#fdfdfd !important;
}
.black-bg{
background-color:#1f1f1f !important;
}
.glass-bg{
background-color:rgba(255,255,255,0.1);
}
#page-content .soft-white-bg,
#page-content .soft-black-bg{
position: relative; }
#page-content .soft-white-bg:before{
background-color:rgba(255,255,255, 0.95);
position: absolute;
left:0;
top: 0;
width: 100%;
height: 100%;
display: block;
content:''; }
#page-content .soft-black-bg:before{
background-color:rgba(0,0,0, 0.6);
position: absolute;
left:0;
top: 0;
width: 100%;
height: 100%;
display: block;
content:'';
z-index: 1;
}
#page-content .active-dark{
background-color:#303030;
} .border-1px{
border:1px solid;
}
.border-2px{
border:2px solid;
}
.border-1px + .border-1px,
.border-2px + .border-2px{
border-top:transparent;
}
.soft-border{
border-color:#f1f1f1;
}
.gray-border{
border-color:gray;
}
.white-border{
border-color:white !important;
} .mobile-bg{
position: relative;
}
.mobile-bg:after{
width: 100%;
height: 100%;
position: absolute;
content: '';
display: block;
background-image: url(//smartclubtutoring.com/wp-content/themes/north/img/mobile-bg.jpg);
background-size:cover;
}
.b-scroll{
background-attachment: scroll !important;
} ul.list-horizontal{
padding:0;
margin:0;
}
ul.list-horizontal li{
display: inline-block;
padding:0;
margin:0 10px 0 0;
}
ul.list-horizontal li i{
font-size:12px;
} #pageloader {
width: 100%;
height: 100%;
position: fixed;
top:0;
background-color: white;
z-index: 99999;
}
.loader-item h2{
color:#ccc;
margin:0 auto;
font-size:20px;
}
.outter {
position: absolute; 
top:50%;
left:50%;
margin: -40px 0 0 -40px;
width: 60px;
height: 60px;
border-radius: 80px 0 0 80px;
border-left: solid 5px;
-webkit-animation: rotate  1.3s linear 0 infinite normal;
-moz-animation: rotate  1.3s linear 0s infinite normal;
-o-animation: rotate  1.3s linear 0 infinite normal;
-ms-animation: rotate  1.3s linear 0 infinite normal;
animation: rotate  1.3s linear 0 infinite normal;
}
.mid {
top: 15px;
left: 15px;
position: relative; 
width: 30px;
height: 30px;
border-radius: 50px 0 0 50px;
border-left: solid 4px ; 
-webkit-animation: rotate 3.3s linear 0 infinite normal;
-moz-animation: rotate 3.3s linear 0s infinite normal;
-o-animation: rotate 3.3s linear 0 infinite normal;
-ms-animation: rotate 3.3s linear 0 infinite normal;
animation: rotate 3.3s linear 0 infinite normal;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to { 
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg);
}
to { 
-moz-transform: rotate(360deg);
}
}
@-o-keyframes rotate {
from {
-o-transform: rotate(0deg);
}
to { 
-o-transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
from {
-ms-transform: rotate(0deg);
}
to { 
-ms-transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to { 
transform: rotate(360deg);
}
}  #navigation{
width:100%;
height: 75px;
top:0;
padding:0;
margin:0;
position: fixed;
z-index: 9999;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
#navigation-sticky{
width:100%;
height: 75px;
top:0;
padding:0;
margin:0;
position: relative;
z-index: 9999;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
span.vntd-no-nav {
line-height: 60px;
padding-top: 10px;
}
.admin-bar .is-sticky #navigation,
.admin-bar #navigation.navbar-style2,
.admin-bar #navigation.nav-from-top.second-nav{
top: 32px !important;
}
.admin-bar #navigation.nav-from-top{
top:-75px !important;
}
.admin-bar #navigation-sticky {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.vntd-no-nav {
display: block;
padding-top: 30px;
}
.nav-inner{
width:100%;
max-width:1170px;
margin:0 auto;
padding:0;
height: 100%;
} .dark-nav .nav-menu{
color:white;
} ul.nav {
text-transform: uppercase;
}
.nav-inner .logo{
width:auto;
height: auto;
position: relative;
left:0;
top:50%;
float:left;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.nav-inner .logo a img{
max-height: 50px;
} .nav-menu{
float: right;
height: 100%;
}
.nav-menu ul{
height: 100%;
}
.nav-menu ul li{
float: left;
height: 100%;
}
.nav-menu ul li a{
height: 100%;
line-height: 57px;
color:inherit;
font-size:15px;
font-weight: inherit;
padding-left:19px;
padding-right:19px;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .nav-menu ul.dropdown-menu{
background-color:inherit;
height: auto;
margin:0;
box-shadow: none;
border-radius: 0;
border-top:2px solid;
border-left:transparent !important;
border-bottom:transparent !important;
border-right:transparent !important;
padding:0;
}
.nav-menu ul.dropdown-menu li{
float: none;
width: 100%;
}
.nav-menu ul.dropdown-menu li a{
font-size:14px;
line-height: 16px;
padding:15px 19px;
font-weight: 500;
display: block;
color:#e1e1e1;
} .first-nav.white-nav{
background-color:rgba(255,255,255, 0.1);
box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
}
.first-nav.white-nav .nav-menu{
color:#fff;
}
.second-nav.white-nav .nav-menu,
.first-nav.white-nav .nav-menu ul.dropdown-menu li a{
color:#3e3e3e;
}
.white-nav .nav-menu ul.dropdown-menu li a{
color:inherit;
}
.second-nav.white-nav,
.white-nav .nav-menu ul.dropdown-menu{
background-color:rgba(255,255,255, 0.95);
box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
}
.first-nav.white-nav .nav-inner .nav-menu ul li a:hover{
background-color:rgba(255,255,255, 0.1);
}
.second-nav.white-nav .nav-inner .nav-menu ul li a:hover{
background-color:#f8f8f8;
}
.second-nav.white-nav .nav-inner .nav-menu ul li.active a,
.white-nav .nav-menu ul.dropdown-menu li a:hover,
.white-nav .nav-menu ul.dropdown-menu li.active a{
background-color:#f8f8f8;
} #navigation-sticky.white-nav{
background:rgba(255,255,255,0.95);
} .nav-from-top{
top:-75px !important;
}
.second-nav{
top: 0 !important;
}
.admin-bar .second-nav {
top: 32px !important;
} .mobile-nav-button{
display: none;
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
background:transparent;
right: 15px;
top:50%;
text-align: right;
font-size:25px;
cursor: pointer;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.mobile-nav-button:hover,
.mobile-nav-button:active{
color:#1f1f1f;
} #home{
z-index: 6;
}
.home-elements{
width:100%;
height: 100%;
margin:0;
left:0;
top:0;
position: absolute;
z-index: 5;
}
.home-elements .home-inner{
position: relative;
top:50%;
height: auto;
width:100%;
max-width:1170px;
margin:0 auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.home-elements .v1{
margin-top:20px;
}
.home-inner.v1 .home-fixed-text{
font-size:60px;
color:#d1d1d1;
line-height: 60px;
margin:0;
padding: 0;
} .slides-container div{
background-position: center center;
background-repeat: no-repeat;
background-size:cover;
}
.slides-container .uppercase {
font-weight: normal;
}
body.parallax .slides-container div{
background-attachment: fixed;
}
.blog .home-texts .slide {
font-size: 50px !important;
}  .image-bg{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/slide4.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size:cover;
}
body.parallax .image-bg{
background-attachment: fixed;
} .home-inner.v1 .home-text-slider .home-texts .slide{
font-size:120px;
line-height: 130px;
}
.home-inner.v1 .home-text-slider .flex-direction-nav{
width:auto;
float: right;
position: absolute;
right: 0;
bottom:0;
opacity: 1;
display: block;
margin:20px auto;
}
.home-inner.v1 .home-text-slider .flex-direction-nav li{
opacity: 1;
display: block;
}
.home-inner.v1 .home-text-slider .flex-direction-nav li a{
opacity: 0.5;
display: block;
width:38px;
height: 38px;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/controls.png);
background-position: top left;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.home-inner.v1 .home-text-slider .flex-direction-nav li a:hover{
opacity: 1;
}
.home-inner.v1 .home-text-slider .flex-direction-nav li a.flex-next{
background-position: bottom left;
margin:10px auto 0;
} .home-inner.v2 .home-text-slider .home-texts .slide{
font-size:60px;
line-height: 60px;
margin-bottom: 10px;
}
ul.home-texts {
margin-bottom: 0;
}
.home-inner.v2 .home-fixed-text{
font-size:22px;
color:#d1d1d1;
line-height: 30px;
margin:0;
padding: 0;
margin-bottom: 15px;
}
.home-inner.v2 .text-slider .flex-direction-nav{
width:100%;
position: relative;
opacity: 1;
display: block;
margin:3px auto 9px;
text-align:center;
}
.home-inner.v2 .text-slider .flex-direction-nav li{
opacity: 1;
display: inline-block;
}
.home-inner.v2 .text-slider .flex-direction-nav li a{
display: block;
width:38px;
height: 38px;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left-litle.png);
background-color: rgba(0,0,0,0.15);
background-repeat: no-repeat;
border-radius: 100px;
background-position: center center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin:0 3px;
}
.home-inner.v2 .text-slider .flex-direction-nav li a:hover{
background-color: rgba(0,0,0,0.8);
}
.home-inner.v2 .text-slider .flex-direction-nav li a.flex-next{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right-litle.png);
} .home-strip{
width:100%;
height: 1px;
background:white;
opacity: 0.2;
margin:23px auto 18px;
} .home-boxes{
width:100%;
height: auto;
position: relative;
margin:0;
}
.home-box{
width:100%;
height: auto;
position: relative;
float: left;
color:#d1d1d1;
padding-right:10px;
cursor: move;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.home-box h1{
color:inherit;
font-size:20px;
margin-top:0;
line-height: 40px;
}
.home-box h1 span{
display: inline-block;
width:35px;
height: 35px;
border-radius: 200px;
margin-top:-15px;
margin-right: 5px;
background:rgba(40,43,49, 0.5);
text-align: center;
line-height: 35px;
}
.home-box p{
font-size:13px;
color:inherit;
}
.home-box:hover{
color:#e5e5e5;
} .home-boxes .owl-controls{
display: block;
width: 100%;
height: auto;
}
.home-boxes .owl-controls .owl-buttons{
display: block;
width: 100%;
height: auto;
}
.home-boxes .owl-controls .owl-buttons div{
display: inline-block;
width: 35px;
height: 55px;
background-position: center center;
background-repeat: no-repeat;
opacity: 0.5;
margin-top:10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.home-boxes .owl-controls .owl-buttons div:nth-of-type(1){
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left.png);
}
.home-boxes .owl-controls .owl-buttons div:nth-of-type(2){
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right.png);
margin-left:6px;
}
.home-boxes .owl-controls .owl-buttons div:hover{
opacity: 1;
} .home-elements div.home-button-inner{
bottom:17%;
position: absolute;
}
.home-button{
display: inline-block;
margin:0 auto;
padding:8px 13px;
}
.home-button i{
display: inline-block;
margin-left:5px;
font-size:22px;
}
.home-button:hover{
color:white;
}
.slide-button,
.slide-button-black {
text-transform: uppercase;
font-size: 14px;
}
.slide-button-black,
.home-button-1{
display: inline-block;
margin:0 3px;
padding:8px 21px;
border:1px solid rgba(255,255,255,0.1);
background:rgba(0,0,0,0.3);
color:#979592 !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.home-button-1 a{
color:#979592;
}
.slide-button-black:hover,
.home-button-1:hover{
color:#d4d4d4 !important;
background:rgba(0,0,0,0.7);
border:1px solid rgba(255,255,255,0);
} .slides-navigation {
margin:-27px auto 0;
position: absolute;
z-index: 3;
top: 50%;
width: 100%;
z-index: 20;
}
.slides-navigation a{
position: absolute;
display: block;
width:38px;
height:54px;
background-position: center center;
background-repeat: no-repeat;
background-color:rgba(30,30,30,0.);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slides-navigation a.prev {
left: 0;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left.png);
}
.slides-navigation a.next {
right: 0;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right.png);
}
#home:hover .slides-navigation a{
background-color:rgba(30,30,30,0.3);
}
.slides-navigation a:hover{
background-color:rgba(30,30,30,0.9) !important;
} #layerslider{
width: 100%;
}
.text-type1{
font-size:30px;
color:#959595;
}
.text-type2{
font-size:30px;
color:#686868;
}
.text-type3{
font-size:50px;
color:#686868;
}
.text-type4{
font-size:16px;
color:#727272;
}
.text-type5{
color:#f3f3f3;
}
.text-type6{
color:#d1d1d1;
font-size:22px;
}
.text-type7{
color:#1f1f1f;
font-size:25px;
}
.text-type8{
color:#1f1f1f;
font-size:15px;
}
.text-type9{
font-size:50px;
}
.text-type10{
font-size:20px;
}
.text-type11{
font-size:25px;
}
.slide-button{
width:auto;
height: auto;
padding:10px 20px;
background:rgba(255,255,255,0.7);
display: inline-block;
border:1px solid #ededed;
color:#a3a3a3 !important;
text-align:center;
font-size:14px;
}
.slide-button a,
a.slide-button{
color:#a3a3a3;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.slide-button:hover{
background:rgba(255,255,255,0.8);
color:#8f8f8f !important;
} .vntd-social-icons {
margin-bottom: 20px;
}
.social-icon{
width: 20px;
height: 20px;
border-radius: 100%;
background:white;
display: inline-block;
margin:0 3px !important;
color:#c5c5c5;
padding:4px !important;
line-height: 20px;
text-align: center;
}
.social-icon a{
color:#c5c5c5;
}
.social-icon:hover{
color:white;
} .ls-inner a.social-icon,
.tp-caption a.social-icon{
color:#c5c5c5; 
width: 20px;
height: 20px;
line-height: 20px;
-webkit-box-sizing: content-box !important;
}
.ls-inner a.social-icon:hover,
.tp-caption .social-icon:hover{
color:white;
}
.gallery-caption,
.wp-caption {
font-style: italic;
}
.wp-caption-text {
font-style: italic;
opacity: 0.9;
padding-top: 8px;
}
.bypostauthor {
background: rgba(0,0,0,0);
}
.aligncenter {
text-align: center;
} #wrapper_mbYTP_P10{
z-index: 0 !important;
}
.video-containers {
position: relative;
padding-bottom: 44.8%;
padding-top: 1px;
height: 0;
overflow: hidden;	
margin-bottom: 25px;
}
.video-containers iframe,  
.video-containers object, 
.video-containers embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
z-index: 5;
} .rainy-background {
position: absolute;
left: 0;	
top: 0;	
max-width: none !important;
visibility: hidden;
overflow: hidden;
} .bg-sound-controls {
white-space: nowrap; 
position: absolute !important; 
z-index: 1000;
cursor: pointer;
background: none !important;
} section.page-content{
margin:0;
width: 100%;
padding:25px 0;
}
section.page-content .page-content-inner{
width: 100%;
max-width:1170px;
margin:0 auto;
} .vntd-cta.vntd-cta-style-default {
padding: 20px 0;
overflow: hidden;
}
.vntd-cta .content-left{
text-align: left;
float: left;
}
.vntd-cta h1.content-head{
margin:0 0 8px;
padding:0;
font-size:35px;
}
.vntd-cta p.subtitle-text{
font-size:15px;
padding:0;
margin:0;
}
.vntd-cta-style-centered {
text-align: center;
padding-top: 25px;
}
.cta-no-subtitle {
margin: 10px 0 12px !important;
} .vntd-cta .content-right{
float: right;
text-align: right;
}
a.page-content-button{
display: inline-block;
padding:15px 30px;
margin:10px 4px 0 0;
background-color:#191919;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.page-content-button:hover{
color:white;
} section.page_header{
background-color:#fafafa;
border-bottom: 1px solid #fafafa;
width: 100%;
height: auto;
text-indent: -9999px;
}
section.page_header .page_header_inner{
width: 90%;
max-width: 1170px;
margin:0 auto;
position: relative;
height: auto;
padding: 30px 0;
}
section.page_header .page_header_inner .p_head_left{
width: 65%;
height: auto;
}
section.page_header .page_header_inner .p_head_left h1.p-header{
margin:0 0 5px;
padding:0;
color:#3e3e3e;
font-size:30px;
}
section.page_header .page_header_inner .p_head_left p.p-desc{
margin:0;
padding:0;
color:#787777;
font-size:14px;
}
section.page_header .page_header_inner .p_head_right{
width: 35%;
height: auto;
}
section.page_header .page_header_inner .p_head_right a.p-head-button{
display: inline-block;
width: auto;
padding:12px 22px;
color:#6a6a6a;
margin:10px 0 0;
font-size:13px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} #about .about-boxes{
width:100%;
z-index:3;
position: relative;
margin:75px auto 0;
}
.vntd-icon-box {
cursor: pointer;
} .vntd-icon-box a.about-icon{
display:block;
background:transparent;
width:130px;
height: 130px;
margin:0 auto;
border-radius: 500px;
border:1px solid #8b8b8b;
color:#444444;
font-size:28px;
line-height: 132px;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.vntd-icon-box a.about-icon:after{
position:absolute;
background:transparent;
content:'';
width:100%;
height: 100%;
border-radius: 500px;
left:0;
top:0;
border:1px solid transparent;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .vntd-icon-box h3{
font-size:20px;
margin:20px auto 16px;
padding:0;
} .vntd-icon-box p{
font-size:15px;	
}
.icon-box-centered {
text-align: center;
}
.icon-box-centered p {
color:#919191;
} .vntd-icon-box:hover a.about-icon{
background:#21242a;
color:white;
border:1px solid rgba(0,0,0,0);
}
.vntd-icon-box:hover a.about-icon:after{
border:1px solid #21242a;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} body.parallax #what-we-do{
background-attachment: fixed;
}
.what-we-do{
z-index: 1;
} ul#w-filters li{
display:inline-block;
margin:50px 45px;
}
ul#w-filters li a{
display:inline-block;
width:100px;
height: 100px;
line-height: 100px;
border:1px dotted #b9b7b7;
border-radius: 8px;
color:#dcdcdc;
opacity: 0.8;
font-size:18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
ul#w-filters li a span{
display: block;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
} .w-items .w-item,
.w-items .wpb-item {
width:100%;
padding:30px 24px;
padding-bottom: 0px;
border:1px dashed #7d7d7d;
border-radius: 12px;
color:#b9b7b7;
background-color:rgba(35,37,43, 0.5);
top: 0 !important;
}
.w-items .w-item h1,
.w-items .wpb-item h1 {
font-size:22px;
color:#d2d2d2;
margin:0;
}
.w-items .w-item p,
.w-items .wpb-item p {
font-size:15px;
color:#c4c4c4;
margin:10px 0 0;
} .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;
} .w-second-area{
margin:65px auto 0;
} .w-second-area .w-left p{
margin:20px auto;
}
.w-second-area .w-left ul.w-descs li{
list-style-image: ;
list-style-position: inside;
margin:6px auto;
}
.w-second-area .w-left ul.w-descs li i{
background:url(//smartclubtutoring.com/wp-content/themes/north/img/list-style.png) bottom left;
top:3px;
position: relative;
display:inline-block;
width:19px;
height: 19px;
margin-right: 7px;
} .w-second-area .w-right img{
width: 90%;
height: auto;
} .button{
padding:8px 14px;
border-radius:6px;
font-size:20px;
margin:3px auto;
display: inline-block;
opacity: 0.7;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.button:hover{
opacity: 1;
color:white;
} .btn {
color: #fff;
opacity: 0.85;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
-moz-transition: opacity .3s, background-color .3s;
}
.btn:hover {
opacity: 1;
color: #fff;
}
.btn-center {
display: table;
margin: 0 auto;
}
.btn-white {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-white:hover {
color: #333;
background-color: #ddd;
}
.btn-green {	
background-color: #5cb85c;
border-color: #5cb85c;
}
.btn-orange {	
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-red {	
background-color: #d2322d;
border-color: #d2322d;
}
.btn-blue {	
background-color: #428bca;
border-color: #428bca;
}
.btn-light-blue {	
background-color: #5bc0de;
border-color: #5bc0de;
}
.btn-dark {
background-color: #657c8b;
border-color: #657c8b;
}
.btn-black {
background-color: #333;
border-color: #333;
}
.btn-purple {
background-color: #946EA7;
border-color: #946EA7;
} .vntd-list {
list-style: none;
margin-bottom: 20px;
}
.vntd-list li {
margin-bottom: 10px;
}
.vntd-list i {		
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
width: 16px;
height: 16px;
font-size: 12px;
text-align: center;
line-height: 16px;
margin-right: 5px;
}
.vntd-list-bg i {
color: #fff;
opacity: 0.5;
}
.vntd-list-dark i {
color: #666;
}
.vntd-list-bg.vntd-list-dark i {
background-color: rgba(0,0,0,.5);
color: #fff;
}
.mobile-bg * {
display: none !important;
}
#animals .slide.uppercase {
font-family: "Oswald", "Raleway", Helvetica;
font-weight: normal;
}  .fact{
padding:32px 32px;
border:1px #b1b1b1 dashed;
width:auto;
max-width: 230px;
height: auto;
display: block;
margin:40px auto 0;
cursor: default;
text-align: center;
}
.fact h1{
font-size:60px;
color:inherit;
margin:0;
padding:0;
letter-spacing: 1px;
}
.fact h3{
font-size:20px;
color:#3e3e3e;
margin:0;
padding:0;
line-height: 1.4em;
} #portfolio .portfolio:first-child{
padding-bottom:0;
}
#portfolio .portfolio:last-child{
margin-top:35px;
}
.vntd-special-heading + .portfolio {
margin-top: 35px;
}
.portfolio-items {
overflow: hidden;
} .portfolio #options ul{
padding:0;
margin:0;
}
.portfolio #options ul li{
display:inline-block;
margin:5px;
}
.portfolio #options ul li a{
color:#363535;
font-size:15px;
padding:3px 9px;
background:transparent;
border:1px solid #363636;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.portfolio #options ul li a:hover,
.portfolio #options ul li a.selected{
background:#3e3e3e;
border:1px solid #3e3e3e;
color:white;
} .portfolio .portfolio-items{
margin-top:35px;
width: 100.1%;
}
.portfolio .portfolio-items .item{
height: auto;
background:#1a1a1a;
}
.portfolio .portfolio-items .item a.work-image{
display: block;
overflow: hidden;
}
.portfolio .portfolio-items .item a.work-image img{
width:100.5%;
max-width: 100.5%;
height: auto;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
} .portfolio .portfolio-items div.boxed-item{
width:33.3%;
padding:0 10px 20px;
overflow: hidden;
background:transparent;
}
.portfolio .portfolio-items div.boxed-item .item-inner{
width: 100%;
height: 100%;
padding:0;
margin:0;
background:#1a1a1a;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
transition: background-color 0.5s;
}
.portfolio.boxed .portfolio-items{
margin-bottom:35px;
-webkit-overflow-scrolling: touch;
} .portfolio .portfolio-items .item a.work-image div.item-details{
position: absolute;
display: inline-block;
text-align: center;
width: 100%;
z-index: 3;
top:50%;
left:0;
opacity: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.portfolio .portfolio-items .item a.work-image h1{
font-size:30px;
margin:0;
padding:0;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.portfolio .portfolio-items .item a.work-image span{
display:inline-block;
border-top:1px solid white;
border-bottom:1px solid white;
height:6px;
width:30px;
margin:11px auto 5px;
}
.portfolio .portfolio-items .item a.work-image p{
font-size:17px;
color:#cdcdcd;
margin:0;
padding:0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
} .portfolio .portfolio-items .item.colio-active-item a.work-image img,
.portfolio .portfolio-items .item:hover a.work-image img{
opacity: 0.05;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.portfolio .portfolio-items .item.colio-active-item a.work-image img {
opacity: 0.2;
}
.portfolio .portfolio-items .item.colio-active-item a.work-image div.item-details,
.portfolio .portfolio-items .item:hover a.work-image div.item-details{
opacity: 1;
}
.portfolio .portfolio-items .item.colio-active-item a.work-image div.item-details h1,
.portfolio .portfolio-items .item:hover a.work-image div.item-details h1{
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.portfolio .portfolio-items .item.colio-active-item a.work-image div.item-details p,
.portfolio .portfolio-items .item:hover a.work-image div.item-details p{
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
} #page-content {
overflow: hidden;
position: relative;
}
#page-content .colio {
text-align: left;
position: relative;
margin-left: -3000px;
margin-right: -3000px;
padding: 0 3000px;
background: rgba(0,0,0,0.04);
overflow: visible;
margin-bottom: 40px;
}
.colio-wrap {
position: relative;
}
.colio-navigation {
margin: 0 auto;
display: block;
}
#page-content .colio-container {
padding-top: 90px;
width: 1000px;
margin: 0 auto;
}
.colio-container .modal-portfolio-content {
text-align: left;
}
.colio-container h2 {
font-size: 54px;
text-align: center;
padding: 25px 0 15px 0;
margin-bottom: 25px !important;
}
.colio-loader {
display: none;
text-align: center;
position: absolute;	
padding: 20px;
background: #fff;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
z-index: 5;
top: 20px;
position: fixed;
top: 50%;
margin-top: -30px;
left: 50%;
margin-left: -30px;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.colio-loader i {
width: 30px;
height: 30px;
display: block;
background: url(//smartclubtutoring.com/wp-content/themes/north/img/project-loader.gif) no-repeat center center;
}
.colio .wpb_row {
margin-bottom: 35px !important;
}
.colio-item {
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
transition: opacity .5s;
}
#page-content .colio-container .page-holder > .inner {
padding-top: 10px;
}
#page-content .colio-navigation {
top: 50%;
left: 0;
right: 0;
margin-top: -20px;
}
#page-content .colio-navigation a {
display: block;
height: 40px;
width: 40px;
border-radius: 100px;
background-color: #383838;
position: absolute;
font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
font-weight: 300;
text-align: center;
line-height: 40px;
color: #fff !important;
font-size: 24px;		
}
.colio-navigation a,
.colio-close {
-webkit-transition: background-color .3s;
-moz-transition: background-color .3s;
transition: background-color .3s;
}
#page-content .colio-navigation a.colio-no-prev,
#page-content .colio-navigation a.colio-no-next {
background-color: #383838 !important;
}
.colio-navigation a.colio-next:after {
content: "\f105";
margin-right: -2px;
}
.colio-navigation a.colio-prev:after {
content: "\f104";
margin-left: -2px;
}
.colio-navigation a.colio-prev {
left: 1%;
}
.colio-navigation a.colio-next {
right: 1%;
}
#page-content .colio-close {
right: auto;
left: 50%;
margin-left: -23px;
top: 38px;
text-indent: -999px;
background: rgba(0,0,0,0.1) url(//smartclubtutoring.com/wp-content/themes/north/img/project-close.png) no-repeat center center;
width: 46px;
height: 46px;
border-radius: 60px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
}
#page-content .colio-close:hover {
background-color: #383838;
}
#page-content .colio-close:hover {
opacity: 0.5;
}
.colio-inactive .colio-hidden {
opacity: 0 !important;
}
.colio-hidden {
opacity: 0;
} .portfolio a.portfolio-view-more{
display: inline-block;
width: 80px;
height: 80px;
text-align: center;
background:#f4f4f4;
color:white;
border-radius: 100%;
line-height: 105px;
margin-top:50px;
margin-bottom:55px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
} .portfolio.boxed a.portfolio-view-more{
margin-top:0;
} #team{
z-index: 2;
}
.team .team-boxes{
width:100%;
height: auto;
margin-top:95px;
z-index: 20;
} .team .team-boxes .item{
width:100%;
height: auto;
position: relative;
padding:0 15px;
}
.team .team-boxes .item .box-inner{
width:100%;
border:1px solid #d3d3d3;
position: relative;
} .team .team-boxes .item .member-image{
border:1px solid #d3d3d3;
overflow: hidden;
text-align: center;
}
.team .team-boxes .item .member-image img{
height: 270px;
} .team .team-boxes .item .member-name{
padding:15px 0;
}
.team .team-boxes .item .member-name h1.name{
color:#3e3e3e;
font-size:22px;
}
.team .team-boxes .item .member-name h3.position{
color:#868686;
font-size:15px;
margin:5px auto 0;
} .team .team-boxes .member-details{
width:100%;
height: 100%;
position: relative;
left:0;
padding:0 15px;
background:rgba(255,255,255,1);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team .team-boxes .item .member-details .details{
width:100%;
height: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team .team-boxes .item .member-details .member-details-inner{
position: relative;
top:0;
height: auto;
}
.team .team-boxes .item .member-details .details .member-description{
font-size:14px;
color:#6d6d6d;
line-height: 18px;
}
.team .team-boxes .item .member-details .details a.member-social{
font-size:14px;
color:white;
line-height: 18px;
display: inline-block;
width:27px;
height: 27px;
text-align:center;
background:#eaeaea;
border-radius: 200px;
margin:5px 2px;
line-height: 29px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.team .team-boxes .item .member-details .details a.member-detail-button{
font-size:17px;
text-indent: -1px;
color:white;
display: block;
width:50px;
height: 50px;
text-align:center;
border-radius: 200px;
line-height: 42px;
cursor: pointer;
margin:20px auto 0;
background-color:white;
border:1px solid #d9d9d9;
background:url(//smartclubtutoring.com/wp-content/themes/north/img/mini-plus.png) center center no-repeat;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
} .team .team-boxes .item:hover .member-details{
margin-top:-272px; padding-top:45px;
}
.team .team-boxes .item:hover .member-details .details{
height: 225px;
}
.team .team-boxes .item .member-details .details a.member-social:hover{
background:#424242;
} .team .team-boxes .owl-controls{
top:-70px;
position: absolute;
width:100%;
height: 40px;
text-align: inherit;
display: block;
}
.team .team-boxes .owl-controls .owl-buttons{
width:100%;
height: auto;
}
.team .team-boxes .owl-controls .owl-buttons div{
display: inline-block;
width:38px;
height:38px;
background-color:#282b31;
border-radius:200px;
margin:0 3px;
opacity: 0.5;
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.team .team-boxes .owl-controls .owl-buttons div:nth-of-type(1){
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left-litle.png);
}
.team .team-boxes .owl-controls .owl-buttons div:nth-of-type(2){
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right-litle.png);
}
.team .team-boxes .owl-controls .owl-buttons div:hover{
opacity:0.8;
} .single-testimonial-post .inner,
.single-services-post .inner,
.single-team-post .inner {
padding-top: 40px !important;
}
.single-team-thumbnail img {
display: block;
margin: 0 auto;
margin-bottom: 40px;
}
.single-team-inner {
width: 84%;
margin: 0 auto;
padding-bottom: 30px;
} .single-testimonial-post {
padding-bottom: 40px;
} .modal-open{
overflow:auto;
}
.modal{
background-color: rgba(255,255,255,0.98);
width: 100%;
overflow: hidden;
}
.modal-backdrop{
opacity: 1;
background-color: rgba(255,255,255,0);
width: 100%;
} .modal-inner{
margin:10% auto 0;
width: 90%;
max-width: 1000px;
border-bottom:1px solid #f3f3f3;
max-height: 80%;
overflow: auto;
}
.modal .modal-inner .modal-left,
.modal .modal-inner .modal-right{
margin:20px auto;
} .modal .modal-inner .modal-head{
padding:20px 0;
border-bottom:1px solid #f3f3f3;
position: relative;
}
.modal .modal-inner h1.member-name{
font-size:50px;
margin-top:0;
padding-top:0;
}
.modal .modal-inner h4{
margin-top:0;
padding-top:0;
}
.modal .modal-inner a.close {
cursor: pointer;
font-size: 20px;
width: 40px;
display: block;
position: absolute;
right: 0;
height: 40px;
color: white;
line-height: 38px;
border-radius: 100%;
opacity: 1;
background:#bdbdbd;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .modal .modal-inner .modal-left{
padding-left:0;
height: auto;
}
.modal .modal-inner .modal-img{
width: 100%;
height: auto;
}
.modal .modal-inner .modal-img img{
width: 100%;
height: auto;
} .modal .modal-inner .modal-right{
padding-right:0;
height: auto;
}
.modal .modal-inner .modal-right {
font-size:15px;
}  .modal .modal-inner .modal-right .member-skills{
width: 100%;
height: auto;
margin-top:15px;
}
.modal .modal-inner .modal-right .progress{
height: auto;
border-radius: 1px;
background-color:#f8f8f8;
box-shadow: none;
position: relative;
margin-top: 15px;
}
.modal .modal-inner .modal-right .progress-bar{
height: 34px;
font-size:21px;
background-color:#373737;
}
.modal .modal-inner .modal-right .progress-bar span{
margin:8px 8px 8px;
padding:0;
font-size:16px;
position: absolute;
width: 100%;
} #features{
position: relative;
}
#features .vc_col-sm-4 {
padding-left: 0;
padding-right: 0;
}
#features .vc_col-sm-4:nth-child(1), #features .vc_col-sm-4:nth-child(3) {
padding-top: 80px !important;
} #features .features-background{
position: absolute;
width:100%;
height: 765px;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/i2.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
top:0;
left:0;
right: 0;
}
body.parallax #features .features-background{
background-attachment: fixed;
} #features ul.features-mobile{
width:100%;
height: auto;
min-height: 580px;
margin:60px auto 0;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/features-iphone.png);
background-position: center top;
background-repeat: no-repeat;
padding-top:90px;
}
.feature-box{
max-width:600px;
float:left;
text-align:right;
cursor: default;
display: block;
height: auto;
left:0;
margin-top:30px;
}
.feature-box.icon-box-left {
float:right;
text-align:left;
right:0;
padding-right:0;
} .feature-box a.box-icon{
width:70px;
height: 70px;
border-radius: 200px;
background:white;
text-align:center;
display: block;
position: relative;
font-size:24px;
line-height: 73px;
color:#22252a;
float:right;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.feature-box a.box-icon:after{
position: absolute;
background:transparent;
border-radius: 200px;
left:-5px;
right: -5px;
top: -5px;
bottom: -5px;
border:2px solid white;
content:'';
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.feature-box.icon-box-left a.box-icon{
float:left;
} .feature-box .feature-texts{
margin-right:90px;
}
.feature-box.icon-box-left .feature-texts{
margin-left:90px;
margin-right:0;
}
.feature-box .feature-texts h3.box-head{
font-size:25px;
margin-top: 20px;
margin-bottom: 10px;
}
.feature-box .feature-texts p.box-desc{
font-size:12px;
} .feature-box:hover a.box-icon{
color:white;
}
#features .container-fluid {
margin-bottom: -50px;
}
#page-content .section-fullwidth {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
#page-content .section-fullwidth .vc_row {
margin-left: 0;
margin-right: 0;
}
.section-fullwidth .vc_col-sm-12 {
padding-left: 0;
padding-right: 0;
} .testimonials{
width:100%;
height: auto;
padding:120px 0 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
body.parallax .testimonials{
background-attachment: fixed;
} .testimonials.bg1{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/testimonials-1.jpg);
} .testimonials .t-arrow{
display: block;
left:50%;
border-top: 35px solid black;
border-top-color: white; 
border-left: 35px solid transparent;
border-right: 35px solid transparent;
position: absolute;
top:0;
z-index: 5;
margin-left:-35px;
}
.testimonials h1.quote{
opacity: 0.7;
}
.testimonials h1 {
font-family: Raleway;
text-transform: none;
} .testimonials ul.text-slider{
width:100%;
max-width:1170px;
margin:20px auto 0;
}
.testimonials ul.text-slider li.text{
padding:0 15px;
max-width:1170px;
}
.testimonials ul.text-slider li.text h1{
font-size:30px;
}
.testimonials ul.text-slider li.text p.author{
font-size:14px;
color:#cacaca;
margin:25px auto;
} .testimonials ul.flex-direction-nav{
width:100%;
height: auto;
text-align: center;
margin-top:20px;
}
.testimonials ul.flex-direction-nav li{
display: inline-block;
width:38px;
height: 38px;
margin:0 3px;
}
.testimonials ul.flex-direction-nav li a{
display: block;
width:38px;
height: 38px;
border-radius: 200px;
background-color:rgba(35,35,35,0.5);
opacity: 0.9;
background-repeat: no-repeat;
background-position: center center;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left-litle.png);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
text-indent: -9999px;
}
.testimonials ul.flex-direction-nav li:nth-of-type(2) a{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right-litle.png);
}
.testimonials ul.flex-direction-nav li a:hover{
background-color:rgba(35,35,35,0.9);
}
.testimonials li.text h1 span {
font-weight: bold;
} .vntd-twitter-feed i {
font-size: 54px;
}
.vntd-twitter-feed ul.text-slider li.text h1 {
font-size: 25px;
line-height: 1.4em;
}
.vntd-twitter-feed .text a:hover {
color: #fff !important;
} #clients{
z-index: 2;
position: relative;
}
.clients{ } .clients .item{
padding:0 15px;
color:#7f7f7f;
} .clients .item .client-image{
display:block;
max-width:128px;
margin:0 auto;
}
.clients .item .client-image img{
width:100%;
border:1px dashed #a4a4a4;
} .clients .item h1.client-name{
margin:24px auto 0;
padding:0;
font-size:22px;
} .clients .item h3.client-position{
margin:11px auto 9px;
padding:0;
font-size:13px;
font-family: Raleway;
} .clients .item p.client-desc{
margin:0 auto;
padding:0;
font-size:13px;
} .clients .owl-controls{
height: auto;
width:100%;
margin-top:70px;
}
.clients .owl-controls .owl-pagination{
height: auto;
width:100%;
text-align: center;
}
.clients .owl-controls .owl-pagination .owl-page{
display: inline-block;
width:10px;
height: 10px;
background:#383838;
margin:0 4px;
border-radius: 100px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.clients .owl-controls .owl-pagination .owl-page.active{
background:transparent;
border:1px solid #383838;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
} .client-logos{
height: 100px;
}
.client-logos .logos{
text-align: center;
position: relative;
}
.client-logos .logos .owl-item{
height: 100px;
}
.client-logos .logos .item{
position: relative;
top:48%;
display: block;
opacity: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.client-logos .logos .item:active{
cursor: -webkit-grab;
cursor: -moz-grab;
}
.client-logos .logos .item img{
max-width:105px;
max-height: 30px;
}
.client-logos .logos .item:hover{
opacity: 0.7;
} #why-we .items{
margin-top:70px;
}
#why-we div.left{
width:50%;
height: auto;
float: left;
padding-right: 15px;
}
#why-we div.right{
width:50%;
height: auto;
float: left;
padding-left: 15px;
}
.vntd-tabs-stylish {
margin-bottom: 65px;
} #page-content .vntd-tour .nav-tabs>li {
width: 100%;
}
#page-content .vntd-tour .nav-tabs {
float: left;
width: 200px;
}
#page-content .vntd-tour .nav-tabs li.active a {
border-top: 0px !important;
border-bottom: 0px !important;
}
#page-content .vntd-tour .tab-content {
float: left;
border: 1px solid #dbdbdb;
}
#page-content .vntd-tour .nav-tabs li a {
padding: 12px 27px;
margin-right: 0;
border-right: 0;
} #page-content .wpb_content_element .wpb_tabs_nav li a,
.tabs .nav-tabs li a{
border-radius:1px;
color:#7f7f7f;
font-size:15px;
padding:8px 27px;
background:#fafafa;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#page-content .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a,
.tabs .nav-tabs li.active a {	
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
border-top:2px solid;
}
#page-content .wpb_content_element .wpb_tabs_nav li a:hover,
.tabs .nav-tabs li a:hover{
background:#ededed;
}
#page-content .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a:hover,
.tabs .nav-tabs li.active a:hover{
background:white;
color:#7f7f7f;
}
.wpb_content_element .wpb_tabs_nav {
border-bottom: 1px solid #ddd;
} .tabs .tab-content,
#page-content .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
border:1px solid #dbdbdb;
border-top:none;
padding:25px 15px;
font-size:14px; background: none;
}
#page-content .wpb_content_element .wpb_tabs_nav li {
background: none;
}
.tabs .tab-pane{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.tabs .tab-content a.tab-image{
display: block;
margin-right: 25px;
margin-top:10px;
width:auto;
height: auto;
float:left;
max-width:160px;
}
.tabs .tab-content a.tab-image.right{
margin-left: 25px;
margin-right:0;
float:right;
}
.tabs .tab-content a.tab-image img{
width:100%;
}
.tabs .tab-content .tab-text{
margin:0px;
padding:8px;
display: block;
top:0;
position: relative;
text-align: justify;
line-height: 20px;
} .accordion .panel{
box-shadow:none;
margin-bottom:7px;
}
#accordion div:last-child{
margin-bottom:0;
}
#page-content .wpb_accordion_header,
.accordion a.panel-button{
padding:15px;
width:100%;
display: block;
color:#717171;
box-shadow:none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
background: none;
}
.accordion a.panel-button:hover{
background:#ededed;
} .accordion .panel-body{
padding:18px 32px;
font-size:14px; border-top:1px solid #dfdfdf;
}
.nav-tabs>li {
margin-bottom: -1px !important;
} .bs-callout h2 {
margin-bottom: 10px;
}
blockquote {
padding: 20px;
border-left: 2px solid #d71818;
margin-bottom: 20px;
font-size: 140%;
}  body.parallax .vntd-portfolio-carousel{
background-attachment: fixed;
}
.vntd-portfolio-carousel .works{
position: relative;
margin-top:40px;
z-index: 5;
padding:10px;
}
.vntd-portfolio-carousel .works .item{
padding:10px 0;
height: auto;
z-index: 1;
cursor: pointer;
} .vntd-portfolio-carousel .works .item .f-image{
position: relative;
height: auto;
opacity: 0.5;
overflow: hidden;
width: 100%;
padding:0 10px;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}
.vntd-portfolio-carousel .works .item .f-image img{
width:100%;
height: auto;
} .vntd-portfolio-carousel .works .item .texts{
position: absolute;
width: 100%;
height: auto;
left:0;
top:0;
}
.vntd-portfolio-carousel .works .item h1.f-head{
position: relative;
z-index: 2;
font-size:30px;
padding:0;
margin:30px 0 0 30px;
text-shadow:2px 0px 2px rgba(0,0,0,0.2);
opacity: 0.7;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}
.vntd-portfolio-carousel .works .item h2.f-text{
position: relative;
z-index: 2;
font-size:15px;
padding:0;
margin:10px 0 0 30px;
text-shadow:2px 0px 2px rgba(0,0,0,0.2);
opacity: 0.7;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
} .vntd-portfolio-carousel .works .item .f-button{
position: absolute;
bottom:-60px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.vntd-portfolio-carousel .works .item .f-button.first{
right:100px;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.vntd-portfolio-carousel .works .item .f-button.second{
right:30px;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.vntd-portfolio-carousel .works .item .featured-ball{
position: relative;
z-index: 2;
font-size:20px;
line-height: 65px;
text-align: center;
display: inline-block;
background:white;
color:#444444;
width:60px;
height: 60px;
margin:0;
border-radius: 100%;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
} .vntd-portfolio-carousel .works .item:hover .f-image,
.vntd-portfolio-carousel .works .item:hover h1.f-head,
.vntd-portfolio-carousel .works .item:hover h1.f-text{
opacity: 1;
}
.vntd-portfolio-carousel .works .item:hover .f-button.first,
.vntd-portfolio-carousel .works .item:hover .f-button.second{
bottom:15px;
opacity: 1;
}
.vntd-portfolio-carousel .works .item .featured-ball:hover{
color:white;
} .vntd-portfolio-carousel .works .owl-controls{
margin-top:40px;
position: relative;
width:100%;
height: 40px;
text-align: inherit;
display: block;
}
.vntd-portfolio-carousel .works .owl-controls .owl-buttons{
width:100%;
height: auto;
text-align: center;
}
.vntd-portfolio-carousel .works .owl-controls .owl-buttons div{
display: inline-block;
width:38px;
height:38px;
background-color:#171717;
border-radius:200px;
margin:0 3px;
opacity: 0.8;
background-position: center center;
background-repeat: no-repeat;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left-litle.png);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.vntd-portfolio-carousel .works .owl-controls .owl-buttons div:nth-of-type(2){
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right-litle.png);
} .vntd-portfolio-carousel .works .owl-controls .owl-buttons div:hover{
background-color:white;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left-litle-black.png);
opacity: 0.7;
}
.vntd-portfolio-carousel .works .owl-controls .owl-buttons div:nth-of-type(2):hover{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right-litle-black.png);
} .vntd-portfolio-carousel .feature-second-area{
padding:25px 0 0;
}
.vntd-cta h1.f-head{
padding:0;
margin:0;
}
.vntd-cta p.subtitle-text{
font-size:15px;
color:#c1c1c1;
margin-top:10px;
}
.vntd-cta .vntd-cta-button {
width:auto;
display: inline-block;
text-align: center;
margin:30px 15px 0;
color:#2a2a2a;
background:white;
padding:10px 30px 8px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.vntd-button-white h3 {
color: #2a2a2a;
}
.vntd-cta .vntd-cta-button h3{
font-size:20px;
padding:0;
margin:0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.vntd-cta .vntd-cta-button p{
font-size:13px;
padding:0;
margin:0;
}
.vntd-cta .vntd-cta-button:hover,
.vntd-cta .vntd-cta-button:hover h3 {
color:white;
} #skills .skills{
width: 90%;
margin:35px auto 0;
max-width: 1030px;
}
.progress{
height: auto;
border-radius: 1px;
background-color:#f8f8f8;
box-shadow: none;
margin-top:35px;
position: relative;
}
.progress-bar{
height: 38px;
font-size:21px;
background-color:#373737;
}
.progress-bar span{
margin:10px 10px 8px;
padding:0;
font-size:20px;
position: absolute;
width: 100%;
} #services{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
body.parallax #services{
background-attachment: fixed;
}
.service-boxes{
width:100%;
margin:90px auto 0;
}
.service-boxes .service-box{
cursor: pointer;
padding:15px;
} .service-boxes .service-box a.service-icon{
display:block;
background:transparent;
width:130px;
height: 130px;
margin:0 auto;
border-radius: 500px;
border:1px solid #8b8b8b;
color:#444444;
font-size:28px;
line-height: 132px;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.service-boxes .service-box a.service-icon:after{
position:absolute;
background:transparent;
content:'';
width:100%;
height: 100%;
border-radius: 500px;
left:0;
top:0;
border:1px solid transparent;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .service-boxes .service-box h3{
font-size:20px;
color:#5f5f5f;
margin:20px auto 16px;
padding:0;
} .service-boxes .service-box p{
font-size:15px;
color:#919191;
} .service-boxes .service-box:hover a.service-icon{
background:#21242a;
color:white;
}
.service-boxes .service-box:hover a.service-icon:after{
border:1px solid #21242a;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} .service-boxes .owl-controls{
top:-50px;
position: absolute;
width:100%;
height: 40px;
text-align: inherit;
display: block;
}
.service-boxes .owl-controls .owl-buttons{
width:100%;
height: auto;
}
.service-boxes .owl-controls .owl-buttons div{
display: inline-block;
width:38px;
height:38px;
background-color:white;
border-radius:200px;
margin:0 3px;
opacity: 0.7;
background-position: center center;
background-repeat: no-repeat;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left-litle-black.png);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.service-boxes .owl-controls .owl-buttons div:nth-of-type(2){
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right-litle-black.png);
}
.service-boxes .owl-controls .owl-buttons div:hover{
background-color:#262626;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left-litle.png);
opacity: 1;
}
.service-boxes .owl-controls .owl-buttons div:nth-of-type(2):hover{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right-litle.png);
} body.parallax #prices{
background-attachment: fixed;
} #prices .prices{
margin-top:70px;
}
.vntd-pricing-box.p-table{
border-left:1px solid rgba(255,255,255,0.2);
padding:15px;
color:#d4d4d4;
} .vntd-pricing-box.p-table h1{
font-size: 60px;
margin:0;
padding:0;
} .vntd-pricing-box.p-table h1 span{
font-size: 15px;
} .vntd-pricing-box.p-table h3{
margin:10px 0 0;
font-size:30px;
padding:0;
} .vntd-pricing-box.p-table ul.properties{
margin-top:50px;
}
.vntd-pricing-box.p-table ul.properties li{
margin-top:15px;
font-size:18px;
list-style: none;
}
#page-content .wpb_row {
background-position: 50% 0;
} .vntd-pricing-box.p-table a.p-button{
color:inherit;
padding:10px 20px;
margin-top:40px;
display: inline-block;
text-align: center;
background:rgba(255,255,255,0.1);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .vntd-pricing-box.p-table.active a.p-button,
.vntd-pricing-box.p-table a.p-button:hover{
color:white;
opacity: 0.7;
}
.vntd-pricing-box.p-table.active a.p-button:hover{
opacity: 0.9;
}
.vntd-pricing-box.p-table.active h1 span{
color:#d4d4d4;
}   .contact .inner{
padding-bottom:68px;
}
.contact{
max-width: 970px;
margin:75px auto 0;
overflow: hidden;
}
input,textarea,button{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.wpcf7-validation-errors {
clear: both;
}
.contact form input,
.contact form textarea {
width:100%;
height: auto;
padding:15px 15px 12px;
font-size:18px;
margin-bottom:18px !important;
color:#7f7f7f;
letter-spacing: 0.5px;
background:#fafafa;
border:1px solid #eeeeee;
outline: none;
font-weight: 300;
text-transform: uppercase;
}
.dark-form{
background-color:transparent;
border:1px solid #2e2e2e;
}
.contact form textarea{
height: 201px;
max-width: 100%;
max-height: 201px;
}
#respond #submit,
.contact form button.contact-form-button{
margin-bottom:0 !important;
}
#subscribe form .subscribe-form{
width:100%;
height: auto;
padding:15px 15px 12px;
font-size:18px;
margin-bottom:18px;
color:#7f7f7f;
letter-spacing: 0.5px;
} .contact form input:active,
.contact form textarea:active,
.contact form input:focus,
.contact form textarea:focus{
outline: none;
}
#respond #submit:hover,
.contact .wpcf7-submit:hover{
color:white;
}
div.wpcf7-response-output {
padding: 10px 14px;
margin: 0 15px;
} .wpcf7-form-control-wrap {
display: initial !important;
}
.contact form input:hover,
.contact form textarea:hover{
border-color:#dadada;
} .mail-message-area{
width:100%;
padding:0 15px;
}
.mail-message{
width: 100%;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
transition: all 0.7s;
margin:0 auto;
border-radius: 0;
}
.not-visible-message{
height:0px;
opacity: 0;
}
.visible-message{
height:auto;
opacity: 1;
margin:25px auto 0;
}  #address{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/i6.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size:cover;
}
body.parallax #address{
background-attachment: fixed;
}
.address-soft{
width:90%;
max-width: 770px;
padding:52px;
background:rgba(255,255,255,0.05);
color:#e7e7e7;
margin:0 auto;
}
.address-soft a.phone-button{
display: block;
width:82px;
height: 82px;
background:rgba(255,255,255,0.05);
color:#e7e7e7;
margin:0 auto;
line-height: 85px;
font-size:35px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.address-soft h1.phone-text{
padding:0;
margin:15px auto;
font-size:65px;
color:white !important;
}
.address-soft a{
color:white;
}
.address-soft h2.phone-text{
padding:0;
margin:0 auto 15px;
font-size:25px;
color: #e7e7e7 !important;
}
.address-soft a.mail-text{
padding:0;
margin:0 auto 15px;
font-size:25px;
color:inherit;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.address-soft a.social{
display:inline-block;
width: 62px;
height: 62px;
color:inherit;
line-height: 65px;
font-size:27px;
margin:0 7px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .address-soft a.phone-button:hover{
background:rgba(255,255,255,0.9);
color:#2b2b2b;
}
a.social:hover{
color:white !important;
} #map #google-map{
width: 100%;
height: 380px;
} footer.footer{
padding:40px;
}
footer img{
width: 170px;
height: auto;
}
footer p, footer a{
font-size:11px;
margin:15px auto 0;
color:#767676;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
footer.white-bg {
border-top: 1px solid #fff;
} #footer-widgets {
padding: 50px 0 15px 0;
font-size: 13px;
}
#footer-widgets .inner > div {
padding: 0 20px 0 0;
}
#footer-widgets .inner > div:last-child {
padding-right: 0 !important;
}
.footer-widget h4 {
font-size: 20px;
}
#footer-widgets.footer-widgets-dark {
background-color: #1F1F1F;
color: #898989;
}
.footer-widgets-night .bar ul li,
.footer-widgets-dark .bar ul li {
border-bottom-color: #222;
}
.footer-widgets-night .bar ul li:hover,
.footer-widgets-dark .bar ul li:hover {
background-color: #262626;
}
#footer-widgets.footer-widgets-night h4,
#footer-widgets.footer-widgets-dark h4 {
color: #d9d9d9 !important;
}
.footer-widgets-night .bar .quote a,
.footer-widgets-dark .bar .quote a {
color: #555 !important;
}
#footer-widgets.footer-widgets-night {
background-color: #222326;
color: #898989;
} footer.footer-classic {
padding: 14px 0 14px;
border-top: 1px solid ;
}
footer.footer-classic.white-bg {
background-color: #fcfcfc !important;
border-top: 1px solid #f1f1f1;
}
.footer-classic p {
float: left;
text-transform: none;
margin: 0;
line-height: 26px;
}
.footer-classic .vntd-social-icons {
float: right;
margin: 0;
}
.vntd-social-icons a {
font-size: 20px;
margin-left: 18px;
} .p-section .wpb_column,
.p-section .wpb_wrapper,
.p-section{
width: 100%;
height: 100%;
position: relative;
background-size:cover;
background-position: center center;
}
.wpb_wrapper {
z-index: 3;
}
.p-section.wpb_row {
margin-left: initial;
margin-right: initial;
}
.wpb_row .inner {
z-index: 2;
}
body.parallax .p-section{
background-attachment: fixed;
} .p-section:before{
background-color:rgba(0,0,0,0.4);
position: absolute;
left:0;
top: 0;
width: 100%;
height: 100%;
display: block;
z-index: 3;
content:'';
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
transition: all 0.7s;
}
.p-section:hover:before{
background-color:rgba(0,0,0,0.2);
}
.portfolio-elements{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
z-index: 3;
}
.inner-portfolio{
position: relative;
top:50%;
margin:0 auto;
max-width:1170px;
z-index: 4;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.inner-portfolio div{
padding:10px;
}
.inner-portfolio .p-part{
max-width: 600px;
}
.inner-portfolio h1,
.inner-portfolio h2,
.inner-portfolio h3,
.inner-portfolio h4,
.inner-portfolio p{
margin-top:0;
}
.inner-portfolio h4 {
margin-bottom: 8px;
}
.inner-portfolio h2.number,
.inner-portfolio h1 {
margin-bottom: 10px;
}
.inner-portfolio .number{
font-size:40px;
}
.inner-portfolio .p-head{
font-size:80px;
}
.inner-second{
width:auto;
height: auto;
max-width: 750px;
} .plus-button{
width: 85px;
height: 85px;
display: block;
background-color:rgba(255,255,255,0);
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/plus.png);
background-position: center center;
background-repeat: no-repeat;
border:2px solid white;
text-align: center;
font-size:37px;
line-height: 85px;
color:white;
opacity: 0.6;
margin:0 auto;
position: relative;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
transition: all 0.7s;
}
.plus-button:hover{
background-color:rgba(255,255,255,0.5);
opacity: 1;
}
.f-left > .plus-button{
top:76px;
}
#animals .home-button-1,
a.home-button-white{
display: inline-block;
margin:6px auto;
padding:8px 13px;
background-color:rgba(255,255,255,0.1);
color:white !important;
text-shadow:none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.home-button-white i{
display: inline-block;
margin-left:5px;
font-size:22px;
}
#animals .home-button-1:hover,
a.home-button-white:hover{
color:white !important;
background-color:rgba(255,255,255,0.4);
} .fancy-text-style3 .glass-bg{
margin:0 auto 10px;
width: auto;
padding:20px 20px 18px;
display: inline-block;
}
.fancy-text-style3 .glass-bg .plus-button{
display: inline-block;
margin-right: 20px;
top:5px;
}
.fancy-text-style3 .glass-bg .p-head{
display: inline-block;
margin:0;
} ul.circle-slider li img{
box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
width:90%;
max-width: 500px;
height: auto;
}
ul.circle-slider li .texts{
margin-left:175px;
margin-top:-98px;
}
.circle-image-slider + a.home-button-white{
margin-left:195px;
margin-top:-20px;
}
ul.circle-slider li a.plus-button{
margin-top:-90px;
top:-96px;
left:-30px;
}
ul.circle-slider li a.number{
top: 142px;
margin-left: 100px;
position: relative;
}
ul.circle-slider li a.number::selection,
ul.circle-slider li a.number:hover{
background:transparent;
color:white;
} .circle-image-slider ul.flex-direction-nav{
position: absolute;
z-index: 4;
top: 370px;
left: 195px;
padding:0;
margin:0;
}
.circle-image-slider ul.flex-direction-nav li{
opacity: 1;
display: inline-block;
}
.circle-image-slider ul.flex-direction-nav li a{
display: block;
width:38px;
height: 38px;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left-litle.png);
background-color: rgba(0,0,0,0.25);
background-repeat: no-repeat;
border-radius: 100px;
background-position: center center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin:0 3px;		
}
ul.flex-direction-nav li a {
text-indent: -9999px;
}
.circle-image-slider .flex-direction-nav li a:hover{
background-color: rgba(0,0,0,0.8);
}
.circle-image-slider .flex-direction-nav li a.flex-next{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right-litle.png);
} .inner-portfolio .text-slider .texts .slide{
line-height: 80px;
margin-top:10px;
}
.inner-portfolio .text-slider .flex-direction-nav{
width:100%;
position: relative;
opacity: 1;
display: block;
margin:13px auto 0;
text-align:center;
}
.inner-portfolio .text-slider .flex-direction-nav li{
opacity: 1;
display: inline-block;
}
.inner-portfolio .text-slider .flex-direction-nav li a{
display: block;
width:38px;
height: 38px;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left-litle.png);
background-color: rgba(0,0,0,0.15);
background-repeat: no-repeat;
border-radius: 100px;
background-position: center center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin:0 3px;
}
.inner-portfolio .text-slider .flex-direction-nav li a:hover{
background-color: rgba(0,0,0,0.8);
}
.inner-portfolio .text-slider .flex-direction-nav li a.flex-next{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right-litle.png);
}  .home_project,
.home_small{
width: 100%;
height: 700px;
}
.home_project.fullscreen{
width: auto;
height: 100%;
}
.home_project .home-elements{
width:100%;
height: 100%;
margin:0;
left:0;
top:0;
position: absolute;
z-index: 5;
}
.home_project .home-elements .home-inner{
position: relative;
top:50%;
height: auto;
width:100%;
max-width:1170px;
margin:0 auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
} #project .slides-container div{
background-position:center top;
background-attachment: scroll;
}
.m_slide1{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/m-slide1.jpg);
}
.m_slide2{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/m-slide2.jpg);
}
.m_slide3{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/m-slide3.jpg);
}
.m_slide4{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/m-slide4.jpg);
}
.b_slide1{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/b-slide1.jpg);
}
.b_slide2{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/b-slide2.jpg);
}
.b_slide3{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/b-slide3.jpg);
}
.b_slide4{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/b-slide4.jpg);
} .slide-inner{
width: 100%;
height: auto;
top:50%;
position: relative;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
padding:20px;
}
.slide-inner p{
font-size:18px;
margin:0 0 3px;
padding:0;
} .project_inner{
padding:70px 0;
margin:0 auto;
max-width: 1170px;
width: 100%;
}
.project_details{
margin-top:50px;
}
.project_header{
font-size:40px;
margin-top: 0;
} .custom_slider,
.custom_slider .image_slider{
width:100%;
height: auto;
position: relative;	
margin-bottom: 0px;
}
.custom_slider ul {
list-style: none;
margin-bottom: 10px;
}
.custom_slider .image_slider .slide img{
width:100%;
border:none;
outline: none;
}
.custom_slider .image_slider .slide .texts{
display: inline-block;
position: absolute;
width: auto;
left:0;
bottom:0;
z-index: 11;
padding:15px 20px;
background:rgba(0,0,0,0.4);
max-width: 44%;
}
.custom_slider .image_slider .slide .texts h2{
margin:0 0 5px 0;
padding:0;
font-size:20px;
}
.custom_slider .image_slider .slide .texts p{
padding:0;
margin:0;
font-size:13px;
} .custom_slider .flex-direction-nav{
margin:-27px auto 0;
position: absolute;
z-index: 3;
top: 50%;
width: 100%;
z-index: 20;
}
.custom_slider .flex-direction-nav li a{
position: absolute;
display: block;
width:38px;
height:54px;
background-position: center center;
background-repeat: no-repeat;
background-color:rgba(30,30,30,0.);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.custom_slider .flex-direction-nav li a.flex-prev{
left: 0;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left.png);
}
.custom_slider .flex-direction-nav li a.flex-next{
right: 0;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right.png);
}
.custom_slider:hover .flex-direction-nav li a{
background-color:rgba(30,30,30,0.3);
}
.custom_slider .flex-direction-nav li a:hover{
background-color:rgba(30,30,30,0.9) !important;
} .custom_slider .flex-control-nav{
height: auto;
width:100%;
text-align: center;
position: relative;
top:-20px;
z-index: 10;
opacity: 0;
margin-bottom:0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.custom_slider .flex-control-nav li{
display: inline-block;
}
.custom_slider .flex-control-nav li a{
display: inline-block;
width:10px;
height: 10px;
background:rgba(255,255,255,0.2);
margin:0 4px;
border-radius: 100px;
cursor: pointer;
overflow: hidden;
text-indent:-9999px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.custom_slider .flex-control-nav li a::selection{
background:transparent;
}
.custom_slider .flex-control-nav li a.flex-active{
background:rgba(255,255,255,0.6);
border:1px solid white;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
}
.custom_slider:hover .flex-control-nav{
top:-45px;
opacity: 1;
}  .custom_boxes.prj-v3{
margin:40px auto 0;
} .vntd-icon-box.box { color:#5f5f5f;
cursor: default;
} .vntd-icon-box.box .left-icon{
width:20%;
height: auto;
}
.vntd-icon-box.box .left-icon a{
width: 70px;
height: 70px;
display: inline-block;
text-align:center;
background:transparent;
border:1px solid #ccc;
line-height: 70px;
color:inherit;
font-size:20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .vntd-icon-box.box .right-desc{
width: 80%;
height: auto;
padding-left:15px;
}
.vntd-icon-box.box .right-desc h3{
margin:0 0 10px;
padding:0;
font-size:20px;
}
.vntd-icon-box.box .right-desc p{
margin:0;
padding:0;
font-size:13px;
} .video-part{
width:100%;
height: auto; }
.frame-video,
.video-part div.left-video{
width: 100%;
margin:0;
}
#page-content .frame-video,
.video-part .left-video{
background:url(//smartclubtutoring.com/wp-content/themes/north/img/ipad-air.png) center top no-repeat;
background-size:100%;
max-width:610px;
height: 435px;
padding-top: 1px;
}
#page-content .fitvid,
.video-part .left-video .video{
width:75.5%;
height: 73.5%;
margin-left:12.1%;
margin-top:4%;
position: relative;
} .fitvid iframe,
.video-part .left-video .video iframe{
width:100%;
height:100%;
} div.right-texts{
width: 45%;
margin:0;
padding-left:20px;
padding-top:10px;
}
h1.project-head{
font-size:20px;
margin:20px auto 15px;
}
h3.project-head.fw-head{
margin:0 auto 15px;
}
p.project-desc{
margin:20px auto;
font-size:14px;
padding:0;
line-height: 23px;
} ul.project_features{
margin:0 auto 15px;
padding:0;
width: 100%;
display: block;
}
ul.project_features li.p-feature{
margin:0 auto;
padding:10px 0;
width: 100%;
display: block;
border-bottom:1px solid #ebebeb;
color:#686868;
}
ul.project_features li.p-feature:first-child{
padding-top:5px;
}
ul.project_features li.p-feature:last-child{
border-bottom:transparent;
}
ul.project_features li.p-feature h4{
font-size:17px;
margin:0 0 7px 0;
}
ul.project_features li.p-feature p{
font-size:14px;
margin:0;
}
ul.project_features li.p-feature span.project_skills{
display: inline-block;
}
ul.project_features li.p-feature a{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
ul.project_features li.p-feature a:hover{
color:#1f1f1f;
} a.button{
margin-top:15px;
margin-right:10px;
font-size:14px;
display: inline-block;
padding:10px 15px 10px;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.button:hover{
opacity: 0.9;
}
a.button:active{
opacity: 0.8;
}
.home_project a.home-button-white{
margin:3px 3px;
} .mbYTP_wrapper {
}
.watch-our-video{
width: 100%;
height: 700px;
max-width: 100%;
overflow: hidden;
background-position: center center;
}
.video-lightbox {
text-align: center;
}
.video-lightbox a.video-link{
width: auto;
height: auto;
position: relative;
display: inline-block;
top:50%;
color:#eaeaea;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.video-lightbox i{
display: block;
width: 60px;
height: 60px;
margin:0 auto;
text-indent: 5px;
line-height: 60px;
border:1px solid #eaeaea;
text-align: center;
color:#eaeaea;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.video-lightbox h3{
margin-top:5px;
font-size:20px;
}
.video-lightbox a.video-link:hover,
.video-lightbox a.video-link:hover i{
color:white;
} #project-section .big-images,
#project-section .project-details{
padding-top:50px;
}
#project-section .big-images a.work-image{
width: 100%;
display: block;
margin:0 0 30px;
}
#project-section .big-images a.work-image img{
width: 100%;
height: auto;
} #project-section .project_inner .project-detail-columns{
padding:0;
margin-top:40px;
margin-bottom:10px;
width: 100%;
height: auto;
border-top:1px solid #f2f2f2;
border-bottom:1px solid #f2f2f2;
}
#project-section .project_inner .project-detail-columns .p-column{
padding:55px 15px 35px;
}
#project-section .project_inner .project-detail-columns .p-column:first-child{
padding-left:0;
}
#project-section .project_inner .project-detail-columns .p-column:last-child{
padding-right:0;
}
#page-content .vntd-portfolio-details .p-head {
padding-top:0;
margin-top: 0;
margin-bottom:25px;
}
.vntd-portfolio-details .col-xs-8 {
padding-left: 0;
}
.vntd-portfolio-details .col-xs-4 {
padding-right: 0;
} .blog .post{
position: relative;
}
.post.sticky .blog-head {
color: #fff !important;
background-color: #d71818;
}
.page-holder .page_inner{
width: 75%;
float: left;
}
.page-holder > .inner {
padding-top: 90px;
} .blog-head{
width:100%;
height: auto;
padding:14px 10px;
margin-bottom: 20px;
color:#696969;
background:#f8f8f8;
} .blog-head.inner-head{
margin-bottom:-100%;
background:transparent;
margin-bottom: auto;
color:#696969;
position: absolute;
z-index: 5;
color:white;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.blog-head.inner-head .blog-head-right h1{
margin-top:5px;
} .blog-head .blog-head-left{
width:90%;
max-width: 100px;
padding:0;
float: left;
}
.blog-head .blog-head-left h1{
margin:0;
padding:0;
color:inherit;
}
.blog-head .blog-head-left p{
margin: 0;
padding:0;
color:inherit;
font-size:19px;
} .blog .post{
margin-bottom:45px;
padding-bottom:40px;
border-bottom:1px solid #f5f5f5;
}
.blog .post:last-child{
margin-bottom:0;
}
.blog .post .single_item{
margin-bottom:30px;
}
.blog .post .single_item a,
.blog .post .single_item a img{
width: 100%;
height: auto;
}
.blog-head .blog-head-right{
width:auto;
padding:0 0 0 10px;
float: left;
display: block;
color:inherit;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.blog-head .blog-head-right:hover{
opacity: 0.9;
}
.blog-head .blog-head-right h1{
margin:23px 0 0;
padding:0;
color:inherit;
font-size:31px;
}
.blog-head .blog-head-right p{
margin: 0;
padding:0;
color:inherit;
font-size:15px;
}
.blog .details .post-info{
width: 100%;
height: auto;
border-bottom:1px solid #f5f5f5;
margin-bottom: 20px;
}
.blog .details .post-info .post-item{
display: inline-block;
padding:10px;
color: #b3b3b3;
border-right:1px solid #f5f5f5;
font-size:12px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
span.post-item a {
color: #b3b3b3;
}
.blog .details .post-info .post-item:first-child{
padding-left:0;
}
.blog .details .post-info .post-item:last-child{
border-right:1px solid transparent;
}
.blog .details .post-info .post-item i{
margin-right: 5px;
}
.blog .details p.post-text{
font-size:14px;
color:#959494;
}
.blog .post a.read-more-post{
color:#8d8d8d;
font-size:13px;
margin-top:5px;
}
#blog {
padding-top: 70px;
} ul.comments:first-child{
width: 100%;
height: auto;
}
.post .details > ul.comments{
margin-top: 40px;
padding-top:40px;
border-top:1px solid #f6f6f6;
}
.post ul.comments li{
padding:10px 0 0 110px;
list-style: none;
}
.post ul.comments li div.comment{
margin-bottom:10px;
} ul.comments li div.comment .c-image{
margin-left:-110px;
float: left;
width: 80px;
height: auto;
}
.post ul.comments li div.comment .c-image img{
width:100%;
height: auto;
border-radius: 5px;
border:1px solid #f6f6f6;
} .post ul.comments li div.comment-text{
background:#fdfdfd;
padding:25px;
border-radius: 10px;
position: relative;
}
.post ul.comments li div.comment-text:after{
content: '';
position: absolute;
left: -12px;
right: auto;
top: 30px;
display: block;
border-right: 12px solid;
border-right-color: #fdfdfd;
border-left: none;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.post ul.comments li div.comment h1.comment-name{
font-size:24px;
color:#696969;
margin:0;
padding: 0;
}
.post ul.comments li div.comment h3.comment-date{
font-size:14px;
color:#959494;
margin:10px 0;
padding: 0;
}
.post ul.comments li div.comment p{
font-size:14px;
color:#959494;
margin:10px 0;
padding: 0;
}
.post ul.comments li div.comment-text a.comment-reply-link{
position: absolute;
right:25px;
top:25px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.post ul.comments li div.comment-text a.comment-reply-link:hover{
color:#6b6b6b;
}
.comment-notes,
.form-allowed-tags,
.post #reply-title {
display: none;
}
.comments ul.children {
padding-left: 110px;
} .post-form{
width:100%;
}
.post-form form{ }
.post-form form div{
padding:10px 0;
} .post-form .comment-form-author {
padding-right: 20px;
}
.post-form form div label{
margin-bottom: 5px;
color:#a4a4a4;
}
#respond #submit,
.post-form form .form{
width:100%;
height: auto;
padding:12px 15px 10px;
font-size:18px;
border-radius: 6px;
color:#7f7f7f;
letter-spacing: 0.5px;
font-size:14px;
}
.post-form form .textarea{
height: 201px;
max-width: 100%;
max-height: 201px;
}
#respond #submit,
.post-form form button.contact-form-button{
margin-bottom:0;
font-size:19px;
} #respond #submit:active,
#respond #submit:focus,
.post-form form .form:active,
.post-form form .form:focus{
outline: none;
}
#respond #submit:hover,
.post-form form button.contact-form-button:hover{
color:white;
}
#respond #submit:hover
.post-form form .light-form:hover{
border-color:#dadada;
}
#respond input[type="submit"],
.light-form {
background: #fafafa;
border: 1px solid #eeeeee;
} .page_sidebar{
width: 25%;
float: left;
padding-right:30px;
padding-left:0;
}
.page_inner + .page_sidebar{
padding-left:30px;
padding-right: 0;
}
.page-layout-sidebar_left .page_inner {
float: right;
}
.page-layout-sidebar_left .page_sidebar {
padding-left: 0;
padding-right: 30px;
}
.page_sidebar .bar{
width: 100%;
padding-bottom:30px;
margin-bottom:30px;
}
.page_sidebar h1.bar-head{
font-size:22px;
margin-bottom:20px;
}
.page_sidebar p{
font-size:14px;
color:#959494;
} .bar ul.categories{
width: 100%;
height: auto;
}
.bar ul li{
display: block;
width: 100%;
padding:0;
border-bottom:1px solid #f1f1f1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.bar ul li > a{
display: inline-block;
padding:10px 10px 10px 5px;
color:#959494;
width: 90%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.bar ul li:last-child{
border-bottom:1px solid transparent;
}
.bar ul li:before{
font-family: 'FontAwesome';
content: "\f105";
font-weight: normal;
font-style: normal;
top: 0;
margin-left: 0;
color: #959494;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.bar ul li:hover{
background:#fafafa;
}
.bar ul li:hover:before{
margin-left: 2px;
}
.bar li.recentcomments a {
display: inline;
}
.bar select {
width: 100%;
}
.bar h3 .rsswidget:first-child {
display: none;
}
.bar .rss-date {
font-size: 85%;
padding-bottom: 10px;
display: block;
opacity: 0.6;
}
.bar cite {
text-align: right;
display: block;
padding-bottom: 12px;
padding-top: 10px;
font-size: 12px;
}
.bar.widget_rss li {
margin-bottom: 12px;
}
.bar.widget_rss li:before {
display: none;
}
.bar.widget_rss li:hover {
background: none;
cursor: default;
}
.bar.widget_rss a.rsswidget {
padding: 0 0 11px 0;
color: #555;
width: 100%;
}
.bar.widget_rss a.rsswidget:hover {
opacity: 0.9;
}
#page-content .bar li.recentcomments {
padding: 10px 0;
}
#page-content .bar li.recentcomments:before{
padding-right: 5px;
} .textwidget img {
padding: 10px 0 25px 0;
height: auto !important;
}
.textwidget .wp-caption img {
padding-bottom: 10px;
}
.textwidget .wp-caption-text {
text-align: center;
font-size: 13px;
}
.textwidget strong {
display: inline-block;
padding: 4px 0;
} table {
width: 100%;
margin-bottom: 30px;
border-collapse: separate;
border-spacing: 3px;
}
dt {
margin-bottom: 5px;
}
dd {
margin-bottom: 10px;
}
dl,
address {
margin-bottom: 30px;
}
address {
border-left: 2px solid #eee;
padding-left: 10px;
}
acronym {
font-weight: bold;
}
cite {
font-style: italic;
}
.wp-caption {
max-width: 100%;
}
.wp-caption img {
height: auto;
} .bar ul.tweet {
margin-bottom: 0;
}
.bar .twitter-content {
position: relative;
padding-left: 40px;
}
.bar .twitter-content:before {
content: "\f099";
font-family: FontAwesome;
position: absolute;
left: 5px;
top: -2px;
font-size: 28px;
}
.bar .tweet li {
border: 0;
background: none !important;
}
.bar .tweet li:before {
content: none;
display: none;
}
.bar .quote {
margin-top: -15px;
color: #000 !important;
margin-left: 40px;
margin-bottom: 22px;
}
.bar .quote a {
color: rgba(0,0,0,0.34) !important;
} .bar .flickr_badge_image {
width: 65px;
height: 65px;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
transition: opacity .3s;
}
.bar .flickr_badge_image:hover {
opacity: 0.6;
}
.bar .flickr_badge_image:nth-child(5), .bar .flickr_badge_image:nth-child(9), .bar .flickr_badge_image:nth-child(13) {
margin-right: 0 !important;
} #wp-calendar {
width: 100%;
border-collapse: separate;
border-spacing: 2px 2px;
text-align: center;
}
#wp-calendar thead th {
text-align: center;
}
#wp-calendar caption {
margin-bottom: 15px;
text-align: right;
}
#wp-calendar td {
background-color: #f8f8f8;
line-height: 28px;
}
#wp-calendar td.pad,
#wp-calendar tfoot td {
background: none;
}
#wp-calendar #prev a {
float: left;
margin-top: 10px;
display: block;
} .bar h3 a.rsswidget {
color: #3e3e3e;
} .bar .tagcloud a {
display: inline-block;
margin:3px 2px;
padding:3px 5px;
border:1px solid #959494;
color:#858585;
font-size:12px;
}
.bar .tagcloud a:hover{
color:#fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} input.search {
width:100%;
padding:12px;
border:1px solid #d8d8d8;
outline:none;
position: relative;
border-radius: 2px;
color:#808080;
font-weight: 100;
font-size:13px;
margin:0 auto;
}
.search-button{
width:15%;
height: 100%;
position: absolute;
right: 0;
top:0;
color:#d8d8d8;
border:none;
outline:none;
padding:3px 7px;
background:transparent;
text-align:center;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
font-size:12px;
} .pagination li a{
color:#8d8d8d;
}
.pagination li a:hover{
color:#8d8d8d;
background:#f1f1f1;
}
.pagination .current {
color:white;
} #back-top{
width:50px;
height:50px;
position:fixed;
right:50px;
bottom:50px;
z-index:1000;
}
#back-top a{
width:100%;
height:100%;
display:block;
background-color:rgba(25,25,25,0.2);
opacity: 0.5;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font-size:18px;
line-height: 50px;
border-radius: 8px;
}
#back-top a:hover{
background-color:rgba(25,25,25,1);
opacity: 1;
color:white;
} .page-content-404 form#search-form {
width: 800px;
margin:40px auto 0;
}
.page-content-404 form#search-form div:first-child{
width: auto;
margin:60px auto 0;
}
.page-content-404 .form{
height: auto;
padding:15px 15px 12px;
font-size:16px;
margin-bottom:18px;
letter-spacing: 0.5px;
}
.page-content-404 form#search-form .search-form{
padding: 11px 13px;
border:1px solid #eeeeee;
background:transparent;
box-shadow: none;
font-size:13px;
}
.page-content-404 .search-form-button{
border:none;
width: auto;
padding:10px 20px 9px 20px;
}
.page-content-404 form#search-form .search-form,
.page-content-404 form#search-form .seach-form-button,
.page-content-404 form#search-form .seach-form-button:focus,
.page-content-404 form#search-form .search-form:focus{
outline:none;
} .separator {
height: 1px;
background-color: #f4f4f4;
margin: 40px 0;
text-align: center;
}
.separator div {
display: inline-block;
background-color: #fff;
padding: 1px 1em;
position: relative;
top: -9px;
font-size: 90%;
}
.separator-text-align-left {
text-align: left;
}
.separator-text-align-right {
text-align: right;
}
.spacer {
height: 40px;
}  #page-content .tp-caption .gray {
color: #919191;
} .loginsection {
border: 2px dashed rgba(54, 165, 218, 0.33);
border-radius: 10px;
padding: 20px;
text-align: center;
background-color: rgba(133, 209, 246, 0.35);
margin-bottom: 20px;
}
.loginbtn {
color: #fff;
font-weight: 900;
font-size: 20px;
text-transform: uppercase;
background-color: #2B8FBE;
padding: 5px 20px;
border-radius: 4px;
box-shadow: 0px 3px 0px rgba(5, 64, 92, 0.72);
}
.loginbtn:hover {
background-color: #1c5e7d;
box-shadow: 0px 1px 4px rgba(5, 64, 92, 0.22);
color: #2B8FBE;
}
#navigation-sticky.dark-nav {
background: -webkit-linear-gradient(#1E5E74, rgba(51, 169, 184, 0.64));
background: -o-linear-gradient(#1E5E74, rgba(51, 169, 184, 0.64));
background: -moz-linear-gradient(#1E5E74, rgba(51, 169, 184, 0.64));
background: linear-gradient(#1E5E74, rgba(51, 169, 184, 0.64));		
}a.mail:hover{
background:#404040 !important;
}
a.facebook:hover{
background:#4b6ea8 !important;
}
a.twitter:hover{
background:#4fd5f8 !important;
}
a.youtube:hover{
background:#da1818 !important;
}
a.vimeo:hover{
background:#96d3f0 !important;
}
a.pinterest:hover{
background:#d83633 !important;
}
a.linkedin:hover{
background:#0189c3 !important;
}
a.flickr:hover{
background:#84979e !important;
}
a.dropbox:hover{
background:#1e81c2 !important;
}
a.instagram:hover{
background:#e1d4b8 !important;
}
a.tumblr:hover{
background:#345365 !important;
}
a.skype:hover{
background:#00bbf0!important;
}
a.googleplus:hover,
a.google_plus:hover,
a.google-plus:hover{
background:#da2200 !important;
}
a.twitter-square:hover{
background:#4fd5f8 !important;
}
a.rss:hover{
background:#fb9c00 !important;
}
a.apple:hover{
background:#404040 !important;
}
a.windows:hover{
background:#0063f4 !important;
}
a.dribbble:hover{
background:#f2689c !important;
}
a.android:hover{
background:#80da23 !important;
}
a.html5:hover{
background:#ec6432 !important;
}
a.css3:hover{
background:#3a88d0 !important;
}
a.pagelines:hover{
background:#4f98df !important;
}
a.gittip:hover{
background:#7c6035 !important;
} a.social-facebook:hover {
color: #4b6ea8 !important;
}
a.social-mail:hover{
color:#404040 !important;
}
a.social-twitter:hover{
color:#4fd5f8 !important;
}
a.social-youtube:hover{
color:#da1818 !important;
}
a.social-vimeo:hover{
color:#96d3f0 !important;
}
a.social-pinterest:hover{
color:#d83633 !important;
}
a.social-linkedin:hover{
color:#0189c3 !important;
}
a.social-flickr:hover{
color:#84979e !important;
}
a.social-dropbox:hover{
color:#1e81c2 !important;
}
a.social-instagram:hover{
color:#e1d4b8 !important;
}
a.social-tumblr:hover{
color:#345365 !important;
}
a.social-skype:hover{
color:#00bbf0!important;
}
a.social-googleplus:hover,
a.social-google_plus:hover,
a.social-google-plus:hover{
color:#da2200 !important;
}
a.social-twitter-square:hover{
color:#4fd5f8 !important;
}
a.social-rss:hover{
color:#fb9c00 !important;
}
a.social-apple:hover{
color:#404040 !important;
}
a.social-windows:hover{
color:#0063f4 !important;
}
a.social-dribbble:hover{
color:#f2689c !important;
}
a.social-android:hover{
color:#80da23 !important;
}
a.social-html5:hover{
color:#ec6432 !important;
}
a.social-css3:hover{
color:#3a88d0 !important;
}
a.social-pagelines:hover{
color:#4f98df !important;
}
a.social-gittip:hover{
color:#7c6035 !important;
}.dark-bg{
background-color:#3a3a3a !important;
} #page-content .soft-bg,
#page-content .soft-bg-1{
position: relative;
} #page-content .soft-bg:before{
background-color:rgba(34,34,34, 0.75);
position: absolute;
left:0;
top: 0;
width: 100%;
height: 100%;
display: block;
content:'';
} #page-content .soft-black-bg:before{
background-color:rgba(0,0,0, 0.6);
position: absolute;
left:0;
top: 0;
width: 100%;
height: 100%;
display: block;
content:'';
} .soft-bg-icons{
background-color:rgba(34,34,34, 0.75);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.soft-bg-icons:hover,
#w-filters .selected{
background-color:rgba(31,31,31, 0.9);
} #page-content .soft-bg-grade{
z-index: 1;
}
#page-content .soft-bg-grade:before{
background: rgb(105,105,105);  background: -moz-linear-gradient(top,  rgba(105,105,105,0.85) 0%, rgba(16,16,16,0.85) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(105,105,105,0.85)), color-stop(100%,rgba(16,16,16,0.85))); background: -webkit-linear-gradient(top,  rgba(105,105,105,0.85) 0%,rgba(16,16,16,0.85) 100%); background: -o-linear-gradient(top,  rgba(105,105,105,0.85) 0%,rgba(16,16,16,0.85) 100%); background: -ms-linear-gradient(top,  rgba(105,105,105,0.85) 0%,rgba(16,16,16,0.85) 100%); background: linear-gradient(to bottom,  rgba(105,105,105,0.85) 0%,rgba(16,16,16,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#101010',GradientType=0 ); z-index:0;
position: absolute;
left:0;
top: 0;
width: 100%;
height: 100%;
display: block;
content:'';
} .dark-nav .nav-menu{
color:white;
}
.first-nav.dark-nav{
background-color:rgba(34,34,34, 0.1);
}
.second-nav.dark-nav,
.dark-nav .nav-menu ul.dropdown-menu{
background-color:rgba(34,34,34, 0.95);
}
.dark-nav .nav-menu ul.dropdown-menu li a{
color:inherit;
}
.dark-nav .nav-menu ul.dropdown-menu li a:hover,
#navigation-sticky.dark-nav .nav-menu ul li a:hover,
#navigation-sticky.dark-nav .nav-menu ul li.active a{
background-color:rgba(34,34,34, 0.5);
}
.first-nav.dark-nav .nav-inner .nav-menu ul li a:hover{
background-color:rgba(34,34,34, 0.1);
}
.second-nav.dark-nav .nav-inner .nav-menu ul li a:hover{
background-color:rgba(34,34,34, 0.95);
}
.second-nav.dark-nav .nav-inner .nav-menu ul li.active a,
.dark-nav .nav-menu ul.dropdown-menu li a:hover{
background-color:rgba(30,32,38,0.1);
}
#navigation-sticky.dark-nav {
background: -webkit-linear-gradient(rgba(26, 31, 62, 0.9), rgba(26,31,62,.75));
background: -o-linear-gradient(rgba(26, 31, 62, 0.9), rgba(26,31,62,.75));
background: -moz-linear-gradient(rgba(26, 31, 62, 0.9), rgba(26,31,62,.75));
background: linear-gradient(rgba(26, 31, 62, 0.9), rgba(26,31,62,.75));		
}
.home #navigation-sticky.dark-nav{
background: -webkit-linear-gradient(rgba(0,0,0,0.80), rgba(0,0,0,0));
background: -o-linear-gradient(rgba(0,0,0,0.80), rgba(0,0,0,0));
background: -moz-linear-gradient(rgba(0,0,0,0.80), rgba(0,0,0,0));
background: linear-gradient(rgba(0,0,0,0.80), rgba(0,0,0,0));
}
.home .sticky-wrapper {
width: 100%;
position: fixed;
z-index: 9999;
} .home-boxes .owl-controls .owl-buttons div{
background-color:#262626;
} ul#w-filters li a{
background-color:rgba(31,31,31, 0.3);
}
ul#w-filters li a.selected,
ul#w-filters li a:hover{
background-color:rgba(65,65,65, 1);
}
.w-items .w-item{
background-color:rgba(25,25,25, 0.3);
}
footer.footer.dark-footer{
background:#191919;
}
footer.footer-classic.dark-footer {
border-top: 1px solid #282828;
}
footer.footer.dark-footer p,
footer.footer.dark-footer a{
color:#8d8d8d;
} section.page-content{
background:#1f1f1f;
}  .dark-layout{
background-color:#1f1f1f !important;
}
#footer-widgets.footer-widgets-dark {
background-color: #1F1F1F;
} body.dark-layout #pageloader {
background-color: #1f1f1f !important;
} body.dark-layout section.page_header{
background-color:#171717;
}
body.dark-layout section.page_header .page_header_inner .p_head_left h1.p-header{
color:#fff;
}
body.dark-layout section.page_header .page_header_inner .p_head_left p.p-desc{
color:#e4e4e4;
}
body.dark-layout section.page_header .page_header_inner .p_head_right a.p-head-button{
color:#e4e4e4;
}
body.dark-layout section.page-content{
background:#232323 !important;
} body.dark-layout .vntd-icon-box a.about-icon{
border:1px solid white;
color:white;
} body.dark-layout .vntd-icon-box h3{
color:#cccccc;
} body.dark-layout .vntd-icon-box p{
color:#a3a3a3;
} body.dark-layout .vntd-icon-box:hover a.about-icon{
background:white;
color:#1f1f1f;
}
body.dark-layout .vntd-icon-box:hover a.about-icon:after{
border:1px solid white;
} body.dark-layout .fact h3{
color:#dadada;
} body.dark-layout #portfolio{
border-top:1px solid #1a1a1a;
border-bottom:1px solid #1a1a1a;
background-color:#1a1a1a;
} body.dark-layout .portfolio #options ul li a{
color:#c2c2c2;
border:1px solid #c2c2c2;
}
body.dark-layout .portfolio #options ul li a:hover,
body.dark-layout .portfolio #options ul li a.selected{
background:#ffffff;
color:#1a1a1a;
}
body.dark-layout .portfolio a.portfolio-view-more{
background:#2b2b2b;
color:#464646;
}
body.dark-layout .portfolio a.portfolio-view-more:hover{
color:white;
} body.dark-layout .team .team-boxes .item .box-inner{
border:1px solid #383838;
}
body.dark-layout .team .team-boxes .item .member-image{
border:1px solid #383838;
} body.dark-layout .team .team-boxes .item .member-name h1.name{
color:#ececec;
}
body.dark-layout .team .team-boxes .item .member-name h3.position{
color:#868686;
} body.dark-layout .team .team-boxes .member-details{
background:rgba(31,31,31,1);
}
body.dark-layout .team .team-boxes .item .member-details .details .member-description{
color:#acacac;
} body.dark-layout .team .team-boxes .item .member-details .details a.member-social{
background:#424242;
} body.dark-layout .team .team-boxes .owl-controls .owl-buttons div{
background-color:#2c2c2c;
} body.dark-layout .team .team-boxes .item .member-details .details a.member-detail-button{
border:1px solid #383838;
} body.dark-layout .modal{
background-color: rgba(31,31,31,0.98);
}
body.dark-layout .modal-inner{
border-bottom:1px solid #2f2f2f;
}
body.dark-layout .modal .modal-inner .modal-head{
border-bottom:1px solid #2f2f2f;
}
body.dark-layout .modal .modal-inner a.close {
background:#454545;
}
body.dark-layout .modal .modal-inner h1.member-name,
body.dark-layout .modal .modal-inner h4{
color:white;
}
body.dark-layout .modal .modal-inner p{
color:#c3c3c3;
}
body.dark-layout .modal .modal-inner .modal-right .progress{
background-color:#262626;
}
body.dark-layout .modal .modal-inner .modal-right .progress .progress-bar{
background-color:#5d5d5d;
} body.dark-layout .testimonials .t-arrow{
border-top-color: #1f1f1f; 
} body.dark-layout .clients .item h1.client-name{
color:#d7d7d7;
} body.dark-layout .clients .item h3.client-position{
color:#7f7f7f;
} body.dark-layout .clients .owl-controls .owl-pagination .owl-page{
background:#5f5f5f;
}
body.dark-layout .clients .owl-controls .owl-pagination .owl-page.active{
border:1px solid #5f5f5f;
background:transparent;
} body.dark-layout .client-logos{
background-color:#1a1a1a;
} body.dark-layout .tabs .nav-tabs{
border-bottom:1px solid #313131;
}
body.dark-layout .tabs .nav-tabs li a{
color:#7f7f7f;
background:#191919;
}
body.dark-layout .tabs .nav-tabs li.active a{
background:#1f1f1f;
border-left-color:#313131;
border-right-color:#313131;
border-bottom:1px solid #1f1f1f;
top:1px;
}
body.dark-layout .tabs .nav-tabs li a:hover{
background:#292929;
border-color:transparent;
}
body.dark-layout .tabs .nav-tabs li.active a:hover{
background:#1f1f1f;
color:#7f7f7f;
border-top-color:#5c5c5c;
} body.dark-layout .tabs .tab-content{
border:1px solid #313131;
color:#a9a9a9;
} body.dark-layout .accordion .panel{
border-color:#313131;
border-radius: 0;
}
body.dark-layout .accordion a.panel-button{
color:#b0b0b0;
background:#1f1f1f;
}
body.dark-layout .accordion a.panel-button:hover{
background:#161616;
} body.dark-layout .accordion .panel-body{
color:#8e8d8d;
background:#1f1f1f;
border-top:1px solid #313131;
} body.dark-layout .progress{
background-color:#262626;
}
body.dark-layout .progress .progress-bar{
background-color:#5d5d5d;
} body.dark-layout #services{
background-image: none;
background-color:#1b1b1b;
} body.dark-layout .service-boxes .service-box a.service-icon{
border:1px solid #8b8b8b;
color:#8b8b8b;
} body.dark-layout .service-boxes .service-box h3{
color:#c5c5c5;
} body.dark-layout .service-boxes .service-box p{
color:#868686;
} body.dark-layout .service-boxes .service-box:hover a.service-icon{
background:white;
color:#1b1b1b;
}
body.dark-layout .service-boxes .service-box:hover a.service-icon:after{
border:1px solid white;
}
body.dark-layout .service-boxes .owl-controls .owl-buttons div{
background-color:#232323;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left-litle.png);
}
body.dark-layout .service-boxes .owl-controls .owl-buttons div:nth-of-type(2){
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right-litle.png);
}
body.dark-layout .service-boxes .owl-controls .owl-buttons div:hover{
background-color:white;
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/left-litle-black.png);
}
body.dark-layout .service-boxes .owl-controls .owl-buttons div:nth-of-type(2):hover{
background-image:url(//smartclubtutoring.com/wp-content/themes/north/img/right-litle-black.png);
} body.dark-layout ul.project_features li.p-feature{
border-bottom:1px solid #323232;
color:#e9e9e9;
}
body.dark-layout .vntd-portfolio-details span {
color: #e9e9e9 !important;
}
body.dark-layout .project_inner .project-detail-columns{
border-top:1px solid #323232;
border-bottom:1px solid #323232;
} body.dark-layout .post,
body.dark-layout .details .post-info{
border-bottom:1px solid #2d2d2d;
}
body.dark-layout .details .post-info a.post-item{
border-right:1px solid #2d2d2d;
}
body.dark-layout .blog-head{
color:#b4b4b4;
background:#2d2d2d;
}
body.dark-layout .blog-head.inner-head{
background:transparent;
color:white;
} body.dark-layout ul.pagination li a{
color:#8d8d8d;
background:#2d2d2d;
border-color:#3d3d3d;
}
body.dark-layout ul.pagination li a:hover{
color:#8d8d8d;
background:#3d3d3d;
border-color:#3d3d3d;
}
body.dark-layout ul.pagination li.active a{
color:white;
} body.dark-layout .search{
border:1px solid #2d2d2d;
color:#c5c5c5;
}
body.dark-layout .search-button{
color:#c5c5c5;
}
body.dark-layout .blog_sidebar .bar a.tag{
border:1px solid #aaaaaa;
color:#aaaaaa;
}
body.dark-layout .page_sidebar .bar ul.categories li{
border-bottom:1px solid #2d2d2d;
}
body.dark-layout .page_sidebar .bar ul.categories li:hover{
background:#2d2d2d;
}
body.dark-layout.page_sidebar h1.bar-head{
color:#f1f1f1;
}
body.dark-layout .post ul.comments li div.comment-text{
background:#2d2d2d;
}
body.dark-layout.post ul.comments li div.comment-text:after{
border-right-color: #2d2d2d;
}
body.dark-layout .post .details > ul.comments{
border-top:1px solid #2d2d2d;
}
body.dark-layout ul.project_features li.p-feature a:hover{
color:#fff;
}
body.dark-layout .mail-message{
color:white;
} body.dark-layout .contact form input,body.dark-layout  .contact form textarea {
background-color:transparent;
border:1px solid #2e2e2e;
}
body.dark-layout .contact form input:hover,
body.dark-layout .contact form textarea:hover{
border-color:#414141;
} @media only screen and (max-width: 1000px){
.dark-nav .nav-inner div.nav-menu ul.nav{
background-color:rgba(34,34,34, 0.95);
}
}.separator div,
body {
background-color:	#fff;
color:				#6d6d6d;
}
a,
.vntd-accent-color {
color:				#3fafab;
} #navigation-sticky.white-nav,
.second-nav.white-nav,
.white-nav .nav-menu ul.dropdown-menu {
background-color:	#fff;
}
#navigation-sticky.white-nav,
.second-nav.white-nav .nav-menu,
.first-nav.white-nav .nav-menu ul.dropdown-menu li a {
color:	#ffffff;
}
.second-nav.white-nav .nav-inner .nav-menu ul li.active a,
.white-nav .nav-menu ul.dropdown-menu li a:hover,
.white-nav .nav-menu ul.dropdown-menu li.active a,
.nav>li>a:hover, .nav>li>a:focus {
background-color:	#0a0a0a;
} section.page_header {
background-color:	#ffffff;
border-color:		#ffffff;
}
section.page_header .page_header_inner .p_head_left h1.p-header {
color:	#3e3e3e;
}
section.page_header .page_header_inner .p_head_left p.p-desc {
color:	#787777;
}
section.page_header .page_header_inner .p_head_right a.p-head-button {
color:	#6a6a6a;
} .footer.white-bg {
background-color:	#fff !important;
border-color:		#fff;
color:				#767676;
}
.footer.white-bg a,
.footer.white-bg p {
color:				#767676;
} h1,h2,h3,h4,h5,h6 { color:#36a5da; } .colored,
.testimonials li.text h1 span,
#page-content .vntd-pricing-box.p-table.active h1,
#page-content .vntd-pricing-box.p-table.active h3,
#address .address-soft a.mail-text:hover,
.white-nav .nav-menu ul.dropdown-menu li a:hover,
.vntd-icon-box.box:hover .left-icon a,
.white-nav .nav-menu ul.dropdown-menu li.active a,
footer.footer a:hover,
section.page_header .page_header_inner .p_head_right a.p-head-button:hover,
body.dark-layout section.page_header .page_header_inner .p_head_right a.p-head-button:hover,
#blog .details .post-info a.post-item:hover,
.dark-nav .nav-menu ul.dropdown-menu li a:hover,
.dark-nav .nav-menu ul.dropdown-menu li.active a,
a.text-button:hover,
.blog .details a.post-item:hover,
span.post-item a:hover,
.nav-menu ul li a:hover,
.nav-menu ul li.active a,
#page-content .color-accent,
.blog .post a.read-more-post:hover,
.address-soft a.mail-text:hover,
.bar.widget_rss a.rsswidget:hover,
.twitter-feed-icon:hover {
color: #3fafab;
}
.current_page_item > a,
.current-menu-ancestor > a,
.current-menu-parent > a {
color: #3fafab !important;
}  .colored-bg,
a.page-content-button:hover,
.feature-box:hover a.box-icon,
.vntd-portfolio-carousel .works .item .featured-ball:hover,
.vntd-cta-button:hover,
.vntd-pricing-box.p-table.active a.p-button,
.vntd-pricing-box.p-table a.p-button:hover,
a.active-colored,
.blocked,
.modal .modal-inner a.close:hover,
.portfolio a.portfolio-view-more:hover,
body.dark-layout .portfolio a.portfolio-view-more:hover,
#team .team .team-boxes .item .member-details .details a.member-detail-button:hover,
.bar .tagcloud a:hover,
#respond #submit:hover,
ul.pagination li.active a,
ul.pagination li.active a:hover,
body.dark-layout ul.pagination li.active a,
body.dark-layout ul.pagination li.active a:hover,
.contact form button.contact-form-button:hover,
.btn-accent,
.vntd-list-bg i,
.vntd-accent-bgcolor,
.pagination .current,
.contact .wpcf7-submit:hover,
.blog .post.sticky .blog-head,
.portfolio .portfolio-items div.colio-active-item .item-inner,
#page-content .colio-navigation a:hover,
#page-content .colio-close {
background-color: #3fafab;
} .colored-border,
.feature-box:hover a.box-icon:after,
a.text-button:hover,
#team .team .team-boxes .item .member-details .details a.member-detail-button:hover,
.bar .tagcloud a:hover,
ul.pagination li.active a,
ul.pagination li.active a:hover,
.bs-callout-north,
.vntd-icon-box.box:hover .left-icon a,
.btn-accent,
.pagination .current,
.contact .wpcf7-submit:hover,
blockquote {
border-color:#3fafab;
}
.tabs .nav-tabs li.active a,
.nav-menu ul.dropdown-menu{
border-top-color:#3fafab;
}
.vntd-tour .nav-tabs li.active a {
border-left-color:#3fafab;
} body { font-size:16px; } h1,h2,h3,h4,h5,h6,.font-primary,.w-option-set,#page-content .wpb_content_element .wpb_tabs_nav li,.vntd-pricing-box .properties { font-family:"Lato", Open Sans, Helvetica, sans-serif; } body,h2.description,.vntd-cta-style-centered h1,.home-fixed-text,.font-secondary,.wpcf7-not-valid-tip,.testimonials h1 { font-family:"Open Sans", Open Sans, Helvetica, sans-serif; } .semibold { font-weight:600; }@media only screen and (min-width: 1920px){
} @media only screen and (max-width: 1185px){
footer .container {
padding: 0 10px !important;
}
#footer-widgets .col-xs-3 {
padding: 0 10px !important;
} .nav-inner {
padding-left:20px;
padding-right:20px;
} ul#w-filters li{
margin-left:30px;
margin-right:30px;
} .facts .fact{
margin-right:50px;
} .home-elements .v1{
padding:0 25px;
}
.inner-portfolio{
padding:0 25px;
}
} @media only screen and (max-width: 1150px){ ul.features-mobile{
background-size:35% auto;
background-position: center bottom;
margin-top:40px;
padding-top:25px;
padding-bottom:100px;
min-height: 100%;
}
.features-background{
height: auto;
top:0;
left:0;
right: 0;
bottom:160px;
}
ul.features-mobile li.feature-box{
max-width: 35%;
}
.slides-navigation a{
width: 25px;
height: 44px;
background-size: 13px auto;
} .portfolio-items div.item{
width: 33.3%;
}
} @media only screen and (max-width: 1100px){ .home-inner.v2 .text-slider .home-texts .slide{
font-size:40px;
line-height: 40px;
}
.home-inner.v2 .home-fixed-text{
font-size:18px;
} .home-inner.v1 .home-fixed-text{
font-size:40px;
line-height: 50px;
}
.home-inner.v1 .text-slider .home-texts .slide{
font-size:80px;
line-height: 90px;
}
}
@media only screen and (max-width: 1024px){ #page-content .colio-container {
width: 94%;
padding-left: 0;
padding-right: 0;
}
#page-content .colio-navigation {
top: 41px;
margin-top: 0;
}
#page-content .colio-prev {
left: 50%;
margin-left: -70px;
}
#page-content .colio-next {
right: 50%;
margin-right: -70px;
} .vntd-cta .content-left{
padding-right: 10px;
max-width: 55%;
}
.vntd-cta .content-right{
margin-top:10px;
}
.single-post.blog .inner,
.blog .page_inner,
body.page-template-default .page-holder > .inner 
{
padding-left: 15px;
padding-right: 15px;
}  .home-inner.v2 .text-slider .home-texts .slide{
font-size:40px;
line-height: 40px;
}
.home-inner.v2 .home-fixed-text{
font-size:18px;
} .home-inner.v1 .home-fixed-text{
font-size:40px;
line-height: 50px;
}
.home-inner.v1 .text-slider .home-texts .slide{
font-size:80px;
line-height: 90px;
} ul#w-filters li{
margin-left:75px;
margin-right:75px;
} #facts .vc_col-sm-3 {
width: 47%;
margin-right:1%;
margin-left:1%;
padding: 0;
float: left;
}
#facts .fact {
max-width: none;
}
.vc_col-sm-3:nth-child(1) .fact, .vc_col-sm-3:nth-child(3) .fact {
float: right;
margin-right: 4px;
width: 265px;
}
.vc_col-sm-3:nth-child(2) .fact, .vc_col-sm-3:nth-child(4) .fact {
float: left;
margin-left: 24px;
width: 265px;
} .team .team-boxes .item{
padding:0 25px;
}
ul.circle-slider li a.plus-button{
left:70px;
}
} @media only screen and (min-width: 1000px){ .nav-inner div.nav-menu{
display: block !important;
}
} @media only screen and (max-width: 1000px){ .mobile-nav-button{
display: block;
}
.nav-inner div.nav-menu{
display: none;
top:100%;
width: 100%;
position: absolute;
left:0;
float: none;
height: 400px;
overflow: auto;
}
.nav-inner div.nav-menu ul.nav{
display: block;
top:0;
width: 100%;
height: auto;
}
.white-nav .nav-inner div.nav-menu ul.nav{
background:white;
}
.first-nav.white-nav .nav-inner div.nav-menu ul.nav{
color:#1f1f1f;
}
.nav-inner div.nav-menu ul.nav li{
display: block;
top:0;
width: 100%;
float: none;
padding:0;
clear: both;
}
.nav-inner div.nav-menu ul.nav li a{
display: block;
top:0;
width: 100%;
padding:0 15px;
height: auto;
line-height: 35px;
border-top:1px solid rgba(137,137,137,0.1);
}
.nav-menu ul.dropdown-menu{
position: relative;
width: 100%;
}
.nav-inner div.nav-menu ul.dropdown-menu li a{
padding:0 25px;
} .icon-box-default.box {
padding:10px;
}
.icon-box-default.box .right-desc{
text-align: center !important;
padding:10px;
width: 100%;
}
.icon-box-default.box .left-icon{
float: none;
display: block;
margin:0 auto;
width: 100%;
text-align: center;
}
#page-content .p-column{
width: 100%;
padding:20px 0; 
float: none;
}
body.dark-layout #project-section .project_inner .project-detail-columns,
#project-section .project_inner .project-detail-columns{
border-bottom: transparent !important;
}
.fact {
width: 240px;
margin-left: auto;
margin-right: auto;
display: block;
}
} @media only screen and (max-width: 960px){ .team .team-boxes .item{
padding:0 15px;
}
} @media only screen and (max-width: 800px){ .team .team-boxes .item{
padding:0 6px;
} #page-content .colio-container {
width: 100%;
padding-left: 0;
padding-right: 0;
} footer .container {
padding: 0 15px !important;
}
#footer-widgets .col-xs-3 {
width: 50%;
padding: 0 15px !important;
} .single-portfolio #page-content .vc_col-sm-6 {
width: 100%;
float: none;
}
.single-portfolio #page-content .vc_col-sm-6,
.single-portfolio .frame-video {
margin: 0 auto;
} ul.features-mobile{
background-image:none;
margin-top:10px;
}
ul.features-mobile li.feature-box{
max-width: 50%;
} .home-inner.v1 .home-fixed-text{
font-size:35px;
line-height: 45px;
}
.home-inner.v1 .text-slider .home-texts .slide{
font-size:70px;
line-height: 80px;
}
.home-inner.v1 .text-slider .flex-direction-nav{
margin: 0;
} ul#w-filters li{
margin-left:50px;
margin-right:50px;
}
#what-we-do .vc_col-sm-6:first-child,
.w-second-area .w-left{
width: 100%;
padding-left: 0;
padding-right: 0;
}
#what-we-do .vc_col-sm-6:last-child,
.w-second-area .w-right img{
display: none;
}  #about .about-boxes{
margin:50px auto 0;
}
#about .vc_col-sm-3{
width: 50%;
margin-top:20px;
float: left;
} #why-we div.right{
width: 100%;
float: none;
padding:0;
margin-top:30px;
}
#why-we div.left{
width: 100%;
float: none;
padding:0;
} #prices .prices{
margin-top:25px;
}
#prices .prices .p-table{
width: 50%;
margin-top:25px;
text-align: center;
border-left-width: 0px;
} .portfolio .portfolio-items .boxed-item.col-xs-4,
.portfolio .portfolio-items .item {
width: 50%;
}
.team .team-boxes .item .member-image img {
width: auto;
max-width: none;
}
#features .inner .vc_col-sm-4 {
width: 48%;
padding-top: 0 !important;
float: left;
}
#features .vc_col-sm-4:nth-child(1) {
padding-right: 2%;
}
#features .vc_col-sm-4:nth-child(3) {
margin-left: 2%;
}
#features .vc_col-sm-4:nth-child(2) {
display: none;
}
#what-we .vc_col-sm-6{
width: 100%;
float: none;
}
.tabs {
margin-bottom: 35px !important;
}
#prices .vc_col-sm-3 {
width: 50%;
margin-bottom: 20px;
}
.video-part div.left-video,
div.right-texts{
width: 100%;
margin:0 auto;
float: none;
}
.video-part .left-video .video{
top:4%;
}
.page-holder .page_inner,
#page-content .page_sidebar,
#blog .blog_inner + .blog_sidebar,
#blog .blog_sidebar,
#blog .blog_inner{
width: 100%;
float: none;
padding: 5px 15px;
}
ul.circle-slider li img{
display: block;
margin:0 auto;
width: 100%;
}
ul.circle-slider li .texts{
left:0;
margin-top:-150px;
margin-left:0;
}
.inner-portfolio .p-head{
font-size:50px;
}
ul.circle-slider{
width: 80%;
display: block;
margin:0 auto;
}
ul.circle-slider li a.plus-button{
top:40px;
margin-left:0;
left:0;
}
ul.circle-slider li a.number{
top:40px;
}
.circle-image-slider + a.home-button-white{
top:0;
margin-top: 80px;
margin-left:12%;
}
.circle-image-slider ul.flex-direction-nav{
left:12%;
top:0;
}
.s-03 .glass-bg .plus-button{
display: block;
margin:0 auto 20px;
}
.inner-portfolio .p-part{
text-align: center !important;
}
.inner-portfolio div.f-left{
float: none;
margin:0 auto;
}
.f-left > .plus-button{
top:0;
}
} @media only screen and (max-width: 640px){ section.page-content .page-content-inner .content-left,
section.page-content .page-content-inner .content-right,
.vntd-cta .content-left,
.vntd-cta .content-right {
width: 100%;
max-width: 100%;
text-align: center;
float: none;
} .home-inner.v2 .text-slider .home-texts .slide{
font-size:30px;
line-height: 30px;
}
.home-inner.v2 .home-fixed-text{
font-size:15px;
line-height: 15px;
} .home-inner.v1 .home-fixed-text{
font-size:25px;
line-height: 35px;
}
.home-inner.v1 .text-slider .home-texts .slide{
font-size:50px;
line-height: 60px;
}
.home-inner.v1 .text-slider .flex-direction-nav li a{
width: 30px;
height: 30px;
background-size:30px auto;
}
.home-inner.v1 .text-slider .flex-direction-nav li a.flex-next{
margin:5px 0;
}
.home-strip{
margin:14px auto 9px;
} .team .team-boxes .item{
padding:0 15px;
} .header{
font-size:40px;
} .skills .left,
.skills .right,
.contact .left,
.contact .right{
width: 100%;
float: none;
} #address .address-soft a.social{
margin:7px;
} #back-top{
right:25px;
bottom:25px;
} .icon-box-default{
width: 100%;
} .blog-head .blog-head-left h1,
.blog-head .blog-head-right h1{
font-size:25px;
}
.blog-head .blog-head-right h1{
margin-top: 0;
}
.blog-head .blog-head-left p{
font-size:13px;
}
.blog-head .blog-head-left{
max-width: 80px;
}
.blog-head.inner-head .blog-head-right h1{
font-size:20px;
}
.blog-head .blog-head-right p{
font-size:12px;
}
.element-part .fifty,
.element-part .fifty:last-child{
width: 100% !important;
float: none;
padding:20px 0 !important;
}
.element-part .facts .fact{
margin-right: 20px !important;
margin-left: 20px;
}
.element-part .social,
.element-part .btn{
margin-top:5px;
}
} @media only screen and (max-width: 560px){ .team .team-boxes .item{
padding:0 100px;
}
ul.circle-slider li a.plus-button{
top:15px;
}
ul.circle-slider li a.number{
top:15px;
}
#footer-widgets .col-xs-3 {
width: 100%;
padding: 0 15px !important;
}
.footer-classic p {
float: none;
}
.footer-classic .vntd-social-icons {
float: none;
margin-top: 15px;
}
} @media only screen and (max-width: 480px){ .portfolio #options ul li {
margin-top:12px;
margin-bottom: 5px;
} .home-inner.v2 .text-slider .home-texts .slide{
font-size:20px;
line-height: 20px;
}
.home-inner.v2 .home-fixed-text{
font-size:13px;
line-height: 13px;
} .home-inner.v1 .home-fixed-text{
font-size:22px;
line-height: 32px;
}
.home-inner.v1 .text-slider .home-texts .slide{
font-size:35px;
line-height: 45px;
} ul#w-filters li{
margin-left:25px;
margin-right:25px;
} .team .team-boxes .item{
padding:0 75px;
} #features ul.features-mobile li.feature-box,
#features ul.features-mobile li.feature-box:nth-of-type(2n){
max-width: 100%;
padding:0 10px;
}
#features ul.features-mobile li.feature-box:last-child{
margin-bottom:50px;
}
#features .inner .vc_col-sm-4 {
width: 100%;
float: none;
padding: 0;
}
#page-content .feature-box a.box-icon{
margin:0 auto;
float:none;
}
#features ul.features-mobile li.feature-box:nth-of-type(2n) a.box-icon{
float:none;
}
.tabs,
.progress:last-child {
margin-bottom: 35px !important;
}
#page-content .feature-box .feature-texts,
#features ul.features-mobile li.feature-box:nth-of-type(2n) .feature-texts{
margin:0 auto;
text-align: center;
} #prices .vc_col-sm-3,
#prices .prices .p-table{
width: 100%;
float: none;
} .portfolio .portfolio-items .boxed-item.col-xs-4,
.portfolio .portfolio-items .item,
.portfolio .portfolio-items div.boxed-item,
.portfolio .portfolio-items div.item{
width: 100%;
float: none;
} .address-soft h2.phone-text,
.address-soft a.mail-text{
font-size:20px;
line-height: 25px;
}
.address-soft{
padding:30px;
}
.address-soft h1.phone-text{
font-size:40px;
} .tabs .nav-tabs li a{
padding: 6px 12px;
} .video-part .left-video{
height: 250px;
} .custom_slider .image_slider .slide .texts{
padding:5px 11px;
}
.custom_slider .image_slider .slide .texts h2{
font-size:14px;
}
.custom_slider .image_slider .slide .texts p{
font-size:11px;
}
.inner-portfolio .p-head{
font-size:30px;
}
.inner-portfolio .text-slider .texts .slide{
line-height: 30px;
}
#facts .vc_col-sm-3 {
width: 100%;
margin-right:1%;
margin-left:1%;
padding: 0;
float: none;
}
#facts .fact {
width: 60%;
float: none;
margin-right: auto;
margin-left: auto;
}
} @media only screen and (max-width: 400px){ .team .team-boxes .item{
padding:0 15px;
} .home-inner.v2 .text-slider .home-texts .slide{
font-size:16px;
line-height: 16px;
}
.home-inner.v2 .home-fixed-text{
font-size:11px;
line-height: 11px;
} .home-inner.v1 .home-fixed-text{
font-size:14px;
line-height: 22px;
}
.home-inner.v1 .text-slider .home-texts .slide{
font-size:25px;
line-height: 35px;
}
.home-box h1{
margin-bottom:0;
font-size:17px;
}
.home-box p{
font-size:11px;
}
.home-strip{
margin:7px 0 6px;
}
.home-elements div.home-button-inner{
bottom:6%;
}
#home .home-elements .v1{
padding:0 35px;
}
.home-boxes .owl-controls .owl-buttons div{
width: 25px;
height: 45px;
background-size:15px auto;
margin-top:0;
}
.home-inner.v1 .text-slider .flex-direction-nav li a{
width: 20px;
height: 20px;
background-size:20px auto;
opacity: 0.3;
} .address-soft h2.phone-text,
.address-soft a.mail-text{
font-size:15px;
}
.address-soft{
padding:25px;
} #about .vc_col-sm-3{
width: 100%;
float: none;
} ul#w-filters li{
margin-left:20px;
margin-right:20px;
}
#what-we-do{
width: 100%;
overflow: hidden;
}
ul#w-filters li a{
width:80px;
height: 80px;
line-height: 80px;
font-size:15px;
} #prices .prices .p-table{
text-align: left;
border-left-width: 1px;
} .blog-head.inner-head .blog-head-right h1,
.blog-head .blog-head-right h1{
font-size:16px;
margin-top:0;
}
.blog-head{
padding:5px;
}
.blog-head .blog-head-right p{
font-size:11px;
}
.blog-head .blog-head-left{
max-width: 60px;
width: 20%;
}
.blog-head .blog-head-right{
width: 80%;
}
.project_header{
font-size:25px;
}
.custom_slider .image_slider .slide .texts{
max-width: 70%;
} .video-part .left-video{
height: 200px;
} #blog .post ul.comments ul.comments{
padding-left:25px;
}
#blog .post ul.comments li{
padding:0;
}
#blog .post ul.comments li div.comment .c-image{
margin:0;
float: none;
display: inline-block;
}
body.dark-layout #blog .post ul.comments li div.comment-text,
#blog .post ul.comments li div.comment-text{
background:transparent !important;
display: inline-block;
padding: 15px 0;
}
body.dark-layout #blog .post ul.comments li div.comment-text:after{
display: none;
}
.post-form form div{
width: 100%;
padding:15px 0 !important;
float: none;
}
#blog .inner{
padding:50px 25px;
}
.tp-caption .social-icon{
width: 11px;
height: 11px;
line-height: 6px;
}
.inner-portfolio .p-head{
font-size:24px;
}
}