diff --git a/frontend/web/css/style.css b/frontend/web/css/style.css index dc84cda..3840ab4 100644 --- a/frontend/web/css/style.css +++ b/frontend/web/css/style.css @@ -1,8161 +1,79 @@ -<<<<<<< HEAD -header .link-underline_dott { - font-size: 13px; - line-height: 13px; } -header .login { - font-size: 13px; } -header .top-phone { - font-weight: 700; - font-size: 15px; } -header .left-top-nav a { - line-height: 13px; } - -#content { - min-height: calc(100vh - 107px - 260px); } - -.link-underline { - border-bottom: 1px solid #039be5; } - -.link-underline__hover { - border-bottom-color: #3d62c4; } - -.link-underline_inv { - border-bottom: 1px solid rgba(255, 255, 255, 0.5); } - -.link-underline_inv__hover { - border-bottom-color: white; } - -.link-underline_dash { - border-bottom-style: dashed !important; } - -.link-underline_dott { - border-bottom-style: dotted !important; } - -.table > tbody > tr > td.td-title { - color: #777; - font-size: 90%; - width: 30%; - padding-left: 0; } - -h1, -.h1 { - font-size: 36px; - font-weight: bold; } - -h2, -.h2 { - font-size: 28px; - font-weight: bold; - text-transform: uppercase; - letter-spacing: .08em; } - -.trans { - -webkit-transition: 0.05s ease-out; - -moz-transition: 0.05s ease-out; - transition: 0.05s ease-out; } - -.trans1 { - -webkit-transition: 0.1s ease-out; - -moz-transition: 0.1s ease-out; - transition: 0.1s ease-out; } - -.trans15 { - -webkit-transition: 0.15s ease-out; - -moz-transition: 0.15s ease-out; - transition: 0.15s ease-out; } - -.trans2 { - -webkit-transition: 0.2s ease-out; - -moz-transition: 0.2s ease-out; - transition: 0.2s ease-out; } - -.trans3 { - -webkit-transition: 0.3s ease-out; - -moz-transition: 0.3s ease-out; - transition: 0.3s ease-out; } - -.trans5 { - -webkit-transition: 0.5s ease-out; - -moz-transition: 0.5s ease-out; - transition: 0.5s ease-out; } - -.clearfix { - content: " "; - display: table; } - -.clear { - clear: both; } - -.clearfix:before, -.clearfix:after, -.navbar:before, -.navbar:after, -.navbar-header:before, -.navbar-header:after { - content: " "; - display: table; } - -.clearfix:after, -.navbar:after, -.navbar-header:after { - clear: both; } - -.center-block { - display: block; - margin-left: auto; - margin-right: auto; } - -.hide { - display: none !important; } - -.show { - display: block !important; } - -.invisible { - opacity: 0; - visibility: hidden; } - -.visible { - opacity: 1; - visibility: visible; } - -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; } - -.hidden { - display: none !important; - visibility: hidden !important; } - -.affix { - position: fixed; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - -/* general styles */ -button:focus, -button:active, -button:active:focus { - outline: none; } - -button:focus.btn, -button:active.btn, -button:active:focus.btn, -button:focus.btn.active, -button:active.btn.active, -button:active:focus.btn.active { - outline: none; } - -a i.fa, -button i.fa { - margin: 0 5px; } - -.clickable { - cursor: pointer !important; } - -.required { - color: #4285f4; } - -.accent { - color: #4285f4; } - -.text-uppercase { - text-transform: uppercase; - letter-spacing: 0.08em; } - -@media (max-width: 991px) { - .text-center-sm { - text-align: center; } } -p.lead { - margin-bottom: 40px; } - -section, -div.section { - margin-bottom: 40px; } - -.no-mb { - margin-bottom: 0 !important; } - -.mb-small { - margin-bottom: 20px !important; } - -.heading { - margin-bottom: 40px; } - -.heading h1, -.heading h2, -.heading h3, -.heading h4, -.heading h5 { - display: inline-block; - border-bottom: solid 5px #4285f4; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; - vertical-align: middle; - text-transform: uppercase; - letter-spacing: 0.06em; } - -.heading h1 i.fa, -.heading h2 i.fa, -.heading h3 i.fa, -.heading h4 i.fa, -.heading h5 i.fa { - display: inline-block; - background: #4285f4; - width: 30px; - height: 30px; - vertical-align: middle; - text-align: center; - color: #fff; - font-size: 12px; - line-height: 30px; - border-radius: 15px; } - -.icon { - display: inline-block; - width: 80px; - height: 80px; - color: #fff; - line-height: 80px; - border-radius: 40px; - border: solid 1px #fff; - font-size: 20px; } - -.icon.icon-lg { - font-size: 30px; - border-width: 2px; } - -.ul-icons { - padding-left: 10px; } - -.ul-icons li { - list-style-type: none; - line-height: 20px; - margin-bottom: 20px; } - -.ul-icons li i { - width: 20px; - height: 20px; - background: #4285f4; - color: #fff; - text-align: center; - border-radius: 10px; - line-height: 20px; - margin-right: 10px; } - -ul.list-style-none { - list-style: none; } - -#text-page h1, -#text-page h2, -#text-page h3 { - font-weight: 700; } - -#error-page { - text-align: center; - margin-top: 40px; - margin-bottom: 100px; } - -#error-page h4 { - margin-bottom: 40px; } - -#error-page p.buttons { - margin-top: 40px; } - -.pages-listing .item { - text-align: center; } - -.pages-listing .item h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 20px; - letter-spacing: 0.08em; } - -.pages-listing .item h3 a { - color: #555555; } - -.pages-listing .item .text { - margin-bottom: 20px; } - -.pages-listing .item .text p { - color: #999999; - font-size: 12px; - margin-bottom: 20px; } - -.banner { - margin-bottom: 30px; - text-align: center; } - -.banner img { - margin: 0 auto; } - -.banner a:hover img { - opacity: 0.8; - filter: alpha(opacity=80); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -.pages { - text-align: center; } - -.pages .loadMore { - text-align: center; } - -.pages .pagination { - text-align: center; } - -.features-buttons button { - margin-bottom: 20px; } - -@media (min-width: 1300px) { - body.boxed { - background: url(http://subtlepatterns.com/patterns/subtle_zebra_3d.png); } - - body.boxed #all { - position: relative; - background: #fff; - width: 1200px; - margin: 0 auto; - overflow: hidden; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; } } -#top { - /*background: #eee;*/ - border-bottom: 1px dotted #ddd; - padding: 10px 0; - font-size: 14.2px; - line-height: 1.2; - font-weight: 300; } - -#top .left-top-nav { - float: left; } - -#top .left-top-nav a { - margin-right: 15px; } - -#top .right-top-nav { - float: right; - text-align: right; } - -#top .right-top-nav .top-phone { - font-size: 125%; - vertical-align: top; - line-height: 1.2; - display: inline-block; } - -#top .right-top-nav a { - margin-left: 15px; } - -#top a { - display: inline-block; - border-bottom: 1px solid #039be5; - color: #4285f4; } - -#top a:hover { - border-bottom-color: #3d62c4; - color: #3d62c4; } - -#top p { - margin: 0; } - -#top .social { - float: right; - text-align: right; } - -#top .social a { - color: #222; - display: inline-block; - width: 20px; - height: 20px; - border-radius: 12px; - line-height: 20px; - font-size: 12px; - text-align: center; - vertical-align: bottom; } - -#top .inline-block { - display: inline-block; } - -#top .login a { - border-bottom: 0; } - -#top .social a:hover.facebook { - background-color: #4460ae; } - -#top .social a:hover.gplus { - background-color: #c21f25; } - -#top .social a:hover.twitter { - background-color: #3cf; } - -#top .social a:hover.instagram { - background-color: #cd4378; } - -#top .social a:hover.email { - background-color: #4a7f45; } - -@media (max-width: 767px) { - #top .login { - float: left; } } -#top.light { - background: #fff; - color: #999999; - border-bottom: solid 1px #eeeeee; } - -#top.light .login a { - color: #555555; } - -@media (max-width: 768px) { - .navbar ul.nav > li.active > a, - .navbar ul.nav > li.open > a { - border-top-color: transparent; } - - .navbar ul.nav > li > a:hover { - border-top-color: transparent; } } -.navbar .dropdown-menu { - margin: 0; - padding: 0; - border-radius: 0 0 3px 3px; } - -.dropdown-menu li { - list-style-type: none; - border-bottom: solid 1px #e5e5e5; } - -.dropdown-menu li:last-child, -.dropdown-menu li:last-child a { - border-bottom: 0; - border-radius: 0 0 3px 3px; } - -.dropdown-menu li a { - position: relative; - color: #333; - display: block; - padding: 10px 15px; - line-height: 20px; } - -.dropdown-menu li a a:hover { - color: #4285f4; - background: none; - left: 2px; - -webkit-transition: 0.1s ease-out; - -moz-transition: 0.1s ease-out; - transition: 0.1s ease-out; } - -@media (max-width: 767px) { - .navbar ul.dropdown-menu li a:hover { - left: 0; } } -.navbar .yamm-content h3 { - font-size: 18px; - text-transform: uppercase; - padding-bottom: 10px; - margin-top: 5px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; } - -@media (max-width: 767px) { - .navbar .yamm-content h3 { - font-size: 14px; } } -.navbar .yamm-content h5 { - text-transform: uppercase; - padding-bottom: 10px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; } - -.navbar .yamm-content ul { - margin: 0; - padding: 0; } - -.navbar .yamm-content ul li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - padding: 4px 0; } - -.navbar .yamm-content ul li a { - position: relative; - display: block; - -webkit-transition: 0.1s ease-out; - -moz-transition: 0.1s ease-out; - transition: 0.1s ease-out; } - -.navbar .yamm-content ul li a:hover { - color: #4285f4; - padding-left: 2px; } - -.navbar .yamm-content .banner { - margin-bottom: 10px; } - -.navbar .yamm-fw .dropdown-menu { - padding: 0; } - -.navbar .navbar-buttons { - float: left; } - -.navbar .navbar-buttons button, -.navbar .navbar-buttons a.btn, -.navbar .navbar-buttons .btn-default.navbar-toggle { - margin: 12px 6px; } - -.navbar .btn-default, -.navbar .btn-default.navbar-toggle { - color: #999999; - background-color: #fff; - margin-left: 7px; - margin-right: 0; } - -.navbar .btn-default:hover, -.navbar .btn-default.navbar-toggle:hover, -.navbar .btn-default:focus, -.navbar .btn-default.navbar-toggle:focus { - background-color: #fff; - border-color: #4285f4; - color: #4285f4; } - -.navbar .search-block { - text-align: right; - float: none; - overflow: hidden; - padding: 5px; - width: auto; } - -.navbar .search-block form .input-group { - width: 100%; } - -.navbar .search-block form .input-group input { - border-right: 0; - border-radius: 1000px 0 0 1000px; } - -.navbar .search-block form .input-group input:focus + .input-group-btn button { - background: #4285f4; - border-color: transparent; - color: white; } - -.navbar .search-block form .input-group .input-group-btn { - width: 49px; } - -.navbar .search-block form .input-group .input-group-btn button { - border-radius: 0 1000px 1000px 0; - border-color: #ccc; - border-left: 0; } - -.navbar .search-block form .input-group .input-group-btn button:hover, -input:focus + .input-group-btn .navbar .search-block form .input-group .input-group-btn button:hover { - background: #3d62c4; - border-color: transparent; } - -.cart-item { - margin-right: -15px; - margin-left: 15px; - float: right; } - .cart-item .cart-item-link { - display: block; - height: 100%; - padding: 5px 15px; - position: relative; } - .cart-item .cart-item-link:before { - font-family: FontAwesome; - font-weight: normal; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - display: block; - content: "\f291"; - font-size: 35px; - position: absolute; - left: 50%; - margin-left: -22px; - color: #4285f4; } - -.cart-item .cart-item-link .sub-title { - display: inline-block; - margin-top: 40px; - font-size: 11px; - padding-right: 2px; - opacity: .8; } - -@media (max-width: 768px) { - .navbar .search-block { - float: none; - overflow: hidden; - width: auto; - padding: 0 5px; } - - .navbar .search-block form .input-group { - width: 100%; } - - .cart-item { - margin-left: 5px; } - - .cart-item .cart-item-link { - background-size: auto 42px; - background-position: center 7px; } - - .cart-item .cart-item-link .sub-title { - font-size: 9px; - line-height: 1; - margin-top: 36px; } } -.navbar #basket-overview a { - margin-left: 7px; } - -.navbar-affixed-top { - top: -32px; } - -.navbar-affixed-top.affix-top { - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; } - -.navbar-affixed-top.affix { - position: fixed; - width: 100%; - top: 0; - z-index: 1000; - border-bottom: 0; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; } - -body.boxed .navbar-affixed-top.affix { - position: static; } - -#login-modal { - overflow: hidden; } - -#login-modal .modal-header h4 { - text-transform: uppercase; } - -#login-modal form { - margin-bottom: 20px; } - -#login-modal a { - color: #4285f4; } - -#login-modal p { - font-weight: 300; - /*margin-bottom: 20px;*/ - font-size: 13px; } - -/* buttons */ -.btn { - font-weight: 700; - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 6px 12px; - font-size: 13px; - line-height: 1.42857143; - border-radius: 3px; } - -.input-group .btn { - font-size: 14px; } - -.btn-lg { - padding: 10px 16px; - font-size: 14px; - line-height: 1.33; - border-radius: 0; } - -.btn-sm { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; } - -.btn-xs { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; } - -.btn-template-main { - color: #4285f4; - background-color: #ffffff; - border-color: #4285f4; } - -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - color: #4285f4; - background-color: #e6e6e6; - border-color: #2a7d8c; } - -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - background-image: none; } - -.btn-template-main.disabled, -.btn-template-main[disabled], -fieldset[disabled] .btn-template-main, -.btn-template-main.disabled:hover, -.btn-template-main[disabled]:hover, -fieldset[disabled] .btn-template-main:hover, -.btn-template-main.disabled:focus, -.btn-template-main[disabled]:focus, -fieldset[disabled] .btn-template-main:focus, -.btn-template-main.disabled:active, -.btn-template-main[disabled]:active, -fieldset[disabled] .btn-template-main:active, -.btn-template-main.disabled.active, -.btn-template-main[disabled].active, -fieldset[disabled] .btn-template-main.active { - background-color: #ffffff; - border-color: #4285f4; } - -.btn-template-main .badge { - color: #ffffff; - background-color: #4285f4; } - -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active { - background: #4285f4; - color: #ffffff; - border-color: #4285f4; } - -.btn-template-transparent-primary { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; } - -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - color: #ffffff; - background-color: transparent; - border-color: #e0e0e0; } - -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - background-image: none; } - -.btn-template-transparent-primary.disabled, -.btn-template-transparent-primary[disabled], -fieldset[disabled] .btn-template-transparent-primary, -.btn-template-transparent-primary.disabled:hover, -.btn-template-transparent-primary[disabled]:hover, -fieldset[disabled] .btn-template-transparent-primary:hover, -.btn-template-transparent-primary.disabled:focus, -.btn-template-transparent-primary[disabled]:focus, -fieldset[disabled] .btn-template-transparent-primary:focus, -.btn-template-transparent-primary.disabled:active, -.btn-template-transparent-primary[disabled]:active, -fieldset[disabled] .btn-template-transparent-primary:active, -.btn-template-transparent-primary.disabled.active, -.btn-template-transparent-primary[disabled].active, -fieldset[disabled] .btn-template-transparent-primary.active { - background-color: transparent; - border-color: #ffffff; } - -.btn-template-transparent-primary .badge { - color: transparent; - background-color: #ffffff; } - -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active { - background: #fff; - color: #4285f4; - border-color: #fff; } - -.btn-template-transparent-black { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; } - -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - color: #ffffff; - background-color: transparent; - border-color: #e0e0e0; } - -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - background-image: none; } - -.btn-template-transparent-black.disabled, -.btn-template-transparent-black[disabled], -fieldset[disabled] .btn-template-transparent-black, -.btn-template-transparent-black.disabled:hover, -.btn-template-transparent-black[disabled]:hover, -fieldset[disabled] .btn-template-transparent-black:hover, -.btn-template-transparent-black.disabled:focus, -.btn-template-transparent-black[disabled]:focus, -fieldset[disabled] .btn-template-transparent-black:focus, -.btn-template-transparent-black.disabled:active, -.btn-template-transparent-black[disabled]:active, -fieldset[disabled] .btn-template-transparent-black:active, -.btn-template-transparent-black.disabled.active, -.btn-template-transparent-black[disabled].active, -fieldset[disabled] .btn-template-transparent-black.active { - background-color: transparent; - border-color: #ffffff; } - -.btn-template-transparent-black .badge { - color: transparent; - background-color: #ffffff; } - -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active { - background: #fff; - color: #000; - border-color: #fff; } - -.btn-template-primary { - color: #ffffff; - background-color: #4285f4; - border-color: #4285f4; } - -.btn-template-primary:hover, -.btn-template-primary:focus, -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - color: #ffffff; - background-color: #2c8494; - border-color: #2a7d8c; } - -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - background-image: none; } - -.btn-template-primary.disabled, -.btn-template-primary[disabled], -fieldset[disabled] .btn-template-primary, -.btn-template-primary.disabled:hover, -.btn-template-primary[disabled]:hover, -fieldset[disabled] .btn-template-primary:hover, -.btn-template-primary.disabled:focus, -.btn-template-primary[disabled]:focus, -fieldset[disabled] .btn-template-primary:focus, -.btn-template-primary.disabled:active, -.btn-template-primary[disabled]:active, -fieldset[disabled] .btn-template-primary:active, -.btn-template-primary.disabled.active, -.btn-template-primary[disabled].active, -fieldset[disabled] .btn-template-primary.active { - background-color: #4285f4; - border-color: #4285f4; } - -.btn-template-primary .badge { - color: #4285f4; - background-color: #ffffff; } - -#intro { - background: url("../img/home.jpg") no-repeat center top; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; } - -#intro .item { - font-family: "Roboto", Helvetica, Arial, sans-serif; - height: 100%; } - -#intro .item h1 { - text-transform: uppercase; - font-size: 50px; - color: #fff; - margin-bottom: 40px; - letter-spacing: 0.08em; } - -@media (max-width: 991px) { - #intro .item h1 { - font-size: 40px; } } -@media (max-width: 767px) { - #intro .item h1 { - font-size: 25px; } } -#intro .item h3 { - color: #fff; - margin-bottom: 40px; } - -@media (max-width: 767px) { - #intro .item h3 { - font-size: 15px; - margin-bottom: 20px; } } -#intro .item .btn { - text-transform: none; } - -@media (max-width: 991px) { - #intro .item .btn { - font-size: 14px; } } -@media (max-width: 991px) { - #intro .item .carousel-caption { - left: 10%; - right: 10%; } } -#intro .container, -#intro .row { - height: 100%; - position: relative; } - -.jumbotron { - padding: 30px; - margin-bottom: 0; - position: relative; - background: url("../img/photogrid.jpg") center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -.jumbotron .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #4285f4; - opacity: 0.9; - filter: alpha(opacity=90); } - -.jumbotron h1, -.jumbotron h2, -.jumbotron h3, -.jumbotron p, -.jumbotron ul { - color: #fff; } - -.jumbotron h1, -.jumbotron h2, -.jumbotron h3 { - color: #ffffff; - text-transform: uppercase; - letter-spacing: 0.08em; } - -.jumbotron p { - margin-bottom: 20px; - font-size: 21px; - font-weight: 400; } - -.jumbotron p.text-uppercase { - font-weight: 700; } - -.jumbotron > hr { - border-top-color: #d5d5d5; } - -.container .jumbotron { - border-radius: 0; } - -.jumbotron .container { - max-width: 100%; - z-index: 2; } - -@media screen and (min-width: 768px) and (max-width: 992px) { - header .container { - width: auto; } } -@media screen and (min-width: 768px) { - .jumbotron { - padding-top: 48px; - padding-bottom: 48px; } - - .container .jumbotron { - padding-left: 60px; - padding-right: 60px; } - - .jumbotron h1, - .jumbotron .h1 { - font-size: 46px; } } -#categoryMenu h3 { - padding: 20px; - background: #f7f7f7; - margin: 0; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; } - -.panel.sidebar-menu h3 { - padding: 5px 0; - margin: 0; } - -.panel.sidebar-menu { - background: #fff; - margin: 0 0 20px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.panel.sidebar-menu .panel-heading { - text-transform: uppercase; - margin-bottom: 10px; - background: none; - padding: 0; - letter-spacing: 0.08em; - border-bottom: none; } - -.panel.sidebar-menu .panel-heading h1, -.panel.sidebar-menu .panel-heading h2, -.panel.sidebar-menu .panel-heading h3, -.panel.sidebar-menu .panel-heading h4, -.panel.sidebar-menu .panel-heading h5 { - display: inline-block; - border-bottom: solid 5px #4285f4; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; } - -.panel.sidebar-menu .panel-heading .btn.btn-danger { - color: #fff; - margin-top: 5px; - border-radius: 1000px; } - -.panel.sidebar-menu .panel-heading .btn.btn-danger i.fa { - margin-left: 1px; - margin-right: 2px; } - -.panel.sidebar-menu .panel-body { - padding: 0; } - -.panel.sidebar-menu .panel-body span.colour { - display: inline-block; - width: 15px; - height: 15px; - border: solid 1px #555555; - vertical-align: top; - margin-top: 2px; - margin-left: 5px; } - -.panel.sidebar-menu .panel-body span.colour.white { - background: #fff; } - -.panel.sidebar-menu .panel-body span.colour.red { - background: red; } - -.panel.sidebar-menu .panel-body span.colour.green { - background: green; } - -.panel.sidebar-menu .panel-body span.colour.blue { - background: blue; } - -.panel.sidebar-menu .panel-body span.colour.yellow { - background: yellow; } - -.panel.sidebar-menu .panel-body label { - color: #333; - font-size: 13px; - line-height: 1.5; } - -.panel.sidebar-menu .panel-body label:hover { - color: #555555; } - -.panel.sidebar-menu ul.nav.category-menu { - margin-bottom: 20px; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.08em; } - -.panel.sidebar-menu ul.nav.category-menu li a { - font-family: 'Roboto', helvetica neue, arial, sans-serif; - font-size: 14px; } - -.panel.sidebar-menu ul.nav.category-menu li a:hover { - background: #eee; } - -.panel.sidebar-menu ul.nav.category-menu li li.active a { - /*background: @c-main;*/ - /*color: @c-white;*/ - border: 1px solid #4285f4; - border-radius: 3px; } - -.panel.sidebar-menu ul.nav ul { - list-style: none; - padding-left: 0; } - -.panel.sidebar-menu ul.nav ul li { - display: block; } - -.panel.sidebar-menu ul.nav ul li a { - position: relative; - font-family: "Times New Roman", Times, serif; - font-weight: normal; - text-transform: none !important; - display: block; - padding: 7px 10px; - padding-left: 22px; - letter-spacing: 0; } - -.panel.sidebar-menu ul.tag-cloud { - list-style: none; - padding-left: 0; } - -.panel.sidebar-menu ul.tag-cloud li { - display: inline-block; } - -.panel.sidebar-menu ul.tag-cloud li a { - display: inline-block; - padding: 5px; - border: solid 1px #eeeeee; - border-radius: 0; - color: #4285f4; - margin: 5px 5px 5px 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 700; - font-size: 12px; } - -.panel.sidebar-menu ul.tag-cloud li a:hover { - color: #4285f4; - border-color: #4285f4; } - -.panel.sidebar-menu ul.popular, -.panel.sidebar-menu ul.recent { - list-style: none; - padding-left: 0; - padding: 20px 0; } - -.panel.sidebar-menu ul.popular li, -.panel.sidebar-menu ul.recent li { - margin-bottom: 10px; - padding: 5px 0; - border-bottom: dotted 1px #eeeeee; } - -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; } - -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; } - -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; } - -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; } - -.panel.sidebar-menu ul.popular li img, -.panel.sidebar-menu ul.recent li img { - width: 50px; - margin-right: 10px; } - -.panel.sidebar-menu ul.popular li h5, -.panel.sidebar-menu ul.recent li h5 { - margin: 0 0 10px; } - -.panel.sidebar-menu ul.popular li h5 a, -.panel.sidebar-menu ul.recent li h5 a { - font-weight: normal; } - -.panel.sidebar-menu ul.popular li p.date, -.panel.sidebar-menu ul.recent li p.date { - float: right; - font-size: 12px; - color: #999999; } - -.panel.sidebar-menu ul.popular li:last-child, -.panel.sidebar-menu ul.recent li:last-child { - border-bottom: none; } - -.panel.sidebar-menu .text-widget { - font-size: 12px; } - -.panel.sidebar-menu.with-icons ul.nav li a:after { - font-family: 'FontAwesome'; - content: "\f105"; - position: relative; - top: 0; - float: right; } - -/* ribbons for product sales etc. */ -.ribbon { - position: absolute; - top: 50px; - padding-left: 51px; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.08em; } - -.ribbon .ribbon-background { - position: absolute; - top: 0; - right: 0; } - -.ribbon .theribbon { - position: relative; - min-width: 80px; - padding: 6px 15px; - margin: 30px 10px 10px -63px; - color: #fff; - background-color: #3d62c4; - font-family: "Roboto", Helvetica, Arial, sans-serif; } - -.ribbon .theribbon:before, -.ribbon .theribbon:after { - content: ' '; - position: absolute; - width: 0; - height: 0; } - -.ribbon .theribbon:after { - left: 0; - top: 100%; - border-width: 5px 6px; - border-style: solid; - border-color: #a81200 #a81200 transparent transparent; } - -.ribbon.sale { - top: 0; } - -.ribbon.new { - top: 50px; } - -.ribbon.top { - top: 100px; } - -.ribbon.new .theribbon { - background-color: #5bc0de; - text-shadow: 0px 1px 2px #bbb; } - -.ribbon.top .theribbon { - background-color: #8a21fd; - text-shadow: 0px 1px 2px #bbb; } - -.ribbon.new .theribbon:after { - border-color: #2390b0 #2390b0 transparent transparent; } - -.ribbon.top .theribbon:after { - border-color: #4f00a5 #4f00a5 transparent transparent; } - -.ribbon.gift { - top: 100px; } - -.ribbon.gift .theribbon { - background-color: #5cb85c; - text-shadow: 0px 1px 2px #bbb; } - -.ribbon.gift .theribbon:after { - border-color: #357935 #357935 transparent transparent; } - -.owl-carousel .owl-controls .owl-page.active span, -.owl-theme .owl-controls .owl-page.active span, -.owl-carousel .owl-controls.clickable .owl-page:hover span, -.owl-theme .owl-controls.clickable .owl-page:hover span { - background: #4285f4; } - -.owl-carousel .owl-controls .owl-buttons, -.owl-theme .owl-controls .owl-buttons { - position: absolute; - top: 5px; - right: 0; } - -.owl-carousel .owl-controls .owl-buttons div, -.owl-theme .owl-controls .owl-buttons div { - width: 26px; - height: 26px; - line-height: 25px; - margin: 0 5px 0 0; - font-size: 18px; - color: #4285f4; - padding: 0; - background: #fff; - border-radius: 13px; - vertical-align: middle; - text-align: center; - opacity: 1; - filter: alpha(opacity=100); } - -.home-carousel { - position: relative; - background: url("../img/oblako_banner.jpg") center center repeat; - background-size: cover; - border-radius: 3px; - overflow: hidden; - -webkit-transition: 0.2s ease-out; - -moz-transition: 0.2s ease-out; - transition: 0.2s ease-out; } - -.home-carousel .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: inherit; - /*background: $mainColor;*/ - /*opacity: 0.9;*/ - /*filter: alpha(opacity=90);*/ } - -.home-carousel .owl-carousel { - padding: 44px 36px; } - -.home-carousel .owl-theme .owl-controls .owl-page span { - background: #666; } - -.home-carousel .owl-theme .owl-controls .owl-page.active span { - background: #fff; } - -.home-carousel .owl-theme .owl-controls .owl-page:hover span { - background: #fff; } - -@media (max-width: 767px) { - .home-carousel { - text-align: center !important; } } -.home-carousel h1, -.home-carousel h2, -.home-carousel h3, -.home-carousel p, -.home-carousel ul { - color: #fff; } - -.home-carousel h1 { - font-weight: 700; - text-transform: uppercase; - font-size: 46px; - letter-spacing: 0.08em; } - -@media (max-width: 991px) { - .home-carousel h1 { - font-size: 36px; } } -.home-carousel h2 { - font-weight: 700; - text-transform: uppercase; - font-size: 30px; - letter-spacing: 0.08em; } - -.home-carousel ul, -.home-carousel p { - font-size: 16px; - font-weight: 700; - padding: 0; - text-transform: uppercase; - letter-spacing: 0.10em; } - -@media (max-width: 991px) { - .home-carousel ul, - .home-carousel p { - font-size: 14px; } } -.home-carousel ul li { - margin-bottom: 10px; } - -.customers { - padding: 0; - margin-bottom: 40px; } - -.customers .item { - list-style-type: none; - text-align: center; - margin: 0 20px; } - -.customers .item img { - display: inline-block; - filter: url("data:image/svg+xml;utf8,#grayscale"); - /* Firefox 10+, Firefox on Android */ - filter: gray; - /* IE6-9 */ - -webkit-filter: grayscale(100%); - /* Chrome 19+, Safari 6+, Safari 6+ iOS */ - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -.customers .item img:hover { - max-width: auto; - filter: none; - -webkit-filter: none; } - -.testimonials { - padding: 0; - margin-bottom: 40px; } - -.testimonials .item { - list-style-type: none; - margin: 0 5px; - background: #fff; - padding-bottom: 60px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.testimonials .item .testimonial { - position: relative; - padding: 20px; } - -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; } - -.testimonials .item .testimonial:after { - clear: both; } - -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; } - -.testimonials .item .testimonial:after { - clear: both; } - -.testimonials .item .testimonial .text { - color: #999999; - margin-bottom: 40px; } - -.testimonials .item .testimonial .bottom { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px; - height: 50px; } - -.testimonials .item .testimonial .bottom .icon { - color: #4285f4; - font-size: 30px; - float: left; - width: 20%; } - -.testimonials .item .testimonial .name-picture { - float: right; - width: 80%; - text-align: right; } - -.testimonials .item .testimonial .name-picture h5 { - font-size: 14px; - text-transform: uppercase; - letter-spacing: 0.08em; } - -.testimonials .item .testimonial .name-picture p { - color: #999999; - margin: 0; - font-size: 12px; } - -.testimonials .item .testimonial .name-picture img { - float: right; - width: 60px; - border-radius: 30px; - margin-left: 10px; } - -.team-member { - text-align: center; - margin-bottom: 40px; } - -.team-member h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 5px; - letter-spacing: 0.08em; } - -.team-member h3 a { - color: #555555; } - -.team-member p.role { - color: #999999; - font-size: 12px; - text-transform: uppercase; - letter-spacing: 0.06em; } - -.team-member .social { - margin-bottom: 20px; } - -.team-member .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; } - -.team-member .social a i { - vertical-align: bottom; - line-height: 26px; } - -.team-member .social a.facebook { - background-color: #4460ae; } - -.team-member .social a.gplus { - background-color: #c21f25; } - -.team-member .social a.twitter { - background-color: #3cf; } - -.team-member .social a.instagram { - background-color: #cd4378; } - -.team-member .social a.email { - background-color: #4a7f45; } - -.team-member .text p { - color: #999999; - font-size: 12px; } - -.team-member .social, -.team-member-detail .social { - margin-bottom: 20px; } - -.team-member .social a, -.team-member-detail .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; } - -.team-member .social a i, -.team-member-detail .social a i { - vertical-align: bottom; - line-height: 26px; } - -.team-member .social a.facebook, -.team-member-detail .social a.facebook { - background-color: #4460ae; } - -.team-member .social a.gplus, -.team-member-detail .social a.gplus { - background-color: #c21f25; } - -.team-member .social a.twitter, -.team-member-detail .social a.twitter { - background-color: #3cf; } - -.team-member .social a.instagram, -.team-member-detail .social a.instagram { - background-color: #cd4378; } - -.team-member .social a.email, -.team-member-detail .social a.email { - background-color: #4a7f45; } - -.box-simple { - text-align: center; - margin-bottom: 40px; } - -.box-simple .icon { - color: #4285f4; - border-color: #4285f4; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -.box-simple h3 { - font-weight: normal; - font-size: 18px; - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; } - -.box-simple h3 a { - color: #555555; } - -.box-simple p { - color: #999999; } - -.box-simple:hover .icon { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); } - -.box-simple:hover .icon i { - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - -o-transform: scale(1, 1); - transform: scale(1, 1); } - -.box-simple.box-white { - padding: 20px; - border: dotted 1px #999999; } - -.box-simple.box-white .icon { - color: #555555; - border-color: transparent; - font-size: 70px; } - -.box-simple.box-dark { - padding: 20px; - border: dotted 1px #999999; - background: #555555; - color: #fff; } - -.box-simple.box-dark .icon { - color: #f7f7f7; - border-color: transparent; - font-size: 70px; } - -.box-simple.box-dark h3 { - color: #fff; } - -.box-simple.box-dark h3 a { - color: #fff; } - -.box-simple.box-dark p { - color: #fff; } - -.box-image { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; } - -.box-image .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #4285f4; } - -.box-image .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; } - -.box-image .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; } - -.box-image .name h3 a { - color: #fff; } - -.box-image .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; } - -.box-image:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); } - -.box-image:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); } - -.box-image:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); } - -.box-image-text { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; } - -.box-image-text .top { - position: relative; - margin-bottom: 10px; } - -.box-image-text .top .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #4285f4; } - -.box-image-text .top .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; } - -.box-image-text .top .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; } - -.box-image-text .top .name h3 a { - color: #fff; } - -.box-image-text .top .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; } - -.box-image-text .content h3, -.box-image-text .content h4 { - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; } - -.box-image-text .content p { - color: #999999; } - -.box-image-text:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); } - -.box-image-text:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); } - -.box-image-text:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); } - -/* universal box */ -.box { - background: #fff; - margin: 0 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 15px 0; } - -p.no-margin { - margin-top: -15px; } - -.box .box-header { - background: #f7f7f7; - margin: -15px 0 15px; - padding: 10px 20px; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; } - -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; } - -.box .box-header:after { - clear: both; } - -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; } - -.box .box-header:after { - clear: both; } - -.box .box-footer { - background: #f7f7f7; - margin: 30px 0 -20px; - padding: 20px; - border-top: solid 1px #eeeeee; } - -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; } - -.box .box-footer:after { - clear: both; } - -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; } - -.box .box-footer:after { - clear: both; } - -@media (max-width: 991px) { - .box .box-footer .btn { - margin-bottom: 20px; } } -.box.no-border { - border: none; } - -#heading-breadcrumbs { - padding: 0; - margin-bottom: 20px; } - -#heading-breadcrumbs.no-mb { - margin-bottom: 0; } - -#heading-breadcrumbs ul.breadcrumb { - margin-bottom: 0; } - -.bar { - position: relative; - background: #4285f4; - padding: 60px 0; } - -.bar.background-pentagon { - background: url("../img/texture-bw.png") center center repeat; - border-top: solid 1px #999999; - border-bottom: solid 1px #999999; } - -.bar.background-gray { - background: #eeeeee; } - -.bar.background-gray-dark { - background: #555555; } - -.bar.background-white { - background: #fff; } - -.bar.background-image-fixed-1 { - background: url("../img/fixed-background-1.jpg") center top no-repeat; - background-attachment: fixed; - background-size: cover; } - -.bar.background-image-fixed-2 { - background: url("../img/fixed-background-2.jpg") center top no-repeat; - background-attachment: fixed; - background-size: cover; } - -.bar.color-white h1, -.bar.color-white h2, -.bar.color-white h3, -.bar.color-white h4, -.bar.color-white h5, -.bar.color-white h6, -.bar.color-white p { - color: #fff; } - -.bar.padding-big { - padding: 50px 0; } - -.bar.padding-horizontal { - padding-left: 30px; - padding-right: 30px; } - -.bar.margin-vertical { - margin-top: 20px; - margin-bottom: 20px; } - -.bar .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #000; - opacity: 0.3; - filter: alpha(opacity=30); } - -.portfolio.no-space { - padding: 0 15px; } - -.portfolio.no-space .box-image { - margin: 0 -15px; } - -.portfolio-project .project-more h4 { - color: #555555; - text-transform: uppercase; - margin-bottom: 0; - text-align: left; - font-size: 14px; - letter-spacing: 0.08em; } - -.portfolio-project .project-more p { - color: #999999; - padding: 10px 0; - margin-bottom: 20px; - text-align: left; } - -.portfolio-showcase { - margin: 15px 0 60px; } - -.portfolio-showcase h3 a { - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.08em; } - -.portfolio-showcase p.lead { - color: #555555; - margin-bottom: 20px; } - -.portfolio-showcase p { - color: #999999; } - -.portfolio-showcase p.buttons { - margin-top: 40px; } - -.see-more { - text-align: center; - margin-top: 20px; - padding-top: 20px; } - -.see-more p { - font-size: 28px; - font-weight: 100; - margin-bottom: 20px; } - -.showcase .item { - text-align: center; } - -.showcase .item .icon { - display: inline-block; - width: 50px; - height: 50px; - color: white; - border: 0; - font-size: 40px; - line-height: 50px; - border-radius: 25px; } - -.showcase .item h4 { - text-transform: uppercase; - letter-spacing: 0.08em; - line-height: 1.5; - font-size: 16px; } - -.showcase .item h4 span { - font-weight: bold; - font-size: 51px; } - -.packages .package { - background: #fff; - margin-top: 25px; - margin-bottom: 20px; - padding-bottom: 15px; - text-align: center; - border: solid 1px #4285f4; - overflow: hidden; } - -.packages .package .package-header { - height: 57px; - color: #fff; - line-height: 57px; - background: #4285f4; } - -.packages .package .package-header h5 { - color: #fff; - text-transform: uppercase; - font-weight: bold; - line-height: 57px; - margin: 0; - letter-spacing: 0.08em; } - -.packages .package .package-header.light-gray { - background: #eeeeee; } - -.packages .package .package-header.light-gray h5 { - color: #555555; } - -.packages .package .price { - line-height: 120px; - height: 100px; - color: #fff; - font-weight: 400; } - -.packages .package .price h4 { - display: inline; - font-size: 50px; - line-height: normal; - margin-bottom: 0; } - -.packages .package .price .period { - line-height: normal; - color: #999999; } - -.packages .package ul { - padding: 0; } - -.packages .package ul li { - list-style-type: none; - padding-top: 10px; - padding-bottom: 10px; - width: 80%; - margin: auto; - border-bottom: 1px dotted #ccc; } - -.packages .package ul li:last-child { - border-bottom: 0; } - -.packages .package ul li i { - font-size: 13px; - margin-right: 5px; } - -.packages .best-value .package { - margin-top: 0; - padding-bottom: 40px; } - -.packages .best-value .package .package-header { - height: 72px; - padding-top: 17px; - height: 82px !important; } - -.packages .best-value .package .package-header h5 { - font-weight: bold; - line-height: 29px; - text-transform: uppercase; - letter-spacing: 0.08em; } - -.packages .best-value .package .package-header .meta-text { - font-size: 13px; - line-height: 15px; } - -#map { - height: 300px; } - -#map.with-border { - border-top: solid 1px #4285f4; - border-bottom: solid 1px #4285f4; } - -#blog-listing-big .post, -#blog-homepage .post { - margin-bottom: 60px; } - -#blog-listing-big .post h2, -#blog-homepage .post h2, -#blog-listing-big .post h4, -#blog-homepage .post h4 { - text-transform: uppercase; - letter-spacing: 0.08em; } - -#blog-listing-big .post h2 a, -#blog-homepage .post h2 a, -#blog-listing-big .post h4 a, -#blog-homepage .post h4 a { - color: #555555; } - -#blog-listing-big .post h2 a:hover, -#blog-homepage .post h2 a:hover, -#blog-listing-big .post h4 a:hover, -#blog-homepage .post h4 a:hover { - color: #4285f4; } - -#blog-listing-big .post .author-category, -#blog-homepage .post .author-category { - color: #999999; - text-transform: uppercase; - font-weight: 300; - letter-spacing: 0.08em; } - -#blog-listing-big .post .author-category a, -#blog-homepage .post .author-category a { - font-weight: 500; } - -#blog-listing-big .post .date-comments a, -#blog-homepage .post .date-comments a { - color: #999999; - margin-right: 20px; } - -#blog-listing-big .post .date-comments a:hover, -#blog-homepage .post .date-comments a:hover { - color: #4285f4; } - -@media (min-width: 768px) { - #blog-listing-big .post .date-comments, - #blog-homepage .post .date-comments { - text-align: right; } } -#blog-listing-big .post .intro, -#blog-homepage .post .intro { - text-align: left; } - -#blog-listing-big .post .image, -#blog-homepage .post .image { - margin-bottom: 10px; - overflow: hidden; } - -#blog-listing-big .post .image img, -#blog-homepage .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -@media (max-width: 767px) { - #blog-listing-big .post .image img.img-responsive, - #blog-homepage .post .image img.img-responsive { - min-width: 100%; } } -#blog-listing-big .post .video, -#blog-homepage .post .video { - margin-bottom: 10px; } - -#blog-listing-big .post .read-more, -#blog-homepage .post .read-more { - text-align: right; } - -#blog-listing-medium .post { - margin-bottom: 60px; } - -#blog-listing-medium .post h2 { - text-transform: uppercase; - margin: 0 0 10px; - font-size: 24px; - letter-spacing: 0.08em; } - -#blog-listing-medium .post h2 a { - color: #555555; } - -#blog-listing-medium .post h2 a:hover { - color: #4285f4; } - -#blog-listing-medium .post .author-category { - float: left; - color: #999999; - text-transform: uppercase; - font-weight: 300; - font-size: 12px; - letter-spacing: 0.08em; } - -#blog-listing-medium .post .author-category a { - font-weight: 500; } - -#blog-listing-medium .post .date-comments { - float: right; - font-size: 12px; } - -#blog-listing-medium .post .date-comments a { - color: #999999; - margin-right: 20px; } - -#blog-listing-medium .post .date-comments a:hover { - color: #4285f4; } - -@media (min-width: 768px) { - #blog-listing-medium .post .date-comments { - text-align: right; } } -#blog-listing-medium .post .intro { - text-align: left; } - -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; } - -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; } - -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; } - -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; } - -#blog-listing-medium .post .image { - margin-bottom: 10px; - overflow: hidden; } - -#blog-listing-medium .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -@media (max-width: 767px) { - #blog-listing-medium .post .image img.img-responsive { - min-width: 100%; } } -#blog-listing-medium .post .video { - margin-bottom: 10px; } - -#blog-listing-medium .post .read-more { - text-align: right; } - -.box-image-text.blog .author-category { - color: #999999; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 300; - font-size: 12px; } - -.box-image-text.blog .author-category a { - font-weight: 500; } - -.box-image-text.blog .intro { - text-align: left; - margin-bottom: 20px; } - -#blog-homepage .post { - margin-bottom: 30px; } - -#blog-homepage .post h2, -#blog-homepage .post h4, -#blog-homepage .post .author-category, -#blog-homepage .post .read-more { - text-align: center; } - -#blog-homepage .post .read-more { - margin-top: 20px; } - -#blog-post #post-content { - margin-bottom: 20px; } - -#blog-post .comment { - margin-bottom: 25px; } - -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; } - -#blog-post .comment:after { - clear: both; } - -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; } - -#blog-post .comment:after { - clear: both; } - -#blog-post .comment .posted { - color: #999999; - font-size: 12px; } - -#blog-post .comment .reply { - font-family: "Roboto", Helvetica, Arial, sans-serif; } - -#blog-post .comment.last { - margin-bottom: 0; } - -#blog-post #comments, -#blog-post #comment-form { - padding: 20px 0; - margin-top: 20px; - border-top: solid 1px #eeeeee; } - -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; } - -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; } - -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; } - -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; } - -#blog-post #comments h4, -#blog-post #comment-form h4 { - margin-bottom: 20px; } - -#blog-post #comment-form { - margin-bottom: 20px; } - -.product-carousel { - margin: 0 -15px 30px; } - -.product-carousel .owl-theme .owl-controls { - margin-top: -26px; - margin-bottom: 0; } - -.products { - content: " "; - display: table; - width: 100%; } - -.product { - background: #fff; - border-bottom: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 40px; - overflow: hidden; } - -.product .image { - overflow: hidden; } - -.product .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - max-width: 100%; } - -.product-video { - margin: 30px 0; } - -.video-box { - position: relative; - padding-bottom: 56%; - margin: 15px 0; } - -.video-box iframe { - position: absolute; - width: 100%; - height: 100%; } - -@media (max-width: 767px) { - .product .image img.img-responsive { - min-width: 100%; } } -.product .text { - padding: 10px 0; } - -.product .text:after { - content: " "; - display: table; } - -.product .text h3 { - font-size: 14px; - font-weight: 700; - height: 39.6px; - margin-top: 5px; - text-transform: uppercase; - letter-spacing: 0.08em; } - -.product .text h3 a { - color: #555555; } - -.product .text p.price { - font-size: 18px; - line-height: 34px; - float: left; - font-weight: bold; - color: #4285f4; } - -p.price .price-title { - position: absolute; - margin-top: -14px; - font-size: 11px; - opacity: .6; - font-weight: bold; - text-transform: uppercase; - letter-spacing: .2em; - margin-left: 1px; } - -.product .text p.price del { - color: #999999; - position: absolute; - margin-top: -25px; - font-size: 12px; - font-weight: normal; } - -.product .buttons { - float: right; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.product .buttons .btn { - padding-left: 6px; - font-size: 12px; } - -.product:hover .image img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); } - -.goToDescription { - font-size: 12px; - text-align: center; - margin-bottom: 40px; } - -.goToDescription a { - color: #999999; } - -#productMain { - margin-bottom: 30px; } - -#productMain .sizes h3 { - font-weight: 700; - letter-spacing: 0.08em; - text-transform: uppercase; - margin-bottom: 40px; } - -#productMain .sizes a { - display: inline-block; - width: 40px; - height: 40px; - border-radius: 40px; - background: #ccc; - line-height: 40px; - color: #555555; - text-align: center; - font-family: "Roboto", Helvetica, Arial, sans-serif; } - -#productMain .sizes a.active, -#productMain .sizes a:hover { - background: #4285f4; - color: #fff; } - -#productMain .sizes input { - display: none; } - -#productMain .price { - font-size: 32px; - line-height: 1; - margin-top: 40px; - margin-bottom: 15px; - color: #4285f4; - font-weight: bold; } - -#productMain .price button { - vertical-align: top; } - -#thumbs a { - display: block; - border: solid 1px transparent; } - -#thumbs a.active { - border-color: #4285f4; } - -#product-social { - text-align: center; } - -#product-social h4 { - font-weight: 300; - margin-bottom: 10px; } - -#product-social p { - line-height: 26px; } - -#product-social p a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; } - -#product-social p a i { - vertical-align: bottom; - line-height: 26px; } - -#product-social p a.facebook { - background-color: #4460ae; } - -#product-social p a.gplus { - background-color: #c21f25; } - -#product-social p a.twitter { - background-color: #3cf; } - -#product-social p a.instagram { - background-color: #cd4378; } - -#product-social p a.email { - background-color: #4a7f45; } - -@media (max-width: 991px) { - #product-social { - text-align: center; } } -#checkout .nav { - margin-bottom: 20px; - border-bottom: solid 1px #4285f4; } - -#checkout .nav li { - height: 100%; } - -#checkout .nav li a { - display: block; - height: 100%; } - -#order-summary table { - margin-top: 20px; } - -#order-summary table td { - color: #999999; } - -#order-summary table tr.total td, -#order-summary table tr.total th { - font-size: 18px; - color: #555555; - font-weight: 700; } - -#checkout .table tbody tr td, -#basket .table tbody tr td, -#customer-order .table tbody tr td { - vertical-align: middle; } - -#checkout .table tbody tr td input, -#basket .table tbody tr td input, -#customer-order .table tbody tr td input { - width: 50px; - text-align: right; } - -#checkout .table tbody tr td img, -#basket .table tbody tr td img, -#customer-order .table tbody tr td img { - width: 50px; } - -#checkout .table tfoot, -#basket .table tfoot, -#customer-order .table tfoot { - font-size: 18px; } - -.shipping-method h4, -.payment-method h4 { - text-transform: uppercase; - letter-spacing: 0.08em; } - -#customer-orders table tr th, -#customer-orders table tr td { - vertical-align: baseline; } - -#customer-order .table tfoot th { - font-size: 18px; - font-weight: 300; } - -#customer-order .addresses { - text-align: right; - margin-bottom: 30px; } - -#customer-order .addresses p { - font-size: 18px; - font-weight: 300; } - -#customer-account { - margin-bottom: 30px; } - -#get-it { - background: #4285f4; - padding: 50px 0 30px; - color: #fff; - text-align: center; } - -#get-it h1, -#get-it h2, -#get-it h3, -#get-it h4, -#get-it h5, -#get-it h6 { - color: #fff; - text-transform: uppercase; - letter-spacing: 0.08em; - margin: 0 0 20px; } - -#get-it p { - margin: 0 0 20px; } - -#footer { - background: #585858; - padding: 30px 0; - color: #999999; } - #footer a { - color: #999999; } - #footer a:hover { - text-decoration: underline; } - #footer .blog-entries { - margin-top: -5px; } - #footer .btn-template-main { - background: #585858; - border: 1px solid #999999; - text-decoration: none !important; - color: #999999; } - #footer .btn-template-main:hover { - background: #eeeeee; - border: 1px solid #eeeeee; - color: #999999; } - #footer .fa { - font-size: 25px; - color: #999999; } - -#footer h1, -#footer h2, -#footer h3, -#footer h4, -#footer h5, -#footer h6 { - color: #eeeeee; } - -#footer h4 { - font-size: 14px; - font-weight: 800; - text-transform: uppercase; - letter-spacing: 0.08em; } - -#footer ul { - padding-left: 0; - list-style: none; } - -#footer ul a { - color: #999999; } - -#footer ul a:hover { - color: #4285f4; } - -#footer .photostream div { - float: left; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 33%; - padding: 7.5px; - overflow: hidden; } - -#footer .photostream div a { - border: solid 1px #eeeeee; } - -#footer .photostream div img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -#footer .photostream div:hover img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); } - -#footer .blog-entries .item { - clear: both; - padding: 5px 0; - margin-bottom: 10px; - border-bottom: solid 1px #555555; } - -#footer .blog-entries .item .image { - float: left; - margin-right: 10px; } - -#footer .blog-entries .item .name { - /*width: 75%;*/ - /*margin-left: 10px;*/ - display: table-cell; - vertical-align: middle; } - -#footer .blog-entries .item .name h5 { - margin: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-size: 12px; } - -#footer .blog-entries .item .name h5 a { - color: #eeeeee; } - -#footer .blog-entries .item .text { - width: 100%; - clear: both; } - -#footer .blog-entries .item:last-child { - border-bottom: none; - margin-bottom: 0; } - -#footer .social a { - color: #555555; - font-size: 25px; - margin: 0 10px 0 0; } - -#footer .social a:hover { - color: #4285f4; } - -#copyright { - background: #333; - color: #ccc; - padding: 50px 0; - font-size: 12px; - line-height: 28px; } - -#copyright p { - margin: 0; } - -@media (max-width: 991px) { - #copyright p { - float: none !important; - text-align: center; - margin-bottom: 10px; } } -[data-animate] { - opacity: 0; - filter: alpha(opacity=0); } - -#style-switch-button { - position: fixed; - top: 100px; - left: 0px; - border-radius: 0; } - -#style-switch { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 300px; - padding: 20px; - position: fixed; - top: 140px; - left: 0; - background: #fff; - border: solid 1px #eeeeee; } - -@media (max-width: 991px) { - #style-switch-button { - display: none; } - - #style-switch { - display: none; } } -/* Original Boostrap template overwrite */ -/* breadcrumbs */ -/* nav */ -.nav > li.disabled > a { - color: #999999; } - -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #999999; } - -.navbar-default .navbar-nav .open > a, -.navbar-default .navbar-nav .open > a:hover, -.navbar-default .navbar-nav .open > a:focus { - background-color: transparent; } - -.nav-tabs { - border-bottom: 1px solid #4285f4; } - -.nav-tabs > li { - float: left; - margin-bottom: -1px; } - -.nav-tabs > li > a { - margin-right: 2px; - line-height: 1.42857143; - border: 1px solid transparent; - border-radius: 0 0 0 0; } - -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #4285f4; } - -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - color: #555555; - background-color: #ffffff; - border: 1px solid #4285f4; - border-bottom-color: transparent; - cursor: default; } - -.nav-tabs.nav-justified { - width: 100%; - border-bottom: solid 1px #4285f4; - border-bottom: 0; } - -.nav-tabs.nav-justified > li { - float: none; } - -.nav-tabs.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ } - -.nav-tabs.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; } - -.nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 0; } - -.nav-tabs.nav-justified > .active > a, -.nav-tabs.nav-justified > .active > a:hover, -.nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #4285f4; } - -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #4285f4; - border-radius: 0 0 0 0; } - - .nav-tabs.nav-justified > .active > a, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #ffffff; } } -.nav-pills > li { - float: left; } - -.nav-pills > li > a { - border-radius: 0; - padding: 8px 12px; } - -.nav-pills > li + li { - margin-left: 2px; } - -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - color: #ffffff; - background-color: #4285f4; } - -.nav-stacked > li { - float: none; } - -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; } - -.nav-justified { - width: 100%; - border-bottom: solid 1px #4285f4; } - -.nav-justified > li { - float: none; } - -.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ } - -.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; } - -.nav-tabs-justified { - border-bottom: 0; } - -.nav-tabs-justified > li > a { - margin-right: 0; - border-radius: 0; } - -.nav-tabs-justified > .active > a, -.nav-tabs-justified > .active > a:hover, -.nav-tabs-justified > .active > a:focus { - border: 1px solid #4285f4; } - -@media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-bottom: 1px solid #4285f4; - border-radius: 0 0 0 0; } - - .nav-tabs-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus { - border-bottom-color: #ffffff; } } -.tab-content { - padding: 15px; - border: solid 1px #ddd; - border-top: none; } - -/* navbar */ -.navbar { - border: none; - position: relative; - min-height: 62px; - margin-bottom: 0; - box-shadow: 0 5px 35px -8px rgba(0, 0, 0, 0.2); } - -@media (min-width: 768px) { - .navbar { - border-radius: 0px; } - - .navbar-header { - float: left; } } -@media (max-width: 767px) { - .navbar { - min-height: 50px; } } -.navbar-collapse { - overflow-x: visible; - padding-right: 15px; - padding-left: 15px; } - -.navbar-collapse.navbar-left { - float: left; } - -.navbar-collapse.in { - overflow-y: auto; } - -@media (min-width: 768px) { - .navbar-collapse { - width: auto; - border-top: 0; - box-shadow: none; } - - .navbar-collapse.in { - overflow-y: visible; } - - .navbar-fixed-top .navbar-collapse, - .navbar-static-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - padding-left: 0; - padding-right: 0; } } -.navbar-fixed-top .navbar-collapse, -.navbar-affixed-top .navbar-collapse, -.navbar-fixed-bottom .navbar-collapse { - max-height: 340px; } - -@media (max-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, - .navbar-affixed-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; } } -.container > .navbar-header, -.container-fluid > .navbar-header, -.container > .navbar-collapse, -.container-fluid > .navbar-collapse { - float: left; - margin-right: 10px; - margin-left: -15px; } - -@media (min-width: 768px) { - .container > .navbar-header, - .container-fluid > .navbar-header, - .container > .navbar-collapse, - .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; } } -.navbar-static-top { - z-index: 1000; - border-width: 0 0 1px; } - -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; } } -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - -@media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; } } -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; } - -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; - border-width: 1px 0 0; } - -.navbar-brand { - float: left; - padding: 5px 15px; - font-size: 18px; - line-height: 20px; - height: 62px; - border-bottom: none; } - -.navbar-brand:hover { - border-bottom: none; } - -.navbar-brand img { - height: 100%; - width: auto; } - -@media (max-width: 767px) { - .navbar-brand { - height: 58px; - padding: 10px 15px; } } -@media (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-left: -15px; } } -.navbar-toggle { - position: relative; - float: right; - margin-right: 15px; - padding: 6px 4px; - margin-top: 14px; - margin-bottom: 14px; - background-color: transparent; - background-image: none; - border-radius: 3px; - border: 1px solid transparent; } - -.navbar-toggle:focus { - outline: 0; } - -.navbar-nav { - margin: 10.5px -15px; } - -.main-nav-item a { - padding: 10px 15px; } - -.main-nav-item a:focus { - color: #4285f4; } - -.main-nav-item a .btn-like { - display: block; - margin: -6px -11px; - padding: 5px 10px; - border: 1px solid #ccc; - border-radius: 3px; } - -.main-nav-item.open .btn-like { - background: #3d62c4; - border-color: transparent; - color: white; } - -.main-nav-item.active .btn-like { - border-color: #3d62c4; } - -.main-nav-item > a { - line-height: 22px; - font-weight: bold; - text-transform: uppercase; - letter-spacing: .08em; } - -@media (max-width: 992px) { - .main-nav-item a { - padding: 10px; } } -@media (max-width: 767px) { - .navbar-nav .open .dropdown-menu > li > a, - .navbar-nav .open .dropdown-menu .dropdown-header { - padding: 5px 15px 5px 25px; } - - .navbar-nav .open .dropdown-menu > li > a { - line-height: 20px; } } -@media (min-width: 768px) { - .navbar-nav { - float: left; - margin: 0; } - - .navbar-nav.navbar-right:last-child { - margin-right: -15px; } - - .navbar-nav .main-nav-item { - float: left; } - - .navbar-nav .main-nav-item > a { - line-height: 22px; - padding-top: 21px; - padding-bottom: 21px; } } -@media (min-width: 768px) { - .navbar-left { - float: left !important; } - - .navbar-right { - float: right !important; } } -.navbar-default .navbar-form { - margin: 0; - border-color: transparent; - padding: 10px 0; } - -@media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 5px; } } -@media (min-width: 768px) { - .navbar-form { - width: auto; - padding-top: 0; - padding-bottom: 0; } - - .navbar-form.navbar-right:last-child { - margin-right: -15px; } } -.main-nav-item > .dropdown-menu { - margin-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; } - -.navbar-fixed-bottom .main-nav-item > .dropdown-menu { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - -.navbar-btn { - margin-top: 14px; - margin-bottom: 14px; } - -.navbar-btn.btn-sm { - margin-top: 16px; - margin-bottom: 16px; } - -.navbar-btn.btn-xs { - margin-top: 20px; - margin-bottom: 20px; } - -.navbar-text { - margin-top: 21px; - margin-bottom: 21px; - line-height: 22px; } - -@media (min-width: 768px) { - .navbar-text { - float: left; - margin-left: 15px; - margin-right: 15px; } - - .navbar-text.navbar-right:last-child { - margin-right: 0; } } -.navbar-default { - background-color: white; } - -.navbar-default .navbar-brand { - color: #4285f4; } - -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: #3d62c4; - background-color: transparent; } - -.navbar-default .navbar-text { - color: #222; } - -.navbar-default .navbar-nav > li > a { - color: #4285f4; } - -.navbar-default .navbar-nav > li > a:hover, -.navbar-default .navbar-nav > li > a:focus { - color: #3d62c4; } - -.navbar-default .navbar-nav > .active > a, -.navbar-default .navbar-nav > .active > a:hover, -.navbar-default .navbar-nav > .active > a:focus { - color: #3d62c4; - background: transparent; } - -.navbar-default .navbar-nav > .disabled > a, -.navbar-default .navbar-nav > .disabled > a:hover, -.navbar-default .navbar-nav > .disabled > a:focus { - color: #cccccc; - background-color: transparent; } - -.navbar-default .navbar-toggle { - border-color: #ccc; } - -.navbar-default .navbar-toggle:hover, -.navbar-default .navbar-toggle:focus { - background-color: #4285f4; - border-color: transparent; } - -.navbar-default .navbar-toggle .icon-bar { - background-color: #888888; } - -.navbar-default .navbar-collapse { - border-color: #cccccc; - position: absolute; } - -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #555555; } - - .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: #4285f4; } - - .navbar-default .navbar-nav .open .dropdown-menu > .active > a, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #ffffff; - background-color: #4285f4; } - - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #cccccc; - background-color: transparent; } } -.navbar-default .navbar-link { - color: #555555; } - -.navbar-default .navbar-link:hover { - color: #555555; } - -.navbar-default .btn-link { - color: #555555; } - -.navbar-default .btn-link:hover, -.navbar-default .btn-link:focus { - color: #555555; } - -.navbar-default .btn-link[disabled]:hover, -fieldset[disabled] .navbar-default .btn-link:hover, -.navbar-default .btn-link[disabled]:focus, -fieldset[disabled] .navbar-default .btn-link:focus { - color: #cccccc; } - -/* scaffolding */ -body { - font-family: 'Roboto', helvetica neue, arial, sans-serif; - font-size: 14px; - line-height: 1.33; - color: #545454; } - -a { - color: #039be5; - text-decoration: none; } - a:hover { - text-decoration: none; - color: #037bc4; } - a:focus { - outline: none; } - -.img-rounded { - border-radius: 0; } - -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); } - -/* breadcrumbs */ -.breadcrumb { - padding: 10px 0; - margin-bottom: 20px; - background-color: transparent; - border-radius: 0; } - -.breadcrumb > li + li:before { - content: ">\00a0"; - color: #555555; } - -.breadcrumb > .active { - color: #999999; } - -@media (max-width: 991px) { - .breadcrumb { - padding: 20px 0; - text-align: center; } } -.dropdown.left-navigation { - position: static; } - -.dropdown.left-navigation > .dropdown-menu { - left: 15px; - min-width: 250px; } - -.category-carousel-box { - background: #fff; - padding: 30px 0; } - -.dropdown-menu { - font-size: 14px; - background: white; - padding: 0; - margin: 0; - border: 0; - border-radius: 0 0 3px 3px; - box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.3); } - -.dropdown-menu.sidebar { - display: block; - left: auto; - margin: 0; - position: relative; - top: auto; - margin-top: -31px; - float: none; - padding: 0; - border-top: 2px solid #3d62c4; - z-index: 5; } - -.dropdown-menu.sidebar .dropdown-submenu > a { - padding: 10px 15px; } - -.dropdown-menu.sidebar .dropdown-submenu .dropdown-menu { - top: 0; - min-height: 377px; } - -.dropdown-menu.multi-level { - border-top: 2px solid #3d62c4; } - -.dropdown-menu li.dropdown-header { - padding: 15px; - font-size: 14px; - text-transform: uppercase; - letter-spacing: .08em; - border-bottom-width: 2px; - color: #777; } - -.dropdown-menu li a { - color: #4285f4; } -.dropdown-menu li:hover > a { - color: #3d62c4; - background: #eee; } - -.dropdown-menu .dropdown-submenu { - position: relative; } - -.dropdown-menu .dropdown-submenu > .dropdown-menu { - top: 0; - left: 100%; - /*min-height: 200px;*/ - margin-left: -4px; - border-radius: 0 3px 3px 3px; } - -.dropdown-menu .dropdown-submenu:hover > .dropdown-menu { - display: block; - transition-delay: .3s; } - -.dropdown-menu .dropdown-submenu > a { - text-transform: uppercase; - font-size: 12px; - letter-spacing: 0.08em; - line-height: 20px; - font-weight: bold; - white-space: pre-wrap; - padding: 15px; - padding-right: 40px; } - -.dropdown-menu li a:before { - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - content: "\f105"; - position: absolute; - right: 10px; - top: 50%; - margin-top: -8px; - font-size: 16px; - color: #4285f4; } -.dropdown-menu li:hover a:before { - color: #3d62c4; } -.dropdown-menu li.no-child-menu a:before { - display: none; } - -.dropdown-menu .dropdown-submenu.pull-left { - float: none; } - -.dropdown-menu .dropdown-submenu.pull-left > .dropdown-menu { - left: -100%; - margin-left: 10px; - border-radius: 0 0 6px 6px; } - -/* labels */ -.label { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 0.08em; } - -/* forms.less */ -label { - font-weight: normal; } - -.form-control { - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; } - -.form-control:focus { - border-color: #4285f4; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(56, 167, 187, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(56, 167, 187, 0.6); } - -.form-group { - margin-bottom: 20px; } - -/* pager*/ -.pager { - margin: 20px 0; - border-top: solid 1px #eeeeee; - padding-top: 20px; - text-transform: uppercase; - letter-spacing: 0.08em; - font-family: "Roboto", Helvetica, Arial, sans-serif; } - -.pager li { - display: inline; } - -.pager li > a, -.pager li > span { - background-color: #ffffff; - border: 1px solid #4285f4; - border-radius: 0; } - -.pager li > a:hover, -.pager li > a:focus { - color: #fff; - background-color: #4285f4; } - -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - background-color: #ffffff; - border-color: #ddd; } - -/* pagination */ -.pagination { - margin: 20px 0; - font-family: "Roboto", Helvetica, Arial, sans-serif; - border-radius: 0; } - -.pagination > li > a, -.pagination > li > span { - padding: 6px 12px; - line-height: 1.42857143; - color: #4285f4; - background-color: #ffffff; - border: 1px solid #dddddd; } - -.pagination > li > a:hover, -.pagination > li > span:hover, -.pagination > li > a:focus, -.pagination > li > span:focus { - color: #4285f4; - background-color: #a7dbe5; - border-color: #dddddd; } - -.pagination > .active > a, -.pagination > .active > span, -.pagination > .active > a:hover, -.pagination > .active > span:hover, -.pagination > .active > a:focus, -.pagination > .active > span:focus { - z-index: 2; - color: #ffffff; - background-color: #4285f4; - border-color: #4285f4; } - -.pagination > .disabled > span, -.pagination > .disabled > span:hover, -.pagination > .disabled > span:focus, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #999999; - background-color: #ffffff; - border-color: #dddddd; } - -/* responsive utilities */ -@media (max-width: 767px) { - .text-center-xs { - text-align: center !important; } - - .text-center-xs img { - display: block; - margin-left: auto; - margin-right: auto; } } -@media (min-width: 768px) and (max-width: 991px) { - .text-center-sm { - text-align: center !important; } - - .text-center-sm img { - display: block; - margin-left: auto; - margin-right: auto; } } -/* type */ -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: 900; - line-height: 1.1; - color: #333333; } - -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 20px; - margin-bottom: 20px; } - -p { - margin: 0 0 10px; } - -.lead { - margin-bottom: 20px; - font-size: 18px; } - -@media (min-width: 768px) { - .lead { - font-size: 21px; } } -.text-small { - font-size: 12px; } - -.text-large { - font-size: 18px; } - -.text-italic { - font-style: italic; } - -.text-primary { - color: #4285f4; } - -a.text-primary:hover { - color: #2c8494; } - -.bg-primary { - color: #fff; - background-color: #4285f4; } - -a.bg-primary:hover { - background-color: #2c8494; } - -abbr[title], -abbr[data-original-title] { - border-bottom: 1px dotted #999999; } - -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 14px; - border-left: 5px solid #4285f4; } - -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #999999; } - -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; } - -.blockquote-reverse, -blockquote.pull-right { - border-right: 5px solid #4285f4; } - -address { - margin-bottom: 20px; - line-height: 1.42857143; } - -.panel { - margin-bottom: 20px; - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 0; - -webkit-box-shadow: 0 0 0; - box-shadow: 0 0 0; } - -.panel-heading { - border-top-right-radius: 0; - border-top-left-radius: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 15px; } - -.progress { - overflow: hidden; - height: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; } - -.panel-group { - margin-bottom: 20px; } - -.panel-group .panel { - margin-bottom: 0; - border-radius: 0; - overflow: hidden; } - -.panel-group .panel + .panel { - margin-top: 5px; } - -.panel-group.accordion .panel { - border-color: #ccc; } - -.panel-primary { - border-color: #4285f4; } - -.panel-primary > .panel-heading { - color: #ffffff; - background-color: #4285f4; - border-color: #4285f4; } - -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #4285f4; } - -.panel-primary > .panel-heading .badge { - color: #4285f4; - background-color: #ffffff; } - -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #4285f4; } - -.panel-primary .panel-title { - font-weight: 300; } - -.panel-primary .panel-title a:hover { - color: #fff; } - -a.badge:hover, -a.badge:focus { - color: #ffffff; - cursor: pointer; } - -a.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #4285f4; - background-color: #ffffff; } - -.nav-pills > li > a > .badge { - margin-left: 3px; } - -.progress-bar-primary { - background-color: #4285f4; } - -.progress-striped .progress-bar-primary { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - -/*! - * Yamm!3 - Yet another megamenu for Bootstrap 3 - * http://geedmo.github.com/yamm3 - * - * @geedmo - Licensed under the MIT license - */ -.yamm .nav, -.yamm .collapse, -.yamm .dropup.use-yamm, -.yamm .dropdown.use-yamm { - position: static; } - -.yamm .container { - position: relative; } - -.yamm .dropdown-menu.level1 { - left: auto; } - -.yamm .nav.navbar-right .dropdown-menu { - left: auto; - right: 0; } - -.yamm .yamm-content { - padding: 20px 30px; } - -.yamm .dropdown.yamm-fw .dropdown-menu { - left: 15px; - right: 15px; } - -.radio-but { - padding: 5px 0 5px 38px; - position: relative; - margin: 5px 0; } - -.radio-but a:before { - content: ''; - position: absolute; - left: 0; - top: 0; - width: 28px; - height: 28px; - background: #d7dcde; - border-radius: 5px; } - -.radio-but.checked a:before { - background: #1abc9c; } - -.radio-but.checked a:after { - content: ''; - position: absolute; - left: 0; - top: 0; - width: 28px; - height: 28px; - background-image: url(../img/check.png); - background-size: 70%; - background-position: center; - background-repeat: no-repeat; } - -.inline-block.lang-link { - font-size: 13px; - padding-right: 20px; - line-height: 13px; } - .inline-block.lang-link a { - margin-left: 0 !important; } - -.reset-filters { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 50px; - padding-right: 20px; - outline: none; - margin-bottom: 20px; } - -#cart .badge { - position: absolute; - top: 2px; - right: 4px; - right: 20px; - min-width: 18px; - line-height: 18px; - padding: 0 2px; - z-index: 2; } - -.basket-container { - position: relative; } - -.order-radio { - height: 10px; } - -.loader-wrapper { - background: rgba(255, 255, 255, 0.7); - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 2000; } - -.loader { - display: block; - position: relative; - left: 50%; - top: 50%; - width: 150px; - height: 150px; - margin: -75px 0 0 -75px; - border-radius: 50%; - border: 3px solid transparent; - border-top-color: #1980b3; - z-index: 2001; - -webkit-animation: spin 2s linear infinite; - animation: spin 2s linear infinite; } - -.loader:before { - content: ""; - position: absolute; - top: 5px; - left: 5px; - right: 5px; - bottom: 5px; - border-radius: 50%; - border: 3px solid transparent; - border-top-color: #3399cc; - -webkit-animation: spin 3s linear infinite; - animation: spin 3s linear infinite; } - -.loader:after { - content: ""; - position: absolute; - top: 15px; - left: 15px; - right: 15px; - bottom: 15px; - border-radius: 50%; - border: 3px solid transparent; - border-top-color: #70b7da; - -webkit-animation: spin 1.5s linear infinite; - animation: spin 1.5s linear infinite; } - -@-webkit-keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); } } -@keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); } } -.alert-cart { - position: fixed; - z-index: 1001; - width: 50%; - left: 25%; - top: -75px; - box-shadow: 0px 0px 0px transparent; - transition: 0.3s; } - -.alert-cart.active { - top: 30px; - box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3); } - -.panel.sidebar-menu ul.nav.category-menu li a.active { - background-color: #3d62c4; - color: white; } - -.panel.sidebar-menu ul.nav.category-menu li a.active:hover { - background-color: #fd9131; - color: white; } - -#login-modal .form-group.field-loginform-returnurl { - display: none; } - -@media (min-width: 768px) { - #login-modal .modal-sm { - width: 350px; } } -h4.modal-title.callback { - text-transform: uppercase; } - -.form-group.field-feedback-returnurl { - display: none; } - -a i.fa, button i.fa, span.fa { - margin: 0 5px; } - -.modal-dialog.modal-sm { - min-width: 350px; } - -.socials-links a { - color: #fff; - opacity: 0.5; - transition: 0.2s; } - -.socials-links a:hover { - opacity: 1; } - -.socials-links a:active { - opacity: 0.8; } - -.box p.no-margin { - font-size: 18px; } - -.box .btn.btn-template-main { - margin-bottom: 5px; } - -.vcovers { - position: absolute; - top: 0; - right: 5px; - padding-right: 15px; } - -.vcovers .content { - height: 260px; } - -.vcovers .vcover img.img-responsive-image1 { - border: 1px solid #eeeeee; - margin: 5px 0px; - transition: 0.2s; } - -.vcovers .vcover img:hover { - border: 1px solid #005bac; } - -.product-variant-group-option { - display: inline-block; - margin: 5px; - width: 90px; - height: 55px; } - -.product-variant-group-option-img { - width: 100%; - height: 100%; } - -.owl-carousel.brand-carousel .owl-item { - float: none; - display: inline-block; } - -.style { - width: 100%; - float: left; } - -/*# sourceMappingURL=style.css.map */ -======= -body, .container, html { - min-width: 340px; } - -header .link-underline_dott { - font-size: 13px; - line-height: 13px; } -header .login { - font-size: 13px; } -header .top-phone { - font-weight: 700; - font-size: 15px !important; } -header .left-top-nav a { - line-height: 13px; } - -#content { - min-height: calc(100vh - 107px - 260px); } - -.link-underline { - border-bottom: 1px solid #039be5; } - -.link-underline__hover { - border-bottom-color: #3d62c4; } - -.link-underline_inv { - border-bottom: 1px solid rgba(255, 255, 255, 0.5); } - -.link-underline_inv__hover { - border-bottom-color: white; } - -.link-underline_dash { - border-bottom-style: dashed !important; } - -.link-underline_dott { - border-bottom-style: dotted !important; } - -.table > tbody > tr > td.td-title { - color: #777; - font-size: 90%; - width: 30%; - padding-left: 0; } - -h1, .h1 { - font-size: 34px; - font-weight: bold; } - -h2, .h2 { - font-size: 24px; - font-weight: bold; - text-transform: uppercase; - letter-spacing: .08em; } - -.trans { - -webkit-transition: 0.05s ease-out; - -moz-transition: 0.05s ease-out; - transition: 0.05s ease-out; } - -.trans1 { - -webkit-transition: 0.1s ease-out; - -moz-transition: 0.1s ease-out; - transition: 0.1s ease-out; } - -.trans15 { - -webkit-transition: 0.15s ease-out; - -moz-transition: 0.15s ease-out; - transition: 0.15s ease-out; } - -.trans2 { - -webkit-transition: 0.2s ease-out; - -moz-transition: 0.2s ease-out; - transition: 0.2s ease-out; } - -.trans3 { - -webkit-transition: 0.3s ease-out; - -moz-transition: 0.3s ease-out; - transition: 0.3s ease-out; } - -.trans5 { - -webkit-transition: 0.5s ease-out; - -moz-transition: 0.5s ease-out; - transition: 0.5s ease-out; } - -.clearfix { - content: " "; - display: table; } - -.clear { - clear: both; } - -.clearfix:before, -.clearfix:after, -.navbar:before, -.navbar:after, -.navbar-header:before, -.navbar-header:after { - content: " "; - display: table; } - -.clearfix:after, -.navbar:after, -.navbar-header:after { - clear: both; } - -.center-block { - display: block; - margin-left: auto; - margin-right: auto; } - -.hide { - display: none !important; } - -.show { - display: block !important; } - -.invisible { - opacity: 0; - visibility: hidden; } - -.visible { - opacity: 1; - visibility: visible; } - -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; } - -.hidden { - display: none !important; - visibility: hidden !important; } - -.affix { - position: fixed; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - -/* general styles */ -button:focus, -button:active, -button:active:focus { - outline: none; } - -button:focus.btn, -button:active.btn, -button:active:focus.btn, -button:focus.btn.active, -button:active.btn.active, -button:active:focus.btn.active { - outline: none; } - -a i.fa, -button i.fa { - margin: 0 5px; } - -.clickable { - cursor: pointer !important; } - -.required { - color: #4285f4; } - -.accent { - color: #4285f4; } - -.text-uppercase { - text-transform: uppercase; - letter-spacing: 0.08em; } - -@media (max-width: 991px) { - .text-center-sm { - text-align: center; } } -p.lead { - margin-bottom: 40px; } - -section, -div.section { - margin-bottom: 40px; } - -.no-mb { - margin-bottom: 0 !important; } - -.mb-small { - margin-bottom: 20px !important; } - -.heading { - margin-bottom: 40px; } - .heading h1, .heading h2, .heading h3, .heading h4, .heading h5 { - display: inline-block; - border-bottom: solid 5px #4285f4; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; - vertical-align: middle; - text-transform: uppercase; - letter-spacing: 0.06em; } - .heading h1 i.fa, .heading h2 i.fa, .heading h3 i.fa, .heading h4 i.fa, .heading h5 i.fa { - display: inline-block; - background: #4285f4; - width: 30px; - height: 30px; - vertical-align: middle; - text-align: center; - color: #fff; - font-size: 12px; - line-height: 30px; - border-radius: 15px; } - -.icon { - display: inline-block; - width: 80px; - height: 80px; - color: #fff; - line-height: 80px; - border-radius: 40px; - border: solid 1px #fff; - font-size: 20px; } - -.icon.icon-lg { - font-size: 30px; - border-width: 2px; } - -.ul-icons { - padding-left: 10px; } - .ul-icons li { - list-style-type: none; - line-height: 20px; - margin-bottom: 20px; } - .ul-icons li i { - width: 20px; - height: 20px; - background: #4285f4; - color: #fff; - text-align: center; - border-radius: 10px; - line-height: 20px; - margin-right: 10px; } - -ul.list-style-none { - list-style: none; } - -#text-page h1, #text-page h2, #text-page h3 { - font-weight: 700; } - -#error-page { - text-align: center; - margin-top: 40px; - margin-bottom: 100px; } - #error-page h4 { - margin-bottom: 40px; } - #error-page p.buttons { - margin-top: 40px; } - -.pages-listing .item { - text-align: center; } - .pages-listing .item h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 20px; - letter-spacing: 0.08em; } - .pages-listing .item h3 a { - color: #555555; } - .pages-listing .item .text { - margin-bottom: 20px; } - .pages-listing .item .text p { - color: #999999; - font-size: 12px; - margin-bottom: 20px; } - -.banner { - margin-bottom: 30px; - text-align: center; } - .banner img { - margin: 0 auto; } - .banner a:hover img { - opacity: 0.8; - filter: alpha(opacity=80); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -.pages { - text-align: center; } - .pages .loadMore { - text-align: center; } - .pages .pagination { - text-align: center; } - -.features-buttons button { - margin-bottom: 20px; } - -@media (min-width: 1300px) { - body.boxed { - background: url(http://subtlepatterns.com/patterns/subtle_zebra_3d.png); } - - body.boxed #all { - position: relative; - background: #fff; - width: 1200px; - margin: 0 auto; - overflow: hidden; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; } } -#top { - /*background: #eee;*/ - border-bottom: 1px dotted #ddd; - padding: 10px 0; - font-size: 14.2px; - line-height: 1.2; - font-weight: 300; } - -#top .left-top-nav { - float: left; } - -#top .left-top-nav a { - margin-right: 15px; } - -#top .right-top-nav { - float: right; - text-align: right; } - -#top .right-top-nav .top-phone { - font-size: 125%; - vertical-align: top; - line-height: 1.2; - display: inline-block; } - -#top .right-top-nav a { - margin-left: 15px; } - -#top a { - display: inline-block; - border-bottom: 1px solid #039be5; - color: #4285f4; } - -#top a:hover { - border-bottom-color: #3d62c4; - color: #3d62c4; } - -#top p { - margin: 0; } - -#top .social { - float: right; - text-align: right; } - -#top .social a { - color: #222; - display: inline-block; - width: 20px; - height: 20px; - border-radius: 12px; - line-height: 20px; - font-size: 12px; - text-align: center; - vertical-align: bottom; } - -#top .inline-block { - display: inline-block; } - -#top .login a { - border-bottom: 0; } - -#top .social a:hover.facebook { - background-color: #4460ae; } - -#top .social a:hover.gplus { - background-color: #c21f25; } - -#top .social a:hover.twitter { - background-color: #3cf; } - -#top .social a:hover.instagram { - background-color: #cd4378; } - -#top .social a:hover.email { - background-color: #4a7f45; } - -@media (max-width: 767px) { - #top .login { - float: left; } } -#top.light { - background: #fff; - color: #999999; - border-bottom: solid 1px #eeeeee; } - -#top.light .login a { - color: #555555; } - -@media (max-width: 768px) { - .navbar ul.nav > li.active > a, - .navbar ul.nav > li.open > a { - border-top-color: transparent; } - - .navbar ul.nav > li > a:hover { - border-top-color: transparent; } } -.navbar .dropdown-menu { - margin: 0; - padding: 0; - border-radius: 0 0 3px 3px; } - -.dropdown-menu li { - list-style-type: none; - border-bottom: solid 1px #e5e5e5; } - -.dropdown-menu li:last-child, -.dropdown-menu li:last-child a { - border-bottom: 0; - border-radius: 0 0 3px 3px; } - -.dropdown-menu li a { - position: relative; - color: #333; - display: block; - padding: 10px 15px; - line-height: 20px; } - -.dropdown-menu li a a:hover { - color: #4285f4; - background: none; - left: 2px; - -webkit-transition: 0.1s ease-out; - -moz-transition: 0.1s ease-out; - transition: 0.1s ease-out; } - -@media (max-width: 767px) { - .navbar ul.dropdown-menu li a:hover { - left: 0; } } -.navbar .yamm-content h3 { - font-size: 18px; - text-transform: uppercase; - padding-bottom: 10px; - margin-top: 5px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; } - -@media (max-width: 767px) { - .navbar .yamm-content h3 { - font-size: 14px; } } -.navbar .yamm-content h5 { - text-transform: uppercase; - padding-bottom: 10px; - border-bottom: dotted 1px #555555; - letter-spacing: 0.08em; } - -.navbar .yamm-content ul { - margin: 0; - padding: 0; } - -.navbar .yamm-content ul li { - list-style-type: none; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - padding: 4px 0; } - -.navbar .yamm-content ul li a { - position: relative; - display: block; - -webkit-transition: 0.1s ease-out; - -moz-transition: 0.1s ease-out; - transition: 0.1s ease-out; } - -.navbar .yamm-content ul li a:hover { - color: #4285f4; - padding-left: 2px; } - -.navbar .yamm-content .banner { - margin-bottom: 10px; } - -.navbar .yamm-fw .dropdown-menu { - padding: 0; } - -.navbar .navbar-buttons { - float: left; } - -.navbar .navbar-buttons button, -.navbar .navbar-buttons a.btn, -.navbar .navbar-buttons .btn-default.navbar-toggle { - margin: 12px 6px; } - -.navbar .btn-default, -.navbar .btn-default.navbar-toggle { - color: #999999; - background-color: #fff; - margin-left: 7px; - margin-right: 0; } - -.navbar .btn-default:hover, -.navbar .btn-default.navbar-toggle:hover, -.navbar .btn-default:focus, -.navbar .btn-default.navbar-toggle:focus { - background-color: #fff; - border-color: #4285f4; - color: #4285f4; } - -.navbar .search-block { - text-align: right; - float: none; - overflow: hidden; - padding: 5px; - width: auto; } - -.navbar .search-block form .input-group { - width: 100%; } - -.navbar .search-block form .input-group input { - border-right: 0; - border-radius: 3px 0 0 3px; } - -.navbar .search-block form .input-group input:focus + .input-group-btn button { - background: #4285f4; - border-color: transparent; - color: white; } - -.navbar .search-block form .input-group .input-group-btn { - width: 49px; } - -.navbar .search-block form .input-group .input-group-btn button { - border-radius: 0 3px 3px 0; - border-color: #ccc; } - -.navbar .search-block form .input-group .input-group-btn button:hover, -input:focus + .input-group-btn .navbar .search-block form .input-group .input-group-btn button:hover { - background: #3d62c4; - border-color: transparent; } - -.cart-item { - margin-right: -15px; - margin-left: 15px; - float: right; } - .cart-item .cart-item-link { - display: block; - height: 100%; - padding: 5px 15px; - position: relative; } - .cart-item .cart-item-link:before { - font-family: FontAwesome; - font-weight: normal; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - display: block; - content: "\f291"; - font-size: 35px; - position: absolute; - left: 50%; - margin-left: -22px; - color: #4285f4; } - -.cart-item .cart-item-link .sub-title { - display: inline-block; - margin-top: 40px; - font-size: 11px; - padding-right: 2px; - opacity: .8; } - -@media (max-width: 768px) { - .navbar .search-block { - float: none; - overflow: hidden; - width: auto; - padding: 0 5px; } - - .navbar .search-block form .input-group { - width: 100%; } - - .cart-item { - margin-left: 5px; } - - .cart-item .cart-item-link { - background-size: auto 42px; - background-position: center 7px; } - - .cart-item .cart-item-link .sub-title { - font-size: 9px; - line-height: 1; - margin-top: 43px; } } -.navbar #basket-overview a { - margin-left: 7px; } - -.navbar-affixed-top { - top: -32px; } - -.navbar-affixed-top.affix-top { - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; } - -.navbar-affixed-top.affix { - position: fixed; - width: 100%; - top: 0; - z-index: 1000; - border-bottom: 0; - -webkit-box-shadow: 0 0 5px #cccccc; - box-shadow: 0 0 5px #cccccc; - -webkit-transition: all 0.5s ease-out; - -moz-transition: all 0.5s ease-out; - transition: all 0.5s ease-out; } - -body.boxed .navbar-affixed-top.affix { - position: static; } - -#login-modal { - overflow: hidden; } - -#login-modal .modal-header h4 { - text-transform: uppercase; } - -#login-modal form { - margin-bottom: 20px; } - -#login-modal a { - color: #4285f4; } - -#login-modal p { - font-weight: 300; - /*margin-bottom: 20px;*/ - font-size: 13px; } - -/* buttons */ -.btn { - font-weight: 700; - font-family: "Roboto", Helvetica, Arial, sans-serif; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 6px 12px; - font-size: 13px; - line-height: 1.42857143; - border-radius: 3px; } - -.input-group .btn { - font-size: 14px; } - -.btn-lg { - padding: 10px 16px; - font-size: 14px; - line-height: 1.33; - border-radius: 0; } - -.btn-sm { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; } - -.btn-xs { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 0; } - -.btn-template-main { - color: #4285f4; - background-color: #ffffff; - border-color: #4285f4; } - -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - color: #4285f4; - background-color: #e6e6e6; - border-color: #2a7d8c; } - -.btn-template-main:active, -.btn-template-main.active, -.open > .dropdown-toggle.btn-template-main { - background-image: none; } - -.btn-template-main.disabled, -.btn-template-main[disabled], -fieldset[disabled] .btn-template-main, -.btn-template-main.disabled:hover, -.btn-template-main[disabled]:hover, -fieldset[disabled] .btn-template-main:hover, -.btn-template-main.disabled:focus, -.btn-template-main[disabled]:focus, -fieldset[disabled] .btn-template-main:focus, -.btn-template-main.disabled:active, -.btn-template-main[disabled]:active, -fieldset[disabled] .btn-template-main:active, -.btn-template-main.disabled.active, -.btn-template-main[disabled].active, -fieldset[disabled] .btn-template-main.active { - background-color: #ffffff; - border-color: #4285f4; } - -.btn-template-main .badge { - color: #ffffff; - background-color: #4285f4; } - -.btn-template-main:hover, -.btn-template-main:focus, -.btn-template-main:active, -.btn-template-main.active { - background: #4285f4; - color: #ffffff; - border-color: #4285f4; } - -.btn-template-transparent-primary { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; } - -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - color: #ffffff; - background-color: transparent; - border-color: #e0e0e0; } - -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active, -.open > .dropdown-toggle.btn-template-transparent-primary { - background-image: none; } - -.btn-template-transparent-primary.disabled, -.btn-template-transparent-primary[disabled], -fieldset[disabled] .btn-template-transparent-primary, -.btn-template-transparent-primary.disabled:hover, -.btn-template-transparent-primary[disabled]:hover, -fieldset[disabled] .btn-template-transparent-primary:hover, -.btn-template-transparent-primary.disabled:focus, -.btn-template-transparent-primary[disabled]:focus, -fieldset[disabled] .btn-template-transparent-primary:focus, -.btn-template-transparent-primary.disabled:active, -.btn-template-transparent-primary[disabled]:active, -fieldset[disabled] .btn-template-transparent-primary:active, -.btn-template-transparent-primary.disabled.active, -.btn-template-transparent-primary[disabled].active, -fieldset[disabled] .btn-template-transparent-primary.active { - background-color: transparent; - border-color: #ffffff; } - -.btn-template-transparent-primary .badge { - color: transparent; - background-color: #ffffff; } - -.btn-template-transparent-primary:hover, -.btn-template-transparent-primary:focus, -.btn-template-transparent-primary:active, -.btn-template-transparent-primary.active { - background: #fff; - color: #4285f4; - border-color: #fff; } - -.btn-template-transparent-black { - color: #ffffff; - background-color: transparent; - border-color: #ffffff; } - -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - color: #ffffff; - background-color: transparent; - border-color: #e0e0e0; } - -.btn-template-transparent-black:active, -.btn-template-transparent-black.active, -.open > .dropdown-toggle.btn-template-transparent-black { - background-image: none; } - -.btn-template-transparent-black.disabled, -.btn-template-transparent-black[disabled], -fieldset[disabled] .btn-template-transparent-black, -.btn-template-transparent-black.disabled:hover, -.btn-template-transparent-black[disabled]:hover, -fieldset[disabled] .btn-template-transparent-black:hover, -.btn-template-transparent-black.disabled:focus, -.btn-template-transparent-black[disabled]:focus, -fieldset[disabled] .btn-template-transparent-black:focus, -.btn-template-transparent-black.disabled:active, -.btn-template-transparent-black[disabled]:active, -fieldset[disabled] .btn-template-transparent-black:active, -.btn-template-transparent-black.disabled.active, -.btn-template-transparent-black[disabled].active, -fieldset[disabled] .btn-template-transparent-black.active { - background-color: transparent; - border-color: #ffffff; } - -.btn-template-transparent-black .badge { - color: transparent; - background-color: #ffffff; } - -.btn-template-transparent-black:hover, -.btn-template-transparent-black:focus, -.btn-template-transparent-black:active, -.btn-template-transparent-black.active { - background: #fff; - color: #000; - border-color: #fff; } - -.btn-template-primary { - color: #ffffff; - background-color: #4285f4; - border-color: #4285f4; } - -.btn-template-primary:hover, -.btn-template-primary:focus, -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - color: #ffffff; - background-color: #2c8494; - border-color: #2a7d8c; } - -.btn-template-primary:active, -.btn-template-primary.active, -.open > .dropdown-toggle.btn-template-primary { - background-image: none; } - -.btn-template-primary.disabled, -.btn-template-primary[disabled], -fieldset[disabled] .btn-template-primary, -.btn-template-primary.disabled:hover, -.btn-template-primary[disabled]:hover, -fieldset[disabled] .btn-template-primary:hover, -.btn-template-primary.disabled:focus, -.btn-template-primary[disabled]:focus, -fieldset[disabled] .btn-template-primary:focus, -.btn-template-primary.disabled:active, -.btn-template-primary[disabled]:active, -fieldset[disabled] .btn-template-primary:active, -.btn-template-primary.disabled.active, -.btn-template-primary[disabled].active, -fieldset[disabled] .btn-template-primary.active { - background-color: #4285f4; - border-color: #4285f4; } - -.btn-template-primary .badge { - color: #4285f4; - background-color: #ffffff; } - -#intro { - background: url("../img/home.jpg") no-repeat center top; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; } - -#intro .item { - font-family: "Roboto", Helvetica, Arial, sans-serif; - height: 100%; } - -#intro .item h1 { - text-transform: uppercase; - font-size: 50px; - color: #fff; - margin-bottom: 40px; - letter-spacing: 0.08em; } - -@media (max-width: 991px) { - #intro .item h1 { - font-size: 40px; } } -@media (max-width: 767px) { - #intro .item h1 { - font-size: 25px; } } -#intro .item h3 { - color: #fff; - margin-bottom: 40px; } - -@media (max-width: 767px) { - #intro .item h3 { - font-size: 15px; - margin-bottom: 20px; } } -#intro .item .btn { - text-transform: none; } - -@media (max-width: 991px) { - #intro .item .btn { - font-size: 14px; } } -@media (max-width: 991px) { - #intro .item .carousel-caption { - left: 10%; - right: 10%; } } -#intro .container, -#intro .row { - height: 100%; - position: relative; } - -.jumbotron { - padding: 30px; - margin-bottom: 0; - position: relative; - background: url("../img/photogrid.jpg") center center repeat; - background-size: cover; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -.jumbotron .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #4285f4; - opacity: 0.9; - filter: alpha(opacity=90); } - -.jumbotron h1, -.jumbotron h2, -.jumbotron h3, -.jumbotron p, -.jumbotron ul { - color: #fff; } - -.jumbotron h1, -.jumbotron h2, -.jumbotron h3 { - color: #ffffff; - text-transform: uppercase; - letter-spacing: 0.08em; } - -.jumbotron p { - margin-bottom: 20px; - font-size: 21px; - font-weight: 400; } - -.jumbotron p.text-uppercase { - font-weight: 700; } - -.jumbotron > hr { - border-top-color: #d5d5d5; } - -.container .jumbotron { - border-radius: 0; } - -.jumbotron .container { - max-width: 100%; - z-index: 2; } - -@media screen and (min-width: 768px) and (max-width: 992px) { - header .container { - width: auto; } } -@media screen and (min-width: 768px) { - .jumbotron { - padding-top: 48px; - padding-bottom: 48px; } - - .container .jumbotron { - padding-left: 60px; - padding-right: 60px; } - - .jumbotron h1, - .jumbotron .h1 { - font-size: 46px; } } -#categoryMenu h3 { - padding: 20px; - background: #f7f7f7; - margin: 0; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; } - -.panel.sidebar-menu { - background: #fff; - margin: 20px 0 0 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - .panel.sidebar-menu:first-child { - margin-top: 0; } - .panel.sidebar-menu h3 { - padding: 5px 0; - margin: 0; - font-size: 18px; } - .panel.sidebar-menu .panel-heading { - text-transform: uppercase; - margin-bottom: 10px; - background: none; - padding: 0; - letter-spacing: 0.08em; - border-bottom: none; } - .panel.sidebar-menu .panel-heading h1, .panel.sidebar-menu .panel-heading h2, .panel.sidebar-menu .panel-heading h3, .panel.sidebar-menu .panel-heading h4, .panel.sidebar-menu .panel-heading h5 { - display: inline-block; - border-bottom: solid 5px #4285f4; - line-height: 1.1; - margin-bottom: 0; - padding-bottom: 10px; } - .panel.sidebar-menu .panel-body .form-group { - margin-bottom: 0; } - -.panel.sidebar-menu .panel-heading .btn.btn-danger { - color: #fff; - margin-top: 5px; - border-radius: 1000px; } - -.panel.sidebar-menu .panel-heading .btn.btn-danger i.fa { - margin-left: 1px; - margin-right: 2px; } - -.panel.sidebar-menu .panel-body { - padding: 0; } - -.panel.sidebar-menu .panel-body span.colour { - display: inline-block; - width: 15px; - height: 15px; - border: solid 1px #555555; - vertical-align: top; - margin-top: 2px; - margin-left: 5px; } - -.panel.sidebar-menu .panel-body span.colour.white { - background: #fff; } - -.panel.sidebar-menu .panel-body span.colour.red { - background: red; } - -.panel.sidebar-menu .panel-body span.colour.green { - background: green; } - -.panel.sidebar-menu .panel-body span.colour.blue { - background: blue; } - -.panel.sidebar-menu .panel-body span.colour.yellow { - background: yellow; } - -.panel.sidebar-menu .panel-body label { - color: #333; - font-size: 13px; - line-height: 1.5; } - -.panel.sidebar-menu .panel-body label:hover { - color: #555555; } - -.panel.sidebar-menu ul.nav.category-menu { - margin-bottom: 20px; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.08em; } - -.panel.sidebar-menu ul.nav.category-menu li a { - font-family: 'Roboto', helvetica neue, arial, sans-serif; - font-size: 14px; } - -.panel.sidebar-menu ul.nav.category-menu li a:hover { - background: #eee; } - -.panel.sidebar-menu ul.nav.category-menu li li.active a { - /*background: @c-main;*/ - /*color: @c-white;*/ - border: 1px solid #4285f4; - border-radius: 3px; } - -.panel.sidebar-menu ul.nav ul { - list-style: none; - padding-left: 0; } - -.panel.sidebar-menu ul.nav ul li { - display: block; } - -.panel.sidebar-menu ul.nav ul li a { - position: relative; - font-family: "Times New Roman", Times, serif; - font-weight: normal; - text-transform: none !important; - display: block; - padding: 7px 10px; - padding-left: 22px; - letter-spacing: 0; } - -.panel.sidebar-menu ul.tag-cloud { - list-style: none; - padding-left: 0; } - -.panel.sidebar-menu ul.tag-cloud li { - display: inline-block; } - -.panel.sidebar-menu ul.tag-cloud li a { - display: inline-block; - padding: 5px; - border: solid 1px #eeeeee; - border-radius: 0; - color: #4285f4; - margin: 5px 5px 5px 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 700; - font-size: 12px; } - -.panel.sidebar-menu ul.tag-cloud li a:hover { - color: #4285f4; - border-color: #4285f4; } - -.panel.sidebar-menu ul.popular, -.panel.sidebar-menu ul.recent { - list-style: none; - padding-left: 0; - padding: 20px 0; } - -.panel.sidebar-menu ul.popular li, -.panel.sidebar-menu ul.recent li { - margin-bottom: 10px; - padding: 5px 0; - border-bottom: dotted 1px #eeeeee; } - -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; } - -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; } - -.panel.sidebar-menu ul.popular li:before, -.panel.sidebar-menu ul.recent li:before, -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - content: " "; - display: table; } - -.panel.sidebar-menu ul.popular li:after, -.panel.sidebar-menu ul.recent li:after { - clear: both; } - -.panel.sidebar-menu ul.popular li img, -.panel.sidebar-menu ul.recent li img { - width: 50px; - margin-right: 10px; } - -.panel.sidebar-menu ul.popular li h5, -.panel.sidebar-menu ul.recent li h5 { - margin: 0 0 10px; } - -.panel.sidebar-menu ul.popular li h5 a, -.panel.sidebar-menu ul.recent li h5 a { - font-weight: normal; } - -.panel.sidebar-menu ul.popular li p.date, -.panel.sidebar-menu ul.recent li p.date { - float: right; - font-size: 12px; - color: #999999; } - -.panel.sidebar-menu ul.popular li:last-child, -.panel.sidebar-menu ul.recent li:last-child { - border-bottom: none; } - -.panel.sidebar-menu .text-widget { - font-size: 12px; } - -.panel.sidebar-menu.with-icons ul.nav li a:after { - font-family: 'FontAwesome'; - content: "\f105"; - position: relative; - top: 0; - float: right; } - -/* ribbons for product sales etc. */ -.ribbon { - position: absolute; - top: 50px; - padding-left: 51px; - text-transform: uppercase; - font-weight: 700; - letter-spacing: 0.08em; } - -.ribbon .ribbon-background { - position: absolute; - top: 0; - right: 0; } - -.ribbon .theribbon { - position: relative; - min-width: 80px; - padding: 6px 15px; - margin: 30px 10px 10px -63px; - color: #fff; - background-color: #3d62c4; - font-family: "Roboto", Helvetica, Arial, sans-serif; } - -.ribbon .theribbon:before, -.ribbon .theribbon:after { - content: ' '; - position: absolute; - width: 0; - height: 0; } - -.ribbon .theribbon:after { - left: 0; - top: 100%; - border-width: 5px 6px; - border-style: solid; - border-color: #a81200 #a81200 transparent transparent; } - -.ribbon.sale { - top: 0; } - -.ribbon.new { - top: 50px; } - -.ribbon.top { - top: 100px; } - -.ribbon.new .theribbon { - background-color: #5bc0de; - text-shadow: 0px 1px 2px #bbb; } - -.ribbon.top .theribbon { - background-color: #8a21fd; - text-shadow: 0px 1px 2px #bbb; } - -.ribbon.new .theribbon:after { - border-color: #2390b0 #2390b0 transparent transparent; } - -.ribbon.top .theribbon:after { - border-color: #4f00a5 #4f00a5 transparent transparent; } - -.ribbon.gift { - top: 100px; } - -.ribbon.gift .theribbon { - background-color: #5cb85c; - text-shadow: 0px 1px 2px #bbb; } - -.ribbon.gift .theribbon:after { - border-color: #357935 #357935 transparent transparent; } - -.owl-carousel .owl-controls .owl-page.active span, -.owl-theme .owl-controls .owl-page.active span, -.owl-carousel .owl-controls.clickable .owl-page:hover span, -.owl-theme .owl-controls.clickable .owl-page:hover span { - background: #4285f4; } - -.owl-carousel .owl-controls .owl-buttons, -.owl-theme .owl-controls .owl-buttons { - position: absolute; - top: 5px; - right: 0; } - -.owl-carousel .owl-controls .owl-buttons div, -.owl-theme .owl-controls .owl-buttons div { - width: 26px; - height: 26px; - line-height: 25px; - margin: 0 5px 0 0; - font-size: 18px; - color: #4285f4; - padding: 0; - background: #fff; - border-radius: 13px; - vertical-align: middle; - text-align: center; - opacity: 1; - filter: alpha(opacity=100); } - -.home-carousel { - position: relative; - border-radius: 3px; - overflow: hidden; - -webkit-transition: 0.2s ease-out; - -moz-transition: 0.2s ease-out; - transition: 0.2s ease-out; } - -.home-carousel .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: inherit; - /*background: $mainColor;*/ - /*opacity: 0.9;*/ - /*filter: alpha(opacity=90);*/ } - -.home-carousel .owl-carousel { - padding: 44px 36px; } - -.home-carousel .owl-theme .owl-controls .owl-page span { - background: #666; } - -.home-carousel .owl-theme .owl-controls .owl-page.active span { - background: #fff; } - -.home-carousel .owl-theme .owl-controls .owl-page:hover span { - background: #fff; } - -@media (max-width: 767px) { - .home-carousel { - text-align: center !important; } } -.home-carousel h1, -.home-carousel h2, -.home-carousel h3, -.home-carousel p, -.home-carousel ul { - color: #fff; } - -.home-carousel h1 { - font-weight: 700; - text-transform: uppercase; - font-size: 46px; - letter-spacing: 0.08em; } - -@media (max-width: 991px) { - .home-carousel h1 { - font-size: 36px; } } -.home-carousel h2 { - font-weight: 700; - text-transform: uppercase; - font-size: 30px; - letter-spacing: 0.08em; } - -.home-carousel ul, -.home-carousel p { - font-size: 16px; - font-weight: 700; - padding: 0; - text-transform: uppercase; - letter-spacing: 0.10em; } - -@media (max-width: 991px) { - .home-carousel ul, - .home-carousel p { - font-size: 14px; } } -.home-carousel ul li { - margin-bottom: 10px; } - -.customers { - padding: 0; - margin-bottom: 40px; } - -.customers .item { - list-style-type: none; - text-align: center; - margin: 0 20px; } - -.customers .item img { - display: inline-block; - filter: url("data:image/svg+xml;utf8,#grayscale"); - /* Firefox 10+, Firefox on Android */ - filter: gray; - /* IE6-9 */ - -webkit-filter: grayscale(100%); - /* Chrome 19+, Safari 6+, Safari 6+ iOS */ - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -.customers .item img:hover { - max-width: auto; - filter: none; - -webkit-filter: none; } - -.testimonials { - padding: 0; - margin-bottom: 40px; } - -.testimonials .item { - list-style-type: none; - margin: 0 5px; - background: #fff; - padding-bottom: 60px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.testimonials .item .testimonial { - position: relative; - padding: 20px; } - -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; } - -.testimonials .item .testimonial:after { - clear: both; } - -.testimonials .item .testimonial:before, -.testimonials .item .testimonial:after { - content: " "; - display: table; } - -.testimonials .item .testimonial:after { - clear: both; } - -.testimonials .item .testimonial .text { - color: #999999; - margin-bottom: 40px; } - -.testimonials .item .testimonial .bottom { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px; - height: 50px; } - -.testimonials .item .testimonial .bottom .icon { - color: #4285f4; - font-size: 30px; - float: left; - width: 20%; } - -.testimonials .item .testimonial .name-picture { - float: right; - width: 80%; - text-align: right; } - -.testimonials .item .testimonial .name-picture h5 { - font-size: 14px; - text-transform: uppercase; - letter-spacing: 0.08em; } - -.testimonials .item .testimonial .name-picture p { - color: #999999; - margin: 0; - font-size: 12px; } - -.testimonials .item .testimonial .name-picture img { - float: right; - width: 60px; - border-radius: 30px; - margin-left: 10px; } - -.team-member { - text-align: center; - margin-bottom: 40px; } - -.team-member h3 { - font-size: 18px; - text-transform: uppercase; - margin-bottom: 5px; - letter-spacing: 0.08em; } - -.team-member h3 a { - color: #555555; } - -.team-member p.role { - color: #999999; - font-size: 12px; - text-transform: uppercase; - letter-spacing: 0.06em; } - -.team-member .social { - margin-bottom: 20px; } - -.team-member .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; } - -.team-member .social a i { - vertical-align: bottom; - line-height: 26px; } - -.team-member .social a.facebook { - background-color: #4460ae; } - -.team-member .social a.gplus { - background-color: #c21f25; } - -.team-member .social a.twitter { - background-color: #3cf; } - -.team-member .social a.instagram { - background-color: #cd4378; } - -.team-member .social a.email { - background-color: #4a7f45; } - -.team-member .text p { - color: #999999; - font-size: 12px; } - -.team-member .social, -.team-member-detail .social { - margin-bottom: 20px; } - -.team-member .social a, -.team-member-detail .social a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; } - -.team-member .social a i, -.team-member-detail .social a i { - vertical-align: bottom; - line-height: 26px; } - -.team-member .social a.facebook, -.team-member-detail .social a.facebook { - background-color: #4460ae; } - -.team-member .social a.gplus, -.team-member-detail .social a.gplus { - background-color: #c21f25; } - -.team-member .social a.twitter, -.team-member-detail .social a.twitter { - background-color: #3cf; } - -.team-member .social a.instagram, -.team-member-detail .social a.instagram { - background-color: #cd4378; } - -.team-member .social a.email, -.team-member-detail .social a.email { - background-color: #4a7f45; } - -.box-simple { - text-align: center; - margin-bottom: 40px; } - -.box-simple .icon { - color: #4285f4; - border-color: #4285f4; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -.box-simple h3 { - font-weight: normal; - font-size: 18px; - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; } - -.box-simple h3 a { - color: #555555; } - -.box-simple p { - color: #999999; } - -.box-simple:hover .icon { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); } - -.box-simple:hover .icon i { - -webkit-transform: scale(1, 1); - -ms-transform: scale(1, 1); - -o-transform: scale(1, 1); - transform: scale(1, 1); } - -.box-simple.box-white { - padding: 20px; - border: dotted 1px #999999; } - -.box-simple.box-white .icon { - color: #555555; - border-color: transparent; - font-size: 70px; } - -.box-simple.box-dark { - padding: 20px; - border: dotted 1px #999999; - background: #555555; - color: #fff; } - -.box-simple.box-dark .icon { - color: #f7f7f7; - border-color: transparent; - font-size: 70px; } - -.box-simple.box-dark h3 { - color: #fff; } - -.box-simple.box-dark h3 a { - color: #fff; } - -.box-simple.box-dark p { - color: #fff; } - -.box-image { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; } - -.box-image .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #4285f4; } - -.box-image .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; } - -.box-image .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; } - -.box-image .name h3 a { - color: #fff; } - -.box-image .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; } - -.box-image:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); } - -.box-image:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); } - -.box-image:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); } - -.box-image-text { - position: relative; - overflow: hidden; - text-align: center; - margin: 15px 0; } - -.box-image-text .top { - position: relative; - margin-bottom: 10px; } - -.box-image-text .top .bg { - position: absolute; - top: auto; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0; - filter: alpha(opacity=0); - background: #4285f4; } - -.box-image-text .top .name { - position: absolute; - width: 100%; - height: 50%; - bottom: 0; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; } - -.box-image-text .top .name h3 { - color: #fff; - text-transform: uppercase; - font-size: 18px; - letter-spacing: 0.08em; } - -.box-image-text .top .name h3 a { - color: #fff; } - -.box-image-text .top .text { - position: absolute; - width: 100%; - height: 50%; - top: 0; - -webkit-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - color: #fff; - padding: 0 20px; } - -.box-image-text .content h3, -.box-image-text .content h4 { - text-transform: uppercase; - line-height: 1.5; - color: #555555; - font-weight: 800; - letter-spacing: 0.08em; } - -.box-image-text .content p { - color: #999999; } - -.box-image-text:hover .bg { - opacity: 0.7; - filter: alpha(opacity=70); } - -.box-image-text:hover .name { - position: absolute; - -webkit-transform: translate(0, -75%); - -ms-transform: translate(0, -75%); - -o-transform: translate(0, -75%); - transform: translate(0, -75%); } - -.box-image-text:hover .text { - position: absolute; - -webkit-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); } - -/* universal box */ -.box { - background: #fff; - margin: 0 0 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 15px 0; } - -p.no-margin { - margin-top: -15px; } - -.box .box-header { - background: #f7f7f7; - margin: -15px 0 15px; - padding: 10px 20px; - border-bottom: solid 1px #eeeeee; - text-transform: uppercase; - letter-spacing: 0.08em; } - -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; } - -.box .box-header:after { - clear: both; } - -.box .box-header:before, -.box .box-header:after { - content: " "; - display: table; } - -.box .box-header:after { - clear: both; } - -.box .box-footer { - background: #f7f7f7; - margin: 30px 0 -20px; - padding: 20px; - border-top: solid 1px #eeeeee; } - -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; } - -.box .box-footer:after { - clear: both; } - -.box .box-footer:before, -.box .box-footer:after { - content: " "; - display: table; } - -.box .box-footer:after { - clear: both; } - -@media (max-width: 991px) { - .box .box-footer .btn { - margin-bottom: 20px; } } -.box.no-border { - border: none; } - -#heading-breadcrumbs { - padding: 0; - margin-bottom: 20px; } - -#heading-breadcrumbs.no-mb { - margin-bottom: 0; } - -#heading-breadcrumbs ul.breadcrumb { - margin-bottom: 0; } - -.bar { - position: relative; - background: #4285f4; - padding: 60px 0; } - -.bar.background-pentagon { - background: url("../img/texture-bw.png") center center repeat; - border-top: solid 1px #999999; - border-bottom: solid 1px #999999; } - -.bar.background-gray { - background: #eeeeee; } - -.bar.background-gray-dark { - background: #555555; } - -.bar.background-white { - background: #fff; } - -.bar.background-image-fixed-1 { - background: url("../img/fixed-background-1.jpg") center top no-repeat; - background-attachment: fixed; - background-size: cover; } - -.bar.background-image-fixed-2 { - background: url("../img/fixed-background-2.jpg") center top no-repeat; - background-attachment: fixed; - background-size: cover; } - -.bar.color-white h1, -.bar.color-white h2, -.bar.color-white h3, -.bar.color-white h4, -.bar.color-white h5, -.bar.color-white h6, -.bar.color-white p { - color: #fff; } - -.bar.padding-big { - padding: 50px 0; } - -.bar.padding-horizontal { - padding-left: 30px; - padding-right: 30px; } - -.bar.margin-vertical { - margin-top: 20px; - margin-bottom: 20px; } - -.bar .dark-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #000; - opacity: 0.3; - filter: alpha(opacity=30); } - -.portfolio.no-space { - padding: 0 15px; } - -.portfolio.no-space .box-image { - margin: 0 -15px; } - -.portfolio-project .project-more h4 { - color: #555555; - text-transform: uppercase; - margin-bottom: 0; - text-align: left; - font-size: 14px; - letter-spacing: 0.08em; } - -.portfolio-project .project-more p { - color: #999999; - padding: 10px 0; - margin-bottom: 20px; - text-align: left; } - -.portfolio-showcase { - margin: 15px 0 60px; } - -.portfolio-showcase h3 a { - text-transform: uppercase; - line-height: 1.5; - letter-spacing: 0.08em; } - -.portfolio-showcase p.lead { - color: #555555; - margin-bottom: 20px; } - -.portfolio-showcase p { - color: #999999; } - -.portfolio-showcase p.buttons { - margin-top: 40px; } - -.see-more { - text-align: center; - margin-top: 20px; - padding-top: 20px; } - -.see-more p { - font-size: 28px; - font-weight: 100; - margin-bottom: 20px; } - -.showcase .item { - text-align: center; } - -.showcase .item .icon { - display: inline-block; - width: 50px; - height: 50px; - color: white; - border: 0; - font-size: 40px; - line-height: 50px; - border-radius: 25px; } - -.showcase .item h4 { - text-transform: uppercase; - letter-spacing: 0.08em; - line-height: 1.5; - font-size: 16px; } - -.showcase .item h4 span { - font-weight: bold; - font-size: 51px; } - -.packages .package { - background: #fff; - margin-top: 25px; - margin-bottom: 20px; - padding-bottom: 15px; - text-align: center; - border: solid 1px #4285f4; - overflow: hidden; } - -.packages .package .package-header { - height: 57px; - color: #fff; - line-height: 57px; - background: #4285f4; } - -.packages .package .package-header h5 { - color: #fff; - text-transform: uppercase; - font-weight: bold; - line-height: 57px; - margin: 0; - letter-spacing: 0.08em; } - -.packages .package .package-header.light-gray { - background: #eeeeee; } - -.packages .package .package-header.light-gray h5 { - color: #555555; } - -.packages .package .price { - line-height: 120px; - height: 100px; - color: #fff; - font-weight: 400; } - -.packages .package .price h4 { - display: inline; - font-size: 50px; - line-height: normal; - margin-bottom: 0; } - -.packages .package .price .period { - line-height: normal; - color: #999999; } - -.packages .package ul { - padding: 0; } - -.packages .package ul li { - list-style-type: none; - padding-top: 10px; - padding-bottom: 10px; - width: 80%; - margin: auto; - border-bottom: 1px dotted #ccc; } - -.packages .package ul li:last-child { - border-bottom: 0; } - -.packages .package ul li i { - font-size: 13px; - margin-right: 5px; } - -.packages .best-value .package { - margin-top: 0; - padding-bottom: 40px; } - -.packages .best-value .package .package-header { - height: 72px; - padding-top: 17px; - height: 82px !important; } - -.packages .best-value .package .package-header h5 { - font-weight: bold; - line-height: 29px; - text-transform: uppercase; - letter-spacing: 0.08em; } - -.packages .best-value .package .package-header .meta-text { - font-size: 13px; - line-height: 15px; } - -#map { - height: 300px; } - -#map.with-border { - border-top: solid 1px #4285f4; - border-bottom: solid 1px #4285f4; } - -#blog-listing-big .post, -#blog-homepage .post { - margin-bottom: 60px; } - -#blog-listing-big .post h2, -#blog-homepage .post h2, -#blog-listing-big .post h4, -#blog-homepage .post h4 { - text-transform: uppercase; - letter-spacing: 0.08em; } - -#blog-listing-big .post h2 a, -#blog-homepage .post h2 a, -#blog-listing-big .post h4 a, -#blog-homepage .post h4 a { - color: #555555; } - -#blog-listing-big .post h2 a:hover, -#blog-homepage .post h2 a:hover, -#blog-listing-big .post h4 a:hover, -#blog-homepage .post h4 a:hover { - color: #4285f4; } - -#blog-listing-big .post .author-category, -#blog-homepage .post .author-category { - color: #999999; - text-transform: uppercase; - font-weight: 300; - letter-spacing: 0.08em; } - -#blog-listing-big .post .author-category a, -#blog-homepage .post .author-category a { - font-weight: 500; } - -#blog-listing-big .post .date-comments a, -#blog-homepage .post .date-comments a { - color: #999999; - margin-right: 20px; } - -#blog-listing-big .post .date-comments a:hover, -#blog-homepage .post .date-comments a:hover { - color: #4285f4; } - -@media (min-width: 768px) { - #blog-listing-big .post .date-comments, - #blog-homepage .post .date-comments { - text-align: right; } } -#blog-listing-big .post .intro, -#blog-homepage .post .intro { - text-align: left; } - -#blog-listing-big .post .image, -#blog-homepage .post .image { - margin-bottom: 10px; - overflow: hidden; } - -#blog-listing-big .post .image img, -#blog-homepage .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -@media (max-width: 767px) { - #blog-listing-big .post .image img.img-responsive, - #blog-homepage .post .image img.img-responsive { - min-width: 100%; } } -#blog-listing-big .post .video, -#blog-homepage .post .video { - margin-bottom: 10px; } - -#blog-listing-big .post .read-more, -#blog-homepage .post .read-more { - text-align: right; } - -#blog-listing-medium .post { - margin-bottom: 60px; } - -#blog-listing-medium .post h2 { - text-transform: uppercase; - margin: 0 0 10px; - font-size: 24px; - letter-spacing: 0.08em; } - -#blog-listing-medium .post h2 a { - color: #555555; } - -#blog-listing-medium .post h2 a:hover { - color: #4285f4; } - -#blog-listing-medium .post .author-category { - float: left; - color: #999999; - text-transform: uppercase; - font-weight: 300; - font-size: 12px; - letter-spacing: 0.08em; } - -#blog-listing-medium .post .author-category a { - font-weight: 500; } - -#blog-listing-medium .post .date-comments { - float: right; - font-size: 12px; } - -#blog-listing-medium .post .date-comments a { - color: #999999; - margin-right: 20px; } - -#blog-listing-medium .post .date-comments a:hover { - color: #4285f4; } - -@media (min-width: 768px) { - #blog-listing-medium .post .date-comments { - text-align: right; } } -#blog-listing-medium .post .intro { - text-align: left; } - -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; } - -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; } - -#blog-listing-medium .post .clearfix:before, -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:before, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:before, -#blog-listing-medium .post .navbar-header:after { - content: " "; - display: table; } - -#blog-listing-medium .post .clearfix:after, -#blog-listing-medium .post .navbar:after, -#blog-listing-medium .post .navbar-header:after { - clear: both; } - -#blog-listing-medium .post .image { - margin-bottom: 10px; - overflow: hidden; } - -#blog-listing-medium .post .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -@media (max-width: 767px) { - #blog-listing-medium .post .image img.img-responsive { - min-width: 100%; } } -#blog-listing-medium .post .video { - margin-bottom: 10px; } - -#blog-listing-medium .post .read-more { - text-align: right; } - -.box-image-text.blog .author-category { - color: #999999; - text-transform: uppercase; - letter-spacing: 0.08em; - font-weight: 300; - font-size: 12px; } - -.box-image-text.blog .author-category a { - font-weight: 500; } - -.box-image-text.blog .intro { - text-align: left; - margin-bottom: 20px; } - -#blog-homepage .post { - margin-bottom: 30px; } - -#blog-homepage .post h2, -#blog-homepage .post h4, -#blog-homepage .post .author-category, -#blog-homepage .post .read-more { - text-align: center; } - -#blog-homepage .post .read-more { - margin-top: 20px; } - -#blog-post #post-content { - margin-bottom: 20px; } - -#blog-post .comment { - margin-bottom: 25px; } - -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; } - -#blog-post .comment:after { - clear: both; } - -#blog-post .comment:before, -#blog-post .comment:after { - content: " "; - display: table; } - -#blog-post .comment:after { - clear: both; } - -#blog-post .comment .posted { - color: #999999; - font-size: 12px; } - -#blog-post .comment .reply { - font-family: "Roboto", Helvetica, Arial, sans-serif; } - -#blog-post .comment.last { - margin-bottom: 0; } - -#blog-post #comments, -#blog-post #comment-form { - padding: 20px 0; - margin-top: 20px; - border-top: solid 1px #eeeeee; } - -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; } - -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; } - -#blog-post #comments:before, -#blog-post #comment-form:before, -#blog-post #comments:after, -#blog-post #comment-form:after { - content: " "; - display: table; } - -#blog-post #comments:after, -#blog-post #comment-form:after { - clear: both; } - -#blog-post #comments h4, -#blog-post #comment-form h4 { - margin-bottom: 20px; } - -#blog-post #comment-form { - margin-bottom: 20px; } - -.product-carousel { - margin: 0 -15px 0; } - -.product-carousel .owl-theme .owl-controls { - margin-top: -26px; - margin-bottom: 0; } - -.products { - content: " "; - display: table; - width: 100%; } - -.product { - background: #fff; - border-bottom: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 40px; - overflow: hidden; } - -.product .image { - overflow: hidden; } - -.product .image img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - max-width: 100%; } - -.product-video { - margin: 30px 0; } - -.video-box { - position: relative; - padding-bottom: 56%; - margin: 15px 0; } - -.video-box iframe { - position: absolute; - width: 100%; - height: 100%; } - -@media (max-width: 767px) { - .product .image img.img-responsive { - min-width: 100%; } } -.product .text { - padding: 10px 0; } - -.product .text:after { - content: " "; - display: table; } - -.product .text h3 { - font-size: 14px; - font-weight: 700; - height: 39.6px; - margin-top: 5px; - text-transform: uppercase; - letter-spacing: 0.08em; } - -.product .text h3 a { - color: #555555; } - -.product .text p.price { - font-size: 18px; - line-height: 34px; - float: left; - font-weight: bold; - color: #4285f4; } - -p.price .price-title { - position: absolute; - margin-top: -14px; - font-size: 11px; - opacity: .6; - font-weight: bold; - text-transform: uppercase; - letter-spacing: .2em; - margin-left: 1px; } - -.product .text p.price del { - color: #999999; - position: absolute; - margin-top: -25px; - font-size: 12px; - font-weight: normal; } - -.product .buttons { - float: right; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -.product .buttons .btn { - padding-left: 6px; - font-size: 12px; } - -.product:hover .image img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); } - -.goToDescription { - font-size: 12px; - text-align: center; - margin-bottom: 40px; } - -.goToDescription a { - color: #999999; } - -#productMain { - margin-bottom: 30px; } - -#productMain .sizes h3 { - font-weight: 700; - letter-spacing: 0.08em; - text-transform: uppercase; - margin-bottom: 40px; } - -#productMain .sizes a { - display: inline-block; - width: 40px; - height: 40px; - border-radius: 40px; - background: #ccc; - line-height: 40px; - color: #555555; - text-align: center; - font-family: "Roboto", Helvetica, Arial, sans-serif; } - -#productMain .sizes a.active, -#productMain .sizes a:hover { - background: #4285f4; - color: #fff; } - -#productMain .sizes input { - display: none; } - -#productMain .price { - font-size: 32px; - line-height: 1; - margin-top: 40px; - margin-bottom: 15px; - color: #4285f4; - font-weight: bold; } - -#productMain .price button { - vertical-align: top; } - -#thumbs a { - display: block; - border: solid 1px transparent; } - -#thumbs a.active { - border-color: #4285f4; } - -#product-social { - text-align: center; } - -#product-social h4 { - font-weight: 300; - margin-bottom: 10px; } - -#product-social p { - line-height: 26px; } - -#product-social p a { - margin: 0 10px 0 0; - color: #fff; - display: inline-block; - width: 26px; - height: 26px; - border-radius: 13px; - line-height: 26px; - font-size: 15px; - text-align: center; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - vertical-align: bottom; } - -#product-social p a i { - vertical-align: bottom; - line-height: 26px; } - -#product-social p a.facebook { - background-color: #4460ae; } - -#product-social p a.gplus { - background-color: #c21f25; } - -#product-social p a.twitter { - background-color: #3cf; } - -#product-social p a.instagram { - background-color: #cd4378; } - -#product-social p a.email { - background-color: #4a7f45; } - -@media (max-width: 991px) { - #product-social { - text-align: center; } } -#checkout .nav { - margin-bottom: 20px; - border-bottom: solid 1px #4285f4; } - -#checkout .nav li { - height: 100%; } - -#checkout .nav li a { - display: block; - height: 100%; } - -#order-summary table { - margin-top: 20px; } - -#order-summary table td { - color: #999999; } - -#order-summary table tr.total td, -#order-summary table tr.total th { - font-size: 18px; - color: #555555; - font-weight: 700; } - -#checkout .table tbody tr td, -#basket .table tbody tr td, -#customer-order .table tbody tr td { - vertical-align: middle; } - -#checkout .table tbody tr td input, -#basket .table tbody tr td input, -#customer-order .table tbody tr td input { - width: 50px; - text-align: right; } - -#checkout .table tbody tr td img, -#basket .table tbody tr td img, -#customer-order .table tbody tr td img { - width: 50px; } - -#checkout .table tfoot, -#basket .table tfoot, -#customer-order .table tfoot { - font-size: 18px; } - -.shipping-method h4, -.payment-method h4 { - text-transform: uppercase; - letter-spacing: 0.08em; } - -#customer-orders table tr th, -#customer-orders table tr td { - vertical-align: baseline; } - -#customer-order .table tfoot th { - font-size: 18px; - font-weight: 300; } - -#customer-order .addresses { - text-align: right; - margin-bottom: 30px; } - -#customer-order .addresses p { - font-size: 18px; - font-weight: 300; } - -#customer-account { - margin-bottom: 30px; } - -#get-it { - background: #4285f4; - padding: 50px 0 30px; - color: #fff; - text-align: center; } - -#get-it h1, -#get-it h2, -#get-it h3, -#get-it h4, -#get-it h5, -#get-it h6 { - color: #fff; - text-transform: uppercase; - letter-spacing: 0.08em; - margin: 0 0 20px; } - -#get-it p { - margin: 0 0 20px; } - -#footer { - background: #585858; - padding: 30px 0; - color: #999999; } - #footer a { - color: #999999; } - #footer a:hover { - text-decoration: underline; } - #footer .blog-entries { - margin-top: -5px; } - #footer .btn-template-main { - background: #585858; - border: 1px solid #999999; - text-decoration: none !important; - color: #999999; } - #footer .btn-template-main:hover { - background: #eeeeee; - border: 1px solid #eeeeee; - color: #999999; } - #footer .fa { - font-size: 25px; - color: #999999; } - -#footer h1, -#footer h2, -#footer h3, -#footer h4, -#footer h5, -#footer h6 { - color: #eeeeee; } - -#footer h4 { - font-size: 14px; - font-weight: 800; - text-transform: uppercase; - letter-spacing: 0.08em; } - -#footer ul { - padding-left: 0; - list-style: none; } - -#footer ul a { - color: #999999; } - -#footer ul a:hover { - color: #4285f4; } - -#footer .photostream div { - float: left; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 33%; - padding: 7.5px; - overflow: hidden; } - -#footer .photostream div a { - border: solid 1px #eeeeee; } - -#footer .photostream div img { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; } - -#footer .photostream div:hover img { - -webkit-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); } - -#footer .blog-entries .item { - clear: both; - padding: 5px 0; - margin-bottom: 10px; - border-bottom: solid 1px #555555; } - -#footer .blog-entries .item .image { - float: left; - margin-right: 10px; } - -#footer .blog-entries .item .name { - /*width: 75%;*/ - /*margin-left: 10px;*/ - display: table-cell; - vertical-align: middle; } - -#footer .blog-entries .item .name h5 { - margin: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - font-size: 12px; } - -#footer .blog-entries .item .name h5 a { - color: #eeeeee; } - -#footer .blog-entries .item .text { - width: 100%; - clear: both; } - -#footer .blog-entries .item:last-child { - border-bottom: none; - margin-bottom: 0; } - -#footer .social a { - color: #555555; - font-size: 25px; - margin: 0 10px 0 0; } - -#footer .social a:hover { - color: #4285f4; } - -#copyright { - background: #333; - color: #ccc; - padding: 50px 0; - font-size: 12px; - line-height: 28px; } - -#copyright p { - margin: 0; } - -@media (max-width: 991px) { - #copyright p { - float: none !important; - text-align: center; - margin-bottom: 10px; } } -[data-animate] { - opacity: 0; - filter: alpha(opacity=0); } - -#style-switch-button { - position: fixed; - top: 100px; - left: 0px; - border-radius: 0; } - -#style-switch { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 300px; - padding: 20px; - position: fixed; - top: 140px; - left: 0; - background: #fff; - border: solid 1px #eeeeee; } - -@media (max-width: 991px) { - #style-switch-button { - display: none; } - - #style-switch { - display: none; } } -/* Original Boostrap template overwrite */ -/* breadcrumbs */ -/* nav */ -.nav > li.disabled > a { - color: #999999; } - -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #999999; } - -.navbar-default .navbar-nav .open > a, -.navbar-default .navbar-nav .open > a:hover, -.navbar-default .navbar-nav .open > a:focus { - background-color: transparent; } - -.nav-tabs { - border-bottom: 1px solid #4285f4; } - -.nav-tabs > li { - float: left; - margin-bottom: -1px; } - -.nav-tabs > li > a { - margin-right: 2px; - line-height: 1.42857143; - border: 1px solid transparent; - border-radius: 0 0 0 0; } - -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #4285f4; } - -.nav-tabs > li.active > a, -.nav-tabs > li.active > a:hover, -.nav-tabs > li.active > a:focus { - color: #555555; - background-color: #ffffff; - border: 1px solid #4285f4; - border-bottom-color: transparent; - cursor: default; } - -.nav-tabs.nav-justified { - width: 100%; - border-bottom: solid 1px #4285f4; - border-bottom: 0; } - -.nav-tabs.nav-justified > li { - float: none; } - -.nav-tabs.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ } - -.nav-tabs.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; } - -.nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 0; } - -.nav-tabs.nav-justified > .active > a, -.nav-tabs.nav-justified > .active > a:hover, -.nav-tabs.nav-justified > .active > a:focus { - border: 1px solid #4285f4; } - -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #4285f4; - border-radius: 0 0 0 0; } - - .nav-tabs.nav-justified > .active > a, - .nav-tabs.nav-justified > .active > a:hover, - .nav-tabs.nav-justified > .active > a:focus { - border-bottom-color: #ffffff; } } -.nav-pills > li { - float: left; } - -.nav-pills > li > a { - border-radius: 0; - padding: 8px 12px; } - -.nav-pills > li + li { - margin-left: 2px; } - -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - color: #ffffff; - background-color: #4285f4; } - -.nav-stacked > li { - float: none; } - -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; } - -.nav-justified { - width: 100%; - border-bottom: solid 1px #4285f4; } - -.nav-justified > li { - float: none; } - -.nav-justified > li > a { - text-align: center; - /*margin-bottom: 5px;*/ } - -.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; } - -.nav-tabs-justified { - border-bottom: 0; } - -.nav-tabs-justified > li > a { - margin-right: 0; - border-radius: 0; } - -.nav-tabs-justified > .active > a, -.nav-tabs-justified > .active > a:hover, -.nav-tabs-justified > .active > a:focus { - border: 1px solid #4285f4; } - -@media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-bottom: 1px solid #4285f4; - border-radius: 0 0 0 0; } - - .nav-tabs-justified > .active > a, - .nav-tabs-justified > .active > a:hover, - .nav-tabs-justified > .active > a:focus { - border-bottom-color: #ffffff; } } -.tab-content { - padding: 15px; - border: solid 1px #ddd; - border-top: none; } - -/* navbar */ -.navbar { - border: none; - position: relative; - min-height: 62px; - margin-bottom: 0; - box-shadow: 0 5px 35px -8px rgba(0, 0, 0, 0.2); } - -@media (min-width: 768px) { - .navbar { - border-radius: 0px; } - - .navbar-header { - float: left; } } -@media (max-width: 767px) { - .navbar { - min-height: 50px; } } -.navbar-collapse { - overflow-x: visible; - padding-right: 15px; - padding-left: 15px; } - -.navbar-collapse.navbar-left { - float: left; } - -.navbar-collapse.in { - overflow-y: auto; } - -@media (min-width: 768px) { - .navbar-collapse { - width: auto; - border-top: 0; - box-shadow: none; } - - .navbar-collapse.in { - overflow-y: visible; } - - .navbar-fixed-top .navbar-collapse, - .navbar-static-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - padding-left: 0; - padding-right: 0; } } -.navbar-fixed-top .navbar-collapse, -.navbar-affixed-top .navbar-collapse, -.navbar-fixed-bottom .navbar-collapse { - max-height: 340px; } - -@media (max-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, - .navbar-affixed-top .navbar-collapse, - .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; } } -.container > .navbar-header, -.container-fluid > .navbar-header, -.container > .navbar-collapse, -.container-fluid > .navbar-collapse { - float: left; - margin-right: 10px; - margin-left: -15px; } - -@media (min-width: 768px) { - .container > .navbar-header, - .container-fluid > .navbar-header, - .container > .navbar-collapse, - .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; } } -.navbar-static-top { - z-index: 1000; - border-width: 0 0 1px; } - -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; } } -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - -@media (min-width: 768px) { - .navbar-fixed-top, - .navbar-fixed-bottom { - border-radius: 0; } } -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; } - -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; - border-width: 1px 0 0; } - -.navbar-brand { - float: left; - padding: 5px 15px; - font-size: 18px; - line-height: 20px; - height: 62px; - border-bottom: none; } - -.navbar-brand:hover { - border-bottom: none; } - -.navbar-brand img { - height: 100%; - width: auto; } - -@media (max-width: 767px) { - .navbar-brand { - height: 58px; - padding: 10px 15px; } } -@media (min-width: 768px) { - .navbar > .container .navbar-brand, - .navbar > .container-fluid .navbar-brand { - margin-left: -15px; } } -.navbar-toggle { - position: relative; - float: right; - margin-right: 15px; - padding: 6px 4px; - margin-top: 14px; - margin-bottom: 14px; - background-color: transparent; - background-image: none; - border-radius: 3px; - border: 1px solid transparent; } - -.navbar-toggle:focus { - outline: 0; } - -.navbar-nav { - margin: 10.5px -15px; } - -.main-nav-item a { - padding: 10px 15px; } - -.main-nav-item a:focus { - color: #4285f4; } - -.main-nav-item a .btn-like { - display: block; - margin: -6px -11px; - padding: 5px 10px; - border: 1px solid #ccc; - border-radius: 3px; } - -.main-nav-item.open .btn-like { - background: #3d62c4; - border-color: transparent; - color: white; } - -.main-nav-item.active .btn-like { - border-color: #3d62c4; } - -.main-nav-item > a { - line-height: 22px; - font-weight: bold; - text-transform: uppercase; - letter-spacing: .08em; } - -@media (max-width: 992px) { - .main-nav-item a { - padding: 10px; } } -@media (max-width: 767px) { - .navbar-nav .open .dropdown-menu > li > a, - .navbar-nav .open .dropdown-menu .dropdown-header { - padding: 5px 15px 5px 25px; } - - .navbar-nav .open .dropdown-menu > li > a { - line-height: 20px; } } -@media (min-width: 768px) { - .navbar-nav { - float: left; - margin: 0; } - - .navbar-nav.navbar-right:last-child { - margin-right: -15px; } - - .navbar-nav .main-nav-item { - float: left; } - - .navbar-nav .main-nav-item > a { - line-height: 22px; - padding-top: 21px; - padding-bottom: 21px; } } -@media (min-width: 768px) { - .navbar-left { - float: left !important; } - - .navbar-right { - float: right !important; } } -.navbar-default .navbar-form { - margin: 0; - border-color: transparent; - padding: 10px 0; } - -@media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 0; } } -@media (min-width: 768px) { - .navbar-form { - width: auto; - padding-top: 0; - padding-bottom: 0; } - - .navbar-form.navbar-right:last-child { - margin-right: -15px; } } -.main-nav-item > .dropdown-menu { - margin-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; } - -.navbar-fixed-bottom .main-nav-item > .dropdown-menu { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - -.navbar-btn { - margin-top: 14px; - margin-bottom: 14px; } - -.navbar-btn.btn-sm { - margin-top: 16px; - margin-bottom: 16px; } - -.navbar-btn.btn-xs { - margin-top: 20px; - margin-bottom: 20px; } - -.navbar-text { - margin-top: 21px; - margin-bottom: 21px; - line-height: 22px; } - -@media (min-width: 768px) { - .navbar-text { - float: left; - margin-left: 15px; - margin-right: 15px; } - - .navbar-text.navbar-right:last-child { - margin-right: 0; } } -.navbar-default { - background-color: white; } - -.navbar-default .navbar-brand { - color: #4285f4; } - -.navbar-default .navbar-brand:hover, -.navbar-default .navbar-brand:focus { - color: #3d62c4; - background-color: transparent; } - -.navbar-default .navbar-text { - color: #222; } - -.navbar-default .navbar-nav > li > a { - color: #4285f4; } - -.navbar-default .navbar-nav > li > a:hover, -.navbar-default .navbar-nav > li > a:focus { - color: #3d62c4; } - -.navbar-default .navbar-nav > .active > a, -.navbar-default .navbar-nav > .active > a:hover, -.navbar-default .navbar-nav > .active > a:focus { - color: #3d62c4; - background: transparent; } - -.navbar-default .navbar-nav > .disabled > a, -.navbar-default .navbar-nav > .disabled > a:hover, -.navbar-default .navbar-nav > .disabled > a:focus { - color: #cccccc; - background-color: transparent; } - -.navbar-default .navbar-toggle { - border-color: #ccc; } - -.navbar-default .navbar-toggle:hover, -.navbar-default .navbar-toggle:focus { - background-color: #4285f4; - border-color: transparent; } - -.navbar-default .navbar-toggle .icon-bar { - background-color: #888888; } - -.navbar-default .navbar-collapse { - border-color: #cccccc; - position: absolute; } - -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #555555; } - - .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { - color: #4285f4; } - - .navbar-default .navbar-nav .open .dropdown-menu > .active > a, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { - color: #ffffff; - background-color: #4285f4; } - - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { - color: #cccccc; - background-color: transparent; } } -.navbar-default .navbar-link { - color: #555555; } - -.navbar-default .navbar-link:hover { - color: #555555; } - -.navbar-default .btn-link { - color: #555555; } - -.navbar-default .btn-link:hover, -.navbar-default .btn-link:focus { - color: #555555; } - -.navbar-default .btn-link[disabled]:hover, -fieldset[disabled] .navbar-default .btn-link:hover, -.navbar-default .btn-link[disabled]:focus, -fieldset[disabled] .navbar-default .btn-link:focus { - color: #cccccc; } - -/* scaffolding */ -body { - font-family: 'Roboto', helvetica neue, arial, sans-serif; - font-size: 14px; - line-height: 1.33; - color: #545454; } - -a { - color: #039be5; - text-decoration: none; } - a:hover { - text-decoration: none; - color: #037bc4; } - a:focus { - outline: none; } - -.img-rounded { - border-radius: 0; } - -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); } - -/* breadcrumbs */ -.breadcrumb { - padding: 10px 0; - margin-bottom: 20px; - background-color: transparent; - border-radius: 0; } - -.breadcrumb > li + li:before { - content: ">\00a0"; - color: #ccc; } - -.breadcrumb > .active { - color: #ccc; } - -@media (max-width: 991px) { - .breadcrumb { - padding: 20px 0; } } -.dropdown.left-navigation { - position: static; } - -.dropdown.left-navigation > .dropdown-menu { - left: 15px; - min-width: 250px; } - -.category-carousel-box { - background: #fff; - padding: 30px 0; } - -.dropdown-menu { - font-size: 14px; - background: white; - padding: 0; - margin: 0; - border: 0; - border-radius: 0 0 3px 3px; - box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.3); } - -.dropdown-menu.sidebar { - display: block; - left: auto; - margin: 0; - position: relative; - top: auto; - margin-top: -31px; - float: none; - padding: 0; - border-top: 2px solid #3d62c4; - z-index: 5; } - -.dropdown-menu.sidebar .dropdown-submenu > a { - padding: 10px 15px; } - -.dropdown-menu.sidebar .dropdown-submenu .dropdown-menu { - top: 0; - min-height: 377px; } - -.dropdown-menu.multi-level { - border-top: 2px solid #3d62c4; } - -.dropdown-menu li.dropdown-header { - padding: 15px; - font-size: 14px; - text-transform: uppercase; - letter-spacing: .08em; - border-bottom-width: 2px; - color: #777; } - -.dropdown-menu li a { - color: #4285f4; } -.dropdown-menu li:hover > a { - color: #3d62c4; - background: #eee; } - -.dropdown-menu .dropdown-submenu { - position: relative; } - -.dropdown-menu .dropdown-submenu > .dropdown-menu { - top: 0; - left: 100%; - /*min-height: 200px;*/ - margin-left: -4px; - border-radius: 0 3px 3px 3px; - width: 100%; } - -.dropdown-menu .dropdown-submenu:hover > .dropdown-menu { - display: block; - transition-delay: .3s; } - -.dropdown-menu .dropdown-submenu > a { - text-transform: uppercase; - font-size: 12px; - letter-spacing: 0.08em; - line-height: 20px; - font-weight: bold; - white-space: pre-wrap; - padding: 15px; - padding-right: 40px; } - -.dropdown-menu li a:before { - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - content: "\f105"; - position: absolute; - right: 10px; - top: 50%; - margin-top: -8px; - font-size: 16px; - color: #4285f4; } -.dropdown-menu li:hover a:before { - color: #3d62c4; } -.dropdown-menu li.no-child-menu a:before { - display: none; } - -.dropdown-menu .dropdown-submenu.pull-left { - float: none; } - -.dropdown-menu .dropdown-submenu.pull-left > .dropdown-menu { - left: -100%; - margin-left: 10px; - border-radius: 0 0 6px 6px; } - -/* labels */ -.label { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 0.08em; } - -/* forms.less */ -label { - font-weight: normal; } - -.form-control { - -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0; } - -.form-control:focus { - border-color: #4285f4; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(56, 167, 187, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(56, 167, 187, 0.6); } - -.form-group { - margin-bottom: 0; } - -/* pager*/ -.pager { - margin: 20px 0; - border-top: solid 1px #eeeeee; - padding-top: 20px; - text-transform: uppercase; - letter-spacing: 0.08em; - font-family: "Roboto", Helvetica, Arial, sans-serif; } - -.pager li { - display: inline; } - -.pager li > a, -.pager li > span { - background-color: #ffffff; - border: 1px solid #4285f4; - border-radius: 0; } - -.pager li > a:hover, -.pager li > a:focus { - color: #fff; - background-color: #4285f4; } - -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - background-color: #ffffff; - border-color: #ddd; } - -/* pagination */ -.pagination { - margin: 20px 0; - font-family: "Roboto", Helvetica, Arial, sans-serif; - border-radius: 0; } - -.pagination > li > a, -.pagination > li > span { - padding: 6px 12px; - line-height: 1.42857143; - color: #4285f4; - background-color: #ffffff; - border: 1px solid #dddddd; } - -.pagination > li > a:hover, -.pagination > li > span:hover, -.pagination > li > a:focus, -.pagination > li > span:focus { - color: #4285f4; - background-color: #a7dbe5; - border-color: #dddddd; } - -.pagination > .active > a, -.pagination > .active > span, -.pagination > .active > a:hover, -.pagination > .active > span:hover, -.pagination > .active > a:focus, -.pagination > .active > span:focus { - z-index: 2; - color: #ffffff; - background-color: #4285f4; - border-color: #4285f4; } - -.pagination > .disabled > span, -.pagination > .disabled > span:hover, -.pagination > .disabled > span:focus, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #999999; - background-color: #ffffff; - border-color: #dddddd; } - -/* responsive utilities */ -@media (max-width: 767px) { - .text-center-xs { - text-align: center !important; } - - .text-center-xs img { - display: block; - margin-left: auto; - margin-right: auto; } } -@media (min-width: 768px) and (max-width: 991px) { - .text-center-sm { - text-align: center !important; } - - .text-center-sm img { - display: block; - margin-left: auto; - margin-right: auto; } } -/* type */ -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: "Roboto", Helvetica, Arial, sans-serif; - font-weight: 900; - line-height: 1.1; - color: #333333; } - -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 20px; - margin-bottom: 20px; } - -p { - margin: 0 0 10px; } - -.lead { - margin-bottom: 20px; - font-size: 18px; } - -@media (min-width: 768px) { - .lead { - font-size: 21px; } } -.text-small { - font-size: 12px; } - -.text-large { - font-size: 18px; } - -.text-italic { - font-style: italic; } - -.text-primary { - color: #4285f4; } - -a.text-primary:hover { - color: #2c8494; } - -.bg-primary { - color: #fff; - background-color: #4285f4; } - -a.bg-primary:hover { - background-color: #2c8494; } - -abbr[title], -abbr[data-original-title] { - border-bottom: 1px dotted #999999; } - -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 14px; - border-left: 5px solid #4285f4; } - -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #999999; } - -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; } - -.blockquote-reverse, -blockquote.pull-right { - border-right: 5px solid #4285f4; } - -address { - margin-bottom: 20px; - line-height: 1.42857143; } - -.panel { - margin-bottom: 20px; - background-color: #ffffff; - border: 1px solid transparent; - border-radius: 0; - -webkit-box-shadow: 0 0 0; - box-shadow: 0 0 0; } - -.panel-heading { - border-top-right-radius: 0; - border-top-left-radius: 0; - text-transform: uppercase; - letter-spacing: 0.08em; - padding: 15px; } - -.progress { - overflow: hidden; - height: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; } - -.panel-group { - margin-bottom: 20px; } - -.panel-group .panel { - margin-bottom: 0; - border-radius: 0; - overflow: hidden; } - -.panel-group .panel + .panel { - margin-top: 5px; } - -.panel-group.accordion .panel { - border-color: #ccc; } - -.panel-primary { - border-color: #4285f4; } - -.panel-primary > .panel-heading { - color: #ffffff; - background-color: #4285f4; - border-color: #4285f4; } - -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #4285f4; } - -.panel-primary > .panel-heading .badge { - color: #4285f4; - background-color: #ffffff; } - -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #4285f4; } - -.panel-primary .panel-title { - font-weight: 300; } - -.panel-primary .panel-title a:hover { - color: #fff; } - -a.badge:hover, -a.badge:focus { - color: #ffffff; - cursor: pointer; } - -a.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #4285f4; - background-color: #ffffff; } - -.nav-pills > li > a > .badge { - margin-left: 3px; } - -.progress-bar-primary { - background-color: #4285f4; } - -.progress-striped .progress-bar-primary { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - -/*! - * Yamm!3 - Yet another megamenu for Bootstrap 3 - * http://geedmo.github.com/yamm3 - * - * @geedmo - Licensed under the MIT license - */ -.yamm .nav, -.yamm .collapse, -.yamm .dropup.use-yamm, -.yamm .dropdown.use-yamm { - position: static; } - -.yamm .container { - position: relative; } - -.yamm .dropdown-menu.level1 { - left: auto; } - -.yamm .nav.navbar-right .dropdown-menu { - left: auto; - right: 0; } - -.yamm .yamm-content { - padding: 20px 30px; } - -.yamm .dropdown.yamm-fw .dropdown-menu { - left: 15px; - right: 15px; } - -.radio-but { - padding: 5px 0 5px 38px; - position: relative; - margin: 5px 0; } - -.radio-but a:before { - content: ''; - position: absolute; - left: 0; - top: 0; - width: 22px; - height: 22px; - background: #ccc; - border-radius: 5px; } - -.radio-but.checked a:before { - background: #039be5; } - -.radio-but.checked a:after { - position: absolute; - left: 0; - top: 0; - width: 22px; - height: 22px; - font-family: FontAwesome; - font-weight: normal; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - display: block; - content: "\f00c"; - text-align: center; - font-size: 14px; - color: #fff; - line-height: 22px; } - -.inline-block.lang-link { - font-size: 13px; - padding-right: 20px; - line-height: 13px; } - .inline-block.lang-link a { - margin-left: 0 !important; } - -.reset-filters { - line-height: 28px; - height: 28px; - font-size: 11px; - border-radius: 5px; - outline: none; - margin-bottom: 0; - position: relative; - background: #b30500; - border-color: #b30500; - text-align: left; - padding: 0 10px 0 20px; } - .reset-filters .fa-times-circle { - position: absolute; - top: 0; - left: 7px; - margin: 0; - padding: 0; } - .reset-filters .fa-times-circle:before { - content: "\f00d"; - font-size: 10px; - color: #fff; - line-height: 26px; } - -#cart .badge { - position: absolute; - top: 2px; - right: 4px; - right: 20px; - min-width: 18px; - line-height: 18px; - padding: 0 2px; - z-index: 2; } - -.basket-container { - position: relative; } - -.order-radio { - height: 10px; } - -.loader-wrapper { - background: rgba(255, 255, 255, 0.7); - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 2000; } - -.loader { - display: block; - position: relative; - left: 50%; - top: 50%; - width: 150px; - height: 150px; - margin: -75px 0 0 -75px; - border-radius: 50%; - border: 3px solid transparent; - border-top-color: #1980b3; - z-index: 2001; - -webkit-animation: spin 2s linear infinite; - animation: spin 2s linear infinite; } - -.loader:before { - content: ""; - position: absolute; - top: 5px; - left: 5px; - right: 5px; - bottom: 5px; - border-radius: 50%; - border: 3px solid transparent; - border-top-color: #3399cc; - -webkit-animation: spin 3s linear infinite; - animation: spin 3s linear infinite; } - -.loader:after { - content: ""; - position: absolute; - top: 15px; - left: 15px; - right: 15px; - bottom: 15px; - border-radius: 50%; - border: 3px solid transparent; - border-top-color: #70b7da; - -webkit-animation: spin 1.5s linear infinite; - animation: spin 1.5s linear infinite; } - -@-webkit-keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); } } -@keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); } } -.alert-cart { - position: fixed; - z-index: 1001; - width: 50%; - left: 25%; - top: -75px; - box-shadow: 0px 0px 0px transparent; - transition: 0.3s; } - -.alert-cart.active { - top: 30px; - box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3); } - -.panel.sidebar-menu ul.nav.category-menu li a.active { - background-color: #3d62c4; - color: white; } - -.panel.sidebar-menu ul.nav.category-menu li a.active:hover { - background-color: #fd9131; - color: white; } - -#login-modal .form-group.field-loginform-returnurl { - display: none; } - -@media (min-width: 768px) { - #login-modal .modal-sm { - width: 350px; } } -h4.modal-title.callback { - text-transform: uppercase; } - -.form-group.field-feedback-returnurl { - display: none; } - -a i.fa, button i.fa, span.fa { - margin: 0 5px; } - -.modal-dialog.modal-sm { - min-width: 350px; } - -.socials-links a { - color: #fff; - opacity: 0.5; - transition: 0.2s; } - -.socials-links a:hover { - opacity: 1; } - -.socials-links a:active { - opacity: 0.8; } - -.box p.no-margin { - font-size: 18px; } - -.box .btn.btn-template-main { - margin-bottom: 5px; } - -.vcovers { - position: absolute; - top: 0; - right: 5px; - padding-right: 15px; } - -.vcovers .content { - height: 260px; } - -.vcovers .vcover img.img-responsive-image1 { - border: 1px solid #eeeeee; - margin: 5px 0px; - transition: 0.2s; } - -.vcovers .vcover img:hover { - border: 1px solid #005bac; } - -.product-variant-group-option { - display: inline-block; - margin: 5px; - width: 90px; - height: 55px; } - -.product-variant-group-option-img { - width: 100%; - height: 100%; } - -.owl-carousel.brand-carousel .owl-item { - float: none; - display: inline-block; } - -/**new_style***/ -.mob-btn-menus { - float: left; - position: relative; - margin-right: 15px; - margin-left: 15px; } - -/**end new_style***/ -@media (max-width: 767px) { - .cart-item .cart-item-link { - padding: 0 15px; } - - #cart .badge { - top: 0 !important; } } -.menu_mob { - position: relative; - cursor: pointer; - background: #4285f4; - width: 40px; - height: 42px; - float: left; - margin-top: 11px; } - -.menu_mob div { - position: absolute; - width: 14px; - height: 2px; - background: #fff; - top: 0; - margin-top: 26px; - left: 50%; - margin-left: -7px; } - -.menu_mob div:first-child { - margin-top: 14px; } - -.menu_mob div:first-child:before { - width: 100%; - height: 100%; - position: absolute; - background: #fff; - top: 0; - left: 0; - margin-top: 6px; - content: ''; } - -.mob-overlay { - display: none; - position: fixed; - width: 100%; - height: 100%; - z-index: 10; - background: #000; - opacity: 0.8; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; - filter: alpha(opacity=80); - top: 0; - left: 0; - cursor: default; } - -#menu-mob-hidden { - display: none; - width: 340px; - position: fixed; - z-index: 11; - top: 0; - left: 0; - margin-left: -340px; - height: 100%; - overflow-y: scroll; - background: #4285f4; - transition: 0.2s; - -webkit-transition: 0.2s; - -moz-transition: 0.2s; - -ms-transition: 0.2s; - -o-transition: 0.2s; } - #menu-mob-hidden.opens { - display: block; } - #menu-mob-hidden.opens.visible { - margin-left: 0; } - #menu-mob-hidden > ul { - overflow: hidden; } - #menu-mob-hidden ul { - width: 100%; - float: left; - padding: 0; } - #menu-mob-hidden ul li { - list-style: none; - width: 100%; - border-top: 1px solid #545454; - float: left; } - #menu-mob-hidden ul li.bg-mob-menu { - background: #545454; } - #menu-mob-hidden ul li a { - height: 40px; - display: block; - line-height: 40px; - color: #fff; - text-decoration: none; - font-size: 13px; - float: left; - width: 100%; - position: relative; - padding-left: 20px; - transition: 0.05s; - -webkit-transition: 0.05s; - -moz-transition: 0.05s; - -ms-transition: 0.05s; - -o-transition: 0.05s; } - #menu-mob-hidden ul li a:active { - transform: scale(1.05); - -webkit-transform: scale(1.05); - -moz-transform: scale(1.05); - -ms-transition: scale(1.05); - -o-transform: scale(1.05); } - #menu-mob-hidden ul li ul { - display: none; - transition: 0.2s; - -webkit-transition: 0.2s; - -moz-transition: 0.2s; - -ms-transition: 0.2s; - -o-transition: 0.2s; } - #menu-mob-hidden ul li.has_ul { - position: relative; } - #menu-mob-hidden ul li.has_ul a { - padding-left: 20px; } - #menu-mob-hidden ul li.has_ul ul li { - background: #999999; } - #menu-mob-hidden ul li.has_ul ul li a { - padding-left: 30px; } - #menu-mob-hidden ul li.has_ul ul li ul li a { - padding-left: 45px; } - #menu-mob-hidden ul li.has_ul ul li ul li ul li a { - padding-left: 50px; } - #menu-mob-hidden ul li.has_ul ul li ul li ul li ul li a { - padding-left: 60px; } - #menu-mob-hidden ul li.has_ul ul li ul li ul li ul li ul li a { - padding-left: 70px; } - #menu-mob-hidden ul li.has_ul:before { - width: 9px; - height: 5px; - background: url("../img/arrow-down.png") 50% 50% no-repeat; - content: ''; - position: absolute; - top: 50%; - margin-top: -2.5px; - transition: 0.3s; - -webkit-transition: 0.3s; - -moz-transition: 0.3s; - -ms-transition: 0.3s; - -o-transition: 0.3s; - right: 15px; - margin-top: 0; - top: 18px; } - #menu-mob-hidden ul .open:before { - transform: rotate(180deg); - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); } - #menu-mob-hidden ul .open > ul { - display: block; } - -.close-menu-mob, .mob-catalog-close { - position: relative; - width: 100%; - height: 52px; - background: #039be5; - text-transform: uppercase; - color: #fff; - line-height: 52px; - font-size: 18px; - font-weight: 700; - padding-left: 15px; } - -.close_mob, .mob-catalog-close:before { - content: ''; - position: absolute; - right: 10px; - top: 0; - width: 32px; - height: 100%; - cursor: pointer; } - .close_mob:before, .mob-catalog-close:before { - font-family: FontAwesome; - font-weight: normal; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - display: block; - color: #fff; - line-height: 52px; - text-align: center; - font-size: 21px; - content: "\f00d"; - transition: 0.05s; - -webkit-transition: 0.05s; - -moz-transition: 0.05s; - -ms-transition: 0.05s; - -o-transition: 0.05s; } - .close_mob:active:before, .mob-catalog-close:active:before { - transform: scale(1.35); - -webkit-transform: scale(1.35); - -moz-transform: scale(1.35); - -ms-transition: scale(1.35); - -o-transform: scale(1.35); } - -.off-scroll { - overflow-y: hidden; - height: 100%; - position: relative; } - -@media (max-width: 992px) { - .off-scroll { - position: fixed; } } -@media (max-width: 767px) { - .menu_mob { - margin-top: 6px; } } -.catalog-menu-wrapper-start { - position: absolute; - top: 64px; - left: 0; - display: none; - perspective: 500px; - z-index: 3; } - .catalog-menu-wrapper-start .dropdown-menu { - margin-top: 0; - opacity: 0; - display: none; - overflow: hidden; - transform: rotateY(70deg); } - .catalog-menu-wrapper-start.opened { - height: auto; - transition: 1s; - display: block; } - .catalog-menu-wrapper-start.opened .dropdown-menu { - transition: 0.5s; - display: block; } - .catalog-menu-wrapper-start.visible_catalog .dropdown-menu { - transform: rotateY(0deg); - opacity: 1; } - -.catalog-overlay { - position: fixed; - display: block; - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 2; } - -.home-carousel { - background: url("../img/oblako_banner.jpg") 50% 0 no-repeat; - background-size: cover; } - -@media (max-width: 992px) { - .home-carousel { - background-size: contain; - background-position: 0 0; - max-height: 326px; } } -@media (max-width: 700px) { - .home-carousel { - max-height: 296px; } } -@media (max-width: 580px) { - .home-carousel { - max-height: 240px; } } -@media (max-width: 500px) { - .home-carousel { - max-height: 204px; } } -@media (max-width: 400px) { - .home-carousel { - max-height: 160px; } } -@media (max-width: 357px) { - .home-carousel { - max-height: 141px; } } -.style { - width: 100%; - float: left; } - -/*# sourceMappingURL=style.css.map */ ->>>>>>> 783eb6592414578ef89358f667fc9a8f2540d10f +/* +Error: Invalid CSS after "...7fc9a8f2540d10f": expected "{", was "}" + on line 9839 of _default.scss + from line 29 of style.scss + +9834: } +9835: #cart .badge { +9836: top: 0 !important; +9837: } +9838: >>>>>>> 783eb6592414578ef89358f667fc9a8f2540d10f +9839: } + +Backtrace: +_default.scss:9839 +style.scss:29 +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:1207:in `expected' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:1137:in `expected' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:1132:in `tok!' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:665:in `block' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:735:in `declaration_or_ruleset' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:685:in `block_child' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:677:in `block_contents' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:666:in `block' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:409:in `media_directive' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:222:in `special_directive' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:197:in `directive' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:685:in `block_child' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:677:in `block_contents' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:666:in `block' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:658:in `ruleset' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:684:in `block_child' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:677:in `block_contents' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:125:in `stylesheet' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/scss/parser.rb:41:in `parse' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/engine.rb:406:in `_to_tree' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/engine.rb:312:in `to_tree' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:326:in `block in visit_import' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/stack.rb:88:in `block in with_import' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/stack.rb:88:in `with_import' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:325:in `visit_import' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `block in visit' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `block in with_base' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `with_base' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `visit' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `block in visit_children' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `map' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `visit_children' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:169:in `block in visit_children' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:181:in `with_environment' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:168:in `visit_children' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `block in visit' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:188:in `visit_root' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:159:in `visit' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:8:in `visit' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/root_node.rb:36:in `css_tree' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/engine.rb:381:in `_render_with_sourcemap' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/engine.rb:298:in `render_with_sourcemap' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:492:in `update_stylesheet' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:209:in `each' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:209:in `update_stylesheets' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/plugin.rb:82:in `update_stylesheets' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/exec/sass_scss.rb:340:in `watch_or_update' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/exec/sass_scss.rb:51:in `process_result' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/exec/base.rb:52:in `parse' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/exec/base.rb:19:in `parse!' +C:/Ruby/lib/ruby/gems/2.3.0/gems/sass-3.4.23/bin/scss:13:in `' +C:/Ruby/bin/scss:22:in `load' +C:/Ruby/bin/scss:22:in `
' +*/ +body:before { + white-space: pre; + font-family: monospace; + content: "Error: Invalid CSS after \"...7fc9a8f2540d10f\": expected \"{\", was \"}\"\A on line 9839 of _default.scss\A from line 29 of style.scss\A \A 9834: }\A 9835: #cart .badge {\A 9836: top: 0 !important;\A 9837: }\A 9838: >>>>>>> 783eb6592414578ef89358f667fc9a8f2540d10f\A 9839: }"; } diff --git a/frontend/web/css/style.scss b/frontend/web/css/style.scss index 932d4ae..e8342e8 100644 --- a/frontend/web/css/style.scss +++ b/frontend/web/css/style.scss @@ -1,34 +1,3 @@ -<<<<<<< HEAD -$mainTextColor: #545454;; - -$mainColor: #4285f4; -$mainColor-active: #3d62c4; - -$link-color:#039be5; -$link-color-active: #037bc4; - -$borderMainMenu: #e5e5e5; - - -$MainMenuBg-hover: #eee; - -$footerBg:#585858; -$footerTextColor:#999999; -$footerTitleColor:#eeeeee; -$footerLinkColor:$footerTextColor; - -$backgroundMainMenuBlock:#fff; - - -@import "default"; -@import "custom"; - - - -.style { - width: 100%; - float: left; -======= $mainTextColor: #545454;; $mainColor: #4285f4; @@ -68,5 +37,5 @@ $borderRadius:5px; .style { width: 100%; float: left; ->>>>>>> 783eb6592414578ef89358f667fc9a8f2540d10f + } \ No newline at end of file -- libgit2 0.21.4