@import url(MscrmAddons_Default.base-1.css); @import url(MscrmAddons_Default.base-2.css); @import url(MscrmAddons_Default_Mscrmaddons.css); @media(max-width: 767px) { .isotope-item { position:static !important; text-align: center; width: 100%; margin-left: auto; margin-right: auto; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; -webkit-transform: none !important; transform: none !important } .isotope-item.product { position: relative !important } .sort-source-wrapper { background: #171717; clear: both; margin-top: -35px } .sort-source-wrapper .nav { margin: 0 } .sort-destination { /* height: inherit !important; */ } .sort-destination,.isotope-item { margin-left: auto !important; margin-right: auto !important } .sort-destination.full-width,.sort-source-wrapper+.sort-destination.full-width { max-width: none; margin: 0 0 -30px; top: 0 } .sort-destination.full-width .isotope-item,.sort-source-wrapper+.sort-destination.full-width .isotope-item { max-width: none } } @media(max-width: 479px) { .sort-destination,.isotope-item { margin-left:auto !important; margin-right: auto !important } .sort-destination.full-width .isotope-item,.sort-source-wrapper+.sort-destination.full-width .isotope-item { position: static !important; clear: both; float: none; width: auto } } .pricing-table { margin: 10px 0; padding: 0 15px; text-align: center } .pricing-table ul { list-style: none; margin: 20px 0 0 0; padding: 0 } .pricing-table li { border-top: 1px solid #ddd; padding: 10px 0; color: #777 } .pricing-table h3 { background-color: #eee; border-radius: 2px 2px 0 0; font-size: 1.3em; font-weight: normal; margin: -20px -20px 50px -20px; padding: 20px; text-transform: inherit; } .pricing-table h3 .desc { font-size: .7em; margin-bottom: 0; padding-bottom: 0; color: #777; font-style: normal; text-transform: none; display: block } .pricing-table h3 span { background: #fff; border: 5px solid #fff; border-radius: 100px; box-shadow: 0 5px 20px #ddd inset,0 3px 0 #999 inset; color: #777; display: block; font: bold 17px/96px Georgia,Serif; height: 100px; margin: 20px auto -65px; width: 100px; } .pricing-table .most-popular { border: 3px solid #ccc; box-shadow: 11px 0 10px -10px rgba(0,0,0,.1),-11px 0 10px -10px rgba(0,0,0,.1); padding: 30px 20px; top: -10px; z-index: 2 } .pricing-table .most-popular h3 { background-color: #666; color: #fff; padding-top: 30px; text-shadow: 0 1px #555 } .pricing-table .most-popular h3 .desc { color: #fff } .pricing-table .plan-ribbon-wrapper { height: 88px; overflow: hidden; position: absolute; right: -3px; top: -5px; width: 85px } .pricing-table .plan-ribbon { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-image: -webkit-linear-gradient(top,#bfdc7a,#8ebf45); background-image: linear-gradient(to bottom,#bfdc7a,#8ebf45); background-color: #bfdc7a; box-shadow: 0 0 3px rgba(0,0,0,.3); color: #333; font-size: 14px; left: -5px; padding: 7px 0; position: relative; text-align: center; text-shadow: rgba(255,255,255,.5) 0 1px 0; top: 15px; width: 120px } .pricing-table .plan-ribbon:before { left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; bottom: -3px; content: ""; position: absolute } .pricing-table .plan-ribbon:after { border-left: 3px solid transparent; border-right: 3px solid transparent; bottom: -3px; content: ""; position: absolute; right: 0 } .pricing-table [class*="col-md-"] { padding-left: 0; padding-right: 0 } .pricing-table .plan { background: #fff; border: 1px solid #ddd; border-radius: 5px; color: #333; margin-bottom: 35px; margin-right: 0; padding: 20px; position: relative; text-shadow: 0 1px rgba(255,255,255,.8) } .pricing-table .btn { margin-top: 5px } .pricing-table.pricing-table-sm h3 .desc { font-size: .7em } .pricing-table.pricing-table-sm h3 span { border: 3px solid #fff; box-shadow: 0 5px 20px #ddd inset,0 3px 0 #999 inset; font: bold 19px/65px Georgia,serif; height: 70px; margin: 10px auto -65px; width: 70px } .pricing-table.pricing-table-sm .most-popular { padding-bottom: 30px } .pricing-table.princig-table-flat .plan { padding-left: 0; padding-right: 0; margin: -1px } .pricing-table.princig-table-flat .plan h3 { padding-left: 0; padding-right: 0; margin: -20px 0 0; background-color: #666; color: #fff; padding-top: 30px; text-shadow: 0 1px #555 } .pricing-table.princig-table-flat .plan h3 .desc { color: #fff } .pricing-table.princig-table-flat .plan h3 span { border-radius: 0; border: 0; background: #666; color: #fff; font-family: "Open Sans",Arial,sans-serif; font-size: 600; box-shadow: none; width: 100%; font-size: 1.5em; height: auto; line-height: 38px; margin: 0 } .pricing-table.princig-table-flat .plan ul { margin-top: 0; margin-bottom: -15px } .pricing-table.princig-table-flat .plan ul li { padding: 8px 0 } .pricing-table.princig-table-flat .plan.most-popular ul li { padding: 10px 0 } .pricing-table.spaced [class*="col-md-"] { padding-left: 2px; padding-right: 2px } .pricing-table.no-borders .plan { border: 0 !important } html.boxed .pricing-table .plan,html.boxed .pricing-table h3 { border-radius: 0 } @media(max-width: 767px) { .pricing-table { margin-left:0 } .pricing-table .plan { margin-right: 0 } html.boxed .pricing-table { margin-left: 0 } } .icon-featured { display: inline-block; font-size: 0; margin: 15px; width: 110px; height: 110px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; font-size: 40px; line-height: 110px } .icon-featured:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .featured-box { background: #f5f5f5; background-color: transparent; background: -webkit-linear-gradient(top,#fff 1%,#fcfcfc 98%) repeat scroll 0 0 transparent; background: linear-gradient(to bottom,#fff 1%,#fcfcfc 98%) repeat scroll 0 0 transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-radius: 8px; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0,0,0,.04); margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; min-height: 100px; position: relative; text-align: center; z-index: 1 } .featured-box h4 { font-size: 1.3em; font-weight: 400; letter-spacing: -.7px; margin-top: 5px; margin-bottom: 5px } .featured-box .box-content { border-radius: 8px; border-top: 1px solid #ccc; border-top-width: 4px; padding: 30px 22px 10px; position: relative; top: -1px; } .featured-box .learn-more { display: block; margin-top: 10px } .featured-box-text-left { text-align: left } .featured-boxes-flat .featured-box { box-shadow: none; margin: 10px 0 } .featured-boxes-flat .featured-box .box-content { background: #fff; margin-top: 65px } .featured-boxes-flat .featured-box .icon-featured { display: inline-block; font-size: 38px; height: 90px; line-height: 90px; padding: 0; width: 90px; margin: -100px 0 -15px; position: relative; top: -37px } .featured-boxes-style-2 .featured-box { background: none; border: 0; margin: 10px 0; box-shadow: none } .featured-boxes-style-2 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0 } .featured-boxes-style-2 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: 0 } .featured-boxes-style-3 .featured-box { margin: 10px 0; } .featured-boxes-style-3 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 65px; line-height: 75px; padding: 0; width: 65px; margin-top: -35px; background: #fff; border: 3px solid #ccc; color: #ccc; line-height: 83px; } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box { background: none; border: 0; box-shadow: none } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0 } .featured-boxes-style-4 .featured-box { background: none; border: 0; margin: 10px 0; box-shadow: none } .featured-boxes-style-4 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0 } .featured-boxes-style-4 .featured-box .icon-featured { display: inline-block; font-size: 40px; height: 45px; line-height: 45px; padding: 0; width: 45px; margin-top: 0; margin-bottom: 10px; background: transparent; color: #ccc; border-radius: 0 } .featured-boxes-style-5 .featured-box,.featured-boxes-style-6 .featured-box,.featured-boxes-style-7 .featured-box { background: none; border: 0; box-shadow: none; margin: 10px 0 } .featured-boxes-style-5 .featured-box .box-content,.featured-boxes-style-6 .featured-box .box-content,.featured-boxes-style-7 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0 } .featured-boxes-style-5 .featured-box .box-content h4,.featured-boxes-style-6 .featured-box .box-content h4,.featured-boxes-style-7 .featured-box .box-content h4 { color: #2e353e } .featured-boxes-style-5 .featured-box .icon-featured,.featured-boxes-style-6 .featured-box .icon-featured,.featured-boxes-style-7 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 60px; padding: 0; width: 60px; margin-top: 0; margin-bottom: 10px; background: #fff; border: 1px solid #dfdfdf; color: #777; line-height: 80px; } .featured-boxes-style-6 .featured-box .icon-featured { border: 1px solid #cecece; color: #777 } .featured-boxes-style-6 .featured-box .icon-featured:after { border: 5px solid #f4f4f4; border-radius: 50%; box-sizing: initial; content: ""; display: block; height: 100%; left: -6px; padding: 1px; position: absolute; top: -6px; width: 100% } .featured-boxes-style-7 .featured-box .icon-featured { border: 1px solid #dfdfdf; color: #777 } .featured-boxes-style-8 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; padding: 0; width: 128px; margin: -15px -15px 0 0; background: #fff; line-height: 73px; border: 0; color: #777; } .featured-boxes-style-8 .featured-box .icon-featured:after { display: none } .featured-boxes .featured-box { /* margin-bottom:30px; */ margin-top: 45px; } .featured-box-effect-1 .icon-featured:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 3px #fff; -webkit-transition: -webkit-transform .2s,opacity .2s; -webkit-transform: scale(1); -moz-transition: -moz-transform .2s,opacity .2s; -moz-transform: scale(1); -ms-transform: scale(1); transition: transform .2s,opacity .2s; transform: scale(1); opacity: 0 } .featured-box-effect-1:hover .icon-featured:after { -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); opacity: 1 } .featured-box-effect-2 .icon-featured:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 3px #fff; -webkit-transition: -webkit-transform .2s,opacity .2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform .2s,opacity .2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform .2s,opacity .2s; transform: scale(.8); opacity: 0 } .featured-box-effect-2:hover .icon-featured:after { -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); opacity: 1 } .featured-box-effect-3 .icon-featured:after { top: 0; left: 0; box-shadow: 0 0 0 10px #fff; -webkit-transition: -webkit-transform .2s,opacity .2s; -webkit-transform: scale(.9); -moz-transition: -moz-transform .2s,opacity .2s; -moz-transform: scale(.9); -ms-transform: scale(.9); transition: transform .2s,opacity .2s; transform: scale(.9); opacity: 0 } .featured-box-effect-3:hover .icon-featured { color: #fff !important } .featured-box-effect-3:hover .icon-featured:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: .8 } .featured-box-effect-4 .icon-featured { -webkit-transition: -webkit-transform .2s,transform .2s; -moz-transition: -moz-transform .2s,transform .2s; transition: transform .2s,transform .2s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .featured-box-effect-4:hover .icon-featured { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15) } .featured-box-effect-5 .icon-featured { overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s } .featured-box-effect-5:hover .icon-featured { -webkit-animation: toRightFromLeft .3s forwards; -moz-animation: toRightFromLeft .3s forwards; animation: toRightFromLeft .3s forwards } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%) } 50% { opacity: 0; -webkit-transform: translate(-100%) } 51% { opacity: 1 } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%) } 50% { opacity: 0; -moz-transform: translate(-100%) } 51% { opacity: 1 } } @keyframes toRightFromLeft { 49% { transform: translate(100%) } 50% { opacity: 0; transform: translate(-100%) } 51% { opacity: 1 } } .featured-box-effect-6 .icon-featured:after { -webkit-transition: all .2s,-webkit-transform .2s; -moz-transition: all .2s,-moz-transform .2s; transition: all .2s,transform .2s } .featured-box-effect-6:hover .box-content .icon-featured:after { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .featured-box-effect-7 .icon-featured:after { opacity: 0; box-shadow: 3px 3px #d5d5d5; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: opacity .2s,-webkit-transform .2s; -moz-transition: opacity .2s,-moz-transform .2s; transition: opacity .2s,transform .2s; left: 0; top: -1px } .featured-box-effect-7:hover .icon-featured:after { opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .featured-box-effect-7 .icon-featured:before { -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); opacity: .7; -webkit-transition: -webkit-transform .2s,opacity .2s; -moz-transition: -moz-transform .2s,opacity .2s; transition: transform .2s,opacity .2s } .featured-box-effect-7:hover .icon-featured:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1 } .featured-boxes-full>[class*="col-"] { padding: 0 } .featured-boxes-full .featured-box-full { text-align: center; padding: 20px; } .featured-boxes-full .featured-box-full .fa,.featured-boxes-full .featured-box-full .fas,.featured-boxes-full .featured-box-full .far,.featured-boxes-full .featured-box-full .fab,.featured-boxes-full .featured-box-full h1,.featured-boxes-full .featured-box-full h2,.featured-boxes-full .featured-box-full h3,.featured-boxes-full .featured-box-full h4,.featured-boxes-full .featured-box-full h5,.featured-boxes-full .featured-box-full h6,.featured-boxes-full .featured-box-full p,.featured-boxes-full .featured-box-full a { color: #fff; padding: 0; margin: 0 } .featured-boxes-full .featured-box-full .fa,.featured-boxes-full .featured-box-full .fas,.featured-boxes-full .featured-box-full .far,.featured-boxes-full .featured-box-full .fab { font-size: 55px; margin-bottom: 15px; text-shadow: 1px 1px 1px rgba(0,0,0,.2) } .featured-boxes-full .featured-box-full p { padding-top: 12px; opacity: .8 } .featured-boxes-full { display: flex } .feature-box { clear: both } .feature-box .feature-box-icon { background: #ccc; border-radius: 35px; color: #fff; display: inline-block; float: left; height: 35px; line-height: 35px; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 35px } .feature-box .feature-box-info { /* padding-left: 50px; */ } .feature-box.feature-box-style-2 h4 { color: #1d2127 } .feature-box.feature-box-style-2 .feature-box-icon { background: transparent; width: 50px; height: 50px } .feature-box.feature-box-style-2 .feature-box-icon i.fa,.feature-box.feature-box-style-2 .feature-box-icon em.fa,.feature-box.feature-box-style-2 .feature-box-icon i.fas,.feature-box.feature-box-style-2 .feature-box-icon em.fas,.feature-box.feature-box-style-2 .feature-box-icon i.far,.feature-box.feature-box-style-2 .feature-box-icon em.far,.feature-box.feature-box-style-2 .feature-box-icon i.fal,.feature-box.feature-box-style-2 .feature-box-icon em.fal,.feature-box.feature-box-style-2 .feature-box-icon i.fab,.feature-box.feature-box-style-2 .feature-box-icon em.fab,.feature-box.feature-box-style-2 .feature-box-icon i.icons,.feature-box.feature-box-style-2 .feature-box-icon em.icons { font-size: 28px } .feature-box.feature-box-style-2 .feature-box-info { padding-left: 60px } .feature-box.feature-box-style-3 h4 { color: #1d2127 } .feature-box.feature-box-style-3 .feature-box-icon { border: 1px solid #ccc; background: transparent; line-height: 32px } .feature-box.feature-box-style-3 .feature-box-icon i.fa,.feature-box.feature-box-style-3 .feature-box-icon em.fa,.feature-box.feature-box-style-3 .feature-box-icon i.fas,.feature-box.feature-box-style-3 .feature-box-icon em.fas,.feature-box.feature-box-style-3 .feature-box-icon i.far,.feature-box.feature-box-style-3 .feature-box-icon em.far,.feature-box.feature-box-style-3 .feature-box-icon i.fal,.feature-box.feature-box-style-3 .feature-box-icon em.fal,.feature-box.feature-box-style-3 .feature-box-icon i.fab,.feature-box.feature-box-style-3 .feature-box-icon em.fab { color: #ccc } .feature-box.feature-box-style-4 h4 { color: #1d2127 } .feature-box.feature-box-style-4 .feature-box-icon { background: transparent; padding-bottom: 10px; height: auto; width: auto; float: none } .feature-box.feature-box-style-4 .feature-box-icon i.fa,.feature-box.feature-box-style-4 .feature-box-icon em.fa,.feature-box.feature-box-style-4 .feature-box-icon i.fas,.feature-box.feature-box-style-4 .feature-box-icon em.fas,.feature-box.feature-box-style-4 .feature-box-icon i.far,.feature-box.feature-box-style-4 .feature-box-icon em.far,.feature-box.feature-box-style-4 .feature-box-icon i.fal,.feature-box.feature-box-style-4 .feature-box-icon em.fal,.feature-box.feature-box-style-4 .feature-box-icon i.fab,.feature-box.feature-box-style-4 .feature-box-icon em.fab { font-size: 38px } .feature-box.feature-box-style-4 .feature-box-info { clear: both; padding-left: 0 } .feature-box.feature-box-style-5 h4 { color: #1d2127 } .feature-box.feature-box-style-5 .feature-box-icon { background: transparent; width: 74px; height: 74px } .feature-box.feature-box-style-5 .feature-box-icon i.fa,.feature-box.feature-box-style-5 .feature-box-icon em.fa,.feature-box.feature-box-style-5 .feature-box-icon i.fas,.feature-box.feature-box-style-5 .feature-box-icon em.fas,.feature-box.feature-box-style-5 .feature-box-icon i.far,.feature-box.feature-box-style-5 .feature-box-icon em.far,.feature-box.feature-box-style-5 .feature-box-icon i.fal,.feature-box.feature-box-style-5 .feature-box-icon em.fal,.feature-box.feature-box-style-5 .feature-box-icon i.fab,.feature-box.feature-box-style-5 .feature-box-icon em.fab { font-size: 44px } .feature-box.feature-box-style-5 .feature-box-info { /* padding-left: 84px; */ } .feature-box.feature-box-style-6 h4 { color: #1d2127 } .feature-box.feature-box-style-6 .feature-box-icon { border: 1px solid #cecece; background: transparent; line-height: 32px } .feature-box.feature-box-style-6 .feature-box-icon:after { border: 3px solid #f4f4f4; border-radius: 50%; box-sizing: initial; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100% } .feature-box.feature-box-style-6 .feature-box-icon i.fa,.feature-box.feature-box-style-6 .feature-box-icon em.fa,.feature-box.feature-box-style-6 .feature-box-icon i.fas,.feature-box.feature-box-style-6 .feature-box-icon em.fas,.feature-box.feature-box-style-6 .feature-box-icon i.far,.feature-box.feature-box-style-6 .feature-box-icon em.far,.feature-box.feature-box-style-6 .feature-box-icon i.fal,.feature-box.feature-box-style-6 .feature-box-icon em.fal,.feature-box.feature-box-style-6 .feature-box-icon i.fab,.feature-box.feature-box-style-6 .feature-box-icon em.fab { color: #a9a9a9 } @media(min-width: 991px) { .feature-box.reverse { text-align:right } .feature-box.reverse .feature-box-info { padding-right: 50px; padding-left: 0 } .feature-box.reverse .feature-box-icon { float: right; margin-right: 0; margin-left: 10px } .feature-box.reverse.feature-box-style-2 .feature-box-info { padding-right: 60px } .feature-box.reverse.feature-box-style-4 .feature-box-info { padding-right: 0 } .feature-box.reverse.feature-box-style-5 .feature-box-info { padding-right: 84px } } .thumb-info { display: block; position: relative; text-decoration: none; max-width: 100%; background-color: #fff; /* border:1px solid #ddd; */ border-radius: 4px; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .thumb-info .thumb-info-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); border-radius: 4px; margin: 4px; overflow: hidden; display: block; position: relative } .thumb-info .thumb-info-wrapper:after { content: ""; background: rgba(36,27,28,.9); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; border-radius: 4px; bottom: -4px; color: #fff; left: -4px; position: absolute; right: -4px; top: -4px; display: block; filter: alpha(opacity=0); opacity: 0; z-index: 1 } .thumb-info .thumb-info-action-icon { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: #ccc; border-radius: 0 0 0 25px; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; position: absolute; right: -100px; text-align: center; top: -100px; width: 50px; z-index: 2 } .thumb-info .thumb-info-action-icon i,.thumb-info .thumb-info-action-icon em { font-size: 24px; left: 3px; position: relative; top: -4px; color: #fff } .thumb-info .thumb-info-inner { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; display: block } .thumb-info .thumb-info-inner em { display: block; font-size: .8em; font-style: normal; font-weight: normal } .thumb-info .thumb-info-title { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: rgba(36,27,28,.9); bottom: 10%; color: #fff; font-size: 18px; font-weight: 700; left: 0; letter-spacing: -1px; padding: 9px 11px 9px; position: absolute; text-shadow: 1px 1px 1px rgba(0,0,0,.2); text-transform: uppercase; z-index: 2; max-width: 90% } .thumb-info .thumb-info-type { background-color: #ccc; border-radius: 2px; display: inline-block; float: left; font-size: 12px; font-weight: 400; letter-spacing: 0; margin: 8px -2px -15px -2px; padding: 2px 9px; text-transform: none; z-index: 2 } .thumb-info img { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; border-radius: 3px; position: relative; width: 100% } .thumb-info:hover .thumb-info-wrapper:after { filter: alpha(opacity=100); opacity: 1 } .thumb-info:hover .thumb-info-action-icon { right: 0; top: 0 } .thumb-info:hover .thumb-info-title { background: #000 } .thumb-info:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1) } .thumb-info.thumb-info-no-zoom:hover img { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1) } .thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(36,27,28,.65) } .thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after { display: none } .thumb-info.thumb-info-centered-icons .thumb-info-action { -webkit-transition: top .1s ease; -moz-transition: top .1s ease; transition: top .1s ease; top: 40%; left: 3px; right: auto; bottom: auto; width: 100%; height: 40px; margin-top: -20px; text-align: center; position: absolute; filter: alpha(opacity=0); opacity: 0 } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon { -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; position: relative; z-index: 2; left: auto; right: auto; top: auto; bottom: auto; width: 40px; height: 40px; line-height: 33px; border-radius: 50%; margin-right: 3px } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon i,.thumb-info.thumb-info-centered-icons .thumb-info-action-icon em { position: static; font-size: 18px } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover { -webkit-transform: scale(1.15,1.15); -moz-transform: scale(1.15,1.15); -ms-transform: scale(1.15,1.15); -o-transform: scale(1.15,1.15); transform: scale(1.15,1.15) } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action { top: 50%; filter: alpha(opacity=100); opacity: 1 } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon { position: relative } .thumb-info.thumb-info-centered-info .thumb-info-title { background: transparent; left: 5%; width: 90%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; top: 30%; filter: alpha(opacity=0); opacity: 0; text-align: center; padding: 0 } .thumb-info.thumb-info-centered-info .thumb-info-type { float: none } .thumb-info.thumb-info-centered-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 45% } .thumb-info.thumb-info-bottom-info .thumb-info-title { background: #fff; left: 0; width: 100%; max-width: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; top: auto; bottom: -100px; filter: alpha(opacity=0); opacity: 0; padding: 15px; text-shadow: none; color: #777 } .thumb-info.thumb-info-bottom-info .thumb-info-type { float: none; background: none; padding: 0; margin: 0 } .thumb-info.thumb-info-bottom-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; bottom: 0 } .thumb-info.thumb-info-bottom-info:hover img { -webkit-transform: translateY(-18px); -moz-transform: translateY(-18px); -ms-transform: translateY(-18px); -o-transform: translateY(-18px); transform: translateY(-18px) } .thumb-info.thumb-info-bottom-info-dark .thumb-info-title { background-color: transparent; background: -webkit-linear-gradient(bottom,rgba(36,27,28,.8) 0,transparent 100%) repeat scroll 0 0 transparent; background: linear-gradient(to top,rgba(36,27,28,.8) 0,transparent 100%) repeat scroll 0 0 transparent; color: #fff } .thumb-info.thumb-info-push-hor img { -webkit-transform: translatex(-18px); -moz-transform: translatex(-18px); -ms-transform: translatex(-18px); -o-transform: translatex(-18px); transform: translatex(-18px); width: calc(100% + 19px); max-width: none } .thumb-info.thumb-info-push-hor:hover img { -webkit-transform: translatex(0); -moz-transform: translatex(0); -ms-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0) } .thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after { filter: alpha(opacity=65); opacity: .65 } .thumb-info.thumb-info-hide-info-hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 40% } .thumb-info.thumb-info-hide-info-hover .thumb-info-type { float: none } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after { filter: alpha(opacity=10); opacity: .1 } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title { filter: alpha(opacity=0); opacity: 0 } .thumb-info.thumb-info-no-borders,.thumb-info.thumb-info-no-borders img,.thumb-info.thumb-info-no-borders .thumb-info-wrapper { border: 0; padding: 0; margin: 0; border-radius: 0 } .thumb-info.thumb-info-no-borders .thumb-info-wrapper:after { border-radius: 0; bottom: 0; left: 0; right: 0; top: 0 } html.webkit .thumb-info .thumb-info-wrapper { margin: 4px 4px 3px 4px } html.webkit .full-width .thumb-info .thumb-info-wrapper,html.webkit .masonry-item .thumb-info .thumb-info-wrapper,html.webkit .thumb-info-no-borders .thumb-info-wrapper { margin: 0 } .full-width .thumb-info img { border-radius: 0 !important } .thumb-info-caption { padding: 10px 0 } .thumb-info-caption .thumb-info-caption-text,.thumb-info-caption p { font-size: .9em; line-height: 20px; margin: 0 0 8px; padding: 10px; display: block } .thumb-info-social-icons { border-top: 1px dotted #ddd; margin: 0; padding: 15px 10px; display: block } .thumb-info-social-icons a { background: #ccc; border-radius: 25px; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px } .thumb-info-social-icons a:hover { text-decoration: none } .thumb-info-social-icons a span { display: none } .thumb-info-social-icons a i,.thumb-info-social-icons a em { color: #fff; font-size: .9em; font-weight: normal } @media(max-width: 991px) { .thumb-info .thumb-info-title { font-size:14px } .thumb-info .thumb-info-more { font-size: 11px } } section.timeline { width: 75%; margin: 50px 12.5% 0; position: relative; float: left; padding-bottom: 120px } section.timeline:after { background: #505050; background: -moz-linear-gradient(top,rgba(80,80,80,0) 0%,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e5799),color-stop(100%,#7db9e8)); background: -webkit-linear-gradient(top,rgba(80,80,80,0) 0%,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%); background: -o-linear-gradient(top,rgba(80,80,80,0) 0%,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%); background: -ms-linear-gradient(top,rgba(80,80,80,0) 0%,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%); background: linear,to bottom,rgba(80,80,80,0) 0%,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%; content: ""; display: block; height: 100%; left: 50%; margin-left: -2px; position: absolute; top: -60px; width: 3px; z-index: 0; filter: alpha(opacity=35); opacity: .35 } section.timeline .timeline-date { box-shadow: 0 1px 5px 0 rgba(0,0,0,.04); position: relative; display: block; clear: both; width: 200px; height: 45px; padding: 5px; border: 1px solid #e5e5e5; margin: 0 auto 10px; text-shadow: 0 1px 1px #fff; border-radius: 4px; background: #fff; z-index: 1 } section.timeline .timeline-date h3 { display: block; text-align: center; color: #757575; font-size: .9em; line-height: 32px } section.timeline .timeline-title { background: #f4f4f4; padding: 12px } section.timeline .timeline-title h4 { padding: 0; margin: 0; color: #171717; font-size: 1.4em } section.timeline .timeline-title a { color: #171717 } section.timeline .timeline-title .timeline-title-tags { color: #b1b1b1; font-size: .9em } section.timeline .timeline-title .timeline-title-tags a { color: #b1b1b1; font-size: .9em } section.timeline .timeline-box { box-shadow: 0 1px 5px 0 rgba(0,0,0,.04); border: 1px solid #e5e5e5; border-radius: 4px; margin: 20px 10px 10px 10px; padding: 10px; position: relative; width: 45.7%; float: left; z-index: 1; margin-bottom: 30px; background: #fff } section.timeline .timeline-box.left { clear: both } section.timeline .timeline-box.left:before { background: none repeat scroll 0 0 #e5e5e5; border-radius: 50%; box-shadow: 0 0 0 3px #fff,0 0 0 6px #e5e5e5; content: ""; display: block; height: 7px; margin-right: -5px; position: absolute; right: -6.8%; top: 22px; width: 8px } section.timeline .timeline-box.left:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #fff; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; content: ""; display: block; height: 14px; position: absolute; right: -8px; top: 20px; width: 14px; z-index: 0 } section.timeline .timeline-box.right { clear: right; float: right; right: -1px; margin-top: 40px } section.timeline .timeline-box.right:before { background: none repeat scroll 0 0 #e5e5e5; border-radius: 50%; box-shadow: 0 0 0 3px #fff,0 0 0 6px #e5e5e5; content: ""; display: block; height: 7px; margin-left: -5px; position: absolute; left: -7.2%; top: 32px; width: 8px } section.timeline .timeline-box.right:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #fff; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; content: ""; display: block; height: 14px; position: absolute; left: -8px; top: 30px; width: 14px; z-index: 0 } section.timeline .timeline-box .owl-carousel { border-radius: 0; padding: 0; border: 0; box-shadow: none } @media(max-width: 991px) { section.timeline .timeline-box { float:none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto } section.timeline .timeline-box.right { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto } section.timeline .timeline-box.left:after,section.timeline .timeline-box.right:after,section.timeline .timeline-box.left:before,section.timeline .timeline-box.right:before { display: none } } @media(max-width: 479px) { section.timeline { width:auto; float: none; margin-left: 0; margin-right: 0 } section.timeline .timeline-box { margin: 15px auto; max-width: 90% } section.timeline .timeline-box.right { margin: 15px auto; max-width: 90% } article.post-large { margin-left: 0 } article.post-large .post-image,article.post-large .post-date { margin-left: 0 } } .testimonial { margin-bottom: 20px } .testimonial blockquote { background: #ccc; border-radius: 10px; border: 0; color: #666; font-family: Georgia,serif; font-style: italic; margin: 0; padding: 10px 50px; position: relative } .testimonial blockquote:before { left: 10px; top: 0; color: #fff; /* content:"“"; */ font-size: 80px; font-style: normal; line-height: 1; position: absolute; } .testimonial blockquote:after { color: #fff; /* content:"”"; */ font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -.5em; right: 10px; } .testimonial blockquote p { color: #fff; font-family: Georgia,serif; font-style: italic; font-size: 16.8px; line-height: 1.3; } .testimonial .testimonial-arrow-down { border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #ccc; height: 0; margin: 0 0 0 17px; width: 0 } .testimonial .testimonial-author { margin: 8px 0 0 0 } .testimonial .testimonial-author:before,.testimonial .testimonial-author:after { content: " "; display: table } .testimonial .testimonial-author:after { clear: both } .testimonial .testimonial-author .testimonial-author-thumbnail { float: left; margin-right: 10px; width: auto } .testimonial .testimonial-author img { max-width: 200px; max-height: 150px; } .testimonial .testimonial-author strong { color: #111; display: block; padding-top: 10px; margin-bottom: -5px } .testimonial .testimonial-author span { color: #666; display: block; font-size: 12px; line-height: 18.2px; } .testimonial .testimonial-author p { color: #999; margin: 20px 0 0 25px; /* text-align:left; */ } .testimonial.testimonial-style-2 { text-align: center } .testimonial.testimonial-style-2 blockquote { background: transparent !important; border-radius: 4px; padding: 6px 20px } .testimonial.testimonial-style-2 blockquote:before,.testimonial.testimonial-style-2 blockquote:after { display: none } .testimonial.testimonial-style-2 blockquote p { color: #777 } .testimonial.testimonial-style-2 .testimonial-arrow-down { display: none } .testimonial.testimonial-style-2 .testimonial-author { padding: 0; margin: 6px 0 0 } .testimonial.testimonial-style-2 .testimonial-author img { margin: 0 auto 10px } .testimonial.testimonial-style-2 .testimonial-author p { text-align: center; padding: 0; margin: 0 } .testimonial.testimonial-style-3 blockquote { background: #f2f2f2 !important; border-radius: 4px; padding: 12px 30px } .testimonial.testimonial-style-3 blockquote:before { top: 5px; color: #777; font-size: 35px } .testimonial.testimonial-style-3 blockquote:after { color: #777; font-size: 35px; bottom: -5px } .testimonial.testimonial-style-3 blockquote p { color: #777; font-family: "Open Sans",Arial,sans-serif; font-size: 1em; font-style: normal } .testimonial.testimonial-style-3 .testimonial-author { margin-left: 8px } .testimonial.testimonial-style-3 .testimonial-arrow-down { margin-left: 20px; border-top: 10px solid #f2f2f2 !important } .testimonial.testimonial-style-4 { border-radius: 6px; padding: 8px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0,0,0,.04) } .testimonial.testimonial-style-4 blockquote { background: transparent !important; border-radius: 4px; padding: 12px 30px } .testimonial.testimonial-style-4 blockquote:before { top: 5px; color: #777; font-size: 35px } .testimonial.testimonial-style-4 blockquote:after { color: #777; font-size: 35px; bottom: -5px } .testimonial.testimonial-style-4 blockquote p { color: #777; font-family: "Open Sans",Arial,sans-serif; font-size: 1em; font-style: normal } .testimonial.testimonial-style-4 .testimonial-arrow-down { display: none } .testimonial.testimonial-style-4 .testimonial-author { margin-left: 30px; margin-bottom: 15px } .testimonial.testimonial-style-5 { text-align: center } .testimonial.testimonial-style-5 blockquote { background: transparent !important; border-radius: 4px; padding: 6px 20px } .testimonial.testimonial-style-5 blockquote:before,.testimonial.testimonial-style-5 blockquote:after { display: none } .testimonial.testimonial-style-5 blockquote p { color: #777; font-family: "Open Sans",Arial,sans-serif; font-size: 1.2em; font-style: normal } .testimonial.testimonial-style-5 .testimonial-arrow-down { display: none } .testimonial.testimonial-style-5 .testimonial-author { padding: 6px 0 0; margin: 12px 0 0; border-top: 1px solid #f2f2f2 } .testimonial.testimonial-style-5 .testimonial-author img { margin: 0 auto 10px } .testimonial.testimonial-style-5 .testimonial-author p { text-align: center; padding: 0; margin: 0 } .testimonial.testimonial-style-6 { text-align: center } .testimonial.testimonial-style-6 blockquote { background: transparent !important; border-radius: 4px; border: 0; padding: 0 10% } .testimonial.testimonial-style-6 blockquote:before,.testimonial.testimonial-style-6 blockquote:after { display: none } .testimonial.testimonial-style-6 blockquote i.fa-quote-left,.testimonial.testimonial-style-6 blockquote em.fa-quote-left { font-size: 34px; position: relative; left: -5px } .testimonial.testimonial-style-6 blockquote p { color: #777; font-size: 24px; line-height: 30px } .testimonial.testimonial-style-6 blockquote span { font-size: 16px; line-height: 20px; color: #999; position: relative; left: -5px } .testimonial.testimonial-style-6 .testimonial-arrow-down { display: none } .testimonial.testimonial-style-6 .testimonial-author { padding: 0; margin: 6px 0 0 } .testimonial.testimonial-style-6 .testimonial-author img { margin: 0 auto 10px } .testimonial.testimonial-style-6 .testimonial-author p { text-align: center; padding: 0; margin: 0 } .testimonial.testimonial-with-quotes blockquote:before { color: #777; display: block !important; left: 10px; top: 0; /* content:"“"; */ font-size: 80px; font-style: normal; line-height: 1; position: absolute; } .testimonial.testimonial-with-quotes blockquote:after { color: #777; display: block !important; right: 10px; font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -.5em; /* content:"”" */ } .testimonial.testimonial-with-quotes blockquote p { padding: 0 40px } .section-text-light .testimonial.testimonial blockquote:before,.section-text-light .testimonial.testimonial blockquote:after,.section-text-light .testimonial.testimonial blockquote p { opacity: .9; color: #fff } .section-text-light .testimonial.testimonial .testimonial-author span,.section-text-light .testimonial.testimonial .testimonial-author strong { opacity: .6; color: #fff } ul.social-icons { margin: 0; padding: 0; width: auto } header ul.social-icons li { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background-image: url(Resources/img/social-sprites.png); background-repeat: no-repeat; background-position: 0 100px; display: none; margin: -1px 1px 5px 0; padding: 0; border-radius: 100%; overflow: visible; box-shadow: 0 2px 2px 0 rgba(0,0,0,.3) } ul.social-icons li { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background-image: url(Resources/img/social-sprites.png); background-repeat: no-repeat; background-position: 0 100px; display: inline-block; margin: -1px 1px 5px 0; padding: 0; border-radius: 100%; overflow: visible; box-shadow: 0 2px 2px 0 rgba(0,0,0,.3) } ul.social-icons.new li,ul.social-icons li.active { display: inline-block } ul.social-icons li a { display: block; height: 30px; width: 30px; text-align: center; font-size: 12px } ul.social-icons li a:hover { text-decoration: none } ul.social-icons li a i[class^="icon-"] { color: #444; position: relative; top: 3px } ul.social-icons li a:active { box-shadow: inset 0 0 10px rgba(0,0,0,.3),inset 0 0 10px rgba(0,0,0,.3) } ul.social-icons li[class] a { text-indent: -9999px } ul.social-icons li:active,ul.social-icons li a:active { border-radius: 100% } ul.social-icons li.digg { background-position: 0 0 } ul.social-icons li.digg:hover { background-position: 0 -30px } ul.social-icons li.dribbble { background-position: 0 -60px } ul.social-icons li.dribbble:hover { background-position: 0 -90px } ul.social-icons li.facebook { background-position: 0 -120px } ul.social-icons li.facebook:hover { background-position: 0 -150px } ul.social-icons li.flickr { background-position: 0 -180px } ul.social-icons li.flickr:hover { background-position: 0 -210px } ul.social-icons li.forrst { background-position: 0 -240px } ul.social-icons li.forrst:hover { background-position: 0 -270px } ul.social-icons li.googleplus { background-position: 0 -300px } ul.social-icons li.googleplus:hover { background-position: 0 -330px } ul.social-icons li.html5 { background-position: 0 -360px } ul.social-icons li.html5:hover { background-position: 0 -390px } ul.social-icons li.icloud { background-position: 0 -420px } ul.social-icons li.icloud:hover { background-position: 0 -450px } ul.social-icons li.lastfm { background-position: 0 -480px } ul.social-icons li.lastfm:hover { background-position: 0 -510px } ul.social-icons li.linkedin { background-position: 0 -540px } ul.social-icons li.linkedin:hover { background-position: 0 -570px } ul.social-icons li.myspace { background-position: 0 -600px } ul.social-icons li.myspace:hover { background-position: 0 -630px } ul.social-icons li.paypal { background-position: 0 -660px } ul.social-icons li.paypal:hover { background-position: 0 -690px } ul.social-icons li.picasa { background-position: 0 -720px } ul.social-icons li.picasa:hover { background-position: 0 -750px } ul.social-icons li.pinterest { background-position: 0 -780px } ul.social-icons li.pinterest:hover { background-position: 0 -810px } ul.social-icons li.reddit { background-position: 0 -840px } ul.social-icons li.reddit:hover { background-position: 0 -870px } ul.social-icons li.rss { background-position: 0 -900px } ul.social-icons li.rss:hover { background-position: 0 -930px } ul.social-icons li.skype { background-position: 0 -960px } ul.social-icons li.skype:hover { background-position: 0 -990px } ul.social-icons li.stumbleupon { background-position: 0 -1020px } ul.social-icons li.stumbleupon:hover { background-position: 0 -1050px } ul.social-icons li.tumblr { background-position: 0 -1080px } ul.social-icons li.tumblr:hover { background-position: 0 -1110px } ul.social-icons li.twitter { background-position: 0 -1140px } ul.social-icons li.twitter:hover { background-position: 0 -1170px } ul.social-icons li.vimeo { background-position: 0 -1200px } ul.social-icons li.vimeo:hover { background-position: 0 -1230px } ul.social-icons li.wordpress { background-position: 0 -1260px } ul.social-icons li.wordpress:hover { background-position: 0 -1290px } ul.social-icons li.yahoo { background-position: 0 -1320px } ul.social-icons li.yahoo:hover { background-position: 0 -1350px } ul.social-icons li.youtube { background-position: 0 -1380px } ul.social-icons li.youtube:hover { background-position: 0 -1410px } ul.social-icons li.github { background-position: 0 -1440px } ul.social-icons li.github:hover { background-position: 0 -1470px } ul.social-icons li.behance { background-position: 0 -1500px } ul.social-icons li.behance:hover { background-position: 0 -1530px } ul.social-icons li.yelp { background-position: 0 -1560px } ul.social-icons li.yelp:hover { background-position: 0 -1590px } ul.social-icons li.mail { background-position: 0 -1620px } ul.social-icons li.mail:hover { background-position: 0 -1650px } ul.social-icons li.instagram { background-position: 0 -1680px } ul.social-icons li.instagram:hover { background-position: 0 -1710px } ul.social-icons li.foursquare { background-position: 0 -1740px } ul.social-icons li.foursquare:hover { background-position: 0 -1770px } ul.social-icons li.zerply { background-position: 0 -1800px } ul.social-icons li.zerply:hover { background-position: 0 -1830px } ul.social-icons li.vk { background-position: 0 -1860px } ul.social-icons li.vk:hover { background-position: 0 -1890px } .social-icons-list { margin: 0 0 20px; padding: 0; display: block } .social-icons-list a { background: #ccc; border-radius: 25px; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px } .social-icons-list a:hover { text-decoration: none } .social-icons-list a span { display: none } .social-icons-list a i,.social-icons-list a em { color: #fff; font-size: .9em; font-weight: normal } .arrow { background: transparent url(Resources/img/arrows.png) no-repeat 0 0; width: 47px; height: 120px; display: inline-block; position: relative } .arrow.vtl { background-position: 0 0; width: 47px; height: 96px } .arrow.vtr { background-position: -101px 0; width: 47px; height: 96px } .arrow.vbl { background-position: 0 -144px; width: 47px; height: 96px } .arrow.vbr { background-position: -101px -144px; width: 47px; height: 96px } .arrow.hlt { background-position: -209px 0; width: 120px; height: 47px } .arrow.hlb { background-position: -209px -101px; width: 120px; height: 47px } .arrow.hrt { background-position: -353px 0; width: 120px; height: 47px } .arrow.hrb { background-position: -353px -101px; width: 120px; height: 47px } @media(max-width: 479px) { .arrow { display:none } } .call-to-action { position: relative; clear: both; /* min-height:125px; */ padding-left: 25px; padding-right: 25px; } .call-to-action:before,.call-to-action:after { content: " "; display: table } .call-to-action:after { clear: both } .call-to-action h3 { text-transform: none; color: #1d2127; padding: 0; margin: 0 0 9px } .call-to-action p { font-size: 1.2em } .call-to-action .call-to-action-content { text-align: center; /* width:70%; */ /* margin-left:3%; */ padding-top: 25px; padding-bottom: 25px; } .call-to-action .call-to-action-btn { width: 22%; text-align: center; position: absolute; top: 50%; margin: -18px 0 0; left: auto; right: 25px } .call-to-action.call-to-action-default { background: #f2f2f2 } .call-to-action.call-to-action-dark { background: #2e353e } .call-to-action.call-to-action-dark h3,.call-to-action.call-to-action-dark p { color: #fff } .call-to-action.with-borders { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0,0,0,.04) } .call-to-action.with-full-borders { border: 2px solid #ccc; box-shadow: 0 1px 1px 0 rgba(0,0,0,.04) } .call-to-action.featured { background-color: transparent; background: -webkit-linear-gradient(top,#fff 1%,#fcfcfc 98%) repeat scroll 0 0 transparent; background: linear-gradient(to bottom,#fff 1%,#fcfcfc 98%) repeat scroll 0 0 transparent; padding: 0; margin: 0; border-top: 3px solid #ccc; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0,0,0,.04) } .call-to-action.featured.featured-primary { border-top-color: #ccc } .call-to-action.featured.featured-secondary { border-top-color: #e36159 } .call-to-action.featured.featured-tertiary { border-top-color: #2baab1 } .call-to-action.featured.featured-quaternary { border-top-color: #2e353e } .call-to-action.with-button-arrow .call-to-action-btn { top: 30% } .call-to-action.button-centered .call-to-action-content { text-align: center; width: 100%; padding: 35px 0 0; margin: 0 } .call-to-action.button-centered .call-to-action-btn { text-align: center; position: static; margin: 20px auto 25px; width: auto } .call-to-action.call-to-action-in-footer { padding-top: 50px; padding-bottom: 50px; margin-top: 30px; margin-bottom: -50px !important } .call-to-action.call-to-action-in-footer:before { content: ""; display: block; position: absolute; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; height: 20px; width: 20px; top: -5px; left: 50%; margin-left: -20px } .call-to-action.no-top-arrow:before { display: none } .call-to-action.call-to-action-in-footer-margin-top { margin-top: 60px } .container .call-to-action { border-radius: 8px } @media(max-width: 767px) { .call-to-action .call-to-action-content,.call-to-action .call-to-action-btn { margin:0; padding: 0; position: static; width: auto } } @media(max-width: 768px) { .call-to-action,.call-to-action.featured { padding-top:25px; padding-bottom: 25px } } .circular-bar { text-align: center; margin-bottom: 25px } .circular-bar .circular-bar-chart { position: relative } .circular-bar strong { display: block; font-weight: 600; font-size: 18px; line-height: 30px; position: absolute; top: 35%; width: 80%; left: 10%; text-align: center } .circular-bar label { display: block; font-weight: 100; font-size: 17px; line-height: 20px; position: absolute; top: 50%; width: 80%; left: 10%; text-align: center } .circular-bar.only-icon .fa,.circular-bar.only-icon .fas,.circular-bar.only-icon .far,.circular-bar.only-icon .fal,.circular-bar.only-icon .fab { display: block; font-weight: 600; font-size: 38px; line-height: 30px; position: absolute; top: 40%; width: 80%; left: 10%; text-align: center } .circular-bar.single-line strong { top: 40% } .circular-bar.circular-bar-sm label { font-size: 14px; top: 36% } .circular-bar.circular-bar-lg strong { font-size: 20px; top: 40% } .progress { border-radius: 25px; height: 20px; background: #fafafa; box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; overflow: visible; margin-bottom: 15px } .progress.progress-border-radius { border-radius: 3px } .progress.progress-border-radius .progress-bar { border-radius: 3px } .progress.progress-no-border-radius { border-radius: 0 } .progress.progress-no-border-radius .progress-bar { border-radius: 0 } .progress.progress-sm { height: 10px } .progress.progress-sm .progress-bar { line-height: 10px } .progress.progress-lg { height: 35px } .progress.progress-lg .progress-bar { font-size: 13px; line-height: 35px } .progress-bar { background-color: #ccc; box-shadow: none; position: relative; border-radius: 25px } .progress-bar-tooltip { position: absolute; padding: 4px 8px; background-color: #333; color: #fff; line-height: 15px; font-size: 11px; display: block; position: absolute; top: -28px; right: 5px; border-radius: 3px; filter: alpha(opacity=0); opacity: 0 } .progress-bar-tooltip:after { border-color: #333 transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; display: block; left: 13px; position: absolute; width: 0 } .progress-bar-primary { background-color: #ccc; color: #fff } .progress-bar-success { background-color: #47a447; color: #fff } .progress-bar-warning { background-color: #ed9c28; color: #fff } .progress-bar-danger { background-color: #d2322d; color: #fff } .progress-bar-info { background-color: #5bc0de; color: #fff } .progress-bar-dark { background-color: #1d2127; color: #fff } .counters .counter { text-align: center } .counters .fa,.counters .fas,.counters .far,.counters .fal,.counters .fab { display: block; font-size: 35px; line-height: 35px; margin-bottom: 5px } .counters strong { display: block; font-weight: 600; font-size: 50px; line-height: 50px } .counters label { display: block; font-weight: 100; font-size: 20px; line-height: 20px } .counters .counter-side-icon .fa,.counters .counter-side-icon .fas,.counters .counter-side-icon .far,.counters .counter-side-icon .fal,.counters .counter-side-icon .fab,.counters .counter-side-icon strong { display: inline-block } .counters .counter-with-unit strong { display: inline-block } .counters.with-borders .counter { border-radius: 6px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0,0,0,.04); padding: 25px } .counters.counters-sm .fa,.counters.counters-sm .fas,.counters.counters-sm .far,.counters.counters-sm .fal,.counters.counters-sm .fab { font-size: 25px; line-height: 25px } .counters.counters-sm strong { font-size: 35px; line-height: 35px } .counters.counters-sm label { font-size: 15px; line-height: 15px } .counters.counters-lg .fa,.counters.counters-lg .fas,.counters.counters-lg .far,.counters.counters-lg .fal,.counters.counters-lg .fab { font-size: 45px; line-height: 45px } .counters.counters-lg strong { font-size: 60px; line-height: 60px } .counters.counters-lg label { font-size: 25px; line-height: 25px } .counters.counters-text-light .counter,.counters.counters-text-light .counter .fa,.counters.counters-text-light .counter .fas,.counters.counters-text-light .counter .far,.counters.counters-text-light .counter .fal,.counters.counters-text-light .counter .fab,.counters.counters-text-light .counter strong,.counters.counters-text-light .counter label { color: #fff !important } .counters.counters-text-dark .counter,.counters.counters-text-dark .counter .fa,.counters.counters-text-dark .counter .fas,.counters.counters-text-dark .counter .far,.counters.counters-text-dark .counter .fal,.counters.counters-text-dark .counter .fab,.counters.counters-text-dark .counter strong,.counters.counters-text-dark .counter label { color: #2e353e !important } .word-rotate { display: inline-block; overflow: hidden; text-align: center; position: relative; max-height: 22px; line-height: 20px } .word-rotate .word-rotate-items { position: relative; top: 0; width: 0; display: inline-block } .word-rotate .word-rotate-items span { display: inline-block; white-space: nowrap } .word-rotate .word-rotate-items span:not(:first-child) { display: none } .word-rotate.active .word-rotate-items { position: relative } .word-rotate.active .word-rotate-items span { display: inline-block } h1.word-rotator-title .inverted { min-height: 56px } h1.word-rotator-title .word-rotate { max-height: 46px; line-height: 46px; margin-bottom: -9px } h2.word-rotator-title .inverted { min-height: 46px } h2.word-rotator-title .word-rotate { max-height: 42px; line-height: 42px; margin-bottom: -9px } h3.word-rotator-title .inverted { min-height: 25px } h3.word-rotator-title .word-rotate { max-height: 24px; line-height: 24px; margin-bottom: -2px } h4.word-rotator-title .inverted { min-height: 32px } h4.word-rotator-title .word-rotate { max-height: 27px; line-height: 27px; margin-bottom: -6px } h5.word-rotator-title .inverted { min-height: 18px } h5.word-rotator-title .word-rotate { max-height: 18px; line-height: 18px; margin-bottom: -4px } h6.word-rotator-title .inverted { min-height: 20px } h6.word-rotator-title .word-rotate { max-height: 18px; line-height: 18px; margin-bottom: -4px } p .inverted { min-height: 24px } p .word-rotate { max-height: 22px; line-height: 20px; margin-bottom: -6px } html .scroll-to-top { -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: #404040; border-radius: 7px 7px 0 0; bottom: 0; color: #fff; display: block; height: 9px; opacity: 0; padding: 13px 10px 35px; position: fixed; right: 10px; text-align: center; text-decoration: none; min-width: 49px; z-index: 1040 } html .scroll-to-top:hover { filter: alpha(opacity=100); opacity: 1 } html .scroll-to-top.visible { filter: alpha(opacity=75); opacity: .75; display: none; } html .scroll-to-top span { display: inline-block; padding: 0 5px } html.ie11 .scroll-to-top { right: 25px } @media(max-width: 991px) { html .scroll-to-top.hidden-mobile { display:none !important } } @-webkit-keyframes animateLoader { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(220deg) } } @-moz-keyframes animateLoader { 0% { -moz-transform: rotate(0deg) } 100% { -moz-transform: rotate(220deg) } } @-o-keyframes animateLoader { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(220deg); } } @keyframes animateLoader { 0% { transform: rotate(0deg) } 100% { transform: rotate(220deg) } } @-webkit-keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #fff inset; -webkit-transform: rotate(-140deg) } 50% { box-shadow: 0 0 0 2px #fff inset } 100% { box-shadow: 0 0 0 6px #fff inset; -webkit-transform: rotate(140deg) } } @-moz-keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #fff inset; -moz-transform: rotate(-140deg) } 50% { box-shadow: 0 0 0 2px #fff inset } 100% { box-shadow: 0 0 0 6px #fff inset; -moz-transform: rotate(140deg) } } @-o-keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #FFF inset; -o-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #FFF inset; } 100% { box-shadow: 0 0 0 6px #FFF inset; -o-transform: rotate(140deg); } } @keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #fff inset; transform: rotate(-140deg) } 50% { box-shadow: 0 0 0 2px #fff inset } 100% { box-shadow: 0 0 0 6px #fff inset; transform: rotate(140deg) } } @-webkit-keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #999 inset; -webkit-transform: rotate(-140deg) } 50% { box-shadow: 0 0 0 2px #999 inset } 100% { box-shadow: 0 0 0 6px #999 inset; -webkit-transform: rotate(140deg) } } @-moz-keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #999 inset; -moz-transform: rotate(-140deg) } 50% { box-shadow: 0 0 0 2px #999 inset } 100% { box-shadow: 0 0 0 6px #999 inset; -moz-transform: rotate(140deg) } } @-o-keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #999 inset; -o-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #999 inset; } 100% { box-shadow: 0 0 0 6px #999 inset; -o-transform: rotate(140deg); } } @keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #999 inset; transform: rotate(-140deg) } 50% { box-shadow: 0 0 0 2px #999 inset } 100% { box-shadow: 0 0 0 6px #999 inset; transform: rotate(140deg) } } .loading-overlay-showing { overflow: hidden } .loading-overlay-showing>.loading-overlay { opacity: 1; visibility: visible; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0 } .loading-overlay { -webkit-transition: visibility 0s ease-in-out .5s,opacity .5s ease-in-out; -moz-transition: visibility 0s ease-in-out .5s,opacity .5s ease-in-out; transition: visibility 0s ease-in-out .5s,opacity .5s ease-in-out; bottom: 0; left: 0; position: absolute; opacity: 0; right: 0; top: 0; visibility: hidden; background: #fff } .loading-overlay .loader { -webkit-animation: animateLoader 1s linear infinite; -moz-animation: animateLoader 1s linear infinite; animation: animateLoader 1s linear infinite; clip: rect(0,30px,30px,15px); height: 30px; left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; text-align: left; top: 50%; width: 30px } .loading-overlay .loader:after { border-radius: 50%; clip: rect(0,30px,30px,15px); content: ''; height: 30px; position: absolute; width: 30px } html:not(.dark) .loading-overlay .loader:after { -webkit-animation: animateLoaderAfterBlack 1s ease-in-out infinite; -moz-animation: animateLoaderAfterBlack 1s ease-in-out infinite; animation: animateLoaderAfterBlack 1s ease-in-out infinite } body>.loading-overlay { position: fixed; z-index: 999999 } html .scroll-to-top .scroll-indent { padding: 0; text-indent: -9999px } .portfolio-title { margin-bottom: -10px } .portfolio-title a { display: inline-block } .portfolio-title .fa,.portfolio-title .fas,.portfolio-title .far,.portfolio-title .fal,.portfolio-title .fab { font-size: 2.5em } .portfolio-title .portfolio-nav,.portfolio-title .portfolio-nav-all { margin-top: 11px } .portfolio-title .portfolio-nav a { width: 40% } .portfolio-title .portfolio-nav-all .fa,.portfolio-title .portfolio-nav-all .fas,.portfolio-title .portfolio-nav-all .far,.portfolio-title .portfolio-nav-all .fal,.portfolio-title .portfolio-nav-all .fab { font-size: 2.7em } .portfolio-title .fa-angle-right { text-align: right } .portfolio-title .portfolio-nav-prev { text-align: left } .portfolio-info { margin: 2px 0 10px; float: right } .portfolio-info ul { list-style: none; padding: 0; margin: 0 } .portfolio-info ul li { display: inline-block; border-right: 1px solid #e6e6e6; color: #b1b1b1; padding-right: 8px; margin-right: 8px; font-size: .9em } .portfolio-info ul li:last-child { border-right: 0; padding-right: 0; margin-right: 0 } .portfolio-info ul li a { text-decoration: none; color: #b1b1b1 } .portfolio-info ul li a:hover .fa-heart { color: #e53f51 } .portfolio-info ul li .fa,.portfolio-info ul li .fas,.portfolio-info ul li .far,.portfolio-info ul li .fal,.portfolio-info ul li .fab { margin-right: 4px } ul.portfolio-list { list-style: none; margin-top: 0; margin-bottom: 0; padding: 0 } ul.portfolio-list .portfolio-item { margin-bottom: 35px } ul.portfolio-details { list-style: none; padding: 0; margin: 45px 0 0 5px; font-size: .9em } ul.portfolio-details>li { padding: 0; margin: 0 0 20px } ul.portfolio-details p { padding: 0; margin: 0 } ul.portfolio-details blockquote { padding: 0 0 0 10px; margin: 15px 0 0; color: #999 } ul.portfolio-details .list-icons { margin-left: 0 } ul.portfolio-details .list-icons>li { padding-left: 18px; margin-right: 10px } ul.portfolio-details .list-icons>li .fa,ul.portfolio-details .list-icons>li .fas,ul.portfolio-details .list-icons>li .far,ul.portfolio-details .list-icons>li .fal,ul.portfolio-details .list-icons>li .fab { top: 7px } @media(max-width: 991px) { .portfolio-nav,.portfolio-nav-all { display:none } } ul.team-list { list-style: none; margin-top: 0; margin-bottom: 0; padding: 0 } ul.team-list .team-item { margin-bottom: 35px } ul.team-list .team-item .thumb-info-social-icons { margin: 0 10px } @media(max-width: 991px) { ul.team-list .team-item { margin:0 auto 35px; max-width: 270px } } ul.history { margin: 0 0 25px; padding: 0; list-style: none } ul.history li { margin: 25px 0; padding: 0; clear: both } ul.history li h4 { margin: 0 0 -27px 0; padding: 0 } ul.history li p { margin-left: 53px } ul.history li .thumb { background: transparent url(Resources/img/history-thumb.png) no-repeat 0 0; width: 227px; height: 160px; margin: 0 0 30px; padding: 0; float: left } ul.history li .thumb img { border-radius: 150px; margin: 7px 8px; width: 145px; height: 145px } ul.history li .featured-box { text-align: left; margin-left: 225px; margin-bottom: 50px; min-height: 115px } ul.history li .featured-box .box-content { border-top-color: #ccc } @media(max-width: 479px) { ul.history li .thumb { display:none } ul.history li .featured-box { margin-left: 0 } } .search-results { min-height: 300px } .google-map { background: #e5e3df; height: 400px; margin: -35px 0 30px 0; width: 100% } .google-map.small { height: 250px; border-radius: 6px; margin: 0; clear: both } .google-map img { max-width: 9999px } .google-map-borders { border: 1px solid #ddd; padding: 4px; border-radius: 4px } .blog-posts article { border-bottom: 1px solid #ddd; margin-bottom: 50px; padding-bottom: 10px } .blog-posts .pagination { margin: -10px 0 20px } article.post h2 a { text-decoration: none } article.post .post-meta { font-size: .9em; margin-bottom: 7px } article.post .post-meta>span { display: inline-block; padding-right: 8px } article.post .post-meta i,article.post .post-meta em { margin-right: 3px } article.post .post-date { box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); float: left; margin-right: 10px; text-align: center } article.post .post-date .month { background: #ccc; border-radius: 0 0 2px 2px; box-shadow: 0 -1px 0 0 rgba(0,0,0,.07) inset; color: #fff; font-size: .9em; padding: 0 10px 2px } article.post .post-date .day { background: #f4f4f4; border-radius: 2px 2px 0 0; color: #ccc; display: block; font-size: 16px; font-weight: 500; font-weight: bold; padding: 10px } article.post .post-image .owl-carousel { width: 100.1% } article .post-video { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; display: block; height: auto; position: relative; margin: 0 0 30px 0; padding-bottom: 61% } article .post-video iframe { bottom: 0; height: auto; left: 0; margin: 0; min-height: 100%; min-width: 100%; padding: 4px; position: absolute; right: 0; top: 0; width: auto } article .post-audio { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; display: block; height: auto; position: relative; margin: 0 0 30px 0; padding-bottom: 25% } article .post-audio iframe { bottom: 0; height: auto; left: 0; margin: 0; min-height: 100%; min-width: 100%; padding: 4px; position: absolute; right: 0; top: 0; width: auto } article.post-medium .post-image .owl-carousel { width: 100.2% } article.post-large { margin-left: 60px } article.post-large h2 { margin-bottom: 5px } article.post-large .post-image,article.post-large .post-date { margin-left: -60px } article.post-large .post-image { margin-bottom: 15px } article.post-large .post-image.single { margin-bottom: 30px } article.post-large .post-video { margin-left: -60px } article.post-large .post-audio { margin-left: -60px } .single-post article { border-bottom: 0; margin-bottom: 0 } article.blog-single-post .post-meta { margin-bottom: 20px } .post-block { border-top: 1px solid #ddd; margin: 15px 0 0 0; padding: 20px 0 15px 0 } .post-block h3 { font-size: 1.8em; font-weight: 200; margin: 0 0 20px; text-transform: none } .post-block h3 i,.post-block h3 em { margin-right: 7px } .post-author { margin: 15px 0 0 0 } .post-author img { max-height: 80px; max-width: 80px } .post-author p { font-size: .9em; line-height: 20px; margin: 0; padding: 0 } .post-author p .name { font-size: 1.1em } .post-author .img-thumbnail { display: inline-block; float: left; margin-right: 20px } .post-share { margin: 55px 0 0 0; padding-bottom: 0 } .post-comments { margin-top: 45px } ul.comments { list-style: none; margin: 0; padding: 0 } ul.comments li { clear: both; padding: 10px 0 0 115px } ul.comments li img.avatar { height: 80px; width: 80px } ul.comments li ul.reply { margin: 0 } ul.comments li a { text-decoration: none } ul.comments li .img-thumbnail { margin-left: -115px; position: absolute } ul.comments li .comment { margin-bottom: 10px } ul.comments .comment-arrow { border-bottom: 15px solid transparent; border-right: 15px solid #f4f4f4; border-top: 15px solid transparent; height: 0; left: -15px; position: absolute; top: 28px; width: 0 } ul.comments .comment-block { background: #f4f4f4; border-radius: 5px; padding: 20px 20px 30px; position: relative } ul.comments .comment-block p { font-size: .9em; line-height: 21px; margin: 0; padding: 0 } ul.comments .comment-block .comment-by { display: block; font-size: 1em; line-height: 21px; margin: 0; padding: 0 0 5px 0 } ul.comments .comment-block .date { color: #999; font-size: .9em } .post-leave-comment { margin-top: 25px; padding-top: 45px } .post-leave-comment h3 { margin: 0 0 40px } .recent-posts h4 { margin-bottom: 7px } .recent-posts article.recent-post h4 { margin: 0 0 3px 0 } .recent-posts article.recent-post h4 a { display: block } .recent-posts .date { float: left; margin-right: 10px; margin-top: 8px; text-align: center } .recent-posts .date .month { background: #ccc; border-radius: 0 0 2px 2px; box-shadow: 0 -1px 0 0 rgba(0,0,0,.07) inset; color: #fff; font-size: .9em; padding: 0 10px 2px } .recent-posts .date .day { background: #f7f7f7; color: #ccc; display: block; font-size: 18px; font-weight: 500; font-weight: bold; padding: 8px } section.section .recent-posts .date .day { background: #fff } ul.simple-post-list { list-style: none; margin: 0; padding: 0 } ul.simple-post-list li { border-bottom: 1px dotted #e2e2e2; padding: 15px 0 } ul.simple-post-list li:before,ul.simple-post-list li:after { content: " "; display: table } ul.simple-post-list li:after { clear: both } ul.simple-post-list li:last-child { border-bottom: 0 } ul.simple-post-list .post-image { float: left; margin-right: 12px } ul.simple-post-list .post-meta { color: #888; font-size: .8em } @media(max-width: 479px) { ul.comments li { border-left:8px solid #ddd; clear: both; padding: 0 0 0 10px } ul.comments li .img-thumbnail,ul.comments .comment-arrow { display: none } } .church .ft-church { font-size: 27px; font-weight: 600; margin-bottom: 18px } .church .custom-thumb-info { border: none; overflow: initial } .church .custom-thumb-info .thumb-info-caption { display: block; padding: 20px 40px } .church .custom-thumb-info .thumb-info-caption .custom-event-infos,.church .custom-thumb-info .thumb-info-caption .thumb-info-catption-text { float: left; width: 100% } .church .custom-event-infos ul { padding: 0; margin: 0 } .church .custom-event-infos ul li { list-style: none; display: inline-block; font-size: 12px; margin-left: 15px } .church .custom-event-infos ul li em { font-size: 15px; color: #1f222b; font-weight: bold } .church .custom-event-infos ul li:first-child { margin-left: 0 } .church .custom-thumb-info .thumb-info-caption .thumb-info-caption-text,.church .custom-thumb-info .thumb-info-caption p { padding: 0; font-size: 16px; line-height: 2 } .church .custom-thumb-info .thumb-info-caption p { padding: 0; line-height: 1.9 } .church .custom-post-event { position: relative } .church .custom-post-event .post-event-date { position: absolute; top: 0; left: 0; padding: 15px 20px } .church .custom-post-event .post-event-date span { display: block } .church .custom-post-event .post-event-date span.day { font-size: 30px } .church .custom-post-event .post-event-date span.year { font-size: 14px } .church .custom-margin-1 { margin-left: 95px } .church .font-weight-bold a { text-decoration: none } .church .custom-thumb-info-2 { background: transparent; border: none; overflow: initial } .church .custom-thumb-info-2 .thumb-info-caption { position: relative; display: block; width: 80%; margin: -80px auto 0; background: #fff; padding: 30px 30px 20px 30px; z-index: 1 } .church .custom-thumb-info-2 .thumb-info-caption .thumb-info-caption-text,.church .custom-thumb-info-2 .thumb-info-caption p { padding: 0; font-size: 16px; line-height: 2 } .church .custom-thumb-info-2 .thumb-info-caption p { font-size: 14px; margin-bottom: 45px } .church .custom-thumb-info-post-infos ul:after { content: ''; display: block; clear: both } .church .custom-thumb-info-post-infos ul { position: relative; padding: 0; margin: 0 } .church .custom-thumb-info-post-infos ul li { float: left; list-style: none; width: 50%; font-size: .9em } .church .custom-thumb-info-post-infos ul li i { display: inline-block; font-size: 16px; color: #1f222b; font-weight: bold; margin-right: 8px } .church .custom-thumb-info-post-infos ul:before { content: ''; display: block; position: absolute; top: -20px; left: 50%; width: calc(100% + 60px); border-top: 1px solid #efece8; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .church .custom-thumb-info-post-infos ul li em { display: inline-block; font-size: 13px; color: #1f222b; font-weight: bold; margin-right: 8px } html .church.background-color-light { background-color: #fff !important } @font-face { font-family: 'star'; src: url("Resources/fonts/star.eot"); src: url("Resources/fonts/star.eot?#iefix") format("embedded-opentype"),url("Resources/fonts/star.woff") format("woff"),url("Resources/fonts/star.ttf") format("truetype"),url("Resources/fonts/star.svg#star") format("svg"); font-weight: normal; font-style: normal } header nav.mega-menu .mega-menu-shop { margin-right: -20px; padding-left: 0; margin-left: 0 } header nav.mega-menu .mega-menu-shop a { color: #444 } header nav.mega-menu .mega-menu-shop table { width: 100%; margin-top: 0 } header nav.mega-menu .mega-menu-shop .dropdown-menu { width: 40%; right: 8px; border-radius: 6px 0 6px 6px } header nav.mega-menu .mega-menu-shop .dropdown-menu li table tr td a { background-color: transparent !important; color: #333; padding: 0; margin: 0; display: block } header nav.mega-menu .mega-menu-shop .dropdown-menu li table tr td a.remove { float: right } header nav.mega-menu .mega-menu-shop .dropdown-menu li table tr td a:hover { text-decoration: none } header nav.mega-menu .mega-menu-shop .fa-shopping-cart { margin-right: 5px } header nav.mega-menu .mega-menu-shop .product-thumbnail { width: 120px } header nav.mega-menu .mega-menu-shop .product-actions { text-align: right; width: 80px } header nav.mega-menu .mega-menu-shop .actions-continue { margin-top: 10px; padding-top: 20px; border-top: 1px solid #ddd; clear: both } .shop { margin-top: -10px } .shop ul.products { margin: 0; padding: 25px 0; list-style: none } .shop ul.products:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .shop ul.products .product { position: relative; margin-bottom: 30px } .shop ul.products .product a { text-decoration: none } .shop ul.products .product .add-to-cart-product { -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; position: absolute; top: 0; left: 0; border-radius: 6px 6px 0 0; padding: 8px 10px 5px; font-size: .9em; color: #fff; background: #222; z-index: 1; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translate3d(0,0,0) } .shop ul.products .product .add-to-cart-product .fa,.shop ul.products .product .add-to-cart-product .fas,.shop ul.products .product .add-to-cart-product .far,.shop ul.products .product .add-to-cart-product .fal,.shop ul.products .product .add-to-cart-product .fab { margin-right: 3px; font-size: 1.1em } .shop ul.products .product:hover .add-to-cart-product { filter: alpha(opacity=100); opacity: 1 } .shop ul.products .product:hover .add-to-cart-product:hover { background: #000 } .shop ul.products .product .price { display: block; min-height: 28px } .shop ul.products .product .price del { color: rgba(145,145,145,.5); font-size: .7em; margin: -2px 0 0 } .shop ul.products .product .price ins { text-decoration: none } .shop ul.products .product .price .amount { font-size: 1.3em } .shop ul.products .product .onsale { position: absolute; background-image: none; border-radius: 100%; left: auto; right: 0; top: -15px; text-shadow: none; width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; z-index: 10; box-shadow: none; font-size: .9em; color: #fff; border-bottom: 2px solid transparent } .product-info { -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; border-radius: 6px; padding: 0; position: relative; border: 1px solid #ddd; background: #f7f9fc; display: block; overflow: hidden; position: relative; text-decoration: none; max-width: 100%; text-align: center; padding: 0; text-decoration: none } .product-info:hover { background-color: #fff; text-decoration: none } .product-info a { text-decoration: none; display: inline-block; width: 100% } .product-info a:hover { text-decoration: none; display: inline-block; width: 100% } .product-info img { -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; border-radius: 6px 6px 0 0 } .product-info h4 { color: #404751; letter-spacing: -1px; font-weight: 600; font-size: 1.4em; line-height: 1.1em; margin: 0; padding: 0 } .product-info+.product-info { border-radius: 0 0 6px 6px; margin-top: -5px } .product-info .product-info-image { display: block; position: relative } .product-info .product-info-image:before { -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #333; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; border-radius: 6px 6px 0 0 } .product-info:hover .product-info-image:before { filter: alpha(opacity=80); opacity: .8 } .product-info .product-info-act { position: absolute; top: 50%; left: 0; right: 0; text-align: center; color: #fff } .product-info .product-info-act em { font-style: normal; position: relative; font-size: 1.2em; font-weight: 100 } .product-info .product-info-act-left,.product-info .product-info-act-right { float: left; overflow: hidden } .product-info .product-info-act-left { text-align: right; width: 45% } .product-info .product-info-act-left em { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; transition: all .2s ease 0s; left: 0%; filter: alpha(opacity=0); opacity: 0 } .product-info .product-info-act-right { text-align: left; margin-left: 2%; width: 53% } .product-info .product-info-act-right em { -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; transition: all .2s ease 0s; right: 0%; font-weight: 600; filter: alpha(opacity=0); opacity: 0 } .product-info:hover .product-info-act-left em { filter: alpha(opacity=100); opacity: 1 } .product-info:hover .product-info-act-right em { filter: alpha(opacity=100); opacity: 1 } .product-info .product-info-content { padding: 15px; text-align: left; display: block } .product-info .product-info-caption { padding: 0 15px 15px; text-align: left; display: block } .product-info .product-info-caption p { margin: 0; padding: 0 0 10px } .product-info .product-info-extra { clear: both; padding: 10px 0 0; margin: 10px 0 0; border-top: 1px solid #ebebf4; display: block } .product-info .product-info-extra.social { text-align: center } .product-info .product-info-extra.social a { border-right: 1px solid #ebebf4; display: inline-block; margin-right: 10px; padding-right: 10px; font-size: .9em; color: #acacac; width: auto } .product-info .product-info-extra.social a:last-child { border-right: 0; margin-right: 0; padding-right: 0 } .product-info .date { color: #9aa1ab; font-size: .9em } .product-info.secondary .product-info-content { text-align: center } .product-info.secondary .product-info-content h4 { -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; color: #fff; position: relative; top: -25%; filter: alpha(opacity=0); opacity: 0 } .product-info.secondary .product-info-content .date { -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; position: relative; top: 25%; display: block; filter: alpha(opacity=0); opacity: 0 } .product-info.secondary .product-info-act { top: 30% } .product-info.secondary .label { -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; clear: both; display: inline-block; margin-top: 15px; filter: alpha(opacity=0); opacity: 0 } .product-info.secondary:hover .label { filter: alpha(opacity=100); opacity: 1 } .product-info.secondary:hover .product-info-content h4 { top: 0; filter: alpha(opacity=100); opacity: 1 } .product-info.secondary:hover .product-info-content .date { top: 0; filter: alpha(opacity=100); opacity: 1 } .shop .review_num { margin-right: 10px; float: left; position: relative; top: -1px } .shop .star-rating { float: none; position: relative; top: 2px; font-family: 'star'; font-size: 1em; height: 1.2em; line-height: 1em; overflow: hidden; position: relative; width: 5.4em; margin-bottom: 25px } .shop .star-rating:before { color: #e0dadf; content: "SSSSS"; float: left; left: 0; position: absolute; top: 0 } .shop .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0 } .shop .star-rating span:before { content: "SSSSS"; left: 0; position: absolute; top: 0 } .shop .summary .price { color: #444; font-size: 2em; letter-spacing: -1px; line-height: 30px; margin-top: 20px } .shop .quantity { margin: 0 15px 25px 0; overflow: hidden; position: relative; width: 125px; height: 35px; float: left } .shop .quantity .minus { background: #f4f4f4; border: 1px solid #c8bfc6; border-radius: 2px; box-shadow: none; color: #5e5e5e; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 35px; line-height: 13px; margin: 0; overflow: visible; outline: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(255,255,255,.8); vertical-align: text-top; width: 35px } .shop .quantity .plus { background: #f4f4f4; border: 1px solid #c8bfc6; border-radius: 2px; box-shadow: none; color: #5e5e5e; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 35px; line-height: 13px; margin: 0; overflow: visible; outline: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(255,255,255,.8); vertical-align: text-top; width: 35px; right: 0; top: 0 } .shop .quantity .qty { border: 1px solid #ccc; box-shadow: none; float: left; height: 35px; padding: 0 39px; text-align: center; width: 125px; font-size: 1em } .shop .quantity .qty::-webkit-inner-spin-button,.shop .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .shop .quantity .qty::-ms-clear { display: none } .shop .product_meta { clear: both } .shop .tabs-product { margin-top: 35px } .shop ul.comments .comment-arrow { border-right-color: #f5f7f7 } .shop ul.comments .comment-block { background: #f5f7f7 } .shop table.cart { width: 100%; margin: 0; text-align: left } .shop table.cart img { height: auto; width: 55px } .shop table.cart th { padding: 8px 10px } .shop table.cart td { border-top: 1px solid #dcdcdc; padding: 8px 10px } .shop table.cart td.actions { padding: 20px 10px } .shop table.cart .remove .fa,.shop table.cart .remove .fas,.shop table.cart .remove .far,.shop table.cart .remove .fal,.shop table.cart .remove .fab { font-size: 1.5em } .shop table.cart .coupon { float: left } .shop table.cart .product-remove { width: 1% } .shop table.cart .product-thumbnail { width: 7% } .shop table.cart .product-name { width: 60% } .shop table.cart .quantity { top: 10px; position: relative } .shop .actions-continue { float: right } .shop .cart-totals { width: 100% } .shop .cart-totals th,.shop .cart-totals td { border-top: 1px solid #dcdcdc; padding: 8px 10px } .shop .cart-totals tr.total .amount { font-size: 2em; display: block; padding-top: 10px } .shop ul.simple-post-list li { border: 0 } .product-thumb-info { -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; border-radius: 6px; padding: 0; position: relative; border: 0; border-bottom: 3px solid #e3e4e8; background: #f7f9fc; display: block; overflow: hidden; position: relative; text-decoration: none; max-width: 100%; text-align: center; border: 1px solid #ddd; text-decoration: none } .product-thumb-info:hover { background-color: #fff; text-decoration: none } .product-thumb-info a { text-decoration: none; display: inline-block; width: 100% } .product-thumb-info a:hover { text-decoration: none; display: inline-block; width: 100% } .product-thumb-info img { -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; border-radius: 6px 6px 0 0; width: 100% } .product-thumb-info h4 { color: #404751; letter-spacing: -1px; font-weight: 600; font-size: 1.4em; line-height: 1.1em; margin: 0; padding: 0 } .product-thumb-info+.product-thumb-info { border-radius: 0 0 6px 6px; margin-top: -5px } .product-thumb-info .product-thumb-info-touch-hover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; display: none; background-color: transparent } .product-thumb-info.hover .product-thumb-info-touch-hover { display: block } .product-thumb-info .product-thumb-info-image { display: block; position: relative } .product-thumb-info .product-thumb-info-image:before { -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #171717; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; border-radius: 6px 6px 0 0 } .product-thumb-info:hover .product-thumb-info-image:before { filter: alpha(opacity=80); opacity: .8 } .product-thumb-info .product-thumb-info-act { position: absolute; top: 40%; left: 0; right: 0; text-align: center; color: #fff; filter: alpha(opacity=0); opacity: 0 } .product-thumb-info:hover .product-thumb-info-act { filter: alpha(opacity=100); opacity: 1; top: 50% } .product-thumb-info .product-thumb-info-act em { font-style: normal } .product-thumb-info .product-thumb-info-content { padding: 15px; text-align: left; display: block } .product-thumb-info .product-thumb-info-caption { padding: 0 15px 15px; text-align: left; display: block } .product-thumb-info .product-thumb-info-caption p { margin: 0; padding: 0 0 10px } .product-thumb-info .product-thumb-info-extra { clear: both; padding: 10px 0 0; margin: 10px 0 0; border-top: 1px solid #ebebf4; display: block } .product-thumb-info .product-thumb-info-extra.social a:last-child { border-right: 0; margin-right: 0; padding-right: 0 } .full-width .product-thumb-info .product-thumb-info-image:before { border-radius: 0 } @media(max-width: 991px) { .shop .actions-continue { float:none } .shop table.cart th.product-price,.shop table.cart td.product-price,.shop table.cart th.product-quantity,.shop table.cart td.product-quantity { display: none } header nav.mega-menu .mega-menu-shop a { color: #fff } header nav.mega-menu .mega-menu-shop a .fa-caret-down { display: none !important } header nav.mega-menu .mega-menu-shop>ul.dropdown-menu { display: none !important } } .appear-animation { opacity: 0 } .appear-animation-visible { opacity: 1 } .animated,.appear-animation { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s } @-moz-keyframes flash { 0%,50%,100% { opacity: 1 } 25%,75% { opacity: 0 } } @-o-keyframes flash { 0%,50%,100% { opacity: 1; } 25%,75% { opacity: 0; } } @keyframes flash { 0%,50%,100% { opacity: 1 } 25%,75% { opacity: 0 } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash } @-webkit-keyframes shake { 0%,100% { -webkit-transform: translateX(0); opacity: 1 } 10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px) } 20%,40%,60%,80% { -webkit-transform: translateX(10px) } } @-moz-keyframes shake { 0%,100% { -moz-transform: translateX(0); opacity: 1 } 10%,30%,50%,70%,90% { -moz-transform: translateX(-10px) } 20%,40%,60%,80% { -moz-transform: translateX(10px) } } @-o-keyframes shake { 0%,100% { -o-transform: translateX(0); opacity: 1; } 10%,30%,50%,70%,90% { -o-transform: translateX(-10px); } 20%,40%,60%,80% { -o-transform: translateX(10px); } } @keyframes shake { 0%,100% { transform: translateX(0); opacity: 1 } 10%,30%,50%,70%,90% { transform: translateX(-10px) } 20%,40%,60%,80% { transform: translateX(10px) } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake } @-webkit-keyframes bounce { 0%,20%,50%,80%,100% { -webkit-transform: translateY(0); opacity: 1 } 40% { -webkit-transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px) } } @-moz-keyframes bounce { 0%,20%,50%,80%,100% { -moz-transform: translateY(0); opacity: 1 } 40% { -moz-transform: translateY(-30px) } 60% { -moz-transform: translateY(-15px) } } @-o-keyframes bounce { 0%,20%,50%,80%,100% { -o-transform: translateY(0); opacity: 1; } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%,20%,50%,80%,100% { transform: translateY(0); opacity: 1 } 40% { transform: translateY(-30px) } 60% { transform: translateY(-15px) } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1) } 10%,20% { -webkit-transform: scale(.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0); opacity: 1 } } @-moz-keyframes tada { 0% { -moz-transform: scale(1) } 10%,20% { -moz-transform: scale(.9) rotate(-3deg) } 30%,50%,70%,90% { -moz-transform: scale(1.1) rotate(3deg) } 40%,60%,80% { -moz-transform: scale(1.1) rotate(-3deg) } 100% { -moz-transform: scale(1) rotate(0); opacity: 1 } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%,20% { -o-transform: scale(.9)rotate(-3deg); } 30%,50%,70%,90% { -o-transform: scale(1.1)rotate(3deg); } 40%,60%,80% { -o-transform: scale(1.1)rotate(-3deg); } 100% { -o-transform: scale(1)rotate(0); opacity: 1; } } @keyframes tada { 0% { transform: scale(1) } 10%,20% { transform: scale(.9) rotate(-3deg) } 30%,50%,70%,90% { transform: scale(1.1) rotate(3deg) } 40%,60%,80% { transform: scale(1.1) rotate(-3deg) } 100% { transform: scale(1) rotate(0); opacity: 1 } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada } @-webkit-keyframes swing { 20%,40%,60%,80%,100% { -webkit-transform-origin: top center } 20% { -webkit-transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg); opacity: 1 } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg) } 40% { -moz-transform: rotate(-10deg) } 60% { -moz-transform: rotate(5deg) } 80% { -moz-transform: rotate(-5deg) } 100% { -moz-transform: rotate(0deg); opacity: 1 } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); opacity: 1; } } @keyframes swing { 20% { transform: rotate(15deg) } 40% { transform: rotate(-10deg) } 60% { transform: rotate(5deg) } 80% { transform: rotate(-5deg) } 100% { transform: rotate(0deg); opacity: 1 } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg) } 100% { -webkit-transform: translateX(0%); opacity: 1 } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%) } 15% { -moz-transform: translateX(-25%) rotate(-5deg) } 30% { -moz-transform: translateX(20%) rotate(3deg) } 45% { -moz-transform: translateX(-15%) rotate(-3deg) } 60% { -moz-transform: translateX(10%) rotate(2deg) } 75% { -moz-transform: translateX(-5%) rotate(-1deg) } 100% { -moz-transform: translateX(0%); opacity: 1 } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%)rotate(-5deg); } 30% { -o-transform: translateX(20%)rotate(3deg); } 45% { -o-transform: translateX(-15%)rotate(-3deg); } 60% { -o-transform: translateX(10%)rotate(2deg); } 75% { -o-transform: translateX(-5%)rotate(-1deg); } 100% { -o-transform: translateX(0%); opacity: 1; } } @keyframes wobble { 0% { transform: translateX(0%) } 15% { transform: translateX(-25%) rotate(-5deg) } 30% { transform: translateX(20%) rotate(3deg) } 45% { transform: translateX(-15%) rotate(-3deg) } 60% { transform: translateX(10%) rotate(2deg) } 75% { transform: translateX(-5%) rotate(-1deg) } 100% { transform: translateX(0%); opacity: 1 } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg) } 10% { -webkit-transform: skewX(-8deg) } 20% { -webkit-transform: skewX(7deg) } 30% { -webkit-transform: skewX(-6deg) } 40% { -webkit-transform: skewX(5deg) } 50% { -webkit-transform: skewX(-4deg) } 60% { -webkit-transform: skewX(3deg) } 70% { -webkit-transform: skewX(-2deg) } 80% { -webkit-transform: skewX(1deg) } 90% { -webkit-transform: skewX(0deg) } 100% { -webkit-transform: skewX(0deg); opacity: 1 } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg) } 10% { -moz-transform: skewX(-8deg) } 20% { -moz-transform: skewX(7deg) } 30% { -moz-transform: skewX(-6deg) } 40% { -moz-transform: skewX(5deg) } 50% { -moz-transform: skewX(-4deg) } 60% { -moz-transform: skewX(3deg) } 70% { -moz-transform: skewX(-2deg) } 80% { -moz-transform: skewX(1deg) } 90% { -moz-transform: skewX(0deg) } 100% { -moz-transform: skewX(0deg); opacity: 1 } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); opacity: 1; } } @keyframes wiggle { 0% { transform: skewX(9deg) } 10% { transform: skewX(-8deg) } 20% { transform: skewX(7deg) } 30% { transform: skewX(-6deg) } 40% { transform: skewX(5deg) } 50% { transform: skewX(-4deg) } 60% { transform: skewX(3deg) } 70% { transform: skewX(-2deg) } 80% { transform: skewX(1deg) } 90% { transform: skewX(0deg) } 100% { transform: skewX(0deg); opacity: 1 } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1) } 50% { -webkit-transform: scale(1.1) } 100% { -webkit-transform: scale(1); opacity: 1 } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1) } 50% { -moz-transform: scale(1.1) } 100% { -moz-transform: scale(1); opacity: 1 } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes pulse { 0% { transform: scale(1) } 50% { transform: scale(1.1) } 100% { transform: scale(1); opacity: 1 } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px) } 100% { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px) } 100% { opacity: 1; transform: translateY(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px) } 100% { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px) } 100% { opacity: 1; transform: translateY(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px) } 100% { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px) } 100% { opacity: 1; transform: translateY(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0) } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px) } 100% { opacity: 1; -moz-transform: translateY(0) } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px) } 100% { opacity: 1; transform: translateY(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0) } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px) } 100% { opacity: 1; -moz-transform: translateX(0) } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px) } 100% { opacity: 1; transform: translateX(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05) } 70% { -webkit-transform: scale(.9) } 100% { -webkit-transform: scale(1); opacity: 1 } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3) } 50% { opacity: 1; -moz-transform: scale(1.05) } 70% { -moz-transform: scale(.9) } 100% { -moz-transform: scale(1); opacity: 1 } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3) } 50% { opacity: 1; transform: scale(1.05) } 70% { transform: scale(.9) } 100% { transform: scale(1); opacity: 1 } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px) } 100% { -webkit-transform: translateY(0); opacity: 1 } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px) } 60% { opacity: 1; -moz-transform: translateY(-30px) } 80% { -moz-transform: translateY(10px) } 100% { -moz-transform: translateY(0); opacity: 1 } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px) } 60% { opacity: 1; transform: translateY(-30px) } 80% { transform: translateY(10px) } 100% { transform: translateY(0); opacity: 1 } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); opacity: 1 } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px) } 60% { opacity: 1; -moz-transform: translateY(30px) } 80% { -moz-transform: translateY(-10px) } 100% { -moz-transform: translateY(0); opacity: 1 } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px) } 60% { opacity: 1; transform: translateY(30px) } 80% { transform: translateY(-10px) } 100% { transform: translateY(0); opacity: 1 } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); opacity: 1 } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px) } 60% { opacity: 1; -moz-transform: translateX(30px) } 80% { -moz-transform: translateX(-10px) } 100% { -moz-transform: translateX(0); opacity: 1 } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px) } 60% { opacity: 1; transform: translateX(30px) } 80% { transform: translateX(-10px) } 100% { transform: translateX(0); opacity: 1 } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px) } 100% { -webkit-transform: translateX(0); opacity: 1 } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px) } 60% { opacity: 1; -moz-transform: translateX(-30px) } 80% { -moz-transform: translateX(10px) } 100% { -moz-transform: translateX(0); opacity: 1 } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px) } 60% { opacity: 1; transform: translateX(-30px) } 80% { transform: translateX(10px) } 100% { transform: translateX(0); opacity: 1 } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0 } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0 } 100% { transform-origin: center center; transform: rotate(0); opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0 } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0 } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0 } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0 } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0 } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0 } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1 } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0 } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1 } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0 } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight } * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } div.body *,html .scroll-to-top,.ui-dialog-titlebar-close,.lightbox-opened .mfp-wrap *,.mfp-wrap.my-mfp-zoom-in * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .common_license_container .porto.common_license_message { margin-bottom: 0; position: fixed; width: 100%; z-index: 10000; bottom: 0; left: 0 } .common_license_container .porto.common_license_message .mclose { top: 22px; right: 40px } .Normal,.NormalDisabled,.NormalDeleted { color: inherit; font-family: inherit; font-size: inherit; line-height: 20px } .language .language-object span { float: right; padding: 5px 8px; margin: 0 0 0 5px; border-radius: 100%; box-shadow: 1px 1px 1px 0 rgba(0,0,0,.1); -moz-border-radius: 100%; -webkit-border-radius: 100%; background-color: #fff } .language .language-object span img { height: 12px; width: 17px; opacity: .4 } .language .language-object span:hover img { opacity: 1 } .language .language-object .Language.selected img { opacity: 1; border-color: #222; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.8); box-shadow: 0 1px 0 0 rgba(255,255,255,.8) } @media(max-width: 576px) { header.flat-header .language,header.newHeader .language { display:inline-block; float: right; margin-bottom: 10px } header.flat-header .header-body #login,header.newHeader .header-body #login { display: block; float: right } header.flat-header #login .loginGroup,header.flat-header #login .registerGroup,header.newHeader #login .loginGroup,header.newHeader #login .registerGroup { float: right } header.flat-header #login .registerGroup a,header.newHeader #login .registerGroup a { margin-left: 5px } header.flat-header .header-body .header-nav-top,header.newHeader .header-body .header-nav-top { display: block } } header.colored.flat-menu.darken-top-border div.search,header.clean-top.center div.search { margin-bottom: 0 } #login .registerGroup,#login .registerGroup *,#login .loginGroup,#login .loginGroup * { display: block } #login .loginGroup { margin-left: 6px; } #login .registerGroup li:first-child:hover { border-left: #222 } #login .registerGroup li { float: right; } #login .registerGroup .buttonGroup { margin: 0; padding: 0 0 0 0px; list-style: none } #login .registerGroup a,#login .loginGroup a,#login a.SkinObject,#login a.LoginLink { position: relative; text-transform: none; /* font-weight:bold */ padding: 0px 5px; } #login .registerGroup a { /* line-height:16px; */ /* height:32px; */ /* padding:10px 0; */ /* font-weight:bold; */ /* margin-left:8px; */ color: black; /* width: 60px; */ /* text-align: center; */ font-size: 14px; } #login a.SkinObject,#login a.LoginLink { padding: 0px 0px 0px 5px; /* width: 60px; */ /* text-align: center; */ color: #605E5C; /* left: -67px; */ /* color: black!important; */ /* top: 17px; */ font-size: 10px; /* margin: 5px; */ } #login .userMessages a:hover,#login .userNotifications a:hover { background: #eee } #login .registerGroup a:hover,#login .loginGroup a:hover { text-decoration: none; color: #605E5C; background-color: transparent; } #login .registerGroup a strong,#login .loginGroup a strong { display: block; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; font-size: 11px; text-indent: -9999px } #login .userMessages a,#login .userNotifications a { background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.3); padding-left: 16px; padding-right: 16px } #login .userProfileImg img,#login .registerGroup a,#login .loginGroup a,#login a.SkinObject,#login a.LoginLink { border-radius: 20px; } #login .userMessages strong { height: 100%; background: url('Resources/img/icon_message.png') no-repeat center center } #login .userNotifications strong { height: 100%; background: url('Resources/img/icon_notification.png') no-repeat center center } #login .registerGroup a span { display: inline-block; position: absolute; right: 2px; top: -9px; min-width: 7px; margin-right: 0px; background: #3b96b6; text-align: center; font-size: 11px; color: #fff; text-shadow: 0 1px 0 #333 } #login .registerGroup .userProfileImg a { min-width: 25px; min-height: 32px; padding: 0; background: none; box-shadow: 0 2px 2px 0 rgba(0,0,0,.3); display:none; } #login .registerGroup a img { height: 0; width: 0; background: #333 } #login .userMessages a span,#login .userNotifications a span { display: inline-block; margin-top: 9px; margin-right: 0; background-color: transparent; font-size: 10px } .layout_trigger { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -2; background-size: cover } .dnnCheckbox .mark { padding: 0; background-color: transparent } .body .dnnSortable { min-height: 0 !important } .body .dnnDropEmptyPanes { min-height: 110px !important; outline: 1px dashed #ccc !important } .body ul.dnnAdminTabNav,.body ul.dnnActions,#dnnModuleDigitalAssetsBreadcrumb ul { padding-left: 0 } .body ul.dnnAdminTabNav li { line-height: normal } header.flat-menu.clean-top div.social-icons,header.colored.flat-menu div.social-icons,header.clean-top.center div.social-icons { float: left; margin: 0; clear: none } #ControlBar,div.body .mdMemberList *,div.body .dnnDocumentViewerBackground *,div.body .dnnDropDownList .selected-item a,.dnnDocumentViewerBackground div,#dnnModuleDigitalAssetsMainToolbar,#dnnModuleDigitalAssetsSelectionToolbar { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .icon-search { display: inline-block; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: normal; line-height: 1 } .DnnModule { z-index: inherit !important } #UserProfileImg img { width: 100px; height: auto; border: solid 3px #fff; } .UserProfileControls ul { margin: 15px 0; padding: 0 } .UserProfileControls ul li { list-style-type: none; margin-bottom: 3px } blockquote p { font-style: normal; font-family: "Open Sans",Arial,sans-serif } .dnnEditState .DnnModule { opacity: 1 } .DNNEmptyPane { width: auto } body .dnnLogin .dnnSecondaryAction { color: #333 } .body .dnnLogin .dnnLoginService .dnnFormItem>label#dnn_ctr_Login_Login_DNN_lblLogin,.body .dnnForm.dnnLoginService.dnnClear .dnnFormItem:nth-child(4)>.dnnFormLabel,.body .dnnLogin .dnnLoginService .dnnFormItem>span.dnnFormLabel { display: none } .dnnFormMessage { max-width: 100% } .btn-primary:visited,.btn-primary:visited:hover { color: #fff } @media only screen and (min-width: 0) and (max-width:479px) { .LoginPanel { width:100%; padding: 0 } .dnnLoginService input[type="text"],.dnnLoginService input[type="password"],div.dnnRegistrationForm { min-width: 100%; width: 100% } .dnnFormItem>label.dnnFormLabel,.dnnLabel { width: auto } .dnnFormItem input[type="text"],.dnnFormItem input[type="password"],.dnnFormItem input[type="email"],.dnnFormItem input[type="tel"],.dnnFormItem select,.dnnFormItem textarea { max-width: 100%; width: 100% } .dnnFormMessage { max-width: 100% } div.dnnRegistrationForm .dnnForm { width: 100% } } .btn-danger:visited { color: #fff } footer .container .row>div { margin-bottom: 0 !important } .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 { min-height: 0 } blockquote cite { display: inline; color: #777; font-size: inherit } header div.search input.NormalTextBox:first-child { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; width: 170px; font-size: .9em; padding: 6px 32px 6px 12px; height: 34px; -moz-transition: all .2s ease-in .2s; -o-transition: all .2s ease-in .2s; -webkit-transition: all .2s ease-in .2s; transition: all .2s ease-in .2s } header div.search input.NormalTextBox:focus { width: 220px; border-color: #ccc; outline: none } header div.search input.NormalTextBox { display: block; float: left; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s } header .icon-search { border: 0; background: url('Resources/img/search.png') no-repeat center center; position: absolute; top: 0; right: 4px; padding: 10px; text-decoration: none; font-size: 12px } ul,ol { margin-left: 0; margin-right: 0; padding-left: 40px } li p { line-height: 24px } header .header-top.header-top-style-2 div.social-icons { float: left; margin: 0; clear: none } header .header-top.header-top-style-2 .social-icons { margin: 14px 5px 0; line-height: normal } @media(max-width: 991px) { header nav ul.nav-main li a i.fa-caret-down,header nav ul.nav-main li a em.fa-caret-down,header nav ul.nav-main .dropdown-submenu i.fa-caret-down,header nav ul.nav-main .dropdown-submenu em.fa-caret-down { font-size:25px } header .header-top { display: block } header div.search { display: none } header .social-icons { margin-top: 13px } } footer .copyright a { margin-left: 5px; margin-right: 5px } footer .copyright span { margin-right: 5px } .icon { display: inline-block; font: normal normal normal 14px/1 'Font Awesome 5 Free'; font-weight: 900; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-map-marker:before { content: "" } .icon-phone:before { /* content:""; */ } .icon-envelope:before { content: "" } .custom-underline { background: url(Resources/img/custom-underline.png) no-repeat center 100%; padding-bottom: 25px; font-size: 1.5em } .feature-box-icon i.fa.text-color-primary,.feature-box-icon i.fas.text-color-primary,.feature-box-icon i.far.text-color-primary,.feature-box-icon i.fal.text-color-primary,.feature-box-icon i.fab.text-color-primary,.feature-box-icon em.fa.text-color-primary,.feature-box-icon em.fas.text-color-primary,.feature-box-icon em.far.text-color-primary,.feature-box-icon em.fal.text-color-primary,.feature-box-icon em.fab.text-color-primary { line-height: 32px } p .font-size-sm { font-size: .9em !important } .center .font-size-md { font-size: 1em !important } @media(min-width: 992px) { .mockup-landing-page { margin-top:-120px } } section.section.section-with-mockup { margin-top: 120px } .semi-bold { font-weight: 600 } .dnnFormItem .dnnLoginActions .dnnActions li { margin-bottom: -20px } .body .dnnLogin .dnnLoginService,.body div.dnnRegistrationForm { border-radius: 8px; border: 1px solid #ccc; border-top-width: 4px; padding: 30px 30px 10px 30px; /* width:100% */ } .body .dnnLogin .dnnLoginService .dnnFormItem>.dnnSecondaryAction,.body .dnnRegistrationForm ul#dnn_ctr_Register_actionsRow li a.dnnSecondaryAction { text-decoration: none; background: none; border: none; box-shadow: none } .dnnActions li#dnn_ctr_Login_Login_DNN_liPassword a.dnnSecondaryAction { text-decoration: none; background: none; border: none; box-shadow: none } .dnnActions li#dnn_ctr_Login_Login_DNN_liRegister .dnnSecondaryAction:hover,a.dnnSecondaryAction:hover { background-color: #0099e6 } .body .dnnLogin .dnnFormItem label.dnnFormLabel,.body .dnnRegistrationForm .dnnLabel,.body .dnnLogin .dnnFormItem span.dnnFormLabel { /* margin-bottom:5px !important; */ text-align: left !important; /* width:100% !important */ } .body .dnnLogin .dnnLoginService input[type="text"],.body .dnnLoginService input[type="password"],.body .dnnRegistrationForm .dnnFormItem input[type="text"],.body .dnnRegistrationForm .dnnFormItem input[type="password"],.body .dnnRegistrationForm .dnnFormItem input[type="email"],.body .dnnRegistrationForm .dnnFormItem input[type="tel"],.body .dnnRegistrationForm .dnnFormItem select { width: 100%; min-width: 100% } .dnnForm .dnnFormItem { margin-bottom: 12px } .body .dnnFormItem .dnnLoginRememberMe { display: block; margin-top: 11px } .body .dnnLogin label,.body .dnnRegistrationForm label { font-weight: bold } .body .dnnLoginService input[type="text"],.body .dnnLoginService input[type="password"] { height: 46px } .body .loginContent { margin-top: 50px } .body .dnnLogin .dnnLoginService input[type="text"],.body .dnnLoginService input[type="password"],.body .dnnRegistrationForm .dnnFormItem input[type="text"],.body .dnnRegistrationForm .dnnFormItem input[type="password"],.body .dnnRegistrationForm .dnnFormItem input[type="email"],.body .dnnRegistrationForm .dnnFormItem input[type="tel"],.body .dnnRegistrationForm .dnnFormItem select { width: 100%; min-width: 100% } .body .dnnLogin .LoginPanel { padding-right: 0; width: 100% } .body div.dnnRegistrationForm .dnnForm { width: 100%; margin-bottom: -30px } .body .dnnLogin a.dnnPrimaryAction,.body .dnnRegistrationForm a.dnnPrimaryAction { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); box-shadow: none; text-decoration: none } .body .dnnRegistrationForm .dnnFormItem>.dnnLabel { margin-top: 0; width: auto; } .body .dnnRegistrationForm .password-strength-container { margin: 0 0 18px 0 !important; max-width: 100% !important; width: 100% !important } .body .dnnFormItem .password-strength-container input[type="password"] { margin-bottom: 10px } @media(min-width: 991px) { .body .dnnLogin .dnnLoginService { width:100%; margin: 0 auto } } .body div.dnnRegistrationForm { /* min-width:100%; */ box-sizing: border-box; } .dnnActions a.dnnSecondaryAction { text-decoration: none } .body .LoginPanel .dnnFormItem>.dnnLabel { padding-right: 0; width: 30%; margin: 6px 18px 0 0; float: none } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnRegistrationForm .dnnFormItem .password-strength-container input[type="password"] { margin: 0; width: 100% } body.mobileView.dnnFormPopup.dnnFormPopupMobileView .dnnFormMessage { padding: 10px } .loginContent .dnnLoginActions ul.dnnActions.dnnClear { padding: 0 } .btn-text-indent { text-indent: -9999px; position: absolute } section.video { -webkit-transform: translate3d(0,0,0); background-position: 50% 50%; background-repeat: no-repeat; padding: 50px 0; position: relative; overflow: hidden; width: 100% } section.video .container { position: relative; z-index: 3 } section.video .video-overlay { background: transparent url(Resources/img/video-overlay.png) repeat 0 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2 } html.boxed section.video>div:first-child { z-index: 0 !important } html.boxed section.video>div:first-child video { z-index: 0 !important } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0) } .owl-carousel .owl-wrapper,.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0) } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; /* width:100% */ } .owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none } .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .no-js .owl-carousel { display: block } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height 500ms ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3,1.3); transform: scale(1.3,1.3) } .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-nav [class*='owl-'] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #fff; text-decoration: none } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom:1;*display: inline } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span { background: #869791 } .owl-carousel { margin-bottom: 20px } .owl-carousel .thumbnail { margin-right: 1px } .owl-carousel .item-video { height: 300px } .owl-carousel .owl-nav { top: 50%; position: absolute; margin-top: -20px; width: 100% } .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next { display: inline-block; position: absolute; width: 30px; height: 30px } .owl-carousel .owl-nav .owl-prev { left: -5px } .owl-carousel .owl-nav .owl-next { right: -5px } .owl-carousel.stage-margin .owl-stage-outer { padding-left: 0 !important; padding-right: 0 !important; margin-left: 40px !important; margin-right: 40px !important } .owl-carousel.show-nav-hover .owl-nav { opacity: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out } .owl-carousel.show-nav-hover .owl-nav .owl-prev { left: -20px } .owl-carousel.show-nav-hover .owl-nav .owl-next { right: -20px } .owl-carousel.show-nav-hover:hover .owl-nav { opacity: 1 } .owl-carousel.show-nav-title .owl-controls .owl-nav { top: 0; right: 0; margin-top: -45px; width: auto } .owl-carousel.show-nav-title .owl-controls .owl-nav [class*="owl-"],.owl-carousel.show-nav-title .owl-controls .owl-nav [class*="owl-"]:hover { font-size: 18px; background: transparent; width: 18px; font-size: 18px } .owl-carousel.show-nav-title .owl-controls .owl-nav .owl-prev { left: -45px } .owl-carousel.rounded-nav .owl-controls .owl-nav [class*="owl-"],.owl-carousel.rounded-nav .owl-controls .owl-nav [class*="owl-"]:hover { padding: 3px 7px; border-radius: 50%; background: transparent; border: 1px solid #999 !important; color: #999 } .owl-carousel.nav-bottom .owl-controls .owl-nav { position: static; margin: 0; padding: 0; width: auto } .owl-carousel.nav-bottom .owl-controls .owl-nav .owl-prev,.owl-carousel.nav-bottom .owl-controls .owl-nav .owl-next { position: static } .owl-carousel.nav-inside .owl-controls { bottom: 2px; margin-top: 10px; position: absolute; right: 6px } .owl-carousel.full-width .owl-controls .owl-nav,.owl-carousel.big-nav .owl-controls .owl-nav { margin-top: -30px } .owl-carousel.full-width .owl-controls .owl-nav [class*="owl-"],.owl-carousel.full-width .owl-controls .owl-nav [class*="owl-"]:hover,.owl-carousel.big-nav .owl-controls .owl-nav [class*="owl-"],.owl-carousel.big-nav .owl-controls .owl-nav [class*="owl-"]:hover { height: auto; padding: 20px 0 } .owl-carousel.full-width .owl-controls .owl-nav .owl-prev,.owl-carousel.big-nav .owl-controls .owl-nav .owl-prev { border-radius: 0 4px 4px 0 } .owl-carousel.full-width .owl-controls .owl-nav .owl-next,.owl-carousel.big-nav .owl-controls .owl-nav .owl-next { border-radius: 4px 0 0 4px } .owl-carousel.top-border { border-top: 1px solid #dbdbdb; padding-top: 18px } .owl-carousel-spaced { margin-left: -5px } .owl-carousel-spaced .owl-item>div { margin: 5px } .owl-carousel.testimonials img { display: inline-block; height: 70px; width: 70px } @media(max-width: 479px) { .owl-carousel-spaced { margin-left:0 } } .carousel-areas .owl-carousel:first-child img { border-radius: 6px 6px 0 0 } .carousel-areas { background: transparent url('Resources/img/patterns/stripes.png') repeat 0 0; margin-bottom: -10px; padding: 10px 10px 0 10px; border-radius: 6px 6px 0 0 } .carousel-areas .owl-carousel .owl-nav .owl-prev { left: -55px } .carousel-areas .owl-carousel .owl-nav .owl-next { right: -55px } .carousel-areas .owl-carousel { box-shadow: 0 5px 5px rgba(0,0,0,.2) } .owl-carousel.stage-margin .owl-stage-outer { padding-left: 0!important; padding-right: 0!important; margin-left: 40px!important; margin-right: 40px!important } .owl-carousel .owl-nav .owl-next:before { font-family: "Font Awesome 5 Free"; /* content:""; */ position: relative; left: 2px; top: 1px; } .owl-carousel .owl-nav .owl-prev:before { font-family: "Font Awesome 5 Free"; /* content:""; */ position: relative; left: -1px; top: 1px; } .owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev { display: inline-block; position: absolute; width: 30px; height: 30px } .owl-carousel .owl-nav .owl-prev { left: -5px } .owl-carousel .owl-nav .owl-next { right: -5px } .owl-carousel.show-nav-title.owl-team-carousel .owl-controls .owl-nav { top: 50%; margin-top: -45px; width: 100%; left: 0; right: 0 } .owl-carousel.show-nav-title.owl-team-carousel .owl-nav .owl-prev { left: -40px } .owl-carousel.show-nav-title.owl-team-carousel .owl-nav .owl-next { right: -30px } @media(max-width: 991px) { .owl-carousel.show-nav-title.owl-team-carousel .owl-nav .owl-prev { left:-25px } .owl-carousel.show-nav-title.owl-team-carousel .owl-nav .owl-next { right: -15px } } .owl-carousel.show-nav-title .owl-nav { top: 0; right: 0; margin-top: -45px; width: auto } .owl-carousel.show-nav-title .owl-nav [class*="owl-"],.owl-carousel.show-nav-title .owl-nav [class*="owl-"]:hover { font-size: 18px; background: transparent; width: 18px; font-size: 18px } .owl-carousel.show-nav-title .owl-nav .owl-prev { left: -45px } .owl-carousel.rounded-nav .owl-nav [class*="owl-"],.owl-carousel.rounded-nav .owl-nav [class*="owl-"]:hover { padding: 3px 7px; border-radius: 50%; background: transparent; border: 1px solid #999 !important; color: #999 } .owl-carousel.nav-bottom .owl-nav { position: static; margin: 0; padding: 0; width: auto } .owl-carousel.nav-bottom .owl-nav .owl-prev,.owl-carousel.nav-bottom .owl-nav .owl-next { position: static } .owl-carousel.nav-inside { bottom: 2px; margin-top: 10px; right: 6px } .owl-carousel.full-width .owl-nav,.owl-carousel.big-nav .owl-nav { margin-top: -30px } .owl-carousel.full-width .owl-nav [class*="owl-"],.owl-carousel.full-width .owl-nav [class*="owl-"]:hover,.owl-carousel.big-nav .owl-nav [class*="owl-"],.owl-carousel.big-nav .owl-nav [class*="owl-"]:hover { height: auto; padding: 20px 0 } .owl-carousel.full-width .owl-nav .owl-prev,.owl-carousel.big-nav .owl-nav .owl-prev { border-radius: 0 4px 4px 0 } .owl-carousel.full-width .owl-nav .owl-next,.owl-carousel.big-nav .owl-nav .owl-next { border-radius: 4px 0 0 4px } .owl-carousel.show-nav-title.owl-team-carousel .owl-nav { top: 50%; margin-top: -45px; width: 100%; left: 0; right: 0 } .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom:1} .owl-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 2px solid transparent } .owl-carousel .owl-dots { text-align: center; margin-top: 10px } .owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev { text-align: center } .owl-carousel.nav-bottom .owl-nav { text-align: center; margin-top: 10px } .owl-carousel .owl-nav [class*='owl-'] { margin: 5px; webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4px 7px } .owl-carousel.nav-inside.owl-drag .owl-dots { position: absolute; right: 10px; bottom: 10px } .owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev { font-weight: bold } @font-face { font-family: 'Simple-Line-Icons'; src: url('Resources/fonts/Simple-Line-Icons.eot'); src: url('Resources/fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),url('Resources/fonts/Simple-Line-Icons.woff') format('woff'),url('Resources/fonts/Simple-Line-Icons.ttf') format('truetype'),url('Resources/fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg'); font-weight: normal; font-style: normal } [data-icon]:before { font-family: 'Simple-Line-Icons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-trophy,.icon-screen-smartphone,.icon-screen-desktop,.icon-plane,.icon-notebook,.icon-moustache,.icon-mouse,.icon-magnet,.icon-energy,.icon-emoticon-smile,.icon-disc,.icon-cursor-move,.icon-crop,.icon-credit-card,.icon-chemistry,.icon-user,.icon-speedometer,.icon-social-youtube,.icon-social-twitter,.icon-social-tumblr,.icon-social-facebook,.icon-social-dropbox,.icon-social-dribbble,.icon-shield,.icon-screen-tablet,.icon-magic-wand,.icon-hourglass,.icon-graduation,.icon-ghost,.icon-game-controller,.icon-fire,.icon-eyeglasses,.icon-envelope-open,.icon-envelope-letter,.icon-bell,.icon-badge,.icon-anchor,.icon-wallet,.icon-vector,.icon-speech,.icon-puzzle,.icon-printer,.icon-present,.icon-playlist,.icon-pin,.icon-picture,.icon-map,.icon-layers,.icon-handbag,.icon-globe-alt,.icon-globe,.icon-frame,.icon-folder-alt,.icon-film,.icon-feed,.icon-earphones-alt,.icon-earphones,.icon-drop,.icon-drawer,.icon-docs,.icon-directions,.icon-direction,.icon-diamond,.icon-cup,.icon-compass,.icon-call-out,.icon-call-in,.icon-call-end,.icon-calculator,.icon-bubbles,.icon-briefcase,.icon-book-open,.icon-basket-loaded,.icon-basket,.icon-bag,.icon-action-undo,.icon-action-redo,.icon-wrench,.icon-umbrella,.icon-trash,.icon-tag,.icon-support,.icon-size-fullscreen,.icon-size-actual,.icon-shuffle,.icon-share-alt,.icon-share,.icon-rocket,.icon-question,.icon-pie-chart,.icon-pencil,.icon-note,.icon-music-tone-alt,.icon-music-tone,.icon-microphone,.icon-loop,.icon-logout,.icon-login,.icon-list,.icon-like,.icon-home,.icon-grid,.icon-graph,.icon-equalizer,.icon-dislike,.icon-cursor,.icon-control-start,.icon-control-rewind,.icon-control-play,.icon-control-pause,.icon-control-forward,.icon-control-end,.icon-calendar,.icon-bulb,.icon-bar-chart,.icon-arrow-up,.icon-arrow-right,.icon-arrow-left,.icon-arrow-down,.icon-ban,.icon-bubble,.icon-camcorder,.icon-camera,.icon-check,.icon-clock,.icon-close,.icon-cloud-download,.icon-cloud-upload,.icon-doc,.icon-envelope,.icon-eye,.icon-flag,.icon-folder,.icon-heart,.icon-info,.icon-key,.icon-link,.icon-lock,.icon-lock-open,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-paper-clip,.icon-paper-plane,.icon-plus,.icon-pointer,.icon-power,.icon-refresh,.icon-reload,.icon-settings,.icon-star,.icon-symbol-female,.icon-symbol-male,.icon-target,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-users { font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased } .icon-user-female:before { content: "" } .icon-user-follow:before { content: "" } .icon-user-following:before { content: "" } .icon-user-unfollow:before { content: "" } .icon-trophy:before { content: "" } .icon-screen-smartphone:before { content: "" } .icon-screen-desktop:before { content: "" } .icon-plane:before { content: "" } .icon-notebook:before { content: "" } .icon-moustache:before { content: "" } .icon-mouse:before { content: "" } .icon-magnet:before { content: "" } .icon-energy:before { content: "" } .icon-emoticon-smile:before { content: "" } .icon-disc:before { content: "" } .icon-cursor-move:before { content: "" } .icon-crop:before { content: "" } .icon-credit-card:before { content: "" } .icon-chemistry:before { content: "" } .icon-user:before { content: "" } .icon-speedometer:before { content: "" } .icon-social-youtube:before { content: "" } .icon-social-twitter:before { content: "" } .icon-social-tumblr:before { content: "" } .icon-social-facebook:before { content: "" } .icon-social-dropbox:before { content: "" } .icon-social-dribbble:before { content: "" } .icon-shield:before { content: "" } .icon-screen-tablet:before { content: "" } .icon-magic-wand:before { content: "" } .icon-hourglass:before { content: "" } .icon-graduation:before { content: "" } .icon-ghost:before { content: "" } .icon-game-controller:before { content: "" } .icon-fire:before { content: "" } .icon-eyeglasses:before { content: "" } .icon-envelope-open:before { content: "" } .icon-envelope-letter:before { content: "" } .icon-bell:before { content: "" } .icon-badge:before { content: "" } .icon-anchor:before { content: "" } .icon-wallet:before { content: "" } .icon-vector:before { content: "" } .icon-speech:before { content: "" } .icon-puzzle:before { content: "" } .icon-printer:before { content: "" } .icon-present:before { content: "" } .icon-playlist:before { content: "" } .icon-pin:before { content: "" } .icon-picture:before { content: "" } .icon-map:before { content: "" } .icon-layers:before { content: "" } .icon-handbag:before { content: "" } .icon-globe-alt:before { content: "" } .icon-globe:before { content: "" } .icon-frame:before { content: "" } .icon-folder-alt:before { content: "" } .icon-film:before { content: "" } .icon-feed:before { content: "" } .icon-earphones-alt:before { content: "" } .icon-earphones:before { content: "" } .icon-drop:before { content: "" } .icon-drawer:before { content: "" } .icon-docs:before { content: "" } .icon-directions:before { content: "" } .icon-direction:before { content: "" } .icon-diamond:before { content: "" } .icon-cup:before { content: "" } .icon-compass:before { content: "" } .icon-call-out:before { content: "" } .icon-call-in:before { content: "" } .icon-call-end:before { content: "" } .icon-calculator:before { content: "" } .icon-bubbles:before { content: "" } .icon-briefcase:before { content: "" } .icon-book-open:before { content: "" } .icon-basket-loaded:before { content: "" } .icon-basket:before { content: "" } .icon-bag:before { content: "" } .icon-action-undo:before { content: "" } .icon-action-redo:before { content: "" } .icon-wrench:before { content: "" } .icon-umbrella:before { content: "" } .icon-trash:before { content: "" } .icon-tag:before { content: "" } .icon-support:before { content: "" } .icon-size-fullscreen:before { content: "" } .icon-size-actual:before { content: "" } .icon-shuffle:before { content: "" } .icon-share-alt:before { content: "" } .icon-share:before { content: "" } .icon-rocket:before { content: "" } .icon-question:before { content: "" } .icon-pie-chart:before { content: "" } .icon-pencil:before { content: "" } .icon-note:before { content: "" } .icon-music-tone-alt:before { content: "" } .icon-music-tone:before { content: "" } .icon-microphone:before { content: "" } .icon-loop:before { content: "" } .icon-logout:before { content: "" } .icon-login:before { content: "" } .icon-list:before { content: "" } .icon-like:before { content: "" } .icon-home:before { content: "" } .icon-grid:before { content: "" } .icon-graph:before { content: "" } .icon-equalizer:before { content: "" } .icon-dislike:before { content: "" } .icon-cursor:before { content: "" } .icon-control-start:before { content: "" } .icon-control-rewind:before { content: "" } .icon-control-play:before { content: "" } .icon-control-pause:before { content: "" } .icon-control-forward:before { content: "" } .icon-control-end:before { content: "" } .icon-calendar:before { content: "" } .icon-bulb:before { content: "" } .icon-bar-chart:before { content: "" } .icon-arrow-up:before { content: "" } .icon-arrow-right:before { content: "" } .icon-arrow-left:before { content: "" } .icon-arrow-down:before { content: "" } .icon-ban:before { content: "" } .icon-bubble:before { content: "" } .icon-camcorder:before { content: "" } .icon-camera:before { content: "" } .icon-check:before { /* content:""; */ } .icon-clock:before { content: "" } .icon-close:before { content: "" } .icon-cloud-download:before { content: "" } .icon-cloud-upload:before { content: "" } .icon-doc:before { content: "" } .icon-envelope:before { content: "" } .icon-eye:before { content: "" } .icon-flag:before { content: "" } .icon-folder:before { content: "" } .icon-heart:before { content: "" } .icon-info:before { content: "" } .icon-key:before { content: "" } .icon-link:before { content: "" } .icon-lock:before { content: "" } .icon-lock-open:before { content: "" } .icon-magnifier:before { content: "" } .icon-magnifier-add:before { content: "" } .icon-magnifier-remove:before { content: "" } .icon-paper-clip:before { content: "" } .icon-paper-plane:before { content: "" } .icon-plus:before { content: "" } .icon-pointer:before { content: "" } .icon-power:before { content: "" } .icon-refresh:before { content: "" } .icon-reload:before { content: "" } .icon-settings:before { content: "" } .icon-star:before { content: "" } .icon-symbol-female:before { content: "" } .icon-symbol-male:before { content: "" } .icon-target:before { content: "" } .icon-volume-1:before { content: "" } .icon-volume-2:before { content: "" } .icon-volume-off:before { content: "" } .icon-users:before { content: "" } .type-writer { position: relative } .type-text-lg { font-size: 60px; font-weight: 600; line-height: 1.4; color: #000 } .type-text-sm { font-size: 30px; font-weight: 600; line-height: 1.4; color: #000 } .type-input { width: 40%; padding: 5px 12px; font-size: 16px } .type-wrap-3 .typed-cursor { font-size: 60px; color: #fff } @media(max-width: 991px) { .type-text-lg { font-size:40px } .type-text-sm { font-size: 20px } .type-wrap-3 .typed-cursor { font-size: 40px } } .fc-slideshow { position: relative; width: 338px; height: 338px; border-radius: 50%; margin: 0 auto; -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; top: 6px } .fc-slideshow nav { top: 0; height: 100%; width: 100%; position: absolute; z-index: 10000; display: none } .fc-slideshow nav>div { position: absolute; height: 100%; top: 0; width: 50% } .fc-slideshow nav .fc-left { left: 0 } .fc-slideshow nav .fc-right { right: 0 } .fc-slideshow nav>div span { height: 33%; width: 100%; position: absolute; left: 0 } .fc-slideshow nav>div span:first-child { top: 0 } .fc-slideshow nav>div span:nth-child(2) { top: 33% } .fc-slideshow nav>div span:nth-child(3) { top: 66% } .fc-slideshow nav i,.no-csstransforms3d .fc-slideshow nav>div span { position: absolute; width: 100%; height: 40px; top: 50%; margin-top: -20px; pointer-events: none; opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all .2s ease; -moz-backface-visibility: hidden; -moz-transition: all .2s ease; backface-visibility: hidden; transition: all .2s ease } .no-csstransforms3d .fc-slideshow nav>div span { z-index: 1000; width: 40px; background: rgba(0,0,0,0) } .no-csstransforms3d .fc-slideshow nav .fc-left span { left: -80px } .no-csstransforms3d .fc-slideshow nav .fc-right span { right: -80px; left: auto } .no-csstransforms3d .fc-slideshow nav i,.no-csstransforms3d .fc-slideshow nav em { width: 40px; cursor: pointer } .fc-slideshow nav .fc-left i,.fc-slideshow nav .fc-left em { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; text-align: left } .fc-slideshow nav .fc-right i,.fc-slideshow nav .fc-right em { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%; text-align: right } .csstransforms3d .fc-slideshow nav>div span:hover~i,.csstransforms3d .fc-slideshow nav>div span:hover~em,.no-csstransforms3d .fc-slideshow nav i,.no-csstransforms3d .fc-slideshow nav em,.no-csstransforms3d .fc-slideshow nav>div span { opacity: 1 } .csstransforms3d .fc-slideshow nav>div span:nth-child(2):hover~i,.csstransforms3d .fc-slideshow nav>div span:nth-child(2):hover~em { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg) } .csstransforms3d .fc-slideshow nav>.fc-left span:first-child:hover~i,.csstransforms3d .fc-slideshow nav>.fc-left span:first-child:hover~em,.csstransforms3d .fc-slideshow nav>.fc-right span:nth-child(3):hover~i,.csstransforms3d .fc-slideshow nav>.fc-right span:nth-child(3):hover~em { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg) } .csstransforms3d .fc-slideshow nav>.fc-right span:first-child:hover~i,.csstransforms3d .fc-slideshow nav>.fc-right span:first-child:hover~em,.csstransforms3d .fc-slideshow nav>.fc-left span:nth-child(3):hover~i,.csstransforms3d .fc-slideshow nav>.fc-left span:nth-child(3):hover~em { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg) } ul.fc-slides { list-style: none; margin: 0; padding: 0 } ul.fc-slides li { display: none } .no-js ul.fc-slides li { display: block } .fc-flip { width: 100%; height: 100%; border-radius: 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d } .fc-flip div { width: 100%; height: 100%; position: absolute; border-radius: 50%; top: 0; left: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden } .fc-flip .fc-back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg) } .fc-slideshow img { border-radius: 50% } .fc-slideshow h3 { position: absolute; color: #fff; top: 50%; margin-top: 30px; line-height: 50px; height: 50px; left: 80px; right: 80px; background: #ff514c; font-size: 22px; text-transform: uppercase; letter-spacing: 2px; text-align: center; border-radius: 20% 10% 50% 5%/25% 10% 30% 75% } .fc-overlay-light,.fc-overlay-dark { opacity: 0 } .fc-overlay-light { background: rgba(255,255,255,1) } .fc-overlay-dark { background: rgba(0,0,0,1) } .no-js .fc-slideshow { height: auto; box-shadow: none } .no-js .fc-slideshow h3 { position: relative; width: auto; height: auto; left: auto; right: auto; top: auto; margin: 5px } /*! * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars * Version: 2.0.2 * Url: http://www.adchsm.com/slidebars/ * Author: Adam Charles Smith * Author url: http://www.adchsm.com/ * License: MIT * License url: http://www.adchsm.com/slidebars/license/ */ [off-canvas*=reveal],[off-canvas*=shift] { z-index: 0 } [canvas=containers],[off-canvas],body,html { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } [canvas=containers] { width: 100%; height: 100%; -webkit-overflow-scrolling: touch } [canvas=containers]:after,[canvas=containers]:before { clear: both; content: ''; display: table } [off-canvas] { display: none; position: fixed; overflow: hidden; overflow-y: auto; background-color: #000; color: #fff; -webkit-overflow-scrolling: touch } [off-canvas*=top] { width: 100%; height: 255px; top: 0 } [off-canvas*=right] { width: 255px; height: 100%; top: 0; right: 0 } [off-canvas*=bottom] { width: 100%; height: 255px; bottom: 0 } [off-canvas*=left] { width: 255px; height: 100%; top: 0; left: 0 } [off-canvas*=overlay] { z-index: 9999 } [canvas],[off-canvas] { -webkit-transition: -webkit-transform .3s; transition: transform .3s; -webkit-backface-visibility: hidden } @media print { [canvas] { -webkit-transform: translate(0,0)!important; -ms-transform: translate(0,0)!important; transform: translate(0,0)!important } [off-canvas] { display: none!important } } [class*=js-] { cursor: pointer } .restaurant .col-half-section { width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; max-width: 570px; float: left; margin-left: 30px; margin-right: 0 } .restaurant .col-half-section.col-half-section-right { float: right; margin-left: 0; margin-right: 30px } .restaurant .thumb-info-side-image .thumb-info-side-image-wrapper { float: left; margin-right: 20px } .restaurant .thumb-info-side-image .thumb-info-caption .thumb-info-caption-text { padding: 17px } .restaurant section.section-quaternary p,.restaurant section.section-tertiary p { color: #5e5e5e } .restaurant .special-menu { list-style: none; margin: 0; padding: 0; text-align: left } .restaurant .special-menu li { margin: 0 0 32px 0; padding: 0; clear: both } .restaurant .special-menu img { float: left; margin: 0 25px 0 0; max-width: 68px } .restaurant .special-menu h3 { font-size: 24px; padding: 7px 0 4px 95px; margin: 0; text-transform: none; font-style: italic } .restaurant .special-menu h3 em { font-size: 16px } .restaurant .special-menu p { font-size: 16px; font-style: italic; margin: 0 0 0 95px; position: relative; display: block } .restaurant .special-menu p:before { border-bottom: 2px dotted #ddd; content: ""; height: 1px; left: 0%; position: absolute; bottom: 5px; width: 100%; z-index: 1 } .restaurant .special-menu p span { background: #fff; display: inline-block; position: relative; z-index: 2; padding: 0 10px 0 0 } .restaurant .special-menu .special-menu-price { background: #fff; display: inline-block; float: right; font-size: 22px; margin-top: -26px; padding: 0 0 0 10px; position: relative; z-index: 3 } .restaurant section.section-no-border { border: 0 } .restaurant .thumb-info.thumb-info-centered-icons .thumb-info-action-custom a { display: block; width: 100%; height: 100% } .restaurant .thumb-info-caption-text-custom { background: #f4f4f4; margin: 0 !important; padding: 14px !important } .restaurant .custom-divider { height: 56px; background: transparent url(Resources/img/custom-divider-1.png) no-repeat center center } .restaurant .contact-details p { font-size: 15px; padding: 45px 0 10px 0; text-transform: uppercase; color: rgba(255,255,255,.25) } .restaurant .contact-details p .separator { display: inline-block; padding: 0 10px; font-size: 10px; position: relative; top: -2px } .body>#footer .restaurant .contact-details p a,.body>#footer .restaurant .link { color: rgba(255,255,255,.25) !important; text-decoration: none } .body>#footer .restaurant .contact-details p a:hover,.body>#footer .restaurant a.link:hover { color: #fff !important } .restaurant .match-height .thumb-info-side-image .thumb-info-side-image-wrapper img { width: 165px } .restaurant .match-height { min-height: 625px } .restaurant .thumb-info-custom img { transform: none !important } .restaurant .btn-primary { border-radius: 0 } div.restaurant.mt-xlg,section.restaurant.mt-xlg>.mt-lg { display: flex } @media(max-width: 1199px) { .restaurant .col-half-section { max-width:468px } } @media(max-width: 991px) { .restaurant .p-none:first-child section.section { margin-bottom:0; margin-top: 30px } .restaurant .p-none section.section { margin-bottom: 0; margin-top: 0 } .restaurant .col-half-section { max-width: 740px; float: none !important; margin: 0 auto !important; padding-left: 30px !important; padding-right: 30px !important } .restaurant .match-height .thumb-info-side-image .thumb-info-side-image-wrapper img { max-width: 120px } .restaurant .thumb-info-blog-custom img { max-width: 120px; margin-bottom: 10px !important } .restaurant .special-menu p { padding-bottom: 35px } } @media(min-width: 1500px) { .event .custom-about-content .center .about-btn-tickets { margin-right:20px } .event .custom-about-content .center { text-align: left !important } } .event .custom-speaker-card { border-color: #e5e8eb; border-width: 1px; border-style: solid; overflow: hidden; box-shadow: 0 23px 32px 0 transparent; -webkit-transition: box-shadow .3s ease; -moz-transition: box-shadow .3s ease; transition: box-shadow .3s ease } .event .custom-speaker-card .speaker-photo { overflow: hidden } .event .custom-speaker-card .speaker-photo img { -webkit-transition: -webkit-transform .3s ease; -moz-transition: -moz-transform .3s ease; transition: transform .3s ease; width: 100% } .event .custom-speaker-card .speaker-info { position: relative; border-top-width: 5px; border-top-style: solid; text-align: center } .event .custom-speaker-card .speaker-info .speaker-social { font-size: 14px; height: 34px; left: 50%; position: absolute; top: -20px; width: 34px; border-radius: 100%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0) } .event .custom-speaker-card .speaker-social-twitter .speaker-social { background-color: #00aced } .event .custom-speaker-card .speaker-social-gplus .speaker-social { background-color: #dd4b39 } .event .custom-speaker-card .speaker-social-facebook .speaker-social { background-color: #3b5998 } .event .custom-speaker-card .speaker-social-twitter { border-color: #00aced } .event .custom-speaker-card .speaker-social-gplus { border-color: #dd4b39 } .event .custom-speaker-card .speaker-social-facebook { border-color: #3b5998 } .event .custom-font-size-4 { font-size: 1.35714em !important; line-height: 1; text-transform: inherit; font-weight: 600 } .event .speaker-info p { font-size: 1em !important; line-height: 1 } .event .custom-speaker-card:hover .speaker-photo img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .event .custom-speaker-card:hover { box-shadow: 0 23px 32px 0 #e5e8eb } .event .speaker-photo a { text-decoration: none } .event .custom-font-style-1 { letter-spacing: -.5px; font-size: 1.4em; font-weight: 600 } .event.dialog h2 { font-weight: 600; line-height: 1 } .event .custom-line-height-1 { line-height: 1.6 !important } .event .font-size-sm { font-size: .9em !important } .event .custom-speaker-card .speaker-info .speaker-social .fa,.event .custom-speaker-card .speaker-info .speaker-social .fas,.event .custom-speaker-card .speaker-info .speaker-social .far,.event .custom-speaker-card .speaker-info .speaker-social .fal,.event .custom-speaker-card .speaker-info .speaker-social .fab { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .event .fa-long-arrow-right,.event .fa-long-arrow-alt-right { position: relative; display: inline-block; width: 25px; height: 10px; margin-top: 4px; margin-left: 15px; -webkit-transition: ease width 300ms; -moz-transition: ease width 300ms; transition: ease width 300ms } .event .custom-btn-style-1 { padding: 10px 30px; text-transform: uppercase; font-weight: 600 } .event .btn:hover .fa-long-arrow-right,.event .btn:hover .fa-long-arrow-alt-right { width: 30px } .event .custom-border-radius { border-radius: 30px !important } .event .custom-btn-border-1 { border: 1px solid #fff } .event .custom-about-content { border-style: dashed; border-width: 1px } .event .custom-about-content .about-title { position: relative; padding-left: 67px } .event .custom-about-content .about-title .icon { position: absolute; width: 46px; left: 0; top: 0 } .event .custom-about-content .about-title h3,.event .custom-about-content .about-title p { line-height: 1 } .event .custom-text-color-1 { color: #c1eaff } .event .about-video { position: relative; background-size: cover; background-position: center } .event .about-video .play-video-custom { display: block; height: 100% } .event .custom-about-carousel { position: relative } .event .custom-about-carousel>.wrapper { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .event .custom-about-carousel .carousel-image { background-size: cover; background-position: center } .event .custom-about-carousel .owl-carousel { margin-bottom: 0 !important } .event .custom-about-carousel .owl-carousel,.event .custom-about-carousel .owl-stage-outer,.event .custom-about-carousel .owl-stage,.event .custom-about-carousel .owl-item,.event .custom-about-carousel .carousel-image { height: 100% } .event .custom-about-carousel .owl-dots { margin-top: 0 !important; width: 100%; bottom: 35px !important; right: 0 } .event .custom-font-size-1 { font-size: 1em !important; line-height: 1 } .event .timeline-balloon .balloon-time .time-dot { position: relative; width: 25px; height: 25px; display: inline-block; vertical-align: middle } .event .custom-circle-date.no-border { border-color: transparent; box-shadow: none } .event .custom-circle-date { position: relative; width: 118px; height: 118px; border-radius: 50%; border-width: 1px; border-style: solid; z-index: 2; box-shadow: 0 11px 21px 0 rgba(229,232,235,.75) } .event .timeline-balloon { position: relative } .event .timeline-balloon::before { content: ''; position: absolute; width: 1px; left: 83px; background-color: #e6ebeb } .event .timeline-balloon .balloon-cell { display: table-cell; vertical-align: top; width: 100% } .event .timeline-balloon .balloon-time .time-text { display: inline-block; vertical-align: middle; width: 68px } .event .timeline-balloon .balloon-time { width: 93px; white-space: nowrap } .event .custom-font-size-3 { font-size: .92857em !important; line-height: 1 } .event .timeline-balloon .balloon-content .balloon-photo { display: table-cell; vertical-align: top; height: 64px; width: 64px; max-width: 64px; padding-top: 6px } .event .timeline-balloon .balloon-time .time-dot::before { content: ''; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; border-style: solid; border-width: 2px; border-radius: 50%; border-color: #43a6a3; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .event .timeline-balloon .balloon-time .time-dot::after { content: ''; position: absolute; background-color: #43a6a3; width: 7px; height: 7px; top: 50%; left: 50%; border-radius: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .event .timeline-balloon .balloon-content.balloon-shadow { box-shadow: 0 11px 21px 0 rgba(229,232,235,.75) } .event .timeline-balloon .balloon-content { position: relative; margin-left: 38px; border-width: 1px; border-style: solid; border-radius: 3px; border-color: #e6ebeb } .event .timeline-balloon .balloon-content .balloon-arrow { position: absolute; width: 20px; height: 20px; top: 35px; left: -15px; border-width: 1px; border-style: solid; border-right: none; border-bottom: none; border-color: #e6ebeb; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top } .event .timeline-balloon .balloon-content .balloon-description p { line-height: 1.6 } .event .custom-circle-date .circle-dotted { position: absolute; padding: 16px; width: 106px; height: 106px; top: 5px; left: 5px; display: table; border-style: dashed; border-width: 1px; border-radius: 50% } .event .timeline-balloon .balloon-content .balloon-description { display: table-cell } .event .timeline-balloon::before { height: 120%; top: -35px } .event .timeline-balloon:last-of-type::before { height: 75px } .event .custom-circle-date .circle-center { display: table-cell; vertical-align: middle } .event .timeline-balloon h5,.event .timeline-balloon span { text-transform: uppercase; font-weight: 700 } .event .custom-font-size-6 { font-size: 1.5em !important; line-height: 1 } .event.bg-light { background-color: #eff3f5 !important } .event .carousel-logo-item { position: relative; height: 158px; overflow: hidden; box-shadow: 0 23px 32px 0 transparent; will-change: border-color; border: 1px solid transparent; -webkit-transition: border-color .4s ease,box-shadow .4s ease; -moz-transition: border-color .4s ease,box-shadow .4s ease; transition: border-color .4s ease,box-shadow .4s ease } .event .carousel-logo-item .carousel-logo-pannel { width: 100%; height: 100%; -webkit-transition: -webkit-transform .4s ease; -moz-transition: -moz-transform .4s ease; transition: transform .4s ease } .event .carousel-logo-item .carousel-logo-pb img { display: inline-block !important; vertical-align: middle; width: 200px !important } .event .carousel-logo-item .carousel-logo-hover { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } .event .carousel-logo-item .carousel-logo-hover img { width: 138px !important; max-height: 65px } .event .carousel-logo-item .carousel-logo-hover .carousel-logo-description { max-height: 45px; overflow-y: hidden } .event .owl-theme.custom-dots-style-1 .owl-dots { margin-top: 35px } .event .owl-carousel.custom-dots-style-1 .owl-dots .owl-dot { position: relative; border-radius: 50%; border-width: 2px; border-style: solid; border-color: #fff; margin: 0 3px; width: 14px; height: 14px } .event .owl-carousel.custom-dots-style-1 .owl-dots .owl-dot span { position: absolute; top: 50%; left: 50%; background-color: #fff; width: 4px !important; height: 4px !important; margin: 0 !important; opacity: 0; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .event .carousel-logo-item:hover { box-shadow: 0 23px 32px 0 #e5e8eb; border-color: #d4d4d4 } .event .carousel-logo-item:hover .carousel-logo-pannel { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) } .event .carousel-logo-item .carousel-logo-pb::before { content: ''; height: 100%; display: inline-block; vertical-align: middle } .event .owl-carousel.custom-dots-style-1 .owl-dots .owl-dot.active span,.event .owl-carousel.custom-dots-style-1 .owl-dots .owl-dot:hover span { background-color: #fff; opacity: 1 } .event .owl-carousel.nav-inside { bottom: 0; margin-top: 0; right: 0 } .event .custom-venue-address { position: relative; margin-top: -30px; box-shadow: 0 43px 112px -30px rgba(80,80,80,.9); z-index: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); display: flex; width: 100% } .event .custom-venue-address>div { background-size: cover; background-repeat: no-repeat; background-position: center } .event .custom-arrow { content: ''; position: absolute; width: 35px; height: 35px; left: 60%; bottom: -29px; z-index: 1; -webkit-transform: rotate(45deg) translateX(-50%); -moz-transform: rotate(45deg) translateX(-50%); -ms-transform: rotate(45deg) translateX(-50%); -o-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%) } .event .font-weight-bold { font-weight: 700 !important } .event .custom-font-size-2 { font-size: 1.07143em !important; line-height: 1 } .event .font-weight-normal { font-weight: 400 !important } .event .counters strong { font-weight: bold } .event .custom-about-carousel .carousel-image img { height: 100% } #footer .event .font-weight-light { font-weight: 300 !important } #footer .event h4 { font-size: 1.442857em !important; line-height: 1 } #footer .event span,#footer .event a { color: #93949a !important } #footer .event a.btn { color: #fff !important } #footer .container .eventfooter.row>div { margin-bottom: 25px !important } .event .play-video-custom img { position: absolute; top: 50%; left: 50%; margin-top: -45px; margin-left: -45px; -webkit-transition: -webkit-transform .3s ease !important; -moz-transition: -moz-transform .3s ease !important; transition: transform .3s ease !important } .event .play-video-custom:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1) } .event a.buy-tickets.btn { margin-right: 40px } .ddrheader .event a.buy-tickets.btn { margin-right: 0 } .event .background-color-light { background: #fff } @media(max-width: 991px) { .event .custom-about-carousel>.wrapper { position:inherit; height: 400px } .event .custom-about-content .about-title { display: inline-block; text-align: left } .event .custom-about-content .btn { margin-left: 10px; margin-right: 10px } .event .custom-about-carousel>.wrapper { position: inherit; height: 400px } .event .custom-about-content,#footer .event { text-align: center } #footer .container .eventfooter.row.mb-btm>.col-md-5,#footer .container .eventfooter.row.mb-btm>.col-md-3:nth-of-type(2) { margin-bottom: 100px !important } .event a.buy-tickets.btn { display: none } .event .about-video { min-height: 300px } } @media(max-width: 767px) { .event .custom-circle-date { margin:0 auto 35px !important } .event .timeline-balloon:before { left: 50% } .event .custom-venue-address .bg-image,.event .timeline-balloon .balloon-time .time-dot { display: none } .event .timeline-balloon .balloon-time .time-text { position: absolute; top: -11px; left: 50%; text-align: center; background: #fff; border-width: 1px; border-style: solid; border-radius: 3px; border-color: #e6ebeb; padding: 5px 0; z-index: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .event .timeline-balloon .balloon-content { margin-left: 0 } .event.parallax { background-size: cover } .event .counter { margin: 55px 0 !important } .event .custom-arrow { left: 66% } .event .custom-venue-address { margin-top: -50px } } @media(max-width: 320px) { .event .fa-long-arrow-right,.event .fa-long-arrow-alt-right { display:none } } .church.section-no-border { border: none } .church .custom-text-color-1 { color: #544b40 !important; font-weight: 600 } .church .text-md { font-size: 17px } .church .f-italic { font-style: italic; font-size: 25px; font-weight: normal } .church .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .church .custom-btn-style-1 { padding: 12px 25px !important } .church.gallery { position: relative; overflow: hidden; padding: 110px 0 } .church .custom-cloud.left-pos { left: 0 } .church .custom-section-padding-1 { padding: 70px 0 160px !important } .church .custom-position-relative { position: relative } .church .custom-overflow-hidden { overflow: hidden } .church .custom-big-square.left-pos { left: -150px } .church .custom-box-shadow { box-shadow: 0 0 60px -10px rgba(139,139,139,.5) } .church .custom-small-square.left-pos { left: 57.6px; top: 45% } .church .custom-small-square { position: absolute; width: 192px; height: 192px; top: 50%; border: 10px solid #fff; backface-visibility: hidden; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-animation-name: initial; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: initial } .church .custom-cloud.right-pos { right: 0 } .church .custom-cloud { position: absolute; width: auto; height: 80%; top: 11%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .church .custom-big-square.right-pos { right: -150px } .church .custom-big-square { position: absolute; width: 312px; height: 312px; top: 43%; border: 10px solid #fff; backface-visibility: hidden; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-animation-name: initial; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: initial } .church .custom-small-square.right-pos { right: 57.6px; top: 66% } .church .customFadeInLeft { -webkit-animation-name: customFadeInLeft; -moz-animation-name: customFadeInLeft; animation-name: customFadeInLeft } @keyframes customFadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,-50%,0) rotate(45deg); -moz-transform: translate3d(-100%,-50%,0) rotate(45deg); -ms-transform: translate3d(-100%,-50%,0) rotate(45deg); -o-transform: translate3d(-100%,-50%,0) rotate(45deg); transform: translate3d(-100%,-50%,0) rotate(45deg) } 100% { opacity: 1; -webkit-transform: translate3d(0,-50%,0) rotate(45deg); -moz-transform: translate3d(0,-50%,0) rotate(45deg); -ms-transform: translate3d(0,-50%,0) rotate(45deg); -o-transform: translate3d(0,-50%,0) rotate(45deg); transform: translate3d(0,-50%,0) rotate(45deg) } } .church .customFadeInRight { -webkit-animation-name: customFadeInRight; -moz-animation-name: customFadeInRight; animation-name: customFadeInRight } @keyframes customFadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,-50%,0) rotate(45deg); -moz-transform: translate3d(100%,-50%,0) rotate(45deg); -ms-transform: translate3d(100%,-50%,0) rotate(45deg); -o-transform: translate3d(100%,-50%,0) rotate(45deg); transform: translate3d(100%,-50%,0) rotate(45deg) } 100% { opacity: 1; -webkit-transform: translate3d(0,-50%,0) rotate(45deg); -moz-transform: translate3d(0,-50%,0) rotate(45deg); -ms-transform: translate3d(0,-50%,0) rotate(45deg); -o-transform: translate3d(0,-50%,0) rotate(45deg); transform: translate3d(0,-50%,0) rotate(45deg) } } .church .custom-top { position: relative; bottom: 35px } .church .font-weight-bold { font-weight: 600 !important } .church.section.section-secondary em { font-size: 40px; color: #fff } .church.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev { left: 10px; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } .church.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev:before,.church.owl-carousel.custom-arrows-style-1 .owl-nav .owl-next:before { content: ''; display: block; position: absolute; top: 50%; right: -2px; left: initial; width: 100%; border-top: 1px solid #da7940; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .church.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev:before,.church.owl-carousel.custom-arrows-style-1 .owl-nav .owl-next:before,.church.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev:after,.church.owl-carousel.custom-arrows-style-1 .owl-nav .owl-next:after { border-color: #da7940 } .church.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev:after,.church.owl-carousel.custom-arrows-style-1 .owl-nav .owl-next:after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 25px; height: 25px; border-top: 1px solid #da7940; border-right: 1px solid #da7940; -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg) } .church.owl-carousel.custom-arrows-style-1 .owl-nav .owl-prev,.church.owl-carousel.custom-arrows-style-1 .owl-nav .owl-next { position: absolute; width: 55px; background: transparent !important; -webkit-transition: ease all 300ms; -moz-transition: ease all 300ms; transition: ease all 300ms } .church.owl-carousel .owl-nav [class*="owl-"] { background: #101019 !important } .church.custom-testimonial-style .testimonial-quote { display: inline-block; padding: 20px; border-radius: 100%; line-height: 1; margin: 5px 0 20px; box-shadow: 0 5px 20px 5px rgba(207,207,207,.9) } .church.custom-testimonial-style .testimonial-author strong { display: inline-block } .church.custom-testimonial-style .testimonial-author span { display: inline-block; font-size: 16px } .church .custom-view-our-location { position: absolute; bottom: 0; left: 0; background: #36252b; width: 100%; height: 96px; overflow: hidden; z-index: 1; -webkit-transition: ease all 300ms; -moz-transition: ease all 300ms; transition: ease all 300ms } .church .custom-view-our-location>img { position: absolute; top: -60px; left: 50%; width: 420px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .church .custom-view-our-location>a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 20px; text-decoration: none; padding-top: 35px } .church .custom-hr-color-1 { background: #3f3035 !important } .church .custom-icon-size-1 { font-size: 25px } .church .custom-img-responsive-center { margin: 0 auto } .church .custom-view-our-location:hover { opacity: .9 } .church .custom-text-color-2 { color: #beb7b9 !important; text-decoration: none !important } hr.church { background: #3f3035 } .church .google-map { height: 96px } .church.custom-overflow-hidden { overflow: hidden; position: relative } @media(max-width: 991px) { .church .owl-carousel.custom-sm-nav-bottom .owl-nav { top:100%; left: 50%; margin-top: 0; width: 45%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .church .custom-sm-margin-bottom-1 { margin-bottom: 30px !important } .church .custom_center { text-align: center } } .Law .feature-box-icon em:before { font-size: 50px } .Law .form-control,.Law .btn,.Law .thumb-info img,.Law .thumb-info { border-radius: 0 } .Law .testimonial.testimonial-style-4 { box-shadow: none; border: none; padding: 0 } .Law .thumb-info-side-image .thumb-info-side-image-wrapper { float: left; margin-right: 20px } .Law .font-size-md { font-size: 1.1em } @media(min-width: 992px) { .Law .testimonial.testimonial-style-4 { margin-right:20px } } @media(max-width: 991px) { .Law .half-section-right { padding-left:15px !important; padding-right: 15px !important; max-width: 740px; float: none !important; margin: 0 auto !important } } @media(max-width: 767px) { .Law .form-group .row-pb { padding-bottom:15px } } html.rtl .DnnModule.DnnModule-DNN_HTML,html.rtl .DnnModule.DnnModule-DDRMenu,html.rtl header,html.rtl .page-top,html.rtl footer,html.rtl .dnnLogin { direction: rtl; text-align: right } html.rtl .dnnLogin .dnnFormItem label.dnnFormLabel,html.rtl .dnnRegistrationForm .dnnLabel,html.rtl .dnnLogin .dnnFormItem span.dnnFormLabel,html.rtl .dnnLogin .dnnForm .dnnFormItem,html.rtl .home-intro,html.rtl .featured-box-text-left { text-align: right !important } html.rtl .owl-carousel * { direction: ltr !important } html.rtl .align-right { text-align: left !important } html.rtl .align-left { text-align: right !important } html.rtl .pull-left { float: right !important } html.rtl .pull-right { float: left !important } html.rtl ul.fc-slides,html.rtl ul.social-icons { padding: 0 } html.rtl .home-intro .learn-more { margin-left: 0; margin-right: 15px } html.rtl .body>#footer .contact i,html.rtl .body>#footer .contact em { float: right; margin: 7px 0 10px 8px } html.rtl .body #footer .terms:before,html.rtl .body #footer .privacy:before { float: right } html.rtl .v-menu ul.nav-main li { float: none } html.rtl .v-menu nav ul.nav-main li a em.fa-caret-down html.rtl .v-menu nav ul.nav-main li a i.fa-caret-down { right: auto; left: 5px } html.rtl .v-menu nav ul.nav-main ul.dropdown-menu li>a { text-align: right } html.rtl .church .custom-event-infos ul li { margin-left: 0; margin-right: 15px } html.rtl .church .custom-event-infos ul li:first-child { margin-right: 0 } html.rtl .church .custom-margin-1 { margin-left: 0; margin-right: 95px } html.rtl .church .custom-post-event .post-event-date { right: 0; left: auto } html.rtl .church .custom-thumb-info-2 .thumb-info-caption { text-align: center } html.rtl .church .custom-thumb-info-post-infos ul li em { margin-right: 0; margin-left: 8px } html.rtl .event .custom-about-content .about-title { padding-left: 0; padding-right: 67px } html.rtl .event .custom-about-content .about-title .icon { right: 0; left: auto } html.rtl .event .custom-about-content .center { text-align: right !important } html.rtl .event .custom-about-content .center .about-btn-tickets { margin-right: 0; margin-left: 20px } html.rtl .event .timeline-balloon::before { left: auto; right: 83px } html.rtl .event .timeline-balloon .balloon-content { margin-left: 0; margin-right: 38px } html.rtl .event .timeline-balloon .balloon-content .balloon-arrow { right: -7px; border-left: none; border-top: none; border-bottom: 1px solid #e6ebeb; border-right: 1px solid #e6ebeb } html.rtl .Law .thumb-info-side-image .thumb-info-side-image-wrapper { float: right; margin-left: 20px; margin-right: 0 } html.rtl .restaurant .thumb-info.thumb-info-centered-icons .thumb-info-action-custom .thumb-info-icon-custom:before { right: 20%; left: 2px } html.rtl .restaurant .thumb-info.thumb-info-centered-icons .thumb-info-action-custom .thumb-info-icon-custom:after { right: 50%; left: 2px } html.rtl .restaurant .col-half-section { float: right; margin-left: 0; margin-right: 30px } html.rtl .restaurant .col-half-section.col-half-section-right { float: left; margin-left: 30px; margin-right: 0 } html.rtl .restaurant .special-menu { text-align: right } html.rtl .restaurant .special-menu img { float: right; margin: 0 0 0 25px } html.rtl .restaurant .special-menu .special-menu-price { float: left; padding: 0 10px 0 0 } html.rtl .restaurant .special-menu p { margin: 0 95px 0 0 } html.rtl .restaurant .special-menu p span { padding: 0 0 0 10px } html.rtl .shortcode-title { text-align: left } html.rtl .shortcode-title h4 { float: right } html.rtl .btn-text-indent,html.rtl ul.social-icons li[class] a { overflow: hidden } html.rtl .pagination { padding-right: 0 } html.rtl .toggle.toggle-simple .toggle>label:after,html.rtl .list.list-ordened li:before { right: 0; left: auto } html.rtl .toggle.toggle-simple .toggle>label { padding-right: 32px } html.rtl .toggle>label:before { right: auto; left: 5px; border-right-color: inherit; border-left-color: transparent } html.rtl .toggle.active>label:before { left: 10px } html.rtl .toggle.toggle-simple .toggle>label:before { right: 7px; left: auto } html.rtl .tabs-navigation .nav-tabs>li a .fa,html.rtl .tabs-navigation .nav-tabs>li a .fas,html.rtl .tabs-navigation .nav-tabs>li a .far,html.rtl .tabs-navigation .nav-tabs>li a .fal,html.rtl .tabs-navigation .nav-tabs>li a .fab { margin-right: 0; margin-left: 4px } html.rtl .tabs-vertical .nav-tabs { float: none } html.rtl .tabs-navigation .nav-tabs>li a:before { left: 15px; right: unset; transform: rotate(180deg) } html.rtl .feature-box .feature-box-icon { float: right; margin: 0 } html.rtl .feature-box .feature-box-info { padding-right: 50px; padding-left: 0 } html.rtl .feature-box.feature-box-style-2 .feature-box-info { padding-right: 60px; padding-left: 0 } html.rtl .feature-box.feature-box-style-5 .feature-box-info { padding-right: 84px; padding-left: 0 } html.rtl .feature-box.feature-box-style-4 .feature-box-info { padding-right: 0 } html.rtl .feature-box.reverse { text-align: left } html.rtl .feature-box.reverse .feature-box-icon { float: left } html.rtl .feature-box.reverse .feature-box-info { padding-left: 50px; padding-right: 0 } html.rtl .modal-header .close { float: left } html.rtl .pagination>li { float: right } html.rtl ul,html.rtl ol { padding-right: 40px; padding-left: 0 } html.rtl .list-unstyled { padding-right: 0 } html.rtl .list.list-ordened li { padding-left: 0; padding-right: 22px } html.rtl .list.list-ordened.list-ordened-style-2 li,html.rtl .list.list-ordened.list-ordened-style-3 li { padding-right: 32px } html.rtl .list.list-icons li { padding-right: 25px; padding-left: 0 } html.rtl .list.list-icons li .fa,html.rtl .list.list-icons li .fas,html.rtl .list.list-icons li .far,html.rtl .list.list-icons li .fal,html.rtl .list.list-icons li .fab { right: 0 } html.rtl .list.list-icons.list-icons-style-3 li,html.rtl .list.list-icons.list-icons-style-2 li { padding-right: 36px } html.rtl .list.list-icons.list-icons-reverse li { padding-left: 25px; padding-right: 0; text-align: left } html.rtl .list.list-icons.list-icons-reverse.list-icons-style-3 li,html.rtl .list.list-icons.list-icons-reverse.list-icons-style-2 li { padding-left: 36px } html.rtl .list.list-icons.list-icons-reverse li .fa,html.rtl .list.list-icons.list-icons-reverse li .fas,html.rtl .list.list-icons.list-icons-reverse li .far,html.rtl .list.list-icons.list-icons-reverse li .fal,html.rtl .list.list-icons.list-icons-reverse li .fab { left: 0; right: auto } html.rtl .testimonial .testimonial-author .testimonial-author-thumbnail { float: right; margin-left: 10px; margin-right: 0 } html.rtl .testimonial .testimonial-author p { text-align: right } html.rtl .testimonial .testimonial-arrow-down { margin: 0 17px 0 0 } html.rtl .testimonial.testimonial-style-2 .testimonial-author p,html.rtl .testimonial.testimonial-style-5 .testimonial-author p,html.rtl .testimonial.testimonial-style-6 .testimonial-author p { text-align: center !important } html.rtl .owl-carousel .testimonial .testimonial-author .testimonial-author-thumbnail { float: left; margin-right: 10px } html.rtl .owl-carousel .testimonial .testimonial-author p { text-align: left } html.rtl .owl-carousel .testimonial .testimonial-arrow-down { margin: 0 0 0 17px } html.rtl .testimonial blockquote { border: 0 } html.rtl blockquote { border-right: 5px solid #eee; border-left: 0 } html.rtl .blockquote-reverse { padding-right: 0; padding-left: 15px; text-align: left; border-right: 0; border-left: 5px solid #eee } html.rtl blockquote.with-borders { border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec } html.rtl .call-to-action .call-to-action-content { margin-right: 3%; margin-left: 0 } html.rtl .call-to-action .call-to-action-btn { left: 25px; right: auto } html.rtl .pricing-table .plan-ribbon { left: 30px; top: 16px } html.rtl .pricing-table ul { padding: 0 } html.rtl .progress-bar { float: right } html.rtl .progress-bar-tooltip { left: 5px; right: auto } html.rtl th { text-align: right } html.rtl .divider.divider-small.divider-small-right hr { margin-left: 0; margin-right: auto } html.rtl .alert .fa,html.rtl .alert .fas,html.rtl .alert .far,html.rtl .alert .fal,html.rtl .alert .fab { margin-right: 0; margin-left: 5px } html.rtl .recent-posts .date { float: right; margin-left: 10px; margin-right: 0; margin-top: 0 } html.rtl .radio label,html.rtl .checkbox label { padding-left: 0; padding-right: 20px } html.rtl .radio input[type="radio"],html.rtl .radio-inline input[type="radio"],html.rtl .checkbox input[type="checkbox"],html.rtl .checkbox-inline input[type="checkbox"] { margin-left: 0; margin-right: -20px } html.rtl .input-group .form-control { border-radius: 6px; border-top-left-radius: 0; border-bottom-left-radius: 0 } html.rtl .input-group-btn .btn { border-radius: 6px; border-top-right-radius: 0; border-bottom-right-radius: 0 } html.rtl .shop ul.products .product .add-to-cart-product .fa,html.rtl .shop ul.products .product .add-to-cart-product .fas,html.rtl .shop ul.products .product .add-to-cart-product .far,html.rtl .shop ul.products .product .add-to-cart-product .fal,html.rtl .shop ul.products .product .add-to-cart-product .fab { margin-right: 0; margin-left: 3px } html.rtl .shop .review_num { margin-right: 0; margin-left: 10px; float: right } html.rtl .shop .quantity { float: right; margin: 0 0 25px 15px } html.rtl .shop .quantity .minus { left: 0 } html.rtl .product-thumb-info .product-thumb-info-content,html.rtl .shop table.cart td { text-align: right } html.rtl article.post-large { margin-left: 0; margin-right: 60px } html.rtl article.post-large .post-image,html.rtl article.post-large .post-date { margin-left: 0; margin-right: -60px } html.rtl article.post .post-date { float: right } html.rtl article.post .post-meta i,html.rtl article.post .post-meta em { margin-right: 0; margin-left: 3px } html.rtl .post-block h3 i,html.rtl .post-block h3 em { margin-right: 0; margin-left: 7px } html.rtl .post-author .img-thumbnail { float: right; margin-left: 20px; margin-right: 0 } html.rtl ul.comments { padding: 0 } html.rtl ul.comments li { padding: 10px 115px 0 0 } html.rtl ul.comments .comment-arrow { border-left: 15px solid #f4f4f4; border-right: 0; right: -15px } html.rtl ul.comments li .img-thumbnail { margin-right: -115px; margin-left: 0 } html.rtl ul.simple-post-list { padding: 0 } html.rtl ul.simple-post-list .post-image { float: right; margin-left: 12px; margin-right: 0 } html.rtl .nav { padding-right: 0 } html.rtl ul.nav-list li a:before { border-right: 4px solid #333; border-left: 0 } html.rtl ul.portfolio-list,html.rtl .portfolio-info ul,html.rtl ul.portfolio-details,html.rtl ul.team-list { padding: 0 } html.rtl .portfolio-info { float: left } html.rtl .portfolio-info ul li { margin-left: 8px; margin-right: 0; padding-left: 8px; padding-right: 0; border-left: 1px solid #e6e6e6; border-right: 0 } html.rtl .portfolio-info ul li .fa,html.rtl .portfolio-info ul li .fas,html.rtl .portfolio-info ul li .far,html.rtl .portfolio-info ul li .fal,html.rtl .portfolio-info ul li .fab { margin-right: 0; margin-left: 4px } html.rtl .portfolio-info ul li:last-child { border-left: 0; padding-left: 0; margin-left: 0 } html.rtl ul.portfolio-details .list-icons>li { margin-left: 10px; margin-right: 0 } html.rtl ul.history { padding: 0 } html.rtl ul.history li .thumb img { float: left } html.rtl ul.history li .featured-box { text-align: right } html.rtl ul.history li p { margin-right: 53px; margin-left: 0 } html.rtl header .search,html.rtl header #login .registerGroup a { margin-left: 0; margin-right: 10px } html.rtl header div.search input.NormalTextBox:first-child { padding: 6px 12px 6px 32px } html.rtl header .icon-search { right: auto; left: 4px; overflow: hidden } html.rtl header div.social-icons,html.rtl header .btn-responsive-nav { margin-left: 0; margin-right: 20px } html.rtl header nav ul.nav-main li a i.fa-caret-down,html.rtl header nav ul.nav-main li a em.fa-caret-down { margin-left: 0; margin-right: 2px } html.rtl header nav ul.nav-main ul.dropdown-menu { border-radius: 6px 0 6px 6px; margin-right: 0; margin-left: 0 } html.rtl header nav ul.nav-main .dropdown-submenu>.dropdown-menu { left: auto; right: 100% } html.rtl header nav ul.nav-main .dropdown-submenu>a:after { transform: rotate(180deg); right: auto; left: 15px } html.rtl header.overlayHeader .close-btn { right: auto } html.rtl header.overlayHeader .btn-responsive-nav:before { right: auto; left: -72px } html.rtl header.overlayHeader.full-header .btn-responsive-nav:before { left: -86px } html.rtl header.inlineHeader .push-menu { top: 8px; right: auto; left: -128px } html.rtl header.inlineHeader.flat-menu .push-menu { left: -10px } html.rtl header.inlineHeader.center .push-menu,html.rtl header.inlineHeader.no-border-top .push-menu { top: -42px; left: 35px } html.rtl body.sticky-menu-active header.inlineHeader.center .push-menu { top: 58px } html.rtl header.header-bottom.inlineHeader .push-menu { top: auto; left: 5px } html.rtl body.sticky-menu-active header.header-bottom.inlineHeader .push-menu { top: 10px } html.rtl header.inlineHeader.full-header .push-menu { left: -5px } html.rtl header.inlineHeader .push-menu:after { right: -323px } html.rtl body.sticky-menu-active header.header-bottom.inlineHeader .push-menu:after { right: -231px } html.rtl header.inlineHeader .push-menu .icon-right { padding: 0 15px 0 0 } html.rtl header.pushdownHeader .btn-push-nav { right: auto; left: 15px; margin: 0 } html.rtl header.flat-header.pushdownHeader div.social-icons,html.rtl header.newHeader.pushdownHeader div.social-icons { margin-left: 40px } html.rtl header.pushdownHeader nav.pushdown ul.nav-main li a i.fa-caret-down { left: 5px; right: auto } html.rtl header nav ul.nav-main ul.dropdown-menu>li>a,html.rtl header.overlayHeader nav ul.nav-main li a,html.rtl header.inlineHeader .push-menu nav.push-down li a,html.rtl header.pushdownHeader .pushdown.nav-main ul li,html.rtl .slidebar .nav-pills>li>a,html.rtl .slidebar .dropdown-menu>li>a { text-align: right } html.rtl header.overlayHeader .overlay em.icon-right,html.rtl header.inlineHeader .push-menu .icon-right,html.rtl .slidebar .nav-pills li .dropdown-toggle::after,html.rtl .slidebar .close-icon em { float: left } html.rtl header.overlayHeader .overlay .fa-caret-right:before,html.rtl header.inlineHeader .push-menu .fa-caret-right:before { content: "" } html.rtl header.overlayHeader .overlay .icon-back .fa-long-arrow-left:before,html.rtl header.inlineHeader .push-menu em.fa-long-arrow-left:before { content: "" } @media(max-width: 992px) { html.rtl header nav ul.nav-main li a { text-align:right } html.rtl header nav ul.nav-main li a .fa-caret-down { right: auto; left: 5px } html.rtl header.overlayHeader .close-btn { left: 20px } } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 22.6% 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none; } .socialIcons_Footer { line-height: 1.5!important; Padding-right: 5px!important;