rgba(189, 21, 21, 0.8)rgba(189, 21, 21, 0.8)rgba(189, 21, 21, 0.8)rgba(189, 21, 21, 0.8)rgba(189, 21, 21, 0.8)rgba(189, 21, 21, 0.8)rgba(189, 21, 21, 0.8)rgba(189, 21, 21, 0.8)rgba(189, 21, 21, 0.8)rgba(189, 21, 21, 0.8)rgba(189, 21, 21, 0.8)rgba(189, 21, 21, 0.8)rgba(189, 21, 21, 0.8)::-webkit-selection { color: #fff; background: rgba(0, 0, 0, 0.3); } ::-moz-selection { color: #fff; background: rgba(0, 0, 0, 0.3); } .bdb { border-bottom: 1px solid #e8e8e8; background: #fff; } .container-m-tb-small { margin: 31px auto; } .container-m-tb-large { margin: 150px auto; } .container-full-page-element-minus-mt { margin-top: -30px; } .container-full-page-element-minus-m-tb { margin-top: -30px; margin-bottom: -30px; } div.mt-element-title { margin-top: 75px; margin-bottom: 50px; } nav.menu-icons-list { text-align: center; } nav.menu-icons-list li { display: inline-block; margin: 0 5px 15px 5px; } .whereiam { font-size: 16px; position: relative; margin-left: 10px; margin-right: 10px; color: #c1272d; } .mb { margin-bottom: 75px; } .mt { margin-top: 75px; } .no-mt { margin-top: 0 !important; } .no-mb { margin-bottom: 0 !important; } body > .nicescroll-rails { background: #fff !important; } html.boxed .scroller { max-width: 1230px; margin: 0 auto; position: relative; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; overflow: hidden; } html.boxed .menu-container { max-width: 1228px; } html.boxed .stiky-widgets { background: rgba(0, 0, 0, 0.1); } html.boxed .sticky-content-sub-menu:after { display: none; } html.boxed .owl .portfolio-columns-container { margin-left: 2.5px; } .additional-information { float: left; } .additional-information ul { float: left; border-right: 1px solid #e8e8e8; } .additional-information ul li { padding-top: 11px; padding-bottom: 11px; padding-right: 20px; float: left; } .additional-information ul li span { font-weight: 300; color: #7f7f7f; padding-left: 5px; font-size: 12px; } .additional-information i { color: #b2b2b2; border-color: #b2b2b2; } .additional-information i:before { border-radius: 50%; border: 1px solid #b2b2b2; font-size: 12px; padding: 4px 0px; width: 23px; height: 23px; display: block; line-height: 15px; text-align: center; } .social { float: right; } .social ul { float: right; padding-left: 15px; } .social ul li { padding-top: 11px; padding-bottom: 11px; padding-right: 4px; float: left; } .social i { color: #b2b2b2; border-color: #b2b2b2; } .social i:before { border-radius: 50%; border: 1px solid #b2b2b2; font-size: 12px; padding: 4px 0px; width: 23px; height: 23px; display: block; line-height: 15px; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .social i:hover { color: #8E0000; } .social i:hover:before { border: 1px solid #8E0000; } .cart-contents-container { padding-top: 11px; position: absolute; right: 0; z-index: 150; display: none; } .cart-contents-container .cart-contents { width: 180px; border: 1px solid #D1D1D1; background: #fff; text-align: left; } .cart-contents-container .cart-contents .cart-content { padding: 15px 15px 0 15px; } .cart-contents-container .cart-contents .cart-content img { max-width: 36px; float: left; margin-bottom: 15px; } .cart-contents-container .cart-contents .cart-content .cart-desc { float: left; padding-left: 15px; font-size: 12px; color: #333; font-weight: 300; margin-bottom: 15px; } .cart-contents-container .cart-contents .cart-content .cart-desc .cart-title { display: block; } .cart-contents-container .cart-contents .cart-content .cart-desc .product-quantity { display: block; } .cart-contents-container .cart-contents .cart-checkout { text-align: center; padding: 10px; background: #F5F5F5; } .cart-contents-container .cart-contents .cart-checkout > div { display: inline-block; } .cart-contents-container .cart-contents .cart-checkout .cart-link { font-size: 12px; margin-right: 10px; } .cart-contents-container .cart-contents .cart-checkout .cart-link a { color: #333; font-weight: 400; margin-left: 5px; } .cart-contents-container .cart-contents .cart-checkout .cart-link:before { font-family: 'FontAwesome'; content: "\f07a"; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .cart-contents-container .cart-contents .cart-checkout .cart-link:hover { color: #8E0000; } .cart-contents-container .cart-contents .cart-checkout .cart-link:hover a { color: #8E0000; } .cart-contents-container .cart-contents .cart-checkout .checkout-link { font-size: 12px; } .cart-contents-container .cart-contents .cart-checkout .checkout-link a { color: #333; font-weight: 400; margin-left: 5px; } .cart-contents-container .cart-contents .cart-checkout .checkout-link:before { font-family: 'FontAwesome'; content: "\f046"; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .cart-contents-container .cart-contents .cart-checkout .checkout-link:hover { color: #8E0000; } .cart-contents-container .cart-contents .cart-checkout .checkout-link:hover a { color: #8E0000; } .user-useful { float: right; } .user-useful ul { float: right; margin-left: 10px; border-left: 1px solid #e8e8e8; } .user-useful ul li { position: relative; padding-top: 11px; padding-bottom: 11px; padding-right: 10px; float: left; } .user-useful ul li:last-child { padding-right: 0; } .user-useful ul li:first-child { padding-left: 15px; } .user-useful i { color: #b2b2b2; border-color: #b2b2b2; cursor: pointer; } .user-useful i:before { border-radius: 50%; border: 1px solid #b2b2b2; font-size: 12px; padding: 4px 0px; width: 23px; height: 23px; display: block; line-height: 15px; text-align: center; } .user-useful i:hover:before { color: #8E0000; border-color: #8E0000; } .number-cart { padding: 1px 6px; border-radius: 15px; position: absolute; top: 5px; left: 25px; color: #fff; z-index: 10; font-size: 12px; background: #ec5d95; } .main-nav-search-form { position: absolute; display: none; width: 235px; right: 0; top: 0; background: #fff; z-index: 15; } .main-nav-search-form input { margin-top: 8px; margin-bottom: 7px; margin-left: 10px; } .menu-container { background: #fff; position: relative; z-index: 50; width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .left-logo-menu { text-transform: uppercase; font-size: 20px; color: #575757; border-right: 1px solid #e8e8e8; } .left-logo-menu img { display: block; float: left; margin-right: 15px; margin-top: 20px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .left-logo-menu h1 { font-size: 20px; float: left; margin: 0; line-height: 96px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .menu { /*float: right;*/ } .menu ul > li { position: relative; z-index: 100; float: left; margin-top: 1px; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; } .menu ul > li > a { height: 100px; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; } .menu ul > li a { -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; display: block; } .menu ul > li a figure div { background: transparent; border: 2px solid #b32530; border-radius: 5px; } .menu ul > li a figure { padding: 17.5px 9px 17.5px 0; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .menu ul > li a figure figcaption { float: left; } .menu ul > li:hover { margin-top: 0; border-top: 1px solid #6fc9f6; } .menu ul > li:hover.block-effect-left .icon-menu { -webkit-transform: rotateY(-40deg); -moz-transform: rotateY(-40deg); transform: rotateY(-40deg); } .menu ul > li:hover.block-effect-left .icon-menu span { right: -14px; -webkit-transform: rotateY(55deg); -moz-transform: rotateY(55deg); transform: rotateY(55deg); } .menu ul > li:hover.block-effect-right .icon-menu { -webkit-transform: rotateY(65deg); -moz-transform: rotateY(65deg); transform: rotateY(65deg); } .menu ul > li:hover.block-effect-right .icon-menu span { left: -14px; -webkit-transform: rotateY(-55deg); -moz-transform: rotateY(-55deg); transform: rotateY(-55deg); } .menu ul > li ul { z-index: 10; display: none; position: absolute; overflow: inherit !important; width: 100%; border: 1px solid #e2e2e2; border-top: 1px solid #71cbf8; background: rgba(255, 255, 255, 0.95); min-width: 140px; } .menu ul > li ul li { float: none; border: none; margin-top: 0; } .menu ul > li ul li:hover { border: none; } .menu ul > li ul li a { height: auto; display: block; border-bottom: 1px solid #e2e2e2; padding: 10px 15px; font-weight: 400; font-size: 13px; color: #595959; font-family:"Myriad Pro", "Trebuchet MS", sans-serif; } .menu ul > li ul li a:hover { color: #6fc9f6; } .menu ul > li ul li:last-child > a { border-bottom: none; } .menu ul > li ul li ul { margin-left: 100%; position: absolute; top: -1px; } .etiqueta{ background-color: #b32530; height: 30px; position: absolute; right: 5px; width: 25px; top: 16px; -webkit-transform: rotate(56deg); -moz-transform: rotate(56deg); z-index: -1; } li .icon-menu { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; margin-right: 6px; float: left; padding: 8px; background: #e8e8e8; position: relative; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; } li .icon-menu i { width: 30px; height: 30px; display: block; color: #ffffff; border: 2px solid #b32530; text-align: center; line-height: 25px; border-radius: 50%; font-size: 14px; background-color: #b32530; box-shadow: 0px 0px 5px 1px rgb(179, 37, 48); } li .icon-menu span { position: absolute; top: 0; width: 20px; height: 96%; right: -10px; top: 2%; -webkit-transform: rotateY(83deg); -moz-transform: rotateY(83deg); transform: rotateY(83deg); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } li.block-effect-right .icon-menu { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; } li.block-effect-right .icon-menu span { left: -10px; -webkit-transform: rotateY(-83deg); -moz-transform: rotateY(-83deg); transform: rotateY(-83deg); } .metro-menu nav.menu > ul { overflow: hidden; } .metro-menu nav.menu > ul > li { position: relative; z-index: 5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: translateX(950px); -moz-transform: translateX(950px); -o-transform: translateX(950px); -ms-transform: translateX(950px); transform: translateX(950px); border-top: 0; margin-top: 0; } .metro-menu nav.menu > ul > li > a { min-height: 116.85px; min-width: 116.85px; display: block; padding: 10px 7px; } .metro-menu nav.menu > ul > li > a figure { padding: 0; text-align: center; } .metro-menu nav.menu > ul > li > a figure figcaption { display: block; width: 100%; } .metro-menu nav.menu > ul > li > a figure figcaption span { float: left; color: #fff; font-size: 10px; font-weight: 500; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; line-height: 10px; text-transform: uppercase; } .metro-menu nav.menu > ul > li > a figure figcaption i { float: right; color: #fff; font-size: 9px; margin-left: 10px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .metro-menu nav.menu > ul > li > a figure > i { display: inline-block; font-size: 37px; color: #fff; margin-top: 24px; text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.12), -2px 2px 1px rgba(0, 0, 0, 0.0592), -3px 3px 1px rgba(0, 0, 0, 0.0388), -4px 4px 1px rgba(0, 0, 0, 0.028399999999999998), -5px 5px 1px rgba(0, 0, 0, 0.022400000000000003), -6px 6px 1px rgba(0, 0, 0, 0.0184), -7px 7px 1px rgba(0, 0, 0, 0.015600000000000001), -8px 8px 1px rgba(0, 0, 0, 0.0132), -9px 9px 1px rgba(0, 0, 0, 0.0116), -10px 10px 1px rgba(0, 0, 0, 0.0104), -11px 11px 1px rgba(0, 0, 0, 0.0092), -12px 12px 1px rgba(0, 0, 0, 0.008), -13px 13px 1px rgba(0, 0, 0, 0.0072), -14px 14px 1px rgba(0, 0, 0, 0.0068000000000000005), -15px 15px 1px rgba(0, 0, 0, 0.006), -16px 16px 1px rgba(0, 0, 0, 0.005600000000000001), -17px 17px 1px rgba(0, 0, 0, 0.0052), -18px 18px 1px rgba(0, 0, 0, 0.0048), -19px 19px 1px rgba(0, 0, 0, 0.0044), -20px 20px 1px rgba(0, 0, 0, 0.004), -21px 21px 1px rgba(0, 0, 0, 0.004), -22px 22px 1px rgba(0, 0, 0, 0.0036), -23px 23px 1px rgba(0, 0, 0, 0.0032), -24px 24px 1px rgba(0, 0, 0, 0.0032), -25px 25px 1px rgba(0, 0, 0, 0.0028000000000000004), -26px 26px 1px rgba(0, 0, 0, 0.0028000000000000004), -27px 27px 1px rgba(0, 0, 0, 0.0024), -28px 28px 1px rgba(0, 0, 0, 0.0024), -29px 29px 1px rgba(0, 0, 0, 0.0024), -30px 30px 1px rgba(0, 0, 0, 0.002), -31px 31px 1px rgba(0, 0, 0, 0.002), -32px 32px 1px rgba(0, 0, 0, 0.002), -33px 33px 1px rgba(0, 0, 0, 0.0016), -34px 34px 1px rgba(0, 0, 0, 0.0016), -35px 35px 1px rgba(0, 0, 0, 0.0016), -36px 36px 1px rgba(0, 0, 0, 0.0012), -37px 37px 1px rgba(0, 0, 0, 0.0012), -38px 38px 1px rgba(0, 0, 0, 0.0012), -39px 39px 1px rgba(0, 0, 0, 0.0012), -40px 40px 1px rgba(0, 0, 0, 0.0012), -41px 41px 1px rgba(0, 0, 0, 0.0008), -42px 42px 1px rgba(0, 0, 0, 0.0008), -43px 43px 1px rgba(0, 0, 0, 0.0008), -44px 44px 1px rgba(0, 0, 0, 0.0008), -45px 45px 1px rgba(0, 0, 0, 0.0008), -46px 46px 1px rgba(0, 0, 0, 0.0008), -47px 47px 1px rgba(0, 0, 0, 0.0004), -48px 48px 1px rgba(0, 0, 0, 0.0004), -49px 49px 1px rgba(0, 0, 0, 0.0004), -50px 50px 1px rgba(0, 0, 0, 0.0004), -51px 51px 1px rgba(0, 0, 0, 0.0004), -52px 52px 1px rgba(0, 0, 0, 0.0004), -53px 53px 1px rgba(0, 0, 0, 0.0004), -54px 54px 1px rgba(0, 0, 0, 0.0004), -55px 55px 1px rgba(0, 0, 0, 0.0004), -56px 56px 1px rgba(0, 0, 0, 0), -57px 57px 1px rgba(0, 0, 0, 0), -58px 58px 1px rgba(0, 0, 0, 0), -59px 59px 1px rgba(0, 0, 0, 0), -60px 60px 1px rgba(0, 0, 0, 0), 0px 0px 0px rgba(0,0,0,0.075); } .metro-menu nav.menu > ul > li ul { min-width: 180px; border: none; border: 1px solid #e2e2e2; border-left: 0; border-top: 0; } .metro-menu nav.menu > ul > li ul li { margin-top: 0; border: none; border-left: 3px solid transparent; } .metro-menu nav.menu > ul > li ul li a { border: none; } .metro-menu nav.menu > ul > li ul li a i { float: right; font-size: 12px; line-height: 18px; color: #D5D5D5; } .metro-menu nav.menu > ul > li ul li:hover > a { color: #fff; } .metro-menu nav.menu > ul > li ul li:hover > a i { color: #fff; } .metro-menu nav.menu > ul > li ul ul { top: -1px; border-top: 1px solid #e2e2e2; } .metro-menu nav.menu > ul.show-metro-menu { overflow: inherit; } .metro-menu nav.menu > ul.show-metro-menu > li { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .metro-menu .left-logo-menu { border-right: 0; } .metro-menu .left-logo-menu img { margin-top: 33px; } .metro-menu .left-logo-menu h1 { line-height: 117px; } .metro-menu.affix-menu { z-index: 50; position: fixed; top: 0; } .metro-menu.affix-menu nav.menu > ul > li > a { min-height: 100px; min-width: 100px; } .metro-menu.affix-menu .left-logo-menu h1 { line-height: 100px; } .metro-menu.affix-menu .left-logo-menu img { margin-top: 22px; } .metro-menu.affix-menu .metro-menu-show-hidden { height: 100px; width: 100px; } .metro-menu.affix-menu .metro-menu-show-hidden footer { margin-top: 35px; } .metro-menu.affix-menu nav.menu > ul > li > a figure > i { margin-top: 16px; } .metro-menu-show-hidden { cursor: pointer; float: right; display: block; height: 116.85px; width: 116.85px; background: #f4f4f4; text-align: center; padding: 10px 7px; position: relative; z-index: 100; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .metro-menu-show-hidden header { width: 100%; display: block; } .metro-menu-show-hidden header i { float: left; font-size: 9px; color: #757575; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .metro-menu-show-hidden header p { float: right; text-transform: uppercase; font-size: 10px; color: #757575; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 500; line-height: 10px; margin-bottom: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .metro-menu-show-hidden footer { height: 25px; cursor: pointer; display: inline-block; margin-top: 45px; } .metro-menu-show-hidden footer span { top: 50%; width: 30px; left: 0; display: block; height: 4px; margin-top: -2px; background-color: #757575; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .metro-menu-show-hidden footer span:after, .metro-menu-show-hidden footer span:before { left: 0; width: 30px; height: 4px; background: #757575; content: ''; display: block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .metro-menu-show-hidden footer span:after { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); -o-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } .metro-menu-show-hidden footer span:before { -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); -o-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); } .metro-menu-show-hidden.menu-show { background: #535353; } .metro-menu-show-hidden.menu-show header i, .metro-menu-show-hidden.menu-show header p { color: #fff; } .metro-menu-show-hidden.menu-show footer span { background: transparent; } .metro-menu-show-hidden.menu-show footer span:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; } .metro-menu-show-hidden.menu-show footer span:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff; margin-top: -4px; } .menu-type-03 .left-logo-menu { border: none; } .menu-type-03 .left-logo-menu h1 { color: #fff; } .menu-type-03 a > i.fa-bars { color: #fff; } .menu-type-03 ul > li a figure figcaption h1 { color: #fff; } .menu-type-03 ul > li a figure figcaption h2 { color: #fff; } .menu-type-03 ul > li .icon-menu { background: #fff !important; } .menu-type-03 ul > li .icon-menu span { background: #BBBEBC !important; } .menu-type-03 ul > li.orange .icon-menu i { color: #f68e56; border-color: #f68e56; } .menu-type-03 ul > li.blue .icon-menu i { color: #cd5be5; border-color: #cd5be5; } .menu-type-03 ul > li.light-green .icon-menu i { color: #62b7c4; border-color: #62b7c4; } .menu-type-03 ul > li.pink .icon-menu i { color: #ec5d95; border-color: #ec5d95; } .menu-type-03 ul > li.dark-blue .icon-menu i { color: #675296; border-color: #675296; } .menu-type-03 ul > li.green .icon-menu i { color: #43d788; border-color: #43d788; } .menu-type-03.affix-menu { z-index: 50; position: fixed; top: 0; border-bottom: 1px solid #e8e8e8; } .menu-type-03.affix-menu .menu > ul > li > a { height: 60px; } .menu-type-03.affix-menu .menu ul > li a figure { padding-top: 5px; padding-bottom: 5px; } .menu-type-03.affix-menu .left-logo-menu img { margin-top: 5px; } .menu-type-03.affix-menu .left-logo-menu h1 { line-height: 61px; } .menu-type-04 { /* overflow: hidden;*/ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; padding-top: 0; height: 90px; z-index: 50; position: fixed; top: 0; } .menu-type-04 .left-logo-menu { border-right: none; } .menu-type-04 nav.menu ul li { border-top: none; margin-top: 0; } .menu-type-04 nav.menu ul li a figure { padding-top: 0; } .menu-type-04 nav.menu ul li a figure .icon-menu, .menu-type-04 nav.menu ul li a figure figcaption { margin-top: 22.5px; -webkit-transition: all 0.08s linear; -moz-transition: all 0.08s linear; -o-transition: all 0.08s linear; -ms-transition: all 0.08s linear; transition: all 0.08s linear; } .menu-type-04 nav.menu ul li a.sticky-a-active figure .icon-menu { /*margin-top: 0; padding-top: 32.5px;*/ border: 2px solid #a9a9a9; } .menu-type-04 nav.menu ul li.have-content:hover a figure .icon-menu { /*margin-top: 0; padding-top: 32.5px;*/ border: 2px solid #a9a9a9; } .menu-type-04 nav.menu ul li.have-content:hover a figure .icon-menu i { color: #ffffff; border: 2px solid #a9a9a9; background-color: #a9a9a9; box-shadow: 0px 0px 5px 1px #a9a9a9; } .menu-type-04.toggleMenu { padding-top: 205px; } .menu-type-04.affix-menu.toggleMenu { /* padding-top: 250px; height: 340px;*/ padding-top: 0px; height: 80px; } .menu-type-04.toggleMenu.affix-menu { top: 0; } .menu-type-04.affix-menu { border-bottom: 1px solid #e8e8e8; } .menu-type-01 { border-bottom: 1px solid #e8e8e8; } .menu-type-01.affix-menu { z-index: 50; position: fixed; top: 0; } .menu-type-01 ul li i { min-width: 18px; text-align: center; } .toggleMenu { height: 300px; position: relative; overflow: inherit; padding-top: 205px; } .sticky-content-sub-menu { z-index: 2; position: absolute; height: 303px; top: 80px !important; /* background: rgba(195,194,194);*/ background: rgba(86, 86, 86, 0.5); border-bottom: 3px solid #ffffffc7; border-top: 3px solid #ffffffc7; -webkit-transform: translateY(-470px); -moz-transform: translateY(-470px); -o-transform: translateY(-470px); -ms-transform: translateY(-470px); transform: translateY(-470px); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .sticky-content-sub-menu:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; background-color: rgba(0, 0, 0, 0.1); z-index: 1; margin-left: -342px; } .sticky-content-sub-menu .container { position: relative; z-index: 5; } .sticky-content-sub-menu .pattern { background-position: center center; height: 297px; } .sticky-content-sub-menu.sticky-content-show { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .sticky-content-sub-menu .sticky-description { padding: 30px 30px 30px 0px; width: 20%; float: left; } .sticky-content-sub-menu .sticky-description h1 { font-size: 21px; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; color: #fff; line-height: 30px; margin-top: 0; margin-bottom: 10px; } .sticky-content-sub-menu .sticky-description h1 i { float: left; margin-right: 5px; font-size: 15px; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #fff; line-height: 25px; text-align: center; } .sticky-content-sub-menu .sticky-description article { max-height: 200px; overflow-y: auto; } .sticky-content-sub-menu .sticky-description article p { line-height: 21px; font-size: 14px; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; color: #fff; } .sticky-content-sub-menu .sticky-description article a { display: block; color: #868686; font-size: 12px; text-transform: uppercase; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 500; padding: 8px 12px; background: #fff; margin-top: 10px; float: left; } .sticky-content-sub-menu .sticky-description article a:hover { color: #fff; } .sticky-content-sub-menu .stiky-widgets { float: left; width: 80%; height: 297px; padding: 30px 15px 30px 30px; } .sticky-content-sub-menu .stiky-widgets .widget { margin-bottom: 0; } .sticky-content-sub-menu .stiky-widgets .widget h1 { font-size: 19px; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; color: #fff; margin-top: 0; margin-bottom: 10px; line-height: 30px; } .sticky-content-sub-menu .stiky-widgets .widget nav { max-height: 200px; overflow-y: auto; } .sticky-content-sub-menu .stiky-widgets .widget ul { border: none; min-width: inherit !important; background: none; position: relative; display: block !important; opacity: 1 !important; margin-left: 0; } .sticky-content-sub-menu .stiky-widgets .widget.widget-pages ul li { display: block; width: 100%; float: left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .sticky-content-sub-menu .stiky-widgets .widget.widget-pages ul li i { min-width: 22px; text-align: center; } .sticky-content-sub-menu .stiky-widgets .widget.widget-pages ul li a:hover { padding-left: 15px; } .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container { overflow: hidden; } .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container > ul > li { float: left !important; width: 20%; } .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container > ul > li li { padding-left: 0; float: left !important; } .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container > ul > li li a { border-bottom: none; top: 35%; padding-left: 0 !important; } .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container > ul > li:first-child { width: 40%; } .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container > ul > li:first-child li a { top: 40%; } .sticky-content-sub-menu .stiky-widgets .widget .portfolio-columns-container figure figcaption a { padding: 0; } .sticky-content-sub-menu .stiky-widgets .widget nav.pages ul li a { border-bottom: none; padding: 0; line-height: 24px; font-size: 16px; color: #fff; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; float: left; } .sticky-content-sub-menu .stiky-widgets .widget nav.pages ul li a:hover { color: #C8C4C4; font-weight: 400; } .affix-menu { z-index: 50; position: absolute; top: 0; background: rgb(236, 234, 234); } .replacement-header { height: 90px; } .breadcrumb-metrix { /*min-height: 130px;*/ overflow: hidden; position: relative; background: url('../img/content/breadcrumbs/breadcrumb.jpg') repeat center center; -webkit-background-size: cover; background-size: cover; -webkit-transition: all 0 linear !important; -moz-transition: all 0 linear !important; -o-transition: all 0 linear !important; -ms-transition: all 0 linear !important; transition: all 0 linear !important; } .breadcrumb-metrix .left-breadcrumb { position: relative; padding: 25px 15px 25px 0; border-right: 1px solid #fff; } .breadcrumb-metrix .left-breadcrumb i { float: left; margin-right: 10px; height: 57px; } .breadcrumb-metrix .left-breadcrumb i:before { color: #fff; font-size: 19px; width: 32px; display: block; text-align: center; line-height: 30px; height: 32px; border: 2px solid #fff; border-radius: 50%; } .breadcrumb-metrix .left-breadcrumb h1 { float: left; font-size: 22px; color: #fff; margin: 0; font-weight: 400; line-height: 32px; } .breadcrumb-metrix .right-breadcrumb .breadcrumb-descripton-page { padding: 34px 40px 20px 40px; display: block; } .breadcrumb-metrix .right-breadcrumb .breadcrumb-descripton-page h1 { color: #fff; font-size: 18px; margin: 0; } .breadcrumb-metrix .breadcrumb-page-source { position: absolute; right: 15px; } .breadcrumb-metrix .breadcrumb-page-source ul li { float: left; } .breadcrumb-metrix .breadcrumb-page-source ul li ul li { float: none; } .breadcrumb-metrix .breadcrumb-page-source ul li a { display: block; padding: 4px 6px; text-transform: uppercase; font-size: 11px; color: #fff; font-weight: bold; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; background: #7b7b7b; margin-left: 1px; margin-top: 1px; margin-bottom: 2px; } .breadcrumb-metrix .breadcrumb-page-source ul li a:hover { background: #771d40; } .breadcrumb-metrix.grey { background: #fafafa; border-bottom: 2px solid #7b7b7b; overflow: inherit; position: relative; } .breadcrumb-metrix.grey:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 45%; background-color: #f7f7f7; z-index: 1; margin-right: 277px; } .breadcrumb-metrix.grey .left-breadcrumb { position: relative; z-index: 2; border-right: none; } .breadcrumb-metrix.grey .left-breadcrumb i { float: left; margin-right: 10px; height: 57px; } .breadcrumb-metrix.grey .left-breadcrumb i:before { color: #771d40; font-size: 16px; width: 32px; display: block; text-align: center; line-height: 30px; height: 32px; border: 2px solid #771d40; border-radius: 50%; } .breadcrumb-metrix.grey .left-breadcrumb h1 { float: left; font-size: 22px; color: #771d40; margin: 4px 0; font-weight: 400; } .breadcrumb-metrix.grey .right-breadcrumb { position: relative; z-index: 2; margin-bottom: -2px; } .breadcrumb-metrix.grey .right-breadcrumb .breadcrumb-descripton-page h1 { color: #929292; font-size: 18px; margin: 0; font-weight: 400; } .breadcrumb-metrix.grey .breadcrumb-page-source { z-index: 5; bottom: -2px; } .breadcrumb-metrix.grey .breadcrumb-page-source ul li a { border-bottom: 2px solid #7b7b7b; } .breadcrumb-metrix.grey .breadcrumb-page-source ul li ul li a { border-bottom: 1px solid #575F6A; } .breadcrumb-metrix-title-bg { background: url('../img/content/breadcrumbs/breadcrumb-02.jpg') repeat center center fixed; -webkit-background-size: cover; background-size: cover; -webkit-transition: all 0 linear !important; -moz-transition: all 0 linear !important; -o-transition: all 0 linear !important; -ms-transition: all 0 linear !important; transition: all 0 linear !important; } .breadcrumb-metrix-title { text-align: center; padding: 60px 0; } .breadcrumb-metrix-title h1 { font-size: 27px; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; text-transform: uppercase; color: #fff; margin-top: 0; margin-bottom: 10px; } .breadcrumb-metrix-title h2 { font-size: 24px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 300; color: #fff; margin-bottom: 0; } .h-et { color: #4e4e4e; margin-bottom: 35px; font-weight: 300; font-size: 26px; line-height: 26px; text-align: center; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; text-transform: uppercase; } .h-et p { font-size: 14px; color: #828282; margin-top: 5px; } .h-et > i { font-size: 40px; display: block; margin-bottom: 20px; color: #428bca; } .ttu { text-transform: uppercase; } span.red { color: #f17979; } span.blue { color: #3498db; } span.green { color: #2ecc71; } span.grey { color: #525252; } span.underline { border-bottom: 1px solid #525252; } span.bg-blue { background: #3498db; color: #fff; padding: 1px 5px; } h1.title-black { font-size: 46px; text-align: center; color: #3d3d3d; margin-bottom: 10px; } h2.subtitle-black { font-size: 22px; text-align: center; color: #3d3d3d; } h1.title-white { font-size: 46px; text-align: center; color: #fff; margin-bottom: 10px; } h2.subtitle-white { font-size: 22px; text-align: center; color: #fff; margin-bottom: 10px; } .bullet-arrow { margin-bottom: 35px; } .bullet-arrow > li { font-weight: 300; color: #888888; line-height: 33px; } .bullet-arrow > li i { font-size: 14px; color: #9acbed; margin-right: 10px; } .bullet-arrow > li a { font-weight: 300; color: #888888; } .bullet-arrow-white { margin-bottom: 35px; } .bullet-arrow-white > li { font-weight: 300; color: #fff; line-height: 33px; } .bullet-arrow-white > li a { font-weight: 300; color: #fff; } .bullet-ul { margin-bottom: 35px; } .bullet-ul > li { font-weight: 300; color: #888888; line-height: 33px; } .bullet-ul > li i { margin-right: 10px; color: #2ecc71; font-size: 8px; position: relative; top: -2px; } .bullet-ul > li a { font-weight: 300; color: #888888; } ul.bif { margin: 20px 0 10px 0; } ul.bif:after { content: '.'; visibility: hidden; clear: both; } ul.bif li { line-height: 20px; padding-left: 25px; margin-bottom: 10px; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } ul.bif li span { font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .bullet-number { list-style-type: decimal; margin-left: 25px; margin-bottom: 35px; } .bullet-number > li { font-weight: 300; color: #888888; line-height: 33px; } .bullet-number > li a { font-weight: 300; color: #888888; } .bullet-roman { list-style-type: upper-roman; margin-left: 25px; margin-bottom: 35px; } .bullet-roman > li { font-weight: 300; color: #888888; line-height: 33px; } .bullet-roman > li a { font-weight: 300; color: #888888; } p { font-size: 14px; color: #838383; font-weight: 300; line-height: 21px; } .dropcap span.dropcap { width: 36px; height: 36px; font-size: 22px; border: 1px solid #000; float: left; margin-right: 10px; text-align: center; line-height: 34px; text-transform: uppercase; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 100; } .dropcap.dropcap-bdr span.dropcap { color: #3498db; border: 1px solid #3498db; } .dropcap.dropcap-bdr-50 span.dropcap { color: #e47dab; border: 1px solid #e47dab; border-radius: 50%; } .dropcap.dropcap-no-bdr span.dropcap { color: #2ecc71; border: 1px solid #2ecc71; } .quote-02 { background: #3498db; border: none; } .quote-02 p { color: #fff; } .quote-02 > i { color: #91d7fa; } .quote-03 { border: 1px solid #3498db; } .quote-03 > i { color: #e4e4e4; } .headings { margin-bottom: 70px; } .headings p { margin-bottom: 35px; } p.dropcap { margin-bottom: 45px; } blockquote { margin-bottom: 35px; } blockquote > i { position: absolute; top: 18%; left: 10%; font-size: 30px; color: #ededed; } .bullets { margin-bottom: 35px; } .title-col { color: #808080; margin-bottom: 15px; font-size: 15px; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .columns p { margin-bottom: 30px; } article.alone-content { margin: 40px 0; } article.alone-content p { margin-bottom: 20px; line-height: 21px; } article.alone-content .h-et { text-align: left; } article.alone-content .h-et h1 { text-align: left; } hr { height: 1px; padding: 0; margin: 0; border: 0; background: #e6e6e6; } .fontawesome-icon-list { margin-top: 50px; } .fontawesome-icon-list .fa-hover a { display: block; color: #222; line-height: 32px; height: 32px; padding-left: 10px; border-radius: 4px; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; -ms-transition: all 0s linear; transition: all 0s linear; } .fontawesome-icon-list .fa-hover a i { width: 32px; font-size: 14px; display: inline-block; text-align: right; margin-right: 10px; } .fontawesome-icon-list .fa-hover a:hover { background-color: #1d9d74; color: #fff; text-decoration: none; } .fontawesome-icon-list .fa-hover a:hover i { font-size: 28px; vertical-align: -6px; } a > i.fa-bars { font-size: 35px; display: none; margin-top: 30px; color: #8E0000; float: right; } .scroller, .scroller-inner { position: relative; } .scroller-iner { height: 100% !important; } .scroller-iner { background: #fff; } .menu-trigger { position: relative; padding-left: 60px; font-size: 0.9em; } .menu-trigger:before { position: absolute; top: 2px; left: 0; width: 40px; height: 6px; background: #fff; box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff; content: ''; } .mp-pusher { position: relative; left: 0; overflow: hidden; } .mp-pushed { overflow: initial; } .mp-menu { position: absolute; top: 0; right: 0; z-index: 9999; width: 300px; height: 100%; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .pusher { right: 0; } .mp-level { position: absolute; top: 0; right: 0; width: 100%; z-index: 9999; height: 100%; /*background: #7b7b7b;*/ background: #ffffff; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } /* overlays for pusher and for level that gets covered */ .mp-pusher::after, .mp-level::after, .mp-level::before { position: absolute; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; } .mp-pusher::after, .mp-level::after { background: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; } .mp-level::after { z-index: -1; } .mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after { width: 100%; height: 100%; opacity: 1; z-index: 99; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .mp-level.mp-level-overlay { cursor: pointer; } .mp-level.mp-level-overlay.mp-level::before { width: 100%; height: 100%; background: transparent; opacity: 1; } .mp-pusher, .mp-level { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* overlap */ .mp-overlap .mp-level.mp-level-open { box-shadow: 1px 0 2px #000000; -webkit-transform: translate3d(15px, 0, 0); -moz-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); } /* First level */ .mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open { box-shadow: none; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* cover */ .mp-cover .mp-level.mp-level-open { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } /* content style */ .mp-menu ul { margin: 0; padding: 0; list-style: none; } .mp-menu h2 { margin: 0; padding: 1em; color: rgba(0, 0, 0, 0.4); text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); font-weight: 700; font-size: 2em; color: #b32530; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .mp-menu.mp-overlap h2::before { position: absolute; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; top: 0; right: 0; margin-right: 8px; font-size: 75%; line-height: 1.8; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s; transition: opacity 0.3s, transform 0.1s 0.3s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } .mp-menu.mp-cover h2 { text-transform: uppercase; font-weight: 400; letter-spacing: 1px; font-size: 1em; } .mp-overlap .mp-level.mp-level-overlay > h2::before { opacity: 1; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .mp-menu ul li > a { display: block; padding: 1.5em 1em 1.5em 1.8em; outline: none; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); text-shadow: 0 0 1px rgba(255, 255, 255, 0.1); font-size: 14px; -webkit-transition: background 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; } .mp-menu ul li::before { position: absolute; left: 10px; z-index: -1; /*color: rgba(0, 0, 0, 0.2);*/ color: #b32530; line-height: 56px; } .mp-level > ul > li:first-child > a { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2); } .mp-level > ul > li a { font-weight: 700; color: #b32530; } .mp-level > ul > li a:before{ border: 1px solid #fff; font-size: 14px; width: 30px; height: 30px; text-align: center; line-height: 29px; border-radius: 50%; position: relative; top: -8px; z-index: -1; float: left; margin-right: 0.6em; } .mp-menu ul li a:hover, .mp-level > ul > li:first-child > a:hover { background: rgba(0, 0, 0, 0.2); box-shadow: inset 0 -1px rgba(0, 0, 0, 0); } .mp-menu .mp-level.mp-level-overlay > ul > li > a, .mp-level.mp-level-overlay > ul > li:first-child > a { box-shadow: inset 0 -1px rgba(0, 0, 0, 0); } .mp-back { background: rgba(0, 0, 0, 0.1); outline: none; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; display: block; font-size: 0.8em; padding: 1em; position: relative; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; } .mp-back::after { font-family: 'fontawesome'; position: absolute; content: "\f105"; right: 10px; font-size: 1.3em; color: rgba(0, 0, 0, 0.3); } .mp-menu .mp-level.mp-level-overlay > .mp-back, .mp-menu .mp-level.mp-level-overlay > .mp-back::after { background: transparent; box-shadow: none; color: transparent; } .no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level { display: block; } .mp-menu a.fa { font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .mp-menu .fa { display: inherit; } .mp-menu li a.fa:before { border: 1px solid #fff; font-size: 14px; width: 30px; height: 30px; text-align: center; line-height: 29px; border-radius: 50%; position: relative; top: -8px; z-index: -1; } .mp-menu .fa:before { font-family: 'fontawesome'; speak: none; float: left; width: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; margin-right: 0.6em; -webkit-font-smoothing: antialiased; } .box-presentation { margin-bottom: 40px; } .box-presentation header { margin-bottom: 25px; } .box-presentation header .icon-presentation { width: 30%; margin-right: 0%; float: left; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; } .box-presentation header .icon-presentation section { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; padding: 16px; float: left; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; } .box-presentation header .icon-presentation section i { text-align: center; color: #fff; border: 2px solid #fff; width: 33px; height: 33px; line-height: 30px; border-radius: 50%; } .box-presentation header .icon-presentation section span { position: absolute; top: 100%; width: 100%; height: 20px; left: 0; -webkit-transform: rotateX(-81deg); -moz-transform: rotateX(-81deg); transform: rotateX(-81deg); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .box-presentation header .title-presentation { float: left; width: 70%; } .box-presentation header .title-presentation h1 { color: #8E0000; font-size: 22px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; margin-bottom: 4px; margin-top: 25px; } .box-presentation header .title-presentation h2 { margin: 0; font-size: 14px; color: #a9a9a9; } .box-presentation footer p { font-size: 14px; color: #747474; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 300; } .box-presentation:hover.block-effect .icon-presentation section { -webkit-transform: rotateX(25deg); -moz-transform: rotateX(25deg); transform: rotateX(25deg); } .box-presentation:hover.block-effect .icon-presentation section span { -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); transform: rotateX(-60deg); } .box-presentation-02 { text-align: center; } .box-presentation-02 header .icon-presentation { display: inline-block; padding: 15px; border: 1px solid transparent; } .box-presentation-02 header .icon-presentation i { text-align: center; color: #cd5be5; border: 2px solid transparent; width: 33px; height: 33px; line-height: 30px; border-radius: 50%; } .box-presentation-02 header .title-presentation h1 { color: #cd5be5; font-size: 22px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 300; } .box-presentation-02 footer p { color: #747474; margin-bottom: 20px; } .box-presentation-03 { padding: 25px; padding-bottom: 15px; margin-bottom: 20px; } .box-presentation-03 header .icon-presentation { width: 100%; } .box-presentation-03 header .icon-presentation i { text-align: center; border: 2px solid rgba(255, 255, 255, 0.6); width: 80px; height: 80px; font-size: 35px; color: rgba(255, 255, 255, 0.6); line-height: 80px; border-radius: 50%; } .box-presentation-03 header .title-presentation h1 { color: #fff; font-size: 22px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 300; margin: 15px 0; } .box-presentation-03 footer p { color: #fff; margin-bottom: 10px; } .costumers li { float: left; padding: 0; padding-left: 2px; padding-bottom: 2px; } .costumers li a { display: block; width: 100%; } .costumers li a img { width: 100%; } .costumers:after { content: '.'; visibility: hidden; clear: both; } .tables-set { text-align: center; margin-bottom: 30px; } .tables-set > div { display: inline-block; float: none; } .tables-set > div .table { border: 1px solid transparent; padding-top: 25px; background: #fafafa; } .tables-set > div .table header { background: #fff; padding: 15px 0; } .tables-set > div .table header h1 { font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 300; font-size: 38px; color: #8E0000; margin-top: 0; margin-bottom: 5px; } .tables-set > div .table header h1 sub, .tables-set > div .table header h1 sup { font-size: 14px; } .tables-set > div .table header h1 sup { top: -1.5em; left: 0.5em; } .tables-set > div .table header h1 sub { right: 0.5em; } .tables-set > div .table header h2 { text-transform: uppercase; color: #8E0000; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 18px; font-weight: 400; margin: 0; } .tables-set > div .table footer { padding-bottom: 45px; padding-top: 20px; } .tables-set > div .table footer ul { margin-bottom: 20px; } .tables-set > div .table footer ul li { font-size: 14px; color: #888888; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 300; line-height: 42px; text-transform: uppercase; } .tables-set > div .table-02 header { background: #fff !important; padding: 0; } .tables-set > div .table-02 header h1 { padding: 15px; } .tables-set > div .table-02 header h2 { padding: 15px; margin-bottom: 0; } .tables-set > div.premium .table { border: 1px solid #8E0000; background: #fff; } .tables-set > div.premium .table header { background: #8E0000; } .tables-set > div.premium .table header h1 { color: #fff; } .tables-set > div.premium .table header h2 { color: #fff; } .tables-set > div.premium .table-02 { border: 1px solid transparent; background: #f5f5f5; } .tables-set > div.premium .table-02 header { background: #fff; } .tables-set > div.premium .table-02 header h1 { color: #ec5d95; background: #fff; } .tables-set > div.premium .table-02 header h2 { color: #fff; background: #ec5d95; } .tables-set > div.premium .table-02 footer { background: #f5f5f5; } .list li { color: #7c7c7c; font-size: 14px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 300; line-height: 31px; } .list li i { margin-right: 5px; font-size: 12px; position: relative; top: -2px; } .list.circle i { border-radius: 50%; border: 1px solid transparent; width: 21px; height: 21px; text-align: center; line-height: 20px; } .list.light-blue i { color: #8E0000; border-color: #8E0000; } .list.pink i { color: #e06ca0; border-color: #e06ca0; } .list.blue i { color: #cd5be5; border-color: #cd5be5; } .list.yellowgreen i { color: #f45252; border-color: #f45252; } .team-member { margin-bottom: 2px; padding: 0 1px; overflow: hidden; } .team-member header { position: relative; overflow: hidden; } .team-member header .social { position: absolute; right: 0; top: 0; opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .team-member header .social li { float: left; padding: 0; } .team-member header .social li a { padding: 10px; background: #3873ae; display: block; } .team-member header .social li a i:before { border-color: #fff; color: #fff; width: 22px; height: 22px; line-height: 14px; font-size: 11px; } .team-member header .social li a.light-blue { background: #47b4eb; } .team-member header .social li a.light-red { background: #e87352; } .team-member header article { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; position: absolute; bottom: 0; left: 0; background: #8E0000; padding: 10px 20px; } .team-member header article h1 { margin: 0; color: #fff; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 18px; line-height: 21px; text-transform: uppercase; } .team-member header article h2 { margin: 0; color: #E4E4E4; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 12px; line-height: 12px; text-transform: uppercase; } .team-member header article.light-pink { background: #cd5be5; } .team-member header article.purple { background: #675296; } .team-member header article.red { background: #e87352; } .team-member header article.green { background: #2ecc71; } .team-member header article.pink { background: #d74980; } .team-member header > img { width: 100%; } .team-member:hover header .social { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .team-member:hover header article { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .team-member footer { background: #f5f5f5; padding: 15px 20px; } .team-member footer p { font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 300; font-size: 14px; line-height: 23px; color: #888888; margin-bottom: 0; } .vertical-progress { width: 100%; float: left; background: #f5f5f5; position: relative; overflow: hidden; } .vertical-progress > span { margin-top: -24%; margin-left: -8%; display: block; width: 110%; height: 20%; position: relative; z-index: 99; background: #fff; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -o-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); } .vertical-progress .progress-bar-vertical { bottom: 0; width: 100%; position: absolute; background: #8E0000; } .vertical-progress-container { margin-bottom: 40px; position: relative; } .vertical-progress-container .indicator { overflow: hidden; position: absolute; z-index: 99; left: 100%; width: 85px; margin-left: 5px; } .vertical-progress-container .indicator i { font-size: 36px; color: #8E0000; position: absolute; bottom: -20px; } .vertical-progress-container .indicator i.fa-long-arrow-right { font-size: 95px; bottom: -55px; right: -28px; } .vertical-progress-container .indicator h1 { font-size: 28px; color: #686868; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 500; margin: 0; margin-left: 15px; } .vertical-progress-container .indicator h1 span { color: #cfcfcf; font-weight: 500; } .vertical-progress-container.green .progress-bar-vertical { background: #43d788; } .vertical-progress-container.green .indicator i { color: #43d788; } .vertical-progress-container.light-pink .progress-bar-vertical { background: #d26ee8; } .vertical-progress-container.light-pink .indicator i { color: #d26ee8; } .vertical-progress-container.pink .progress-bar-vertical { background: #ec5d95; } .vertical-progress-container.pink .indicator i { color: #ec5d95; } .image-presentation { text-align: center; } .image-presentation img { display: inline-block; } .product-presentation header i { float: left; border: 1px solid #886cc7; color: #886cc7; width: 40px; height: 40px; line-height: 40px; font-size: 18px; border-radius: 50%; text-align: center; margin: 0 10px; } .product-presentation header h1 { font-size: 38px; color: #886cc7; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .product-presentation footer { margin-left: 60px; } .product-presentation footer p { font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 300; color: #838383; font-size: 14px; margin-bottom: 20px; } .product-presentation footer .btn-block-effect { float: left; } .product-presentation footer a { float: left; } .pattern { background: rgba(0, 0, 0, 0.5); } .video-container { width: 100%; height: 517px; } .video-container .videoBG_wrapper { width: 100% !important; } .videoBG { width: 100% !important; } .owl-customers ul li { float: left; } .owl-customers .owl-page span { background: transparent !important; border: 1px solid #fff !important; opacity: 0.5 !important; } .owl-customers .owl-page.active span, .owl-customers .owl-page:hover span { opacity: 1 !important; } .owl-customers .owl-controls { margin-top: 25px; } .costumers-carousel { padding: 60px 0; } .costumers-carousel .h-et { color: #fff; font-weight: 400; margin-top: 15px; font-size: 30px; } .costumers-carousel .h-et p { color: #fff; } .call-to-action-bg { background: #8E0000; } .call-to-action { padding: 35px 0; } .call-to-action h1 { font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; color: #fff; font-size: 24px; margin: 0; margin-bottom: 10px; } .call-to-action h2 { font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; color: #fff; text-transform: uppercase; font-size: 15px; margin: 0; } .call-to-action .call-to-action-button { margin-top: 3px; display: inline-block; float: right; font-size: 18px; color: #fff; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; text-transform: uppercase; padding: 10px 40px; border: 2px solid #fff; } .call-to-action .call-to-action-button:hover { background: rgba(255, 255, 255, 0.2); } .parallax { -webkit-background-size: cover !important; background-size: cover !important; background-position-x: center !important; } .masonry-portfolio > ul li { float: left; overflow: hidden; } .masonry-portfolio > ul li img { width: 100%; } .categories-portfolio { margin-bottom: 30px; } .categories-portfolio ul { text-align: center; } .categories-portfolio ul li { display: inline-block; position: relative; margin-bottom: 10px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .categories-portfolio ul li a { display: block; color: #8E0000; padding: 8px 20px; cursor: pointer; margin: 0 2px; text-transform: uppercase; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .categories-portfolio ul li a:hover, .categories-portfolio ul li a.selected { color: #fff; background: #8E0000; } .categories-portfolio ul li a:hover:after, .categories-portfolio ul li a.selected:after { border-left: 3px solid transparent; border-bottom: 5px solid transparent; border-right: 3px solid transparent; border-top: 5px solid #8E0000; position: absolute; width: 0; height: 0; content: '.'; text-indent: -9999999px; top: 100%; left: 50%; } .portfolio-container > article { width: 25%; margin-right: -1px; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .portfolio-container > article > img { width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio-container > article .link-container { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: -1; opacity: 0; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio-container > article .link-container > a { display: inline-block; margin-top: 40%; margin-right: 10px; opacity: 0; border-radius: 50%; -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7); box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } .portfolio-container > article .link-container > a i { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; font-size: 22px; border: 1px solid #3b7eba; color: #3b7eba; -webkit-box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.2); } .portfolio-container > article .link-container > a:first-child { -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -o-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .portfolio-container > article .link-container > a:last-child { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -o-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .portfolio-container > article .link-container > a:hover { -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); } .portfolio-container > article .link-container > a:hover i { -webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.5); } .portfolio-container > article section { margin-left: -2px; margin: 0; position: absolute; width: 100%; height: 100%; left: 100%; background: #8E0000; z-index: 99; opacity: 0; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateY(-99deg); transform: rotateY(-99deg); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .portfolio-container > article section header { background: #52a3cc; padding: 20px 25px; } .portfolio-container > article section header h1 { font-size: 22px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; color: #fff; text-transform: uppercase; margin: 0; line-height: 26px; } .portfolio-container > article section footer { padding: 15px 25px; } .portfolio-container > article section footer p { font-family: "Myriad Pro", "Trebuchet MS", sans-serif; line-height: 21px; font-size: 14px; font-weight: 400; color: #fff; } .portfolio-container > article section footer div { margin-top: 15px; } .portfolio-container > article section footer div a { color: #fff; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 12px; line-height: 23px; } .portfolio-container > article section footer div a i { float: left; margin-right: 5px; color: #fff; font-size: 10px; border: 1px solid #fff; width: 23px; height: 23px; display: block; border-radius: 50%; line-height: 23px; text-align: center; } .portfolio-container > article section footer div a.like { float: right; } .portfolio-container > article section footer div a.read-more { float: left; } .portfolio-container > article section:after { border-left: 0px solid transparent; border-right: 20px solid #8E0000; border-top: 20px solid transparent; position: absolute; width: 0; height: 0; content: '.'; color: transparent; right: 100%; bottom: 0; opacity: 0; } .portfolio-container > article:hover { z-index: 5; } .portfolio-container > article:hover .link-container { z-index: 1; opacity: 1; } .portfolio-container > article:hover .link-container > a { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .portfolio-container > article:hover section { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .portfolio-container > article:hover section:after { opacity: 1; } .portfolio-container > article.left-appear section { left: auto; right: 100%; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotateY(99deg); transform: rotateY(99deg); opacity: 0; } .portfolio-container > article.left-appear section:after { border-left: 20px solid #8E0000; border-right: 20px solid transparent; border-top: 20px solid transparent; position: absolute; width: 0; height: 0; content: '.'; color: transparent; right: auto; left: 100%; bottom: 0; opacity: 0; } .portfolio-container > article.left-appear:hover section { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } .portfolio-container > article.left-appear:hover section:after { opacity: 1; } .portfolio-container.col-2 > article { width: 50%; } .portfolio-container.col-6 > article { width: 16.6%; } .portfolio-single-container header h1 { color: #505050; font-size: 21px; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; margin-top: 0; margin-bottom: 0; } .portfolio-single-container header section { position: relative; float: right; } .portfolio-single-container header section div { float: left; padding: 6px 10px; } .portfolio-single-container header section div.like i { width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius: 50%; border: 1px solid #c2c2c2; color: #c2c2c2; margin-right: 5px; font-size: 10px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio-single-container header section div.like a { font-size: 14px; color: #9a9a9a; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .portfolio-single-container header section div.like:hover i { color: #01c6f8; border-color: #01c6f8; } .portfolio-single-container header section div.share { cursor: pointer; } .portfolio-single-container header section div.share > i { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; color: #c2c2c2; margin-bottom: 5px; } .portfolio-single-container header section div.share .dd-share { padding: 10px 14px; background: #f7f7f7; position: absolute; right: 0; z-index: 5; width: 120px; margin-top: 6px; display: none; } .portfolio-single-container header section div.share .dd-share li { margin-bottom: 5px; } .portfolio-single-container header section div.share .dd-share li a { font-size: 14px; color: #828282; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .portfolio-single-container header section div.share .dd-share li i { color: #8E0000; font-size: 13px; opacity: 0; margin-left: 0; margin-right: 0; text-align: center; width: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio-single-container header section div.share .dd-share li:hover a { color: #8E0000; } .portfolio-single-container header section div.share .dd-share li:hover i { opacity: 1; margin-left: 5px; width: 13px; } .portfolio-single-container header section div.share:hover { background: #8E0000; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio-single-container header section div.share:hover i { color: #fff; } .portfolio-single-container header section div.share:hover .dd-share { display: block; } .portfolo-description .sticky-tags-sep { width: 110%; height: 1px; background: #f0f0f0; position: absolute; margin-left: -62px; } .portfolio-navigation { margin-bottom: 40px; margin-top: 20px; } .portfolio-navigation h3 { text-align: left; font-size: 16px; color: #909090; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; margin-top: 0; } .portfolio-navigation a { padding: 28%; background: #f4f4f4; display: block; } .portfolio-navigation a i { font-size: 20px; color: #c2c2c2; margin-top: 3px; } .portfolio-navigation ul { text-align: center; } .portfolio-navigation ul li { width: 24%; margin-left: 12%; display: inline-block; height: 20%; } .portfolio-navigation ul li:first-child { margin-left: 0; } .portfolio-navigation ul li:hover a { background: #8E0000; } .portfolio-navigation ul li:hover a i { color: #fff; } .portfolio-navigation.full-width { border-top: 1px solid #e6e6e6; padding-top: 30px; margin-top: 30px; } .portfolio-navigation.full-width ul { text-align: center; } .portfolio-navigation.full-width ul li { width: 24%; margin-left: 41.5%; display: inline-block; height: 20%; max-width: 60px; max-height: 60px; } .portfolio-navigation.full-width ul li:first-child { margin-left: 0; } .portfolio-navigation.full-width ul li:hover a { background: #8E0000; } .portfolio-navigation.full-width ul li:hover a i { color: #fff; } .text-description-portfolio { padding-top: 20px; } .text-description-portfolio h2 { font-size: 16px; color: #505050; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; margin-top: 23px; margin-bottom: 10px; } .text-description-portfolio h1 { font-size: 21px; color: #505050; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; margin-top: 23px; margin-bottom: 10px; } .text-description-portfolio p { font-size: 14px; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; color: #7b7b7b; line-height: 23px; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .portfolio-columns-container { width: 100%; } .portfolio-columns-container > ul { text-align: center; } .portfolio-columns-container > ul > li { float: left; padding-right: 1px; overflow: hidden; text-align: left; display: inline-block; } .portfolio-columns-container > ul > li:last-child { padding-left: 0; } .portfolio-columns-container > ul > li li { float: left; width: 100%; } .portfolio-columns-container > ul > li li.half { width: 50%; padding: 0 0.5px; } .portfolio-columns-container > ul > li figure { width: 100%; margin-bottom: 1px; position: relative; overflow: hidden; } .portfolio-columns-container > ul > li figure.animete-hover > img { -webkit-animation: animete-hover 0.3s; animation: animete-hover 0.3s; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); } .portfolio-columns-container > ul > li figure figcaption { position: absolute; width: 100%; height: 100%; z-index: 3; opacity: 0; background: rgba(80, 185, 219, 0.9); text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio-columns-container > ul > li figure figcaption a { display: inline-block; top: 40%; position: relative; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } .portfolio-columns-container > ul > li figure figcaption a:first-child { margin-right: 10px; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .portfolio-columns-container > ul > li figure figcaption a:last-child { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .portfolio-columns-container > ul > li figure figcaption a i { color: #fff; border: 1px solid #fff; border-radius: 50%; text-align: center; width: 40px; height: 40px; line-height: 40px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; box-shadow: 0 0 0 0 #ffffff, inset 0 0 0 0 #ffffff; -moz-box-shadow: 0 0 0 0 #ffffff, inset 0 0 0 0 #ffffff; -webkit-box-shadow: 0 0 0 0 #ffffff, inset 0 0 0 0 #ffffff; -ms-box-shadow: 0 0 0 0 #ffffff, inset 0 0 0 0 #ffffff; } .portfolio-columns-container > ul > li figure figcaption a:hover i { box-shadow: 0 0 0 40px rgba(255, 255, 255, 0), inset 0 0 0 20px rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0), inset 0 0 0 20px rgba(255, 255, 255, 0); -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0), inset 0 0 0 20px rgba(255, 255, 255, 0); -ms-box-shadow: 0 0 0 40px #ffffff, inset 0 0 0 20px rgba(255, 255, 255, 0); } .portfolio-columns-container > ul > li figure > img { width: 100%; position: relative; z-index: 2; height: auto !important; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio-columns-container > ul > li figure:hover figcaption { opacity: 1; } .portfolio-columns-container > ul > li figure:hover figcaption a:first-child { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .portfolio-columns-container > ul > li figure:hover figcaption a:last-child { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .portfolio-columns-container.col-6 > ul > li { width: 16.641%; } .portfolio-columns-container.col-5 > ul > li { width: 20%; } .portfolio-columns-container.col-4 > ul > li { width: 24.999999%; } .portfolio-columns-container.col-3 > ul > li { width: 33.2%; } @-webkit-keyframes animete-hover { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } 90% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } } @keyframes animete-hover { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } 90% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } } .latest-article article { overflow: hidden; position: relative; margin-bottom: 20px; } .latest-article article > img { width: 100%; } .latest-article article > div { position: relative; overflow: hidden; } .latest-article article h1 { color: #252e30; font-size: 18px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; margin-top: 15px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom: 15px; } .latest-article article h1:hover { color: #8E0000; } .latest-article article > p { font-size: 14px; color: #828282; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 300; margin-bottom: 20px; } .latest-article article .type-article { padding: 10px; background: #ce5432; display: block; position: absolute; left: 0; bottom: -1px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .latest-article article .type-article > i { border: 1px solid #fff; color: #fff; width: 33px; height: 33px; text-align: center; line-height: 33px; border-radius: 50%; } .latest-article article section { position: relative; } .latest-article article section h1 { font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 18px; color: #fff; line-height: 21px; margin: 0; margin-bottom: 15px; text-transform: uppercase; } .latest-article article section p { font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 14px; line-height: 21px; color: #fff; } .latest-article article footer a { text-transform: uppercase; font-size: 12px; color: #b6b5b5; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; float: left; margin-right: 7px; } .latest-article article footer a i { border-radius: 50%; border: 1px solid #fff; color: #b6b5b5; width: 22px; height: 22px; line-height: 22px; text-align: center; font-size: 13px; } .latest-article article footer a:last-child { margin-right: 0; } .latest-article article footer a:hover { color: #8E0000; } .latest-article article footer a:hover i { color: #8E0000; } .latest-article article.format-standard .type-article { background: #377ba8; } .latest-article article.format-quote .type-article { background: #8E0000; } .latest-article article.format-audio .type-article { background: #cc5081; } .title-slider-revolution { font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 500; color: #fff; font-size: 35px; text-transform: uppercase; } .title-slider-revolution { font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 500; color: #fff; font-size: 29px; text-transform: uppercase; } .title-slider-revolution-02 { font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; color: #fff; font-size: 30px; } .p-slider-revolution { font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; color: #b7b4b9; font-size: 14px; } .a-slider-revolution { font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 500; border: 2px solid #fff; text-transform: uppercase; color: #fff; font-size: 17px; padding: 0.8em 1.6em; } .a-slider-revolution:hover { color: #fff; background: rgba(0, 0, 0, 0.5); } .a-slider-revolution-02 { font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 500; border-bottom: 3px solid #f5defa; text-transform: uppercase; color: #fff; font-size: 14px; padding: 1em 1.8em; background: #cd5be5; } .a-slider-revolution-02:hover { color: #fff; background: #c02fde; } .arrow-slide-down img { cursor: pointer; } .slider-block-feature { background: #fff; border-bottom: 2px solid #8E0000; font-size: 23px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; color: #444444; padding: 12px 20px 12px 18px; } .slider-block-feature span { position: absolute; left: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; background: #8E0000; top: 0; padding: 0.46em 0.2em 0.40em; color: #fff; font-size: 1.3em; min-height: 103%; width: 0; } .slider-block-feature span i { margin: 0 0.4em; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; width: 0; opacity: 0; -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -o-transform: translateX(-2em); -ms-transform: translateX(-2em); transform: translateX(-2em); } .slider-block-feature:hover span { width: 2em; } .slider-block-feature:hover span i { margin: 0 0.4em; opacity: 1; width: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .revolutionSliderContainer { position: relative; } #map-canvas { width: 100%; } .contact-details { padding: 25px; background: #f7f7f7; } .contact-details article { margin-bottom: 15px; width: 100%; } .contact-details article:last-child { margin-bottom: 0; } .contact-details article header { float: left; width: 30%; color: #4e4e4e; font-weight: 500; font-size: 14px; } .contact-details article footer { float: left; width: 70%; } .input-container { width: 100%; display: block; border-bottom: 2px solid #f7f7f7; border-right: 2px solid #f7f7f7; margin-bottom: 20px; } .input-container input, .input-container textarea { border: none; padding: 12px 3px; color: #8b8b8b; font-size: 14px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 300; float: left; width: 100%; margin-top: -46px; padding-right: 50px; } .input-container textarea { height: 200px; } .input-container textarea::-webkit-scrollbar { width: 2px; background: transparent; } .input-container textarea::-webkit-scrollbar-thumb { width: 2px; background: #67c8f8; } .input-container .icon { padding: 8px; background: #f7f7f7; float: right; position: relative; /*z-index: 5;*/ } .input-container .icon i { width: 30px; height: 30px; text-align: center; line-height: 28px; border-radius: 50%; border: 1px solid #67c8f8; color: #67c8f8; } form .btn-block-effect { float: left; } form .btn-block-effect a { padding-left: 20px; padding-right: 20px; } .testimonials-bg { background: url('../img/content/testimonials/bg.jpg') repeat center center fixed; -webkit-background-size: cover; background-size: cover; } .owl-testimonials { padding: 90px 0; } .owl-testimonials header { text-align: center; margin-bottom: 15px; } .owl-testimonials header figure { display: inline-block; } .owl-testimonials header figure img { display: inline-block; border: 3px solid #fff; } .owl-testimonials header figure:after { content: '.'; text-indent: 9999999px; display: block; width: 44px; height: 26px; background: url('../img/content/testimonials/testimonial-avatar-sub.png') no-repeat center center; } .owl-testimonials footer { text-align: center; } .owl-testimonials footer p { font-size: 19px; line-height: 26px; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-style: italic; color: #fff; } .owl-testimonials .owl-theme .owl-controls .owl-page span { border: 1px solid #fff; opacity: 0.5; } .owl-testimonials .owl-theme .owl-controls .owl-page.active span, .owl-testimonials .owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; border: 1px solid #fff; } .latest-articles-large article { position: relative; margin-bottom: 60px; } .latest-articles-large article > a { min-height: 50px; display: block; position: relative; } .latest-articles-large article > a img { width: 100%; } .latest-articles-large article > a > span { position: absolute; background: #377ba8; top: 0; right: 0; display: block; padding: 10px; } .latest-articles-large article > a > span i { width: 30px; height: 30px; border: 1px solid #fff; color: #fff; line-height: 30px; font-size: 12px; text-align: center; border-radius: 50%; } .latest-articles-large article .info-article { float: left; width: 70px; margin-top: -70px; position: relative; z-index: 5; } .latest-articles-large article .info-article figure { width: 100%; } .latest-articles-large article .info-article figure img { width: 100%; height: 70px; } .latest-articles-large article .info-article > a.date { text-align: center; padding: 10px 4px; background: #f0f0f0; border-bottom: 2px solid #e6e6e6; display: block; width: 100%; color: #6b6b6b; text-transform: uppercase; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; } .latest-articles-large article .info-article > a.date span.date-top { font-size: 21px; display: block; margin-bottom: 4px; line-height: 18px; } .latest-articles-large article .info-article > a.date span.date-bottom { display: block; line-height: 14px; font-size: 11px; } .latest-articles-large article .info-article > a.date:hover { background: #e6e6e6; } .latest-articles-large article .info-article > a.like { text-align: center; padding: 10px 4px; width: 100%; display: block; } .latest-articles-large article .info-article > a.like i { font-size: 30px; color: #cacaca; display: block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .latest-articles-large article .info-article > a.like span { color: #6b6b6b; display: block; font-size: 13px; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .latest-articles-large article .info-article > a.like:hover i { color: #8E0000; } .latest-articles-large article .content-article { padding: 20px 30px 30px 30px; float: right; background: #fafafa; border-bottom: 2px solid #f0f0f0; } .latest-articles-large article .content-article > a { display: block; background: #8E0000; border-bottom: 2px solid #5aaad2; padding: 10px 30px; line-height: 25px; color: #fff; text-transform: uppercase; float: left; margin-bottom: -32px; margin-left: -30px; font-size: 12px; font-weight: 500; } .latest-articles-large article .content-article > a i { width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 11px; margin-left: 8px; color: #fff; border-radius: 50%; border: 1px solid #fff; } .latest-articles-large article .content-article > a:hover { background: #31b4f6; } .latest-articles-large article .content-article h1 { margin-top: 0; margin-bottom: 10px; line-height: 20px; } .latest-articles-large article .content-article h1 a { font-weight: 400; font-size: 21px; color: #505050; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .latest-articles-large article .content-article blockquote { border: none; margin-bottom: 10px; } .latest-articles-large article .content-article blockquote a { margin-top: 0; margin-bottom: 10px; line-height: 27px; font-weight: 400; font-size: 21px; color: #62b7c4; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .latest-articles-large article .content-article blockquote footer cite { color: #505050; font-size: 14px; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .latest-articles-large article .content-article .entry-meta { margin-bottom: 10px; } .latest-articles-large article .content-article .entry-meta span a { font-size: 12px; color: #7b7b7b; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .latest-articles-large article .content-article .entry-meta span a:hover { color: #8E0000; } .latest-articles-large article .content-article .entry-meta span:after { content: '|'; font-size: 12px; color: #7b7b7b; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; margin: 0 2px; } .latest-articles-large article .content-article .entry-meta span:last-child:after { content: ''; } .latest-articles-large article .content-article .entry-content { margin-bottom: 25px; } .latest-articles-large article .content-article .entry-content p { font-size: 14px; color: #626262; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; line-height: 23px; } .latest-articles-large article.format-video > a > span { background: #ec5d95; } .latest-articles-large article.format-video > a > span i { border: 1px solid #fff; color: #fff; } .latest-articles-large article.format-link > a > span { background: #fff; } .latest-articles-large article.format-link > a > span i { border: 1px solid #ec5d95; color: #ec5d95; } .latest-articles-large article.format-quote { margin-top: 10px; } .latest-articles-large article.format-quote > a > span { background: #62b7c4; } .latest-articles-large article.format-quote > a > span i { border: 1px solid #fff; color: #fff; } .latest-articles-large article.format-quote .entry-meta { margin-bottom: 20px; } .latest-articles-large article.format-audio { margin-top: 10px; } .latest-articles-large article.format-audio > a > span { background: #cd5be5; } .latest-articles-large article.format-audio > a > span i { border: 1px solid #fff; color: #fff; } .latest-articles-large article.format-audio .content-article .song-details { position: relative; z-index: 5; margin-bottom: -43px; margin-left: 65px; margin-right: 120px; } .latest-articles-large article.format-audio .content-article .song-details > h1 { font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; color: #505050; font-size: 21px; margin-bottom: 3px; margin-top: 15px; } .latest-articles-large article.format-audio .content-article .song-details .entry-meta { margin-bottom: -15px; } .sticky-blog-sep { position: absolute; width: 1px; height: 100%; background: #e9e9e9; top: 0; right: 0; margin-right: -48px; margin-top: -31px; } .sticky-blog-sep-left { position: absolute; width: 1px; height: 100%; background: #e9e9e9; top: 0; left: 0; margin-left: -48px; margin-top: -75px; } .sticky-blog-sep-bottom { position: absolute; width: 1px; /*height: 170px;*/ height: 1170px; background: #e9e9e9; top: 0; right: 0; margin-right: -48px; /*margin-top: -95px;*/ margin-top: -1000px; } .sticky-blog-sep-bottom-left { position: absolute; width: 1px; height: 150px; background: #e9e9e9; top: 0; left: 0; margin-left: -48px; margin-top: -75px; } .latest-articles-masonry article .info-article { float: left; width: 70px; margin-top: -70px; position: relative; z-index: 5; } .latest-articles-masonry article .info-article figure { width: 100%; } .latest-articles-masonry article .info-article figure img { width: 100%; height: 70px; } .latest-articles-masonry article .info-article > a.date { text-align: center; padding: 10px 4px; background: rgba(0, 0, 0, 0.4); border-bottom: none; display: block; width: 100%; color: #fff; text-transform: uppercase; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; height: 70px; margin-top: -140px; } .latest-articles-masonry article .info-article > a.date span.date-top { font-size: 21px; display: block; margin-bottom: 4px; line-height: 18px; } .latest-articles-masonry article .info-article > a.date span.date-bottom { display: block; line-height: 14px; font-size: 11px; } .latest-articles-masonry article .info-article > a.date:hover { background: rgba(0, 0, 0, 0.5); } .latest-articles-masonry article .info-article > a.like { background: rgba(0, 0, 0, 0.4); margin-left: 70px; text-align: center; padding: 10px 4px; width: 100%; display: block; height: 70px; padding-top: 14px; } .latest-articles-masonry article .info-article > a.like i { font-size: 30px; color: #fff; display: block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .latest-articles-masonry article .info-article > a.like span { color: #fff; display: block; font-size: 13px; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .latest-articles-masonry article .info-article > a.like:hover { background: rgba(0, 0, 0, 0.5); } .latest-articles-masonry article .info-article > a.like:hover i { color: #8E0000; } .latest-articles-masonry article .content-article { width: 100% !important; padding: 20px; padding-bottom: 30px; } .latest-articles-masonry article .content-article > a { margin-left: -20px; } .latest-articles-masonry article .content-article .song-details { margin-top: -10px; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; } .latest-articles-masonry article .content-article .song-details .entry-meta { margin-bottom: 20px !important; } .post-container-single .content-article { background: #fff !important; border-bottom: none !important; padding-bottom: 0 !important; padding-right: 0 !important; } .post-container-single .content-article .entry-content p { margin-bottom: 20px; } .post-container-single .content-article .entry-content .tags-single { margin-top: 40px; margin-bottom: 15px; } .post-container-single .content-article .entry-content .tags-single h1 { float: left; font-size: 14px; font-weight: 400; color: #7b7b7b; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; margin-right: 15px; line-height: 31px; margin-bottom: 0; } .post-container-single .content-article .entry-content .tags-single ul li a { float: left; display: block; padding: 7px 15px; font-size: 12px; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; text-transform: uppercase; color: #fff; background: #8E0000; margin-right: 5px; margin-bottom: 5px; border: 1px solid transparent; } .post-container-single .content-article .entry-content .tags-single ul li a:hover { border: 1px solid #8E0000; background: #fff; color: #8E0000; } .post-container-single .sticky-tags-sep { width: 99%; height: 1px; background: #f0f0f0; position: absolute; margin-left: -30px; } .post-container-single .entry-author-info { float: right; padding: 30px 0 15px 0; } .post-container-single .entry-author-info .sticky-tags-sep { margin-left: 0; margin-top: 25px; } .post-container-single .entry-author-info .author-avatar { float: left; width: 10%; } .post-container-single .entry-author-info .author-description { float: left; width: 90%; padding-left: 20px; } .post-container-single .entry-author-info .author-description p { font-size: 14px; font-weight: 300; color: #7b7b7b; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; line-height: 23px; } .post-container-single .entry-author-info .author-description h3 { float: left; font-size: 19px; color: #505050; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; margin-right: 10px; margin-top: 0; margin-bottom: 10px; } .post-container-single .entry-author-info .author-description .author-link { float: left; line-height: 19px; } .post-container-single .entry-author-info .author-description .author-link a { font-size: 12px; font-weight: 300; color: #7b7b7b; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .comment-container { float: right; padding-top: 20px; } .comment-container .sticky-tags-sep { margin-left: 0; } .comment-container > h1 { font-size: 19px; color: #505050; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; line-height: 28px; } .comment-container > h1 i { color: #74cdf9; border-radius: 50%; width: 28px; height: 28px; border: 1px solid #74cdf9; text-align: center; line-height: 28px; font-size: 12px; margin-right: 5px; } .comment-container ul.comments { padding-left: 70px; } .comment-container ul.comments .left-section { float: left; margin-left: -70px; width: 70px; } .comment-container ul.comments .left-section img { width: 70px; } .comment-container ul.comments .left-section a { display: block; color: #fff; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; text-transform: uppercase; font-weight: 400; padding: 8px 5px; line-height: 19px; font-size: 11px; background: #8E0000; } .comment-container ul.comments .left-section a i { margin-top: -1px; width: 18px; height: 18px; color: #fff; border: 1px solid #fff; border-radius: 50%; font-size: 9px; text-align: center; line-height: 16px; } .comment-container ul.comments .right-section { width: 100%; } .comment-container ul.comments .right-section h1 { margin-top: 0; margin-bottom: 0; padding-left: 20px; float: left; } .comment-container ul.comments .right-section h1 a { color: #505050; left: 70px; font-size: 19px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; line-height: 70px; } .comment-container ul.comments .right-section .top-comment { background: #fff; } .comment-container ul.comments .right-section .top-comment-sec { float: right; text-transform: uppercase; font-size: 14px; color: #979797; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; line-height: 70px; } .comment-container ul.comments .right-section .comment-text { background: #f7f7f7; padding: 20px; margin-top: -35px; } .comment-container ul.comments .right-section .comment-text p { font-size: 14px; color: #7b7b7b; line-height: 23px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 300; } .comment-container ul.comments .right-section .comment-text p:last-child { margin-bottom: 0; } .comment-container ul.comments .right-section .comment-text:before { border-left: 7px solid transparent; border-bottom: 12px solid #f7f7f7; border-right: 7px solid transparent; border-top: 12px solid transparent; width: 0; height: 0; display: block; content: '.'; text-indent: -99999px; position: absolute; margin-top: -44px; } .comment-container ul.comments > li { margin-bottom: 40px; } .comment-container ul.comments li > ul { margin-left: 70px; } .comment-container ul.comments li > ul .right-section .top-comment { background: #f7f7f7; } .comment-container ul.comments li > ul .right-section .top-comment-sec { padding-right: 15px; } .comment-container ul.comments li > ul .right-section .comment-text { background: #fff; } .comment-container ul.comments li > ul .right-section .comment-text:before { border-bottom-color: #fff; } .comment-container ul.comments li { background: #f7f7f7; } .comment-container ul.comments li li { background: #fff; } .comment-container ul.comments li li li { background: #f7f7f7; } .comment-container ul.comments li li li .right-section .top-comment { background: #fff; } .comment-container ul.comments li li li .right-section .top-comment-sec { padding-right: 15px; } .comment-container ul.comments li li li .right-section .comment-text { background: #f7f7f7; } .comment-container ul.comments li li li .right-section .comment-text:before { border-bottom-color: #f7f7f7; } .comment-container ul.comments li li li li .right-section .top-comment { background: #f7f7f7; } .comment-container ul.comments li li li li .right-section .top-comment-sec { padding-right: 15px; } .comment-container ul.comments li li li li .right-section .comment-text { background: #fff; } .comment-container ul.comments li li li li .right-section .comment-text:before { border-bottom-color: #fff; } .comment-container ul.comments li li li li ul { margin-left: 0 !important; } .comment-respond { position: relative; padding-top: 40px; } .comment-respond > h3 { font-size: 19px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; color: #505050; } .widget { margin-bottom: 60px; } .widget .widget-title { font-size: 18px; color: #505050; font-weight: 400; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; line-height: 25px; } .widget .widget-title i { width: 25px; height: 25px; font-size: 11px; line-height: 25px; text-align: center; border-radius: 50%; border: 1px solid #43d788; color: #43d788; margin-right: 8px; display: block; float: left; } .widget .widget-nav-tabs { width: 30px; margin-right: 10px; float: left; } .widget .widget-nav-tabs li { text-align: center; } .widget .widget-nav-tabs li a { display: inline-block; } .widget .widget-nav-tabs li a i { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; width: 20px; height: 20px; font-size: 9px; line-height: 18px; text-align: center; border-radius: 50%; border: 1px solid #b2b2b2; color: #b2b2b2; margin-bottom: 3px; } .widget .widget-nav-tabs li.active a i { border: 1px solid #4ed98f; color: #4ed98f; font-size: 15px; width: 30px; height: 30px; line-height: 29px; margin-top: 2px; } .widget .tab-content { float: left; padding-top: 0; } .widget .tab-content h1 { margin-top: 5px; margin-bottom: 0; } .widget_archive ul, .widget_categories ul { margin-left: 33px; } .widget_archive ul li, .widget_categories ul li { float: left; width: 50%; margin-bottom: 5px; } .widget_archive ul li a, .widget_categories ul li a { color: #757575; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 14px; } .widget_archive ul li a:hover, .widget_categories ul li a:hover { color: #8E0000; } .widget_contact { background: #43d788; padding: 25px; border-bottom: 4px solid #2fb36d; } .widget_contact i { width: 75px; height: 75px; line-height: 75px; text-align: center; color: #fff; border-radius: 50%; border: 1px solid #fff; font-size: 36px; margin-bottom: 20px; } .widget_contact p { color: #fff; font-weight: 400; font-size: 14px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; line-height: 21px; margin-bottom: 20px; } .widget_contact p strong { font-weight: 500; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; } .widget_contact p span { display: block; } .widget_contact p:last-child { margin-bottom: 0; } .widget_recent_entries article, .widget_top_entries article { padding-bottom: 15px; margin-top: 15px; border-bottom: 1px solid #e5e5e5; } .widget_recent_entries article figure, .widget_top_entries article figure { float: right; margin-left: 15px; } .widget_recent_entries article a, .widget_top_entries article a { font-size: 14px; font-weight: 300; color: #6f6f6f; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; line-height: 22px; display: block; min-height: 40px; } .widget_tabs { margin-bottom: 30px; } .widget_post_type_filter ul { display: block !important; border: none !important; background: none !important; } .widget_post_type_filter ul li { width: 50%; float: left !important; padding: 0 1px; } .widget_post_type_filter ul li > a { display: block; border-bottom: none !important; padding: 25px 0; background: #8E0000; text-align: center; margin-bottom: 2px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .widget_post_type_filter ul li i { display: inline-block; font-size: 30px; width: 75px; height: 75px; border: 1px solid #fff; color: #fff; border-radius: 50%; line-height: 75px; text-align: center; } .widget_post_type_filter ul li:hover > a { background: #377ba8; } .widget_recent_photos p { color: #c4c9cd; } .widget_recent_posts article { margin-bottom: 2px; } .widget_recent_posts article figure { float: left; } .widget_recent_posts article figure img { margin-right: 15px; } .widget_recent_posts article a { color: #fff; font-weight: 400; font-size: 14px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; line-height: 20px; } .widget_recent_posts article a > span { display: block; color: #9c9c9c; font-size: 12px; } .widget_recent_posts article a firstletter { color: #ec5d95; } .widget_recent_photos > img { float: left; padding: 0 20px; } .widget_recent_photos p { color: #c4c9cd; margin-top: -5px; margin-bottom: 20px; } .widget_recent_photos p.db-w { color: #fff; margin-top: 0; margin-bottom: 0; } .widget-the-blog article { margin-bottom: 20px; } .widget-the-blog article figure { float: left; padding: 0 !important; } .widget-the-blog article figure img { margin-right: 15px; } .widget-the-blog article a { color: #fff; font-weight: 400; font-size: 14px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; line-height: 23px; } .widget-the-blog article a firstletter { color: #ec5d95; } .widget-the-blog article span { display: block; color: #fff; font-size: 12px; font-weight: 300; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; line-height: 12px; margin-top: 10px; } .widget-the-blog article span i { line-height: 12px; font-size: 11px; margin-right: 3px; } .widget-contact p { color: #fff; margin-bottom: 20px; } .widget-contact ul li { margin-bottom: 8px; color: #fff; line-height: 22px; } .widget-contact ul li i { border: 1px solid #fff; color: #fff; border-radius: 50%; width: 22px; height: 22px; line-height: 22px; text-align: center; font-size: 11px; margin-right: 5px; } .widget-contact ul li strong { font-weight: 400; } .main-footer { padding: 100px 0 20px 0; /* background: #7b7b7b;*/ /*background: -moz-linear-gradient(left,#7b7b7b,#546570); background: -webkit-linear-gradient(left,#7b7b7b,#546570); background: -ms-linear-gradient(left,#7b7b7b,#546570); background: -o-linear-gradient(left,#7b7b7b,#546570); background: linear-gradient(to right,#7b7b7b,#546570);*/ background: -moz-linear-gradient(left,#642644,#546570); background: -webkit-linear-gradient(left,#642644,#546570); background: -ms-linear-gradient(left,#642644,#546570); background: -o-linear-gradient(left,#642644,#546570); background: linear-gradient(to right,#642644,#546570); position: relative; } .main-footer:after { /*content: "";*/ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; background-color: #7b7b7b; z-index: 1; /*margin-left: -142px;*/ } .main-footer .container { position: relative; z-index: 5; } .bottom-footer { margin-top: 10px; } .top-footer .widget { margin-bottom: 20px; } .top-footer .widget > h1.widget-title { color: #fff; font-weight: 500; font-size: 18px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; margin-bottom: 20px; } .top-footer .portfolio-columns-container { margin-bottom: 20px; } .top-footer .portfolio-columns-container > ul > li { width: 25%; } .top-footer .portfolio-columns-container > ul > li figure figcaption a { top: 30%; } .top-footer .portfolio-columns-container > ul > li figure figcaption a:first-child { margin-right: 0; } .top-footer .portfolio-columns-container > ul > li:first-child { width: 50%; } .top-footer .portfolio-columns-container > ul > li:first-child figure figcaption a { top: 40%; } .top-footer .portfolio-columns-container > ul > li:first-child figure figcaption a:first-child { margin-right: 10px; } .footer-social ul li { float: left; margin-right: 6px; } .footer-social ul li a i { width: 45px; height: 45px; line-height: 42px; text-align: center; border-radius: 50%; color: #fff; border: 2px solid #ffffff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 20px; } .footer-social ul li a:hover i { color: #000000; border: 2px solid #000000; } .copy { margin-top: 7px; float: right; color: #000000; font-size: 14px; font-weight: 600; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; line-height: 26px; } .copy img { float: left; margin-right: 10px; } .copy a { color: #fff; } #music-player-container { padding: 0 !important; height: 53px !important; } #progress-slider { cursor: pointer; } #song-name { font-size: 0.8em; position: absolute; margin-top: -12px; font-weight: bold; } a .ui-slider-handle { display: none; } .ui-slider { height: 12px; width: 100%; background: #3861b6; } #song-time { font-size: 21px; color: #a6a6a6; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: 400; position: absolute; right: 0; bottom: 30px; } /***** DIV PLAYER *****/ .bg-progress { height: 5px; background: #e6e6e6; } .bg-progress > div { height: 5px; background: #cd5be5; } .play-pause-container { padding: 10px; background: #cd5be5; cursor: pointer; display: block; float: left; } .play-pause-container i { width: 33px; height: 33px; border-radius: 50%; border: 1px solid #fff; text-align: center; line-height: 33px; color: #fff; font-size: 14px; } .play-pause-container i:before { content: "\f04b"; } .play-pause-container.playing i:before { content: "\f04c"; } #slider-wrapper { padding-left: 54px; /* position: absolute;*/ bottom: 0; width: 100%; } .music-player { margin-bottom: 30px; } @media (max-width: 1230px) { .portfolio-container > article section { display: none; } .metro-menu .left-logo-menu h1 { line-height: 95px; } .metro-menu .left-logo-menu img { margin-top: 20px; } .breadcrumb-metrix.grey:after { margin-right: 150px; } .portfolio-navigation.full-width ul li { margin-left: 39.7%; } /*.main-footer:after { margin-left: -117px; } */ html.boxed .scroller { max-width: 970px; } html.boxed .menu-container { max-width: 968px; } .sticky-content-sub-menu:after { margin-left: -282px; } .sticky-content-sub-menu .stiky-widgets .widget h1 { font-size: 16px; } .metro-menu.affix-menu nav.menu > ul > li > a { min-height: 95px; min-width: 95px; } .metro-menu.affix-menu .left-logo-menu h1 { line-height: 95px; } .metro-menu.affix-menu .left-logo-menu img { margin-top: 20px; } .metro-menu.affix-menu .metro-menu-show-hidden { height: 95px; width: 95px; } .metro-menu.affix-menu .metro-menu-show-hidden footer { margin-top: 30px; } .metro-menu.affix-menu nav.menu > ul > li > a figure > i { font-size: 30px; margin-top: 15px; } .metro-menu-show-hidden footer { margin-top: 30px; } .menu-type-04 nav.menu ul li a figure .icon-menu { margin-top: 27.5px; } .metro-menu nav.menu > ul > li > a figure > i { font-size: 30px; margin-top: 15px; } .metro-menu nav.menu > ul > li > a { min-width: 95px; min-height: 95px; } .metro-menu-show-hidden { width: 95px; height: 95px; } .post-container-single .sticky-tags-sep { width: 97.4%; } .top-footer .portfolio-columns-container > ul > li figure figcaption a i { width: 30px; height: 30px; line-height: 30px; font-size: 13px; } .portfolo-description .sticky-tags-sep { margin-left: -54px; } .widget_post_type_filter ul li > a { padding: 15px 0; } .sticky-blog-sep, .sticky-blog-sep-bottom { margin-right: -40px; } .sticky-blog-sep-left, .sticky-blog-sep-bottom-left { margin-left: -40px; } .latest-articles-large article .info-article { margin-right: -1px; } .portfolio-columns-container.col-6 > ul > li { width: 33.333333333333333%; } .portfolio-columns-container.col-5 > ul > li, .portfolio-columns-container.col-6 > ul > li { width: 24.9%; } .vertical-progress > span { display: none; } .latest-article article section h1 { font-size: 14px; line-height: 18px; margin-bottom: 5px; } .latest-article article section p { font-size: 12px; line-height: 18px; } .portfolio-container > article header h1 { font-size: 16px; line-height: 20px; } .portfolio-container > article header, .portfolio-container > article footer { padding: 15px; } .portfolio-container > article footer p { line-height: 18px; } .menu ul > li a figure { padding: 22.5px 10px 22.5px 0; } .menu ul > li .icon-menu { padding: 5px; margin-top: 5px; } .menu ul > li a figure figcaption h1 { font-size: 12px; } .menu ul > li a figure figcaption h2 { font-size: 10px; } .menu ul > li:hover.block-effect-right .icon-menu { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .menu ul > li:hover.block-effect-left .icon-menu { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .box-presentation:hover.block-effect .icon-presentation section { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .menu ul > li .icon-menu span, .box-presentation header .icon-presentation section span { display: none; } .nav-pills-04, .tab-content-04 { width: 100%; margin-bottom: 10px; margin-left: 0; } .nav-pills-04 li { border: 1px solid #675296; float: none; text-align: left; width: 100%; display: block; margin-bottom: -1px; } } @media (max-width: 992px) { .breadcrumb-metrix.grey:after { margin-right: 115px; } .portfolio-navigation.full-width ul li { margin-left: 36%; } html.boxed .scroller { max-width: 90%; } html.boxed .menu-container { max-width: 100%; } /*.main-footer:after { margin-left: -90px; }*/ .replacement-header { height: 0 !important; } .portfolio-columns-container > ul > li figure figcaption { display: none !important; } .top-footer .portfolio-columns-container > ul > li figure figcaption a:first-child { display: none; } .top-footer .portfolio-columns-container > ul > li figure figcaption a { top: 17%; } .portfolo-description .sticky-tags-sep { margin-left: -46px; } .post-container-single .sticky-tags-sep { width: 94.4%; } .latest-articles-large article.format-audio .content-article .song-details .entry-meta { margin-bottom: 10px; } .latest-articles-large article.format-audio .content-article .song-details { margin: 0; } .widget .widget-nav-tabs { width: 100%; float: none; text-align: left; height: 40px; display: block; margin-right: 0; } .widget_post_type_filter ul li i { font-size: 22px; width: 55px; height: 55px; line-height: 55px; } .widget .widget-nav-tabs li { display: inline-block; } .widget .tab-content .tab-pane { margin-top: 0 !important; } .widget .tab-content { width: 100% !important; } .widget_archive ul li, .widget_categories ul li { width: 100%; } .sticky-blog-sep, .sticky-blog-sep-bottom { margin-right: -30px; } .sticky-blog-sep-left, .sticky-blog-sep-bottom-left { margin-left: -30px; } .latest-articles-large article .info-article { margin-right: 0; } .product-presentation header h1 { font-size: 26px; } .product-presentation header i { float: none; margin: 0; margin-bottom: 10px; } .product-presentation footer { margin-left: 0; } .vertical-progress-container .indicator { width: 60px; } .vertical-progress-container .indicator h1 { font-size: 18px; } .portfolio-container > article header h1 { font-size: 12px; line-height: 14px; } .latest-article article { cursor: pointer; } .latest-article article .type-article { bottom: 0; } .portfolio-container > article header, .portfolio-container > article footer { padding: 10px 15px; } .portfolio-container > article footer p { line-height: 12px; font-size: 11px; } .portfolio-container > article footer section a { font-size: 9px; } .portfolio-container > article footer section { margin-top: 0; } .menu-container { top: auto !important; position: relative !important; } .menu, .metro-menu-show-hidden { display: none; } .left-logo-menu { border: none; } a > i.fa-bars { display: block; } } @media (max-width: 768px) { .services_tabs.tabs_mode_tab .services_tabs_list { display: grid; width: 100%; } .portfolio-container > article .link-container { display: none; } .breadcrumb-metrix.grey:after { display: none; } .portfolio-navigation.full-width ul li { margin: 0; } .portfolio-navigation.full-width ul li:first-child { float: left; margin: 0; } .portfolio-navigation.full-width ul li:last-child { float: right; margin: 0; } .breadcrumb-metrix .breadcrumb-page-source { float: right; position: relative; right: 0; } /*.main-footer:after { display: none; }*/ .box-presentation-responsive { width: 50%; float: left; } .box-presentation-responsive .box-presentation header .title-presentation { width: 100%; } .top-footer .widget { margin-bottom: 50px; } .breadcrumb-metrix.grey .left-breadcrumb { border: none; } .portfolio-columns-container.col-6 > ul > li { width: 33.2%; } .team-member header article { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .team-member header .social { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .portfolo-description .sticky-tags-sep { margin-left: 0; width: 100%; } .portfolio-navigation { margin-top: 50px; } .portfolio-single-container header section div.share:hover .dd-share { display: none; } .show-hide-social-single { display: block !important; } .comment-container ul.comments li li li ul { margin-left: 0 !important; } .comment-container ul.comments .left-section { width: 50px; margin-left: -50px; } .comment-container ul.comments .left-section img { width: 50px; } .comment-container ul.comments { padding-left: 50px; } .comment-container ul.comments .right-section h1 a { line-height: 50px; } .comment-container ul.comments li > ul { margin-left: 50px; } .comment-container ul.comments .right-section h1 { line-height: 0; } .comment-container ul.comments .right-section .top-comment-sec { line-height: 50px; } .comment-container ul.comments .left-section a { text-align: center; } .comment-container ul.comments .left-section a i { display: none; } .comment-container ul.comments .right-section h1 a { font-weight: 500; font-size: 14px; } .post-container-single .sticky-tags-sep { width: 100%; position: relative; margin-left: 0; } .latest-articles-large article { width: 100%; } .widget_archive ul li, .widget_categories ul li { width: auto; float: left; margin-right: 15px; } .sticky-blog-sep, .sticky-blog-sep-bottom { display: none; } .sticky-blog-sep-left, .sticky-blog-sep-bottom-left { display: none; } .contact-details { margin-bottom: 20px; } #map-canvas { height: 250px !important; } .product-presentation header h1 { line-height: 40px; font-size: 24px; } .product-presentation header { text-align: center; } .product-presentation header i { display: inline-block; margin-bottom: 25px; } .product-presentation header h1 { text-align: center; } .image-presentation { margin-bottom: 40px; } .portfolio-columns-container > ul > li { cursor: pointer; } .portfolio-columns-container > ul > li figure figcaption { display: none !important; } .vertical-progress-container .indicator i { display: none; } .vertical-progress-container .indicator { left: auto; width: 100%; text-align: center; } .latest-article article { width: 50%; float: left; } .portfolio-container > article { cursor: pointer; } .portfolio-container > article:hover { z-index: 2; } .portfolio-container > article { width: 50%; } .nav-pills li { float: none; text-align: left; width: 100%; display: block; margin-bottom: -1px; border: 1px solid #8E0000; } .nav-pills li a { display: block; } .nav-pills-04 li { border: 1px solid #675296; } .nav-pills-03 li { border: 1px solid #2ecc71; } .nav-pills-03 li a { display: block; } .nav-pills-02 li { border: 1px solid #e06ca0; } .nav-pills-02 li a { display: block; } .user-useful ul, .additional-information ul { border: none; } .social ul { padding-left: 0; } .breadcrumb-metrix .left-breadcrumb { padding: 20px 0 20px 0; border: none; } .breadcrumb-metrix .right-breadcrumb .breadcrumb-descripton-page { padding: 0px 40px 20px 26px; display: block; } } @media (max-width: 480px) { .options-panel h1 { font-size: 14px; padding: 10px; } .options-panel { width: 140px; } .options-panel .options-panel-inner { padding: 15px; } .options-panel .options-panel-inner > ul li { min-width: 22% !important; width: 22% !important; } .settings-panel { left: 140px; width: 36px; height: 36px; } .settings-panel i { line-height: 36px; font-size: 20px; } .box-presentation-responsive { width: 100%; float: none; } .comment-container ul.comments .right-section .comment-text { padding: 10px; } .comment-container ul.comments .right-section h1 { padding-left: 10px; } .comment-container ul.comments .right-section .comment-text:before { margin-top: -34px; } .comment-container ul.comments .right-section .top-comment-sec { display: none; } .comment-container ul.comments li li ul { margin-left: 0 !important; } .post-container-single .entry-author-info .author-avatar { width: 20%; } .post-container-single .entry-author-info .author-description { width: 80%; } .entry-author-info, .comment-container { width: 100% !important; } .latest-articles-large article .content-article h1 a { font-size: 16px; } .latest-articles-large article .content-article > a { padding: 10px 20px; } #song-time { font-size: 15px; } .latest-articles-large article .info-article > a.date { margin-left: 70px; margin-top: -70px; } .latest-articles-large article .info-article { margin-top: 0; } .latest-articles-large article .info-article > a.like { margin-top: -70px; margin-left: 140px; height: 70px; background: #fff; } .latest-articles-masonry article .info-article > a.like { background: rgba(0, 0, 0, 0.4); } .latest-articles-large article.format-video .info-article { margin-top: 0; } .latest-articles-large article .content-article { width: 100% !important; padding: 15px 15px 30px 15px; } .post-container-single article .content-article { width: 100% !important; padding: 15px 0 30px 0; } .latest-articles-large article .info-article { background: #fff; } .latest-articles-large article .info-article > a.date { padding: 9px 4px; } .latest-articles-large article .info-article figure { float: left; width: 70px; } .latest-articles-large article .info-article > a { float: left; width: 70px !important; } .latest-articles-large article .content-article > a { margin-left: -15px; } .latest-articles-large article .content-article h1 { line-height: 15px; } .portfolio-columns-container.col-6 > ul > li, .portfolio-columns-container.col-5 > ul > li, .portfolio-columns-container.col-4 > ul > li, .portfolio-columns-container.col-3 > ul > li { width: 49.9%; } .carousel.testimonial-slide a.left.carousel-control { top: 80px; right: auto; left: 0; } .carousel.testimonial-slide a.right.carousel-control { top: 80px; right: auto; left: 30px; } .breadcrumb-metrix .right-breadcrumb .breadcrumb-page-source ul li a { padding: 5px 5px; font-size: 10px; } .mp-menu { width: 75%; } .latest-article article { width: 100%; float: none; } } @media (max-width: 330px) { .latest-articles-large article .content-article { border: none; background: none; } .comment-container { padding-left: 0px; } .post-container-single .entry-author-info { padding-left: 0; } .post-container-single .content-article .entry-content .tags-single ul li a { padding: 7px; font-size: 10px; } .latest-articles-large article .info-article > a.date { margin-left: 0; margin-top: 0; } .latest-articles-large article .content-article { width: 100% !important; padding: 15px 0 30px 0; } .latest-articles-large article .info-article { margin-top: 0; width: 100%; } .latest-articles-large article .info-article > a.date { padding: 9px 4px; } .latest-articles-large article .info-article figure { float: left; width: 70px; } .latest-articles-large article .info-article > a { float: left; width: 70px !important; } .latest-articles-large article .content-article > a { margin-left: 0; } .latest-articles-large article .content-article h1 { line-height: 15px; } .carousel.testimonial-slide .item > h1 { font-size: 16px; } .portfolio-container > article { margin-right: 0px; margin-bottom: 1px; width: 100%; } .box-presentation header .icon-presentation header { padding: 10px; } .box-presentation header .title-presentation h1 { margin-top: 18px; font-size: 18px; } .box-presentation header .title-presentation h2 { font-size: 11px; } .box-presentation header .icon-presentation { margin-right: 3%; } .box-presentation header .title-presentation { width: 67%; } }