/* Minification failed. Returning unminified contents. (3904,1): run-time error CSS1019: Unexpected token, found '@import' (3904,9): run-time error CSS1019: Unexpected token, found 'url(//fonts.googleapis.com/css?family=Droid+Serif:400,700)' (3905,1): run-time error CSS1019: Unexpected token, found '@import' (3905,9): run-time error CSS1019: Unexpected token, found 'url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600)' (3906,1): run-time error CSS1019: Unexpected token, found '@import' (3906,9): run-time error CSS1019: Unexpected token, found 'url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700)' */ /*! ng-dialog - v0.3.9 (https://github.com/likeastore/ngDialog) */ @-webkit-keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}@keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}@keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}.ngdialog,.ngdialog *,.ngdialog :after,.ngdialog :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngdialog{position:fixed;overflow:auto;-webkit-overflow-scrolling:touch;z-index:10000;top:0;right:0;bottom:0;left:0}.ngdialog-overlay{position:fixed;background:rgba(0,0,0,.4);top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s}.ngdialog.ngdialog-closing .ngdialog-overlay{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}.ngdialog-content{background:#fff;-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s}.ngdialog.ngdialog-closing .ngdialog-content{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}.ngdialog-close:before{font-family:Helvetica,Arial,sans-serif;content:'\00D7';cursor:pointer}body.ngdialog-open{overflow:hidden} /*! ng-dialog - v0.3.9 (https://github.com/likeastore/ngDialog) */ @-webkit-keyframes ngdialog-flyin{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ngdialog-flyin{0%{opacity:0;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes ngdialog-flyout{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes ngdialog-flyout{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}}.ngdialog.ngdialog-theme-default{padding-bottom:160px;padding-top:160px}.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content{-webkit-animation:ngdialog-flyout .5s;animation:ngdialog-flyout .5s}.ngdialog.ngdialog-theme-default .ngdialog-content{-webkit-animation:ngdialog-flyin .5s;animation:ngdialog-flyin .5s;background:#f0f0f0;border-radius:5px;color:#444;font-family:Helvetica,sans-serif;font-size:1.1em;line-height:1.5em;margin:0 auto;max-width:100%;padding:1em;position:relative;width:450px}.ngdialog.ngdialog-theme-default .ngdialog-close{border-radius:5px;cursor:pointer;position:absolute;right:0;top:0}.ngdialog.ngdialog-theme-default .ngdialog-close:before{background:0 0;border-radius:3px;color:#bbb;content:'\00D7';font-size:26px;font-weight:400;height:30px;line-height:26px;position:absolute;right:3px;text-align:center;top:3px;width:30px}.ngdialog.ngdialog-theme-default .ngdialog-close:active:before,.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before{color:#777}.ngdialog.ngdialog-theme-default .ngdialog-message{margin-bottom:.5em}.ngdialog.ngdialog-theme-default .ngdialog-input{margin-bottom:1em}.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url],.ngdialog.ngdialog-theme-default .ngdialog-input textarea{background:#fff;border:0;border-radius:3px;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0 0 .25em;min-height:2.5em;padding:.25em .67em;width:100%}.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus{-webkit-box-shadow:inset 0 0 0 2px #8dbdf1;box-shadow:inset 0 0 0 2px #8dbdf1;outline:0}.ngdialog.ngdialog-theme-default .ngdialog-buttons{*zoom:1}.ngdialog.ngdialog-theme-default .ngdialog-buttons:after{content:'';display:table;clear:both}.ngdialog.ngdialog-theme-default .ngdialog-button{border:0;border-radius:3px;cursor:pointer;float:right;font-family:inherit;font-size:.8em;letter-spacing:.1em;line-height:1em;margin:0 0 0 .5em;padding:.75em 2em;text-transform:uppercase}.ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:ngdialog-pulse 1.1s infinite;animation:ngdialog-pulse 1.1s infinite;outline:0}@media (max-width:568px){.ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:none;animation:none}}.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary{background:#3288e6;color:#fff}.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary{background:#e0e0e0;color:#777} /*! * angular-loading-bar v0.3.0 * https://chieffancypants.github.io/angular-loading-bar * Copyright (c) 2014 Wes Cruver * License: MIT */ #loading-bar,#loading-bar-spinner{pointer-events:none;-webkit-pointer-events:none;-webkit-transition:350ms linear all;-moz-transition:350ms linear all;-o-transition:350ms linear all;transition:350ms linear all}#loading-bar.ng-enter,#loading-bar.ng-leave.ng-leave-active,#loading-bar-spinner.ng-enter,#loading-bar-spinner.ng-leave.ng-leave-active{opacity:0}#loading-bar.ng-enter.ng-enter-active,#loading-bar.ng-leave,#loading-bar-spinner.ng-enter.ng-enter-active,#loading-bar-spinner.ng-leave{opacity:1}#loading-bar .bar{-webkit-transition:width 350ms;-moz-transition:width 350ms;-o-transition:width 350ms;transition:width 350ms;background:#29d;position:fixed;z-index:2000;top:0;left:0;width:100%;height:2px}#loading-bar .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-moz-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);-o-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#loading-bar-spinner{display:block;position:fixed;z-index:100;top:10px;left:10px}#loading-bar-spinner .spinner-icon{width:14px;height:14px;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:10px;-webkit-animation:loading-bar-spinner 400ms linear infinite;-moz-animation:loading-bar-spinner 400ms linear infinite;-ms-animation:loading-bar-spinner 400ms linear infinite;-o-animation:loading-bar-spinner 400ms linear infinite;animation:loading-bar-spinner 400ms linear infinite}@-webkit-keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes loading-bar-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes loading-bar-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes loading-bar-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-bar-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}} /*! * Social Buttons for Twitter Bootstrap v1.0.0 * * Copyright 2013 Adam Neumann * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 */ .btn-facebook { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #2b4b90; *background-color: #133783; background-image: -moz-linear-gradient(top, #3b5998, #133783); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783)); background-image: -webkit-linear-gradient(top, #3b5998, #133783); background-image: -o-linear-gradient(top, #3b5998, #133783); background-image: linear-gradient(to bottom, #3b5998, #133783); background-repeat: repeat-x; border-color: #133783 #133783 #091b40; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .btn-facebook.disabled, .btn-facebook[disabled] { color: #ffffff; background-color: #133783; *background-color: #102e6d; } .btn-facebook:active, .btn-facebook.active { background-color: #0d2456 \9; } .btn-twitter { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #1c95d0; *background-color: #0271bf; background-image: -moz-linear-gradient(top, #2daddc, #0271bf); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daddc), to(#0271bf)); background-image: -webkit-linear-gradient(top, #2daddc, #0271bf); background-image: -o-linear-gradient(top, #2daddc, #0271bf); background-image: linear-gradient(to bottom, #2daddc, #0271bf); background-repeat: repeat-x; border-color: #0271bf #0271bf #014473; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2daddc', endColorstr='#ff0271bf', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .btn-twitter.disabled, .btn-twitter[disabled] { color: #ffffff; background-color: #0271bf; *background-color: #0262a6; } .btn-twitter:active, .btn-twitter.active { background-color: #01538d \9; } .btn-github { color: #000000; text-shadow: 0 0.7px 0 rgba(0, 0, 0, 0.1); background-color: #f2f2f2; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #fafafa, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fafafa, #e6e6e6); background-image: -o-linear-gradient(top, #fafafa, #e6e6e6); background-image: linear-gradient(to bottom, #fafafa, #e6e6e6); background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #c0c0c0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active, .btn-github.disabled, .btn-github[disabled] { color: #000000; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn-github:active, .btn-github.active { background-color: #cdcdcd \9; } .btn-pinterest { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #c51e25; *background-color: #ab171e; background-image: -moz-linear-gradient(top, #d62229, #ab171e); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d62229), to(#ab171e)); background-image: -webkit-linear-gradient(top, #d62229, #ab171e); background-image: -o-linear-gradient(top, #d62229, #ab171e); background-image: linear-gradient(to bottom, #d62229, #ab171e); background-repeat: repeat-x; border-color: #ab171e #ab171e #680e12; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd62229', endColorstr='#ffab171e', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active, .btn-pinterest.active, .btn-pinterest.disabled, .btn-pinterest[disabled] { color: #ffffff; background-color: #ab171e; *background-color: #95141a; } .btn-pinterest:active, .btn-pinterest.active { background-color: #7e1116 \9; } .btn-linkedin { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #60a9ce; *background-color: #4393bb; background-image: -moz-linear-gradient(top, #73b8db, #4393bb); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#73b8db), to(#4393bb)); background-image: -webkit-linear-gradient(top, #73b8db, #4393bb); background-image: -o-linear-gradient(top, #73b8db, #4393bb); background-image: linear-gradient(to bottom, #73b8db, #4393bb); background-repeat: repeat-x; border-color: #4393bb #4393bb #2f6783; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff73b8db', endColorstr='#ff4393bb', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .btn-linkedin.disabled, .btn-linkedin[disabled] { color: #ffffff; background-color: #4393bb; *background-color: #3c84a8; } .btn-linkedin:active, .btn-linkedin.active { background-color: #367595 \9; } .btn-google-plus { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #d34332; *background-color: #c53727; background-image: -moz-linear-gradient(top, #dd4b39, #c53727); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727)); background-image: -webkit-linear-gradient(top, #dd4b39, #c53727); background-image: -o-linear-gradient(top, #dd4b39, #c53727); background-image: linear-gradient(to bottom, #dd4b39, #c53727); background-repeat: repeat-x; border-color: #c53727 #c53727 #85251a; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffc53727', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active, .btn-google-plus.disabled, .btn-google-plus[disabled] { color: #ffffff; background-color: #c53727; *background-color: #b03123; } .btn-google-plus:active, .btn-google-plus.active { background-color: #9a2b1f \9; } .btn-instagram { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5c88ab; *background-color: #3f729b; background-image: -moz-linear-gradient(top, #6f97b6, #3f729b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f97b6), to(#3f729b)); background-image: -webkit-linear-gradient(top, #6f97b6, #3f729b); background-image: -o-linear-gradient(top, #6f97b6, #3f729b); background-image: linear-gradient(to bottom, #6f97b6, #3f729b); background-repeat: repeat-x; border-color: #3f729b #3f729b #294a65; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f97b6', endColorstr='#ff3f729b', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .btn-instagram.disabled, .btn-instagram[disabled] { color: #ffffff; background-color: #3f729b; *background-color: #386589; } .btn-instagram:active, .btn-instagram.active { background-color: #305777 \9; } .btn-dropbox { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #2e95e0; *background-color: #2181cf; background-image: -moz-linear-gradient(top, #37a3eb, #2181cf); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#37a3eb), to(#2181cf)); background-image: -webkit-linear-gradient(top, #37a3eb, #2181cf); background-image: -o-linear-gradient(top, #37a3eb, #2181cf); background-image: linear-gradient(to bottom, #37a3eb, #2181cf); background-repeat: repeat-x; border-color: #2181cf #2181cf #16588d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff37a3eb', endColorstr='#ff2181cf', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active, .btn-dropbox.active, .btn-dropbox.disabled, .btn-dropbox[disabled] { color: #ffffff; background-color: #2181cf; *background-color: #1d73b9; } .btn-dropbox:active, .btn-dropbox.active { background-color: #1a66a3 \9; } .btn-bitbucket { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #285991; *background-color: #205081; background-image: -moz-linear-gradient(top, #2d5f9c, #205081); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d5f9c), to(#205081)); background-image: -webkit-linear-gradient(top, #2d5f9c, #205081); background-image: -o-linear-gradient(top, #2d5f9c, #205081); background-image: linear-gradient(to bottom, #2d5f9c, #205081); background-repeat: repeat-x; border-color: #205081 #205081 #112a44; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2d5f9c', endColorstr='#ff205081', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket:active, .btn-bitbucket.active, .btn-bitbucket.disabled, .btn-bitbucket[disabled] { color: #ffffff; background-color: #205081; *background-color: #1b436d; } .btn-bitbucket:active, .btn-bitbucket.active { background-color: #163758 \9; } .btn-dribbble { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #de447f; *background-color: #cb396f; background-image: -moz-linear-gradient(top, #ea4c89, #cb396f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ea4c89), to(#cb396f)); background-image: -webkit-linear-gradient(top, #ea4c89, #cb396f); background-image: -o-linear-gradient(top, #ea4c89, #cb396f); background-image: linear-gradient(to bottom, #ea4c89, #cb396f); background-repeat: repeat-x; border-color: #cb396f #cb396f #91264e; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffea4c89', endColorstr='#ffcb396f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-dribbble:hover, .btn-dribbble:focus, .btn-dribbble:active, .btn-dribbble.active, .btn-dribbble.disabled, .btn-dribbble[disabled] { color: #ffffff; background-color: #cb396f; *background-color: #ba3163; } .btn-dribbble:active, .btn-dribbble.active { background-color: #a62b59 \9; } .btn-flickr { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f63198; *background-color: #ff0084; background-image: -moz-linear-gradient(top, #f051a5, #ff0084); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f051a5), to(#ff0084)); background-image: -webkit-linear-gradient(top, #f051a5, #ff0084); background-image: -o-linear-gradient(top, #f051a5, #ff0084); background-image: linear-gradient(to bottom, #f051a5, #ff0084); background-repeat: repeat-x; border-color: #ff0084 #ff0084 #b3005c; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff051a5', endColorstr='#ffff0084', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .btn-flickr.disabled, .btn-flickr[disabled] { color: #ffffff; background-color: #ff0084; *background-color: #e60077; } .btn-flickr:active, .btn-flickr.active { background-color: #cc006a \9; } .btn-foursquare { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #079dcd; *background-color: #0072b1; background-image: -moz-linear-gradient(top, #0cbadf, #0072b1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0cbadf), to(#0072b1)); background-image: -webkit-linear-gradient(top, #0cbadf, #0072b1); background-image: -o-linear-gradient(top, #0cbadf, #0072b1); background-image: linear-gradient(to bottom, #0cbadf, #0072b1); background-repeat: repeat-x; border-color: #0072b1 #0072b1 #004165; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0cbadf', endColorstr='#ff0072b1', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-foursquare:hover, .btn-foursquare:focus, .btn-foursquare:active, .btn-foursquare.active, .btn-foursquare.disabled, .btn-foursquare[disabled] { color: #ffffff; background-color: #0072b1; *background-color: #006298; } .btn-foursquare:active, .btn-foursquare.active { background-color: #00517e \9; } .btn-renren { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #3773ab; *background-color: #33669a; background-image: -moz-linear-gradient(top, #397cb6, #33669a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#397cb6), to(#33669a)); background-image: -webkit-linear-gradient(top, #397cb6, #33669a); background-image: -o-linear-gradient(top, #397cb6, #33669a); background-image: linear-gradient(to bottom, #397cb6, #33669a); background-repeat: repeat-x; border-color: #33669a #33669a #204061; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff397cb6', endColorstr='#ff33669a', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-renren:hover, .btn-renren:focus, .btn-renren:active, .btn-renren.active, .btn-renren.disabled, .btn-renren[disabled] { color: #ffffff; background-color: #33669a; *background-color: #2d5987; } .btn-renren:active, .btn-renren.active { background-color: #264d74 \9; } .btn-skype { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #43bbe8; *background-color: #00aff0; background-image: -moz-linear-gradient(top, #70c3e2, #00aff0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70c3e2), to(#00aff0)); background-image: -webkit-linear-gradient(top, #70c3e2, #00aff0); background-image: -o-linear-gradient(top, #70c3e2, #00aff0); background-image: linear-gradient(to bottom, #70c3e2, #00aff0); background-repeat: repeat-x; border-color: #00aff0 #00aff0 #0077a3; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff70c3e2', endColorstr='#ff00aff0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-skype:hover, .btn-skype:focus, .btn-skype:active, .btn-skype.active, .btn-skype.disabled, .btn-skype[disabled] { color: #ffffff; background-color: #00aff0; *background-color: #009cd7; } .btn-skype:active, .btn-skype.active { background-color: #008abd \9; } .btn-stackexchange { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #3a70b0; *background-color: #185397; background-image: -moz-linear-gradient(top, #5184c1, #185397); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5184c1), to(#185397)); background-image: -webkit-linear-gradient(top, #5184c1, #185397); background-image: -o-linear-gradient(top, #5184c1, #185397); background-image: linear-gradient(to bottom, #5184c1, #185397); background-repeat: repeat-x; border-color: #185397 #185397 #0e2f55; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5184c1', endColorstr='#ff185397', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-stackexchange:hover, .btn-stackexchange:focus, .btn-stackexchange:active, .btn-stackexchange.active, .btn-stackexchange.disabled, .btn-stackexchange[disabled] { color: #ffffff; background-color: #185397; *background-color: #154781; } .btn-stackexchange:active, .btn-stackexchange.active { background-color: #113b6b \9; } .btn-trello { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #438ab4; *background-color: #27709b; background-image: -moz-linear-gradient(top, #569cc4, #27709b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#569cc4), to(#27709b)); background-image: -webkit-linear-gradient(top, #569cc4, #27709b); background-image: -o-linear-gradient(top, #569cc4, #27709b); background-image: linear-gradient(to bottom, #569cc4, #27709b); background-repeat: repeat-x; border-color: #27709b #27709b #18445e; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff569cc4', endColorstr='#ff27709b', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-trello:hover, .btn-trello:focus, .btn-trello:active, .btn-trello.active, .btn-trello.disabled, .btn-trello[disabled] { color: #ffffff; background-color: #27709b; *background-color: #226187; } .btn-trello:active, .btn-trello.active { background-color: #1d5372 \9; } .btn-tumblr { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #34526e; *background-color: #2a4763; background-image: -moz-linear-gradient(top, #3a5976, #2a4763); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a5976), to(#2a4763)); background-image: -webkit-linear-gradient(top, #3a5976, #2a4763); background-image: -o-linear-gradient(top, #3a5976, #2a4763); background-image: linear-gradient(to bottom, #3a5976, #2a4763); background-repeat: repeat-x; border-color: #2a4763 #2a4763 #13202d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a5976', endColorstr='#ff2a4763', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active, .btn-tumblr.disabled, .btn-tumblr[disabled] { color: #ffffff; background-color: #2a4763; *background-color: #223a51; } .btn-tumblr:active, .btn-tumblr.active { background-color: #1b2d3f \9; } .btn-vk { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #50739a; *background-color: #426187; background-image: -moz-linear-gradient(top, #5a7fa6, #426187); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a7fa6), to(#426187)); background-image: -webkit-linear-gradient(top, #5a7fa6, #426187); background-image: -o-linear-gradient(top, #5a7fa6, #426187); background-image: linear-gradient(to bottom, #5a7fa6, #426187); background-repeat: repeat-x; border-color: #426187 #426187 #293c54; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a7fa6', endColorstr='#ff426187', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-vk:hover, .btn-vk:focus, .btn-vk:active, .btn-vk.active, .btn-vk.disabled, .btn-vk[disabled] { color: #ffffff; background-color: #426187; *background-color: #3a5576; } .btn-vk:active, .btn-vk.active { background-color: #314865 \9; } .btn-weibo { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f14f4f; *background-color: #e64141; background-image: -moz-linear-gradient(top, #f85959, #e64141); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f85959), to(#e64141)); background-image: -webkit-linear-gradient(top, #f85959, #e64141); background-image: -o-linear-gradient(top, #f85959, #e64141); background-image: linear-gradient(to bottom, #f85959, #e64141); background-repeat: repeat-x; border-color: #e64141 #e64141 #c11919; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff85959', endColorstr='#ffe64141', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-weibo:hover, .btn-weibo:focus, .btn-weibo:active, .btn-weibo.active, .btn-weibo.disabled, .btn-weibo[disabled] { color: #ffffff; background-color: #e64141; *background-color: #e32a2a; } .btn-weibo:active, .btn-weibo.active { background-color: #d81c1c \9; } .btn-xing { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #155c5d; *background-color: #074c4d; background-image: -moz-linear-gradient(top, #1f6768, #074c4d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1f6768), to(#074c4d)); background-image: -webkit-linear-gradient(top, #1f6768, #074c4d); background-image: -o-linear-gradient(top, #1f6768, #074c4d); background-image: linear-gradient(to bottom, #1f6768, #074c4d); background-repeat: repeat-x; border-color: #074c4d #074c4d #010707; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f6768', endColorstr='#ff074c4d', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-xing:hover, .btn-xing:focus, .btn-xing:active, .btn-xing.active, .btn-xing.disabled, .btn-xing[disabled] { color: #ffffff; background-color: #074c4d; *background-color: #053536; } .btn-xing:active, .btn-xing.active { background-color: #031e1e \9; } .btn-youtube { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #a72121; *background-color: #6e0610; background-image: -moz-linear-gradient(top, #cd332d, #6e0610); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd332d), to(#6e0610)); background-image: -webkit-linear-gradient(top, #cd332d, #6e0610); background-image: -o-linear-gradient(top, #cd332d, #6e0610); background-image: linear-gradient(to bottom, #cd332d, #6e0610); background-repeat: repeat-x; border-color: #6e0610 #6e0610 #250205; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd332d', endColorstr='#ff6e0610', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active, .btn-youtube.active, .btn-youtube.disabled, .btn-youtube[disabled] { color: #ffffff; background-color: #6e0610; *background-color: #56050c; } .btn-youtube:active, .btn-youtube.active { background-color: #3e0309 \9; } /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-static-layers { position:absolute; z-index:505; top:0px;left:0px} .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important} .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto;} /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(/content/assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px} .tp-bannershadow.tp-shadow2 { background:url(/content/assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} .tp-bannershadow.tp-shadow3 { background:url(/content/assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none} .fullcoveredvideo video, .fullscreenvideo video { background: #000} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .html5vid .tp-revstop { display:none} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,0,0)), color-stop(1, rgb(50,50,50)) ); display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor:pointer; line-height:12px; font-size:12px; color:#fff; padding:0px; margin:0px; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; } .tp-video-seek-bar-wrap { width:80%} .tp-video-vol-bar-wrap { width:20%} .tp-volume-bar, .tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4} .tp-dottedoverlay.twoxtwo { background:url(/content/assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(/content/assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(/content/assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(/content/assets/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(/content/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.navbar-old { background:url(/content/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(/content/assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(/content/assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(/content/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(/content/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(/content/assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(/content/assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left} .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left} /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/large_left.png) no-Repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/large_right.png) no-Repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px} .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px} .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/large_left.png) no-Repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(/content/assets/large_right.png) no-Repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left} /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%} /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(/content/assets/timer.png);position:absolute; z-index:200;top:0px} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none} .tp-simpleresponsive ul, .tp-simpleresponsive ul li, .tp-simpleresponsive ul li:before { list-style:none; padding:0 !important; margin:0 !important; list-style:none !important; overflow-x: visible; overflow-y: visible; background-image:none } .tp-simpleresponsive >ul >li{ list-style:none; position:absolute; visibility:hidden } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(/content/assets/coloredbg.png) repeat} .tp-caption.slidelink a span { background:url(/content/assets/coloredbg.png) repeat} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ .tparrows .tp-arr-imgholder { display: none} .tparrows .tp-arr-titleholder { display: none} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ /* NAVIGATION PREVIEW 1 */ .tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent} .tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s} .tp-rightarrow.preview1:after { content: '\e825'; } .tp-leftarrow.preview1:after { content: '\e824'; } .tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa} .tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0} .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1} .tp-rightarrow.preview1 .tp-arr-imgholder { right:100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tp-leftarrow.preview1 .tp-arr-imgholder { left:100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1, .tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1, .tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview1, .tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px} } /* PREVIEW 1 BULLETS */ .tp-bullets.preview1 { height: 21px} .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; /*-webkit-border-radius: 10px; border-radius: 10px;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0px} .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important; } /* NAVIGATION PREVIEW 2 */ .tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; overflow:hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s } .tp-rightarrow.preview2:after { content: '\e81e'; right:18px} .tp-leftarrow.preview2:after { content: '\e81f'; left:18px} .tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding:0px 10px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left:50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width:300px} .tparrows.preview2:hover { background:#fff} .tparrows.preview2:hover:after { color:#000} .tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute; } /* PREVIEW 2 BULLETS */ .tp-bullets.preview2 { height: 17px} .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0px} .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } .tp-arr-titleholder.alwayshidden { display:none !important} @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:11px} .tp-leftarrow.preview2:after { content: '\e81f'; left:11px} .tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:35px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:35px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:25px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:25px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} .tparrows.preview2:hover { width:30px !important; height:30px !important} } /* NAVIGATION PREVIEW 3 */ .tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat} .tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s} .tparrows.preview3:hover:after { color:#000} .tp-rightarrow.preview3:after { content: '\e825'; } .tp-leftarrow.preview3:after { content: '\e824'; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75); display: table;min-height:90px;top:-10px} .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px; position:relative;top:0px} .tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px} .tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px} .tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle} .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1,1); transform: scale(1,1); } /* PREVIEW 3 BULLETS */ .tp-bullets.preview3 { height: 17px} .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0px} .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} .tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px} .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px} .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px} .tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px} } @media only screen and (max-width: 767px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} } /* NAVIGATION PREVIEW 4 */ .tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000} .tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } .tp-rightarrow.preview4:after { content: '\e825'; } .tp-leftarrow.preview4:after { content: '\e824'; } .tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat} .tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px} .tparrows.preview4 .tp-arr-iwrapper { position: relative} .tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px; position:relative;top:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px; position:absolute;top:0px; left:180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px} .tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%} .tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%} @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)} .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)} .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } } /* PREVIEW 4 BULLETS */ .tp-bullets.preview4 { height: 17px} .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0px} .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width:20px; height:80px} .tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px} .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important} } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(/content/assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(/content/assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(/content/assets/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('../font/revicons.eot?5510888'); src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../font/revicons.woff?5510888') format('woff'), url('../font/revicons.ttf?5510888') format('truetype'), url('../font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('../font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'} /* '' */ .revicon-pencil-1:before { content: '\e831'} /* '' */ .revicon-picture-1:before { content: '\e803'} /* '' */ .revicon-cancel:before { content: '\e80a'} /* '' */ .revicon-info-circled:before { content: '\e80f'} /* '' */ .revicon-trash:before { content: '\e801'} /* '' */ .revicon-left-dir:before { content: '\e817'} /* '' */ .revicon-right-dir:before { content: '\e818'} /* '' */ .revicon-down-open:before { content: '\e83b'} /* '' */ .revicon-left-open:before { content: '\e819'} /* '' */ .revicon-right-open:before { content: '\e81a'} /* '' */ .revicon-angle-left:before { content: '\e820'} /* '' */ .revicon-angle-right:before { content: '\e81d'} /* '' */ .revicon-left-big:before { content: '\e81f'} /* '' */ .revicon-right-big:before { content: '\e81e'} /* '' */ .revicon-magic:before { content: '\e807'} /* '' */ .revicon-picture:before { content: '\e800'} /* '' */ .revicon-export:before { content: '\e80b'} /* '' */ .revicon-cog:before { content: '\e832'} /* '' */ .revicon-login:before { content: '\e833'} /* '' */ .revicon-logout:before { content: '\e834'} /* '' */ .revicon-video:before { content: '\e805'} /* '' */ .revicon-arrow-combo:before { content: '\e827'} /* '' */ .revicon-left-open-1:before { content: '\e82a'} /* '' */ .revicon-right-open-1:before { content: '\e82b'} /* '' */ .revicon-left-open-mini:before { content: '\e822'} /* '' */ .revicon-right-open-mini:before { content: '\e823'} /* '' */ .revicon-left-open-big:before { content: '\e824'} /* '' */ .revicon-right-open-big:before { content: '\e825'} /* '' */ .revicon-left:before { content: '\e836'} /* '' */ .revicon-right:before { content: '\e826'} /* '' */ .revicon-ccw:before { content: '\e808'} /* '' */ .revicon-arrows-ccw:before { content: '\e806'} /* '' */ .revicon-palette:before { content: '\e829'} /* '' */ .revicon-list-add:before { content: '\e80c'} /* '' */ .revicon-doc:before { content: '\e809'} /* '' */ .revicon-left-open-outline:before { content: '\e82e'} /* '' */ .revicon-left-open-2:before { content: '\e82c'} /* '' */ .revicon-right-open-outline:before { content: '\e82f'} /* '' */ .revicon-right-open-2:before { content: '\e82d'} /* '' */ .revicon-equalizer:before { content: '\e83a'} /* '' */ .revicon-layers-alt:before { content: '\e804'} /* '' */ .revicon-popup:before { content: '\e828'} /* '' */ /*----------------------------------------------------------------------------- KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT Screen Stylesheet version: 1.0 date: 07/27/11 author: themepunch email: support@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ .boxedcontainer { max-width: 1170px; margin:auto; padding:0px 30px;} /********************************************* - SETTINGS FOR BANNER CONTAINERS - **********************************************/ .tp-banner-container{ width:100%; position:relative; padding:0; } .tp-banner{ width:100%; position:relative; } .tp-banner-fullscreen-container { width:100%; position:relative; padding:0; } /* @license textAngular Author : Austin Anderson License : 2013 MIT Version 1.3.0 See README.md or https://github.com/fraywing/textAngular/wiki for requirements and use. */ .ta-hidden-input { width: 1px; height: 1px; border: none; margin: 0; padding: 0; position: absolute; top: -10000px; left: -10000px; opacity: 0; overflow: hidden; } /* add generic styling for the editor */ .ta-root.focussed > .ta-scroll-window.form-control { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .ta-editor.ta-html, .ta-scroll-window.form-control { min-height: 300px; height: auto; overflow: auto; font-family: inherit; font-size: 100%; } .ta-scroll-window.form-control { position: relative; padding: 0; } .ta-scroll-window > .ta-bind { height: auto; min-height: 300px; padding: 6px 12px; } .ta-editor:focus { user-select: text; } /* add the styling for the awesomness of the resizer */ .ta-resizer-handle-overlay { z-index: 100; position: absolute; display: none; } .ta-resizer-handle-overlay > .ta-resizer-handle-info { position: absolute; bottom: 16px; right: 16px; border: 1px solid black; background-color: #FFF; padding: 0 4px; opacity: 0.7; } .ta-resizer-handle-overlay > .ta-resizer-handle-background { position: absolute; bottom: 5px; right: 5px; left: 5px; top: 5px; border: 1px solid black; background-color: rgba(0, 0, 0, 0.2); } .ta-resizer-handle-overlay > .ta-resizer-handle-corner { width: 10px; height: 10px; position: absolute; } .ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl{ top: 0; left: 0; border-left: 1px solid black; border-top: 1px solid black; } .ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr{ top: 0; right: 0; border-right: 1px solid black; border-top: 1px solid black; } .ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl{ bottom: 0; left: 0; border-left: 1px solid black; border-bottom: 1px solid black; } .ta-resizer-handle-overlay > .ta-resizer-handle-corner-br{ bottom: 0; right: 0; border: 1px solid black; cursor: se-resize; background-color: white; } /* copy the popover code from bootstrap so this will work even without it */ .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } .popover.top { margin-top: -10px; } .popover.bottom { margin-top: 10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } /********************/ /* Custom LESS File */ /********************/ /* Color declaration */ /* Basic */ /* Progress bar */ /* Labels */ /* Social Media Color */ /***********/ /* General */ /***********/ body { color: #666666; } h1, h2, h3, h4, h5, h6 { color: #777777; } a { color: #777777; } a:hover { color: #555555; } /**********************/ /* Text color classes */ /**********************/ .white { color: #ffffff !important; } .grey { color: #eeeeee !important; } .black { color: #555555 !important; } .red { color: #f75353 !important; } .green { color: #51d466 !important; } .lblue { color: #32c8de !important; } .blue { color: #609cec !important; } .orange { color: #f78153 !important; } .yellow { color: #fcd419 !important; } .purple { color: #cb79e6 !important; } .rose { color: #ff61e7 !important; } .brown { color: #d08166 !important; } /****************************/ /* Background color classes */ /****************************/ .br-white { background-color: #ffffff !important; } .br-grey { background-color: #eeeeee !important; } .br-black { background-color: #555555 !important; } .br-red { background-color: #f75353 !important; } .br-green { background-color: #51d466 !important; } .br-lblue { background-color: #32c8de !important; } .br-blue { background-color: #609cec !important; } .br-orange { background-color: #f78153 !important; } .br-yellow { background-color: #fcd419 !important; } .br-purple { background-color: #cb79e6 !important; } .br-rose { background-color: #ff61e7 !important; } .br-brown { background-color: #d08166 !important; } /************************/ /* Button color classes */ /************************/ .btn.btn-default { background: #f9f9f9; color: #555555; border: 1px solid #aaaaaa; } .btn.btn-default:hover { background: #eeeeee; } .btn.btn-black { color: #ffffff; background: #555555; border: 1px solid #333333; } .btn.btn-black:hover { background: #333333; } .btn.btn-danger { background: #f75353; border: 1px solid #ed4747; } .btn.btn-danger:hover { background: #ed4747; } .btn.btn-success { background: #51d466; border: 1px solid #42c557; } .btn.btn-success:hover { background: #42c557; } .btn.btn-info { background: #32c8de; border: 1px solid #2bbdd2; } .btn.btn-info:hover { background: #2bbdd2; } .btn.btn-primary { background: #609cec; border: 1px solid #528fe2; } .btn.btn-primary:hover { background: #528fe2; } .btn.btn-warning { background: #f78153; border: 1px solid #eb6c3a; } .btn.btn-warning:hover { background: #eb6c3a; } .btn.btn-yellow { background: #fcd419; color: #ffffff; border: 1px solid #e9c51b; } .btn.btn-yellow:hover { background: #e9c51b; } .btn.btn-purple { background: #cb79e6; color: #ffffff; border: 1px solid #b75bd6; } .btn.btn-purple:hover { background: #b75bd6; } .btn.btn-rose { background: #ff61e7; color: #ffffff; border: 1px solid #f245d8; } .btn.btn-rose:hover { background: #f245d8; } .btn.btn-brown { background: #d08166; color: #ffffff; border: 1px solid #bf6748; } .btn.btn-brown:hover { background: #bf6748; } /*********/ /* Label */ /*********/ .label { padding: 3px 6px; font-size: 12px; font-weight: normal; } .label.label-default { color: #aaaaaa; background: #eeeeee; } .label.label-black { background: #555555; } .label.label-danger { background: #f75353; } .label.label-success { background: #51d466; } .label.label-info { background: #32c8de; } .label.label-primary { background: #609cec; } .label.label-warning { background: #f78153; } .label.label-yellow { background: #fcd419; } .label.label-purple { background: #cb79e6; } .label.label-rose { background: #ff61e7; } .label.label-brown { background: #d08166; } /**************/ /* Badge */ /**************/ .badge.badge-default { color: #aaaaaa; background: #eeeeee; } .badge.badge-black { background: #555555; } .badge.badge-danger { background: #f75353; } .badge.badge-success { background: #51d466; } .badge.badge-info { background: #32c8de; } .badge.badge-primary { background: #609cec; } .badge.badge-warning { background: #f78153; } .badge.badge-yellow { background: #fcd419; } .badge.badge-purple { background: #cb79e6; } .badge.badge-rose { background: #ff61e7; } .badge.badge-brown { background: #d08166; } /**************/ /* Pagination */ /**************/ .pagination li a { color: #777777; } .pagination li a:hover { background-color: #f75353; border-color: #f75353; color: #ffffff; } .pagination li.active a { background-color: #f75353; border-color: #f75353; } .pagination li.active a:hover { background-color: #f75353; border-color: #f75353; } .pagination li.active a:focus { background-color: #f75353; border-color: #f75353; } .pagination li.active span { background-color: #f75353; border-color: #f75353; } .pagination li.active span:hover { background-color: #f75353; border-color: #f75353; } .pagination li.active span:focus { background-color: #f75353; border-color: #f75353; } /*********/ /* Pager */ /*********/ .pager li a { background-color: #f75353; color: #ffffff; border: 1px solid #ed4747; } .pager li a:hover { background: #ed4747; } /*************/ /* Nav Tabs */ /*************/ .nav-tabs li a:hover { background: #f75353; /*color: #ffffff;*/ border-color: #f75353; } .nav-tabs li.active a { background-color: #f75353; border-color: #f75353; /*color: #ffffff;*/ } .nav-tabs li.active a:hover { background-color: #f75353; border-color: #f75353; /*color: #ffffff;*/ } /*************/ /* Nav Pills */ /*************/ .nav-pills li a { background: #f9f9f9; border: 1px solid #eeeeee; } .nav-pills li a:hover { background: #f75353; color: #ffffff; border-color: #f75353; } .nav-pills li.active a { background-color: #f75353; border-color: #f75353; color: #ffffff; } .nav-pills li.active a:hover { background-color: #ed4747; } /****************/ /* Progress bar */ /****************/ .progress { height: 12px; } .progress-bar-danger { background: #f75353; } .progress-bar-success { background: #51d466; } .progress-bar-info { background: #32c8de; } .progress-bar-primary { background: #609cec; } .progress-bar-warning { background: #f78153; } /****************/ /* Social */ /****************/ .social a.facebook i { background: #1e78ae; } .social a.twitter i { background: #1ba1e2; } .social a.google-plus i { background: #f22d0c; } .social a.linkedin i { background: #2d93cf; } .social a.pinterest i { background: #dd1617; } .social a:hover i { background: #333333; } /****************/ /* Page CSS */ /****************/ /* Navigation Menu */ .header .navbar-default .navbar-nav li a { color: #777777; } .header .navbar-default .navbar-nav li ahover { color: #555555; } .header .navbar-default .navbar-nav li ul.dropdown-md a.btn { color: #ffffff; } .header .navbar-default .navbar-nav .open a, .header .navbar-default .navbar-nav .open a:hover, .header .navbar-default .navbar-nav .open a:focus, .header .navbar-default .navbar-nav .open a:active { color: #777777; } /****************/ /* Drop Down Menu */ /****************/ .dropdown-menu { border-top: 3px solid #f75353 !important; } .dropdown-menu:before { border-bottom-color: #f75353 !important; } /* * Cart drop down link color */ .btn-cart-md a.cart-link, .btn-cart-sm a.cart-link { color: #777777; } .btn-cart-md a.cart-link:hover, .btn-cart-sm a.cart-link:hover { color: #555555; } .btn-cart-md .cart-dropdown, .btn-cart-sm .cart-dropdown { border-top: 3px solid #f75353 !important; } .btn-cart-sm .cart-dropdown:before, .btn-cart-md .cart-dropdown:before { border-bottom-color: #f75353 !important; } /****************/ /* flex-slider */ /****************/ .testimonial .flex-control-paging li a.flex-active { background: #f75353; } /****************/ /* Recipe Page */ /****************/ .inner-page .recipe .recipe-item ul li i { color: #51d466; } /****************/ /* Single Item Page */ /****************/ .inner-page .single-item ul li i { color: #51d466; } /****************/ /* Shopping Item */ /****************/ .inner-page .shopping .shopping-item span.item-price { color: #f75353; } .inner-page .shopping .shopping-item:hover { border-color: #f75353; } /****************/ /* Blog Page */ /****************/ .inner-page .blog .blog-post .entry hr { border-top: 4px solid #f75353; } .inner-page .blog .sidebar-widget ul li i { color: #f75353; } /****************/ /* General Page */ /****************/ .inner-page .general .nav-tabs > li.active > a { background: #f75353; border-color: #f75353; } .inner-page .general .nav-tabs > li > a:hover { border-right: 1px solid #f75353; } .inner-page .general .tab-content ul li i { color: #32c8de; } /****************/ /* Scroll to top */ /****************/ .totop a i { background: #f75353; } /* ng-sortable css file */ .as-sortable-item{-ms-touch-action:none;touch-action:none}.as-sortable-item-handle{cursor:move}.as-sortable-drag{position:absolute;pointer-events:none;z-index:9999}.as-sortable-hidden{display:none!important} /* ng-sortable css file */ .as-sortable-item,.as-sortable-placeholder{min-height:20px;margin:1px 2px 5px 1px;border-radius:10px}.as-sortable-item{border:solid 1px darkgrey;background-color:#fff}.as-sortable-placeholder{border:1px dashed darkgrey;box-sizing:border-box;background-color:#dbdbdb}.as-sortable-drag{opacity:.8} .steps-indicator{right:0;bottom:0;left:0;height:30px;padding:20px 0 0 0;margin:0;list-style:none}.steps-indicator:before{position:absolute;height:1px;background-color:#e6e6e6;content:''}.steps-indicator.steps-2:before{right:calc(25%);left:calc(25%)}.steps-indicator.steps-3:before{right:calc(16.666666666666668%);left:calc(16.666666666666668%)}.steps-indicator.steps-4:before{right:calc(12.5%);left:calc(12.5%)}.steps-indicator.steps-5:before{right:calc(10%);left:calc(10%)}.steps-indicator.steps-6:before{right:calc(8.333333333333334%);left:calc(8.333333333333334%)}.steps-indicator.steps-7:before{right:calc(7.142857142857143%);left:calc(7.142857142857143%)}.steps-indicator.steps-8:before{right:calc(6.25%);left:calc(6.25%)}.steps-indicator.steps-9:before{right:calc(5.555555555555555%);left:calc(5.555555555555555%)}.steps-indicator.steps-10:before{right:calc(5%);left:calc(5%)}.steps-indicator *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.steps-indicator li{position:relative;float:left;padding:0;padding-top:10px;margin:0;line-height:15px;text-align:center}.steps-indicator li a{font-weight:bold;color:#808080;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:.25s}.steps-indicator li a:before{position:absolute;top:-7px;left:calc(43%);width:14px;height:14px;background-color:#e6e6e6;border-radius:100%;content:'';transition:.25s}.steps-indicator li a:hover{color:#4d4d4d}.steps-indicator.steps-2 li{width:calc(50%)}.steps-indicator.steps-3 li{width:calc(33.333333333333336%)}.steps-indicator.steps-4 li{width:calc(25%)}.steps-indicator.steps-5 li{width:calc(20%)}.steps-indicator.steps-6 li{width:calc(16.666666666666668%)}.steps-indicator.steps-7 li{width:calc(14.285714285714286%)}.steps-indicator.steps-8 li{width:calc(12.5%)}.steps-indicator.steps-9 li{width:calc(11.11111111111111%)}.steps-indicator.steps-10 li{width:calc(10%)}.steps-indicator.steps-11 li{width:calc(9.090909090909092%)}.steps-indicator li.default{pointer-events:none}.steps-indicator li.default a:hover{color:#808080}.steps-indicator li.current,.steps-indicator li.editing{pointer-events:none}.steps-indicator li.current a:before{background-color:#808080}.steps-indicator li.done a:before{background-color:#393}.steps-indicator li.editing a:before{background-color:#f00} /************************ Designed by : http://responsivewebinc.com ************************/ /* * Fonts */ @import url(//fonts.googleapis.com/css?family=Droid+Serif:400,700); @import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600); @import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700); /* * Basic CSS starts */ body{ background: #fff url('/content/img/crossword.png') repeat; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; } h1,h2,h3,h4,h5,h6{ font-family: 'Droid Serif', serif; font-weight: 400; } p{ margin:0; padding:0; font-size: 14px; line-height: 23px; } a{ } a:hover{ text-decoration: none; } a:hover,a:active,a:focus { outline: 0; text-decoration: none; } hr{ } :focus { outline:none; } ::-moz-focus-inner { border:0; } form label { font-weight: normal; color: #9a9a9a; } form select { padding-left: 7px !important } form select, form textarea { color: #9a9a9a !important; } form input[type="text"], form input[type="password"], form input[type="email"], form select, form textarea{ box-shadow: none !important; } .table-responsive { border-radius: 4px; } table { background: #fff; } .padd{ padding: 50px 0; } .social a i{ display:inline-block; width:40px; height:40px; font-size:15px; line-height:40px; text-decoration:none; text-align:center; color:#fff; -webkit-transition: background 2s ease; -moz-transition: background 2s ease; -o-transition: background 2s ease; -ms-transition: background 2s ease; transition: background 2s ease; } .social a, .social a:hover{ border:0px; text-decoration:none; } /* * Quotes */ .quote{ display: inline-block; font-family: 'Georgia' 'Times New Roman', serif; text-shadow: none !important; position: relative; } /* * Drop Down CSS */ .dropdown-menu:after, .dropdown-menu:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .dropdown-menu:after { border-color: rgba(75, 170, 211, 0); border-width: 6px; right: 35px; border-bottom-color: transparent; } .dropdown-menu:before { margin-left: -3px; border-color: rgba(75, 170, 211, 0); border-width: 9px; right: 35px; } .dropdown-menu>li>a { padding-left: 15px; padding-top: 9px; padding-bottom: 9px; font-size: 14px; } .dropdown-menu>li>a:hover { background: #f1f1f1; } /* * "border-zero" Class only for "Menu" Inner page */ .border-zero { border: 0 !important; padding: 0 !important; } /* * Basic CSS ends */ /* * Header */ .header{ background: #fff; border-bottom: 2px solid #eaeaea; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); } .header .header-top{ padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #f4f4f4; } .header .header-contact span{ display: inline-block; margin-top: 7px; font-size: 20px; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; color: #898989; } .header .header-contact span i{ display: inline-block; margin-right: 3px; font-size: 18px; } .header .header-search{ max-width:200px; margin: 0 auto; margin-top: 5px; } .header .header-search form input[type="text"]{ color:#999 !important; border:1px solid #d8d8d8 !important; border-right:0px !important; background:#fff; box-shadow: none; border-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .header .header-search form input::-webkit-input-placeholder { color:#9e9e9e; } .header .header-search form input::-moz-placeholder { color:#9e9e9e; } .header .header-search form input::-ms-input-placeholder { color:#9e9e9e; } .header .header-search .btn{ background:#fff !important; border:1px solid #d8d8d8 !important; border-left:0px !important; color:#bbb !important; font-size:13px; line-height: 20px; padding: 5px 10px; border-radius: 2px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .header .header-search .btn:hover{ background:#fcfcfc !important; border:1px solid #d8d8d8 !important; border-left:0px !important; color:#ccc !important; } /* * Logo */ .logo { margin-top: 20px; } .logo img { display: inline-block; max-width: 50px; } .logo h1 { position: relative; top: 5px; left: 5px; display: inline-block; margin: 0; font-size: 40px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color: #565656; } .header .logo p{ margin-left: 60px; margin-top: -6px; font-size: 13px; color: #bbb; } .header .navbar-default{ background: transparent; border: 0px; border-radius: 0px; margin: 0px; } .header .navbar-default a, .header .navbar-default a:hover, .header .navbar-default a:active { color: #fff; } .header .navbar-default .navbar-nav{ margin-top: 20px; } .header .navbar-default .navbar-nav>li>a{ padding-top: 0px; padding-bottom: 20px; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; font-weight: 700; text-align: center } .header .navbar-default .navbar-nav>.open>a, .header .navbar-default .navbar-nav>.open>a:hover, .header .navbar-default .navbar-nav>.open>a:focus, .header .navbar-default .navbar-nav>li>a:active{ background: transparent; } .header .navbar-default .navbar-nav>li>a img{ max-width: 60px; margin: 0px auto; margin-bottom: 12px; border: 2px solid #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.25); border-radius: 80px; } .header .dropdown .dropdown-menu{ margin-top: -8px !important; margin-left: 0px; border-color: #f5f5f5; border-radius: 5px; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .header .container-fluid { padding-right: 0px; padding-left: 0px; } .header .navbar-collapse{ border-top: 0; box-shadow: none; } .header .navbar-default .navbar-toggle{ margin-top: 0px; margin-bottom: 20px; margin-right: 15px; border-radius: 3px; } .header .navbar-default .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus{ background: transparent; } /* * Block Drop down */ .header .navbar-default .navbar-nav > li ul.dropdown-md { width: 600px; padding: 15px; padding-bottom: 0px; } .header .navbar-default .navbar-nav > li ul.dropdown-md .menu-item { margin-bottom: 15px; } .header .navbar-default .navbar-nav > li ul.dropdown-md h3 { margin: 0; margin-bottom: 12px; font-size: 20px; color: #777; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; } .header .navbar-default .navbar-nav > li ul.dropdown-md img { margin-bottom: 9px; border: 2px solid #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.25); } .header .navbar-default .navbar-nav > li ul.dropdown-md p{ font-size: 13px; line-height: 21px; color: #9a9a9a; } .header .navbar-default .navbar-nav > li ul.dropdown-md a.btn{ margin-top: 8px; } /* * Cart Link */ .btn-cart-md { float: right; } .btn-cart-md a i { display: inline-block; margin-right: 6px; } .btn-cart-md a.cart-link { font-size: 14px; font-weight: 700; } .btn-cart-md a.cart-link img { max-width: 40px; float: left; } .btn-cart-md a.cart-link h4 { margin: 0; margin-left: 50px; margin-top: 1px; padding-bottom: 1px; font-size: 14px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color: #bbb; text-transform: uppercase; } .btn-cart-md a.cart-link span { display: block; margin-left: 50px; font-size: 16px; font-family: 'Open Sans Condensed', sans-serif; color: #9a9a9a; } .btn-cart-md .cart-dropdown { position: absolute; top: 55px; right: 0; z-index: 1000; width: 250px; padding: 0; list-style-type: none; background: #fff; border: 1px solid #f5f5f5; border-top-left-radius: 3px; border-top-right-radius: 3px; display: none; } .btn-cart-md .cart-dropdown:after, .btn-cart-md .cart-dropdown:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .btn-cart-md .cart-dropdown:after { border-color: rgba(75, 170, 211, 0); border-width: 6px; border-bottom-color: transparent; } .btn-cart-md .cart-dropdown:before { margin-right: -3px; border-color: rgba(75, 170, 211, 0); border-width: 9px; } .btn-cart-md .cart-dropdown:after, .btn-cart-md .cart-dropdown:before { right: 46%; } .cart-dropdown .cart-item { position: relative; padding: 12px 10px; border-bottom: 1px dotted #eee; } .cart-dropdown li:last-child .cart-item { border-bottom: 0; } .cart-dropdown .cart-item i{ position: absolute; top: 10px; right: 5px; color: #ccc; } .cart-dropdown .cart-item a.btn { width: 100%; color: #fff; } .cart-dropdown .cart-item img { max-width: 60px; float: left; border: 2px solid #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.25); } .cart-dropdown .cart-item span { display: block; margin-left: 70px } .cart-dropdown .cart-item span.cart-title { font-size: 15px; } .cart-dropdown .cart-item span.cart-price { display:inline-block; font-weight: 700; } /* * - SETTINGS FOR BANNER CONTAINERS - */ .tp-banner-container{ width:100%; position:relative; padding:0; background: #f9f9f9; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); } .tp-banner{ width:100%; position:relative; overflow: hidden; } .tp-banner ul{ display: none; list-style-type: none; padding: 0; margin: 0; } .tp-banner .heading { font-size: 65px; font-family: 'Droid Serif', serif; color: #cd4937; } .tp-caption.finewide_verysmall_white_mw { letter-spacing: 1px; color: #9a9a9a; } .tp-caption.finewide_medium_white { font-size: 50px; } .tp-banner .tp-caption a.btn { font-size: 14px; color: #fff; box-shadow: 0 1px 0 0 rgba(255,255,255,0.2) inset; } .tp-banner .tp-caption img.slide-img { border: 4px solid #fff; border-radius: 4px; box-shadow: 0 0 5px rgba(0,0,0,0.2); } .tp-banner .tp-caption span.price-tag{ display: block; padding-top: 10px; width: 100px; height: 100px; line-height: 35px; text-align: center; font-size: 30px; font-weight: 700; font-family: 'Droid Serif', serif; border: 6px solid #cd4937; border-radius: 150px; box-shadow: 0 0 5px rgba(0,0,0,0.2); } .tp-caption.whitedivider3px { min-width: 430px; } .tp-banner .tp-caption.paragraph{ font-weight: 300; font-size: 14px; line-height: 24px; } /* * Default Heading */ .default-heading { margin-bottom: 40px; text-align: center; } .default-heading img { margin: 0 auto; margin-bottom: 12px; } .default-heading h2{ margin: 0px; margin-bottom: 10px; font-family: 'Droid Serif', serif; text-transform: uppercase; font-size: 35px; color: #676767; } .default-heading p{ max-width: 500px; margin: 0 auto; margin-bottom: 15px; font-size: 14px; line-height: 24px; color: #959595; } .default-heading .border{ margin: 0px; height: 5px; border: 1px dashed #dedede; } /* * Hot tags */ .hot-tag { position: absolute; bottom: 0; right: 0; z-index: 15; display: inline-block; width: 80px; height: 80px; line-height: 90px; text-align: center; font-weight: 700; color: #fff; border-radius: 100px; } .hot-tag i { font-size: 35px; } /* * Dishes */ .dishes .dishes-item-container { max-width: 250px; margin: 0 auto; margin-top: 40px; } .dishes .img-frame { position: relative; z-index: 10; max-width: 300px; margin: 0 auto; margin-top: 10px; padding: 2px; border: 1px solid rgba(0,0,0,0.2); border-radius: 400px; cursor: pointer; } .dishes .img-frame img { border-radius: 400px; } .dishes .img-frame .img-frame-hover { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.35); border-radius: 400px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .dishes .img-frame:hover .img-frame-hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=1); } .dishes .img-frame .img-frame-hover a { color: #fff; } .dishes .img-frame .img-frame-hover a i { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; line-height: 60px; text-align: center; font-size: 22px; background: rgba(0,0,0,0.5); border-radius: 60px; } .dishes .dish-details { position: relative; padding: 15px 10px; text-align: center; } .dishes .dish-details h3 { margin: 0px; margin-bottom: 10px; font-size: 22px; color: #676767; } .dishes .dish-details p { font-size: 13px; color: #9a9a9a; } .dishes .dish-details a.btn { margin-top: 15px; } /* * Offer price section, Pricing. */ .pricing { border-top: 1px solid #f1f1f1; } .pricing .pricing-item{ position: relative; margin-top: 40px; margin-bottom: 10px; } .pricing .pricing-item img{ max-width: 250px; float: left; } .pricing .pricing-item .pricing-item-details { margin-left: 265px; } .pricing .pricing-item .pricing-item-details h3 { margin-top: 0; margin-bottom: 8px; font-size: 22px; } .pricing .pricing-item .pricing-item-details p { font-size: 13px; color: #9e9e9e; } .pricing .pricing-item .pricing-item-details a.btn{ margin-top: 10px; } .pricing .pricing-item .pricing-item-details a.view-link{ display: inline-block; margin-top: 7px; font-size: 12px; border-bottom: 1px dotted #aeaeae; } .pricing .pricing-item .hot-tag{ top: 0; left: 0; margin-top: -15px; margin-left: -15px; width: 55px; height: 55px; line-height: 55px; font-size: 23px; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; border: 0; } /* * Menu Section */ .menu { border-top: 1px solid #f1f1f1; } .menu .menu-head{ position: relative; } .menu h3 { position: absolute; top: 50%; left: 0; width: 100%; display: inline-block; margin-top: -45px; padding: 5px 0; font-size: 60px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; text-align: center; color: #fff; text-shadow: 1px 1px 5px rgba(0,0,0,0.3); } .menu .menu-head .title-border{ position: absolute; top: 50%; left: 50%; margin-left: -75px; margin-top: 30px; width: 150px; height: 5px; } .menu img.menu-img{ margin-top: 30px; margin-bottom: 30px; border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; } .menu .menu-details { margin-bottom: 20px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.15); } .menu .menu-details ul { margin: 0; } .menu .menu-details li .menu-list-item{ padding: 12px 15px; color: #fff; border-top: 1px dashed rgba(0,0,0,0.15); } .menu .menu-details li:first-child .menu-list-item { border-top: 0; } .menu .menu-details ul li a{ font-size: 14px; line-height: 14px; font-weight: 700; color: #fff; } .menu .menu-details ul li i { display: inline-block; margin-right: 5px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 15px; color: #fff; background: rgba(0,0,0,0.1); border-radius: 30px; } .menu .menu-details ul li span{ display: inline-block; width: 30px; font-weight: 700; line-height: 20px; text-align: center; background: rgba(0,0,0,0.1); border-radius: 3px; } /* * Our chefs Section */ .chefs { border-top: 1px solid #f1f1f1; } .chefs .chefs-member{ max-width: 400px; margin: 0 auto; margin-top: 30px; padding: 5px; text-align: center; background: #fff; border: 1px solid #f2f2f2; border-radius: 6px; } .chefs .chefs-member img{ width: 100%; } .chefs .chefs-member .chefs-head{ position: relative; margin-bottom: 70px; } .chefs .chefs-member img.chefs-back{ border-radius: 3px; } .chefs .chefs-member img.chefs-img{ position: absolute; left: 50%; bottom: -60px; width: 100%; max-width: 160px; margin: 0 auto; margin-left: -80px; border: 5px solid #fff; border-radius: 200px; } .chefs .chefs-member h3 { font-size: 20px; } .chefs .chefs-member span { font-size: 12px; color: #9a9a9a; } .chefs .social { margin-top: 15px; margin-bottom: 15px; text-align: center; } .chefs .social a i { width: 35px; height: 35px; line-height: 35px; margin: 0; margin-left: 2px; margin-right: 2px; font-size: 14px; border-radius: 50px; } /* * Showcase Section */ .showcase { padding-top: 80px; } .showcase .showcase-item{ position: relative; border: 1px solid #eaeaea; border-radius: 6px; background: #fff; } .showcase .showcase-item img { position: absolute; top: -30px; width: 100%; max-width: 255px; } .showcase .showcase-item h3, .showcase .showcase-item p { margin-left: 270px; padding-right: 20px;} .showcase .showcase-item h3{ padding-top: 10px; font-size: 22px; } .showcase .showcase-item p { padding-bottom: 25px; font-size: 13px; color: #9a9a9a; } /* * Testimonial */ .testimonial h3 { margin-top:0px; margin-bottom: 20px; padding-bottom: 10px; font-size: 20px; border-bottom: 1px solid #f1f1f1; } .testimonial .testimonial-item .quote { top: 95px; display: inline-block; width: 100px; font-size: 200px; line-height: 0px; float: left; } .testimonial .testimonial-item blockquote { position: relative; margin-left: 100px; padding: 0; border: 0; } .testimonial .testimonial-item blockquote p { font-size: 22px; line-height: 32px; font-weight: 300; color: #9a9a9a; text-align: justify; } .testimonial .testimonial-item h4 { margin: 0; margin-left: 100px; font-size: 20px; } .testimonial .testimonial-item h4 img { display: inline-block; margin-right: 10px; max-width: 50px; } .testimonial .testimonial-item h4 span { font-size: 13px; font-family: 'Open Sans', sans-serif; color: #bbb; } .testimonial .flexslider-testimonial{ margin-top: 25px; background: transparent; box-shadow: none; border: 0; } .testimonial .flexslider-recent .flex-control-nav, .testimonial .flexslider-testimonial .flex-control-nav{ left: 0; } .testimonial .flexslider-recent{ margin-top: 25px; } .testimonial .flexslider-recent ul li{ position: relative; } .testimonial .flexslider-recent li .slider-content{ position: absolute; width: 100%; bottom: 0px; padding: 10px 15px; background: rgba(0,0,0,0.2); } .testimonial .flexslider-recent li .slider-content h4{ margin: 0; margin-bottom: 6px; font-size: 40px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color: #fff; text-shadow: 1px 1px 5px rgba(0,0,0,0.2); } .testimonial .flexslider-recent li .slider-content p { color: #fff; text-shadow: 1px 1px 5px rgba(0,0,0,0.2); } /* * Gallery with pretty photo */ .gallery { border-top: 1px solid #f1f1f1; } .gallery-content .element { position: relative; margin-bottom: 30px; padding-bottom: 1px; overflow: hidden; } .gallery-content .element .gallery-img-hover { position: absolute; top: 100%; left: 0%; z-index: 20; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.15); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .gallery-content .element:hover .gallery-img-hover { top: 0%; } .gallery-content .element a{ color: #fff; } .gallery-content .element i.hover-icon{ position: absolute; top: 50%; z-index: 25; display: inline-block; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background: rgba(0,0,0,0.5); border-radius: 50px; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .gallery-content .element i.icon-left { right: 100%; margin-right: 10px; } .gallery-content .element i.icon-right { left: 100%; margin-left: 10px; } .gallery-content .element:hover i.icon-left { right: 50%; } .gallery-content .element:hover i.icon-right { left: 50%; } /* * PrettyPhoto */ div.ppt { display:none !important; } /* * Inner pages CSS */ .banner { background: url('../img/banner.jpg') center center repeat-x; text-align: center; } .banner img { margin: 0 auto; margin-bottom: 10px; } .banner h2 { margin: 0; font-size: 55px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; text-shadow: 0 0 5px rgba(0,0,0,0.2); text-transform: uppercase; } .banner .breadcrumb { margin: 0; margin-top: 15px; padding: 0; background: transparent; } .banner .breadcrumb li, .banner .breadcrumb li a, .banner .breadcrumb>li+li:before { color: #fff; } .inner-page .showcase { padding-bottom: 40px; } /* * About Us */ .inner-page .chefs{ border-top: 0; } .about-company .about-company-item h3{ margin: 0; margin-bottom: 8px; font-size: 30px; } .about-company .about-company-item { max-width: 600px; margin: 0 auto; margin-top: 30px; } .about-company .about-company-item p{ font-size: 20px; line-height: 32px; font-weight: 300; color: #9a9a9a; } .about-company .about-company-item .about-company-inner { margin: 10px 0; } .about-company .about-company-inner span.company-feature { font-size: 25px; line-height: 35px; font-weight: 300; color: #aaa; } .about-company .about-company-item .about-company-inner span.company-feature b { font-weight: normal; } .about-company .about-company-item .about-company-inner i { display: inline-block; margin-right: 5px; width: 40px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; color: #fff; border-radius: 50px; } /* * Menu Page */ .inner-menu { padding: 40px 0; } .inner-menu .menu-list { max-width: 400px; margin: 0 auto; margin-top: 30px; padding: 12px 15px; background: #fff; border: 1px solid #eaeaea; border-radius: 4px; } .inner-menu .menu-list h3 { margin: 0; padding-bottom: 6px; font-size: 30px; color: #777; border-bottom: 4px double #eee; } .inner-menu .menu-list img { margin-top: 15px; border: 1px solid #ddd; border-radius: 3px; } .inner-menu .menu-list .menu-list-item { margin-top: 15px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; } .inner-menu .menu-list .menu-list-item h4 { margin: 0; font-size: 16px; line-height: 23px; } .inner-menu .menu-list .menu-list-item span.price { font-size: 15px; line-height: 23px; font-weight: 700; } .inner-menu .menu-list .menu-list-item p { font-size: 13px; color: #9a9a9a; } /* * Booking Page */ .inner-page .booking { margin-top: 40px; margin-bottom: 20px; } .inner-page .booking .carousel { margin-top: 15px; border-radius: 6px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .inner-page .booking .carousel .carousel-control { top: 50%; background: none; } .inner-page .booking h3 { margin-top: 0; padding-bottom: 6px; font-size: 35px; border-bottom: 4px double #eee; } .inner-page .booking p { font-size: 13px; color: #9a9a9a; } .inner-page .booking .booking-form form { margin-top: 15px; } /* * Recipes Page */ .inner-page .recipe { margin-top: 40px; } .inner-page .recipe h4 { margin-top: 0; margin-bottom: 13px; font-size: 25px; } .inner-page .recipe p { margin-bottom: 10px; font-size: 13px; color: #9a9a9a; } .inner-page .recipe .recipe-content{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ddd; } .inner-page .recipe .recipe-item img { border-radius: 2px; } .inner-page .recipe h5 { margin-top: 0; margin-bottom: 12px; font-size: 15px; } .inner-page .recipe .recipe-item ul{ background: #fffbe5; border-radius: 2px; border: 1px solid #ecdd94; } .inner-page .recipe .recipe-item ul li{ padding: 10px 15px; color: #888; border-top: 1px dashed #ecdd94; } .inner-page .recipe .recipe-item ul li:first-child { border-top: 0; } .inner-page .recipe .recipe-item ul li span { color: #9a9a9a; } .inner-page .recipe .recipe-item ul li i { display: inline-block; margin-right: 5px; font-size: 12px; } .inner-page .recipe .recipe-item .recipe-description { padding: 10px 15px; background: #fff; border-radius: 2px; border: 1px solid #eee; } .inner-page .recipe .recipe-item .recipe-description p { margin-bottom: 0; } .inner-page .recipe .recipe-item .recipe-description h5 { margin-top: 10px; margin-bottom: 10px; font-size: 13px; } .inner-page .recipe .recipe-description .table { margin-bottom: 8px; } .inner-page .recipe .recipe-description .table th{ padding-left: 9px; } .inner-page .recipe .recipe-description .table td{ padding-left: 9px; } /* * Shopping, On-line Order Page */ .inner-page .shopping { margin-top: 40px; margin-bottom: 20px; } .inner-page .shopping .shopping-item { position: relative; max-width: 400px; margin: 0 auto; margin-bottom: 30px; padding: 5px; text-align: center; background: #fff; border: 4px solid #eee; overflow: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .inner-page .shopping .shopping-item img{ border: 1px solid #f5f5f5; } .inner-page .shopping .shopping-item h4 { margin-top: 15px; margin-left: 10px; font-size: 16px; line-height: 26px; } .inner-page .shopping .shopping-item span.item-price { display: inline-block; margin-top: 15px; margin-right: 10px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; line-height: 26px; font-weight: 700; } .inner-page .shopping .shopping-item p { margin-bottom: 10px; margin-left: 10px; font-size: 13px; text-align: left; color: #9a9a9a; } .inner-page .shopping-item .item-hover { position: absolute; left: -150px; bottom: 30%; width: 130px; height: 35px; line-height: 35px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -ms-transform: skew(-20deg); -o-transform: skew(-20deg); transform: shew(-20deg); } .inner-page .shopping-item a.link { position: absolute; left: -130px; bottom: 32%; font-size: 16px; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .inner-page .shopping-item a.btn { margin-bottom: 10px; } .inner-page .shopping-item:hover .item-hover { left: -20px; } .inner-page .shopping-item:hover a.link { left: 10px; } .inner-page .shopping-item .hot-tag{ top: 10px; right: 10px; z-index: 20; width: 45px; height: 45px; line-height: 45px; font-size: 18px; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; border: 0; border-top-right-radius: 15px; } .inner-page .shopping .shopping-pagination { max-width: 300px; margin: 0 auto; text-align: center; } /* * Shopping, Single item Page */ .inner-page .single-item { margin-top: 40px; margin-bottom: 20px; } .inner-page .single-item h3 { margin-top: 0; margin-bottom: 12px; padding-bottom: 8px; font-size: 25px; border-bottom: 4px double #eee; } .inner-page .single-item p { margin-bottom: 5px; font-size: 13px; color: #9a9a9a; } .inner-page .single-item ul{ margin-top: 12px; background: #fffbe5; border-radius: 2px; border: 1px solid #ecdd94; } .inner-page .single-item ul li{ padding: 10px 15px; color: #888; border-top: 1px dashed #ecdd94; } .inner-page .single-item ul li:first-child { border-top: 0; } .inner-page .single-item ul li span { color: #9a9a9a; } .inner-page .single-item ul li i { display: inline-block; margin-right: 5px; font-size: 12px; } .inner-page .single-item h5 { font-size: 15px; color: #8e8e8e; } .inner-page .single-item table.table td { color: #9a9a9a; } .inner-page .single-item table.table tr td:first-child { font-weight: 700; color: #959595; text-align: right; } .inner-page .single-item form .form-group { margin-bottom: 0; } /* * Contact Us Page */ .inner-page .contactus { margin-top: 40px; margin-bottom: 40px; } .inner-page .contactus .contact-details { margin-bottom: 30px; } .inner-page .contactus .contact-details h4 { margin-top: 0; margin-bottom: 5px; padding-bottom: 6px; font-size: 20px; color: #9a9a9a; border-bottom: 4px double #eee; } .inner-page .contactus .contact-details i { display: block; margin-top: 10px; width: 25px; height: 25px; line-height: 25px; float: left; font-size: 12px; color: #fff; text-align: center; border-radius: 30px; } .inner-page .contactus .contact-details span{ display: inline-block; margin-top: 10px; margin-left: 10px; font-size: 13px; line-height: 20px; color: #9a9a9a; } .inner-page .contactus .contact-form { padding: 15px; background: #fff; border: 1px solid #eee; border-radius: 4px; } .inner-page .contactus .contact-form h3{ margin-top: 0; padding-bottom: 6px; font-size: 20px; border-bottom: 4px double #eee; } .inner-page .contactus .contact-form .form-group { margin-top: 15px; } .inner-page .contactus .map-container { height: 400px; border: 3px solid #fff; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .inner-page .contactus .map-container iframe { width: 100%; height: 100%; border: 0; } /* * Checkout Page */ .inner-page .checkout { margin-top: 20px; margin-bottom: 20px; } .inner-page .checkout h4 { margin-top: 0; margin-bottom: 20px; padding-bottom: 6px; font-size: 20px; border-bottom: 4px double #eee; } .inner-page .checkout .sidebar-item { margin-bottom: 30px; padding: 12px 15px; background: #fff; border: 1px solid #eee; border-radius: 4px; } .inner-page .checkout .sidebar-item h5 { margin-top: 0; font-size: 25px; line-height: 35px; } .inner-page .checkout .sidebar-item i { display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 15px; color: #fff; border-radius: 40px; } .inner-page .checkout .sidebar-item p { font-size: 13px; color: #9a9a9a; } /* * 404 Error Page */ .inner-page .error-content{ max-width: 600px; margin: 80px auto; padding: 20px; text-align: center; background: #fff; border: 4px double #eee; border-radius: 2px; } .inner-page .error-content h3 { margin-top: 0; font-size: 120px; } .inner-page .error-content h3 span { position: relative; top: -50px; font-size: 50px; } .inner-page .error-content form { max-width: 300px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; } /* * Blog page CSS */ .inner-page .blog { margin-top: 40px; margin-bottom: 20px; } .inner-page .blog .blog-post .entry { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ccc; } .inner-page .blog .blog-post .entry .blog-img { max-width: 250px; } .inner-page .blog .blog-post .entry .meta { margin-left: 270px; text-transform: uppercase; font-size: 13px; line-height: 35px; } .inner-page .blog .blog-post .entry h3 { margin-top: 0; margin-bottom: 0; margin-left: 270px; font-size: 24px; line-height: 30px; } .inner-page .blog .blog-post .entry hr { width: 70px; margin-top: 12px; margin-bottom: 12px; margin-left: 270px; } .inner-page .blog .blog-post .entry p { margin-left: 270px; font-size: 14px; line-height: 26px; color: #9a9a9a; text-align: justify; } .inner-page .blog .pagination { margin: 0; } .inner-page .blog .sidebar-widget{ margin-bottom: 30px; padding: 15px; background: #fff; border: 1px solid #eee; border-radius: 4px; } .inner-page .blog .sidebar-widget h4 { margin-top: 0; margin-bottom: 13px; padding-bottom: 8px; border-bottom: 4px double #eee } .inner-page .blog .sidebar-widget ul li { margin-top: 10px; } .inner-page .blog .sidebar-widget ul li i { position: relative; top: 1px; display: inline-block; margin-right: 3px; font-size: 16px; } .inner-page .blog .sidebar-widget ul li a { font-size: 13px; line-height: 20px; } .inner-page .blog .sidebar-widget p { font-size: 13px; color: #9a9a9a; } .inner-page .blog .sidebar-widget .social { margin-top: 9px; } .inner-page .blog .sidebar-widget .social a i { width: 35px; height: 35px; line-height: 35px; margin: 0; margin-right: 2px; font-size: 14px; border-radius: 50px; } .inner-page .blog .sidebar-widget a.btn{ margin-right: 5px; margin-bottom: 10px; } /* * Single Blog Page * Comments CSS */ .inner-page .blog-post .comments .title h5{ margin-top: 0; font-size: 20px; } .inner-page .blog-post .comments .comment-list{ list-style-type: none; padding-left: 0; } .inner-page .blog-post .comments .comment-list li{ margin-bottom: 20px; padding: 20px; background: #fff; border-left: 2px solid #eee; } .inner-page .blog-post .comments .comment-list li.reply{ margin-left: 30px; } .inner-page .blog-post .comments .comment-list .avatar{ max-width: 50px; margin-right: 10px; } .inner-page .blog-post .comments .comment-list .comment-author a{ font-weight: bold; color: #676767; } .inner-page .blog-post .comments .comment-list .cmeta{ font-size: 11px; color: #bbb; } .inner-page .blog-post .comments .comment-list p{ margin-left: 60px; font-size: 13px; line-height: 23px; color: #9a9a9a; } /* * Blog respond Form */ .inner-page .respond.well{ background: #fff; border: 1px solid #eee; border-radius: 4px; } .inner-page .respond .title h5{ margin-top: 0; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 4px double #eee; font-size: 20px; } /* * Gallery page CSS */ .inner-page .gallery { margin-top: 40px; border-top: 0; } /* * Nutrition page CSS */ .inner-page .nutrition { margin-top: 40px; } .inner-page .nutrition .nutrition-item h4 { margin-top: 0; margin-bottom: 20px; padding-bottom: 8px; border-bottom: 4px double #eee; font-size: 22px; text-align: center; } .inner-page .nutrition .nutrition-item img { margin-bottom: 15px; } .inner-page .nutrition .nutrition-item p { font-size: 13px; color: #9a9a9a; } .inner-page .nutrition .nutrition-item .table { margin-top: 15px; } /* * General page CSS */ .inner-page .general { margin-top: 40px; } .inner-page .general .general-content { background: #fff; border: 1px solid #eee; border-radius: 5px; overflow: hidden; } .inner-page .general .nav-tabs{ border-bottom: 1px solid #eee; } .inner-page .general .nav-tabs>li>a { margin-right: 0; border-right: 1px solid #eee; } .inner-page .general .nav-tabs>li>a, .inner-page .general .nav-tabs>li.active>a { border-radius: 0; } .inner-page .general .nav-tabs>li.active>a { color: #fff; } .inner-page .general .tab-content{ padding: 15px; } .inner-page .general .tab-content h5 { margin: 0; font-size: 20px; } .inner-page .general .tab-content p { margin-top: 10px; font-size: 13px; color: #9a9a9a; } .inner-page .general .tab-content ul{ margin: 0; } .inner-page .general .tab-content ul li { margin-top: 10px; color: #959595; } .inner-page .general .tab-content ul li i { display: inline-block; margin-right: 4px; } .inner-page .general .general-img { position: relative; margin-bottom: 30px; } .inner-page .general .general-img .hot-tag{ top: 10px; left: 10px; z-index: 20; width: 45px; height: 45px; line-height: 45px; font-size: 18px; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; border: 0; border-top-left-radius: 15px; } /* * Components page CSS */ .inner-page .component { margin-top: 40px; } .inner-page .component-content { margin-bottom: 30px; padding: 15px; background: #fff; border: 1px solid #eee; border-radius: 5px; } .inner-page .component-content h3{ margin-top: 0; margin-bottom: 15px; padding-bottom: 8px; font-size: 25px; border-bottom: 4px double #eee; } .inner-page .component-content .tab-content{ padding: 10px 15px; border: 1px solid #ddd; border-top: 0; } .component-content .dropdown-menu{ top: 40px } .component-content .dropdown-menu:after { left: 35px; } .component-content .dropdown-menu:before { margin-right: -3px; left: 35px; } /* * Footer Section */ .footer { background: #fff; border-top: 1px solid #eaeaea; margin-top:20px;} .footer .footer-widget { margin-bottom: 40px;} .footer .footer-widget .logo{ margin-top: 0; margin-bottom: 10px; } .footer .footer-widget .logo img{ max-width: 40px; } .footer .footer-widget .logo h1{ top: 10px; font-size: 30px; } .footer .footer-widget h4 { margin-top: 0; margin-bottom: 15px; padding-bottom: 8px; font-size: 16px; border-bottom: 1px solid #eaeaea; } .footer .footer-widget h6 { margin-bottom: 15px; font-size: 13px; color: #898989; } .footer .footer-widget p { font-size: 13px; color: #9a9a9a; } .footer .footer-widget img.payment { display: inline-block; margin-right: 5px; margin-bottom: 10px; max-width: 45px; } .footer .footer-widget img.dish { display: inline-block; margin: 0; margin-right: 5px; margin-top: 10px; max-width: 70px; border: 2px solid #fff; border-radius: 4px; box-shadow: 0 0 5px rgba(0,0,0,0.2); } .footer .footer-widget form{ margin-top: 15px; } .footer .footer-widget .contact-details i { display: block; margin-bottom: 15px; width: 25px; height: 25px; line-height: 25px; float: left; font-size: 12px; color: #fff; text-align: center; border-radius: 30px; } .footer .footer-widget .contact-details span{ display: inline-block; margin-left: 10px; margin-bottom: 15px; font-size: 13px; line-height: 20px; color: #9a9a9a; } .footer .footer-widget .social { margin-top: 10px; } .footer .footer-widget .social a i { width: 35px; height: 35px; line-height: 35px; margin: 0; margin-right: 2px; font-size: 14px; border-radius: 50px; } .footer .footer-copyright { padding-top: 40px; border-top: 1px solid #ddd; } .foot-error .footer-copyright { padding-top: 0; border-top: 0; } .footer .footer-copyright p { font-size: 13px; color: #9a9a9a; text-align: center; } /* * Scroll to top */ .totop { position: fixed; bottom: 10px; right: 10px; z-index: 104400; } .totop a i{ display: block; width: 32px; height: 32px; line-height: 30px; text-align: center; font-size: 22px; border-radius: 1px; } .totop a, .totop a:visited{ color: #fff; } .totop a:hover { color: #eee; text-decoration: none; } /* * Responsive CSS * --------------- * Mobile phones */ @media (max-width: 480px){ .tp-banner .tp-caption span.price-tag{ padding-top: 9px !important; width: 50px !important; height: 50px !important; font-size: 14px !important; line-height: 14px !important; border-width: 3px !important; } .tp-banner .tp-caption a.btn{ padding: 4px 6px; font-size: 10px; } .main-content{ max-width: 350px; margin: 0 auto; } .testimonial .flexslider-recent p { display: none;} .about-company .about-company-inner span.company-feature { font-size: 15px !important; } .about-company .about-company-item .about-company-inner i{ width: 30px; height: 30px; line-height: 30px; font-size: 13px; } .inner-page .booking h3 { font-size: 25px; } .inner-page .error-content{ margin-top: 30px; margin-bottom: 30px; padding: 10px; } .inner-page .error-content h3{ font-size: 90px; } .inner-page .error-content h3 span{ top: -30px; } .inner-page .checkout .sidebar-item h5 { margin-bottom: 5px; font-size: 18px;} } /* * Tablets */ @media (max-width: 767px){ .header .logo { max-width: 260px; margin: 0 auto; margin-top: 20px; } .header .logo h1 { font-size: 35px; } .header .logo p { font-size: 13px; } .header .navbar-default .navbar-nav { margin-top: 8px; } .header .navbar-default .navbar-nav>li>a{ padding-left: 23px; padding-top: 10px; padding-bottom: 10px; font-size: 18px; text-align: left; } .header .navbar-default .navbar-nav>li>a img { display: none; } .header .navbar-collapse { border-top: 1px solid #f1f1f1; } .header .navbar-default .navbar-nav .open .dropdown-menu>li>a { margin-left: 20px; padding-left: 8px; } .header .navbar-default .navbar-nav > .dropdown .dropdown-menu{ margin-top: 0px; border-top: 0px !important; } .header .navbar-default .navbar-nav > .dropdown .dropdown-menu:after, .header .navbar-default .navbar-nav > .dropdown .dropdown-menu:before { border: 0px; } .header .navbar-default .navbar-nav>li>a:hover, .header .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { background: #f5f5f5; } .header .header-contact span { display: block; margin-top: 5px; margin-bottom: 15px; text-align: center; } .tp-banner .tp-caption span.price-tag{ width: 70px; height: 70px; font-size: 20px; line-height: 21px; } .btn-cart-md { float: none; max-width: 150px; margin: 0 auto; margin-top: 20px; } .btn-cart-md .cart-dropdown { right: 50%; margin-right: -125px; } .dishes .dishes-item-container { max-width: 400px; margin: 0 auto; margin-top: 40px; } .pricing .pricing-item{ max-width: 400px; margin: 0 auto; margin-top: 40px; } .menu .menu-container{ max-width: 400px; margin: 0 auto; } .chefs .chefs-member{ margin-bottom: 40px; } .showcase .showcase-item{ max-width: 400px; margin: 0 auto; margin-top: 40px; } .testimonial .flexslider-testimonial, .testimonial .flexslider-recent { max-width: 400px !important; } .gallery .gallery-content{ max-width: 400px; margin: 0 auto; } .about-company .about-company-item { max-width: 400px; } .about-company .about-company-inner span.company-feature { font-size: 20px; } .inner-page .booking{ max-width: 400px; margin: 0 auto; } .inner-page .recipe{ max-width: 400px; margin: 0 auto; } .inner-page .shopping { margin-bottom: 0px; } .inner-page .single-item { max-width: 400px; margin: 0 auto; } .inner-page .single-item h3 { margin-top: 10px; } .inner-page .single-item .table-responsive { margin-top: 15px !important; } .inner-page .contactus { max-width: 400px; margin: 0 auto; } .inner-page .checkout { max-width: 400px; margin: 0 auto; } .inner-page .checkout .sidebar-item { margin-top: 30px; margin-bottom: 0;} .inner-page .blog { margin-bottom: 0;} .inner-page .blog .blog-post, .inner-page .blog .blog-sidebar { max-width: 400px; margin: 0 auto; } .inner-page .blog .blog-post .entry .blog-img{ float: none !important; max-width: 300px; margin-bottom: 25px; } .inner-page .blog .blog-post .entry h3, .inner-page .blog .blog-post .entry hr, .inner-page .blog .blog-post .entry .meta, .inner-page .blog .blog-post .entry p{ margin-left: 0; } .inner-page .respond, .inner-page .navigation { max-width: 400px; margin: 0 auto; } .inner-page .navigation { margin-top: 20px; } .inner-page .nutrition { margin-top: 20px; } .inner-page .nutrition-item .table-responsive { margin-top:15px; } .inner-page .nutrition .nutrition-item .table { margin-top: 0; } .inner-page .nutrition .nutrition-item { max-width: 400px; margin: 0 auto; margin-bottom: 40px; } .inner-page .general { margin-top: 0; } .inner-page .general .general-content { max-width: 400px; margin: 0 auto; } .inner-page .general .nav-tabs{ border-bottom: 0; } .inner-page .general .nav-tabs>li>a{ border-left-width: 0; border-bottom-color: #eee; } .inner-page .general .nav-tabs>li.active>a{ border-bottom-color: #eee; } .inner-page .general .general-img { max-width: 400px; margin: 0 auto; margin-top: 30px; } /* * footer */ .footer .footer-widget{ max-width: 400px; margin: 0 auto; margin-bottom: 40px; } } /* * Desktop */ @media (max-width: 991px){ .header .navbar-default .navbar-nav > li ul.dropdown-md { width: 450px; } .testimonial h3 { text-align: center; } .testimonial .flexslider-testimonial, .testimonial .flexslider-recent { max-width: 600px; margin: 0 auto; margin-top: 30px; } .testimonial .flexslider-testimonial { margin-bottom: 50px; } .testimonial .flexslider-recent { margin-bottom: 80px; } .pricing .pricing-item img{ max-width: 100%; float: none; } .pricing .pricing-item .pricing-item-details { margin-left: 0px; margin-top: 15px; text-align: center; } .pricing .pricing-item .pricing-item-details a.view-link{ margin-right: 7px; } .pricing .pricing-item .pricing-item-details a.btn{ float: none !important; } .showcase .showcase-item { padding: 20px; } .showcase .showcase-item img { position: relative; top: -40px; margin: 0 auto; } .showcase .showcase-item h3, .showcase .showcase-item p { position: relative; top: -13px; margin: 0; } .showcase .showcase-item h3{ margin-bottom: 10px; padding: 0; text-align: center; } .showcase .showcase-item p { padding: 0; text-align: center; } .inner-page .booking .booking-form { margin-top: 40px; } .inner-page .recipe .recipe-content{ padding-bottom: 15px; } .inner-page .recipe .recipe-item{ margin-bottom: 15px; } .inner-page .single-item .table-responsive { margin-top: 10px; } .inner-page .contactus .map-container { margin-top: 30px; } .inner-page .checkout form label { margin-bottom: 7px; } .inner-page .checkout form .form-group { margin-bottom: 7px; } .inner-page .checkout form button{ margin-top: 7px; } .inner-page .blog .sidebar-widget{ margin-top: 30px; margin-bottom: 0; } } @media (max-width: 1200px){ } .registerPopupLink { cursor: pointer; font-size: 0.9em; } .footerlinks { font-size: 13px; color: #9a9a9a; text-align: center; } .footerlinks ul { margin: 0; padding: 0; } .footerlinks ul li { list-style: none; margin: 0; padding: 0; } ul.orderListItem { margin: 0; padding: 0; } ul.orderListItem li { list-style: none; } ul.orderListItem li table { background-color: transparent; }