html{ overflow-x:hidden; } body{ overflow:hidden; font: 15px/23px 'Open Sans', Segoe UI, Arial, sans-serif; color:#3e474c; background:url(../img/body-background.jpg) repeat; } body.boxed-layout{ background:#3d5e93 url(../img/background/1.jpg) no-repeat; background-size:cover; background-attachment:fixed; } .csstransforms3d .container{ } img{ max-width:100%; } .align-left{ text-align:left; } .align-center{ text-align:center; } .align-right{ text-align:right; } img.align-left{ text-align:left; float:left; margin:0 15px 15px 0; } img.align-center{ text-align:center; margin:10px auto; } img.align-right{ text-align:right; float:right; margin:0 0 15px 15px; } iframe{ width:100%; border:none; } #qLbar{ top:0!important; margin-top:0!important; } .no-margin-top{ margin-top:0!important; } .no-margin-bottom{ margin-bottom:0!important; } /* Content Animation */ .animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } @-webkit-keyframes fadeInDown{ 0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes fadeInDown{ 0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} } .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown} /* ==================================== */ /* TYPOGRAPHY */ /* ==================================== */ h1{ font-size:30px; font-weight:800; text-transform:uppercase; margin:30px 0 20px; } h2{ font-size:24px; font-weight:400; margin:30px 0 20px; } h3{ font-size:18px; font-weight:800; text-transform:uppercase; margin:30px 0 23px; } h4{ font-size:18px; font-weight:600; margin:30px 0 20px; } h5{ font-size:18px; font-weight:400; text-transform:uppercase; margin:30px 0 20px; } h6{ font-size:16px; font-weight:700; margin:30px 0 20px; } p{ margin:10px 0; } a{ color:rgb(51, 51, 51); transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } a:hover{ color:#274472; text-decoration:none; } .small-caption{ color:#95999e; font-size:13px; } .great-vibes{ font-family: 'Great Vibes', cursive; } #lower-footer .social-media ul{ float:right; margin:0; } #lower-footer .social-icons{ margin-left:20px; } .blue{ color:#4174c5; } .green, .success{ color:#4a9b13; } .red, .error{ color:#a82512; } .yellow{ color:#dd7d00; } iframe + h6, audio + h6{ margin-top:15px; margin-bottom:40px; } h6.shortcodes-caption{ margin-top:20px; margin-bottom:40px; } .row-separator-caption{ margin-top:50px; } /* ==================================== */ /* HEADER */ /* ==================================== */ #header{ z-index:5000; top:0; left:0; right:0; position:relative; } #header .container{ padding:0; width:auto; } #header.sticky-header{ position:fixed; } #header.sticky-header .container{ padding:0 15px; width:100%; } .boxed-layout #header.sticky-header{ left:auto; right:auto; } /* Main Header */ #main-header{ padding-left:5000px; padding-right:5000px; margin-left:-5000px; margin-right:-5000px; background: linear-gradient(90.00deg, rgba(252,150,67,1.00) 0%,rgba(246,114,62,1.00) 0%); color:#e2eaf2; height:130px; padding-top:17px; padding-bottom:17px; position:relative; z-index:5000; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .sticky-header-on.boxed-layout #main-header{ padding-left:15px; padding-right:15px; margin-left:-30px; margin-right:-15px; } .boxed-layout #main-header{ padding-left:30px; padding-right:30px; margin-left:-30px; margin-right:-30px; } .sticky-header-on .animate-header #main-header{ height:0; padding:0; overflow:hidden; } .animate-header #main-header{ height:130px; padding-top:17px; padding-bottom:17px; } #main-header blockquote{ margin:25px 0 0 0; padding:0; border:none; font-size:14px; color:#97acc3; font-style:italic; position:relative; padding-left:18px; background:transparent; font-weight:400; } #main-header blockquote:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\ebe1'; color:#50688c; font-size:11px; position:absolute; left:0; top:3px; } #main-header blockquote:after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\ebe2'; color:#50688c; font-size:11px; position:relative; top:3px; } #logo{ padding-top:25px; padding-left:40px; } #newsletter{ background:#324e79; padding:20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative; } #newsletter h5{ text-transform:uppercase; font-size:14px; font-weight:400; margin-top:0; margin-bottom:7px; } #newsletter p.error{ font-size:12px; display:inline-block; position:absolute; padding:3px 10px; background:#fff; bottom:-25px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #newsletter p.error:before{ content:''; display:block; position:absolute; top:-5px; left:50%; margin-left:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #fff; } #newsletter p.success{ color:#fff; margin:10px 0; } .newsletter-form{ display:table; } .newsletter-form>*{ display:table-cell; overflow:hidden; vertical-align:top; height:35px; } .newsletter-form .newsletter-email{ width:63%; } .newsletter-form .newsletter-zip{ width:37%; padding:0 5px; } .newsletter-form input[type="text"]{ padding:7px 10px; border:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; height:35px; background:#f3f4f6; width:100%; color:#3e474c; font-size:13px; margin-bottom:0; } .newsletter-form input[type="submit"]{ z-index:100; position:relative; width:40px; height:35px; border:none; padding:0; display:block; margin:0; background:#63b2f5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; z-index:100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } .newsletter-form .newsletter-submit{ position:relative!important; } .newsletter-form .newsletter-submit .icons{ display:block; position:relative; top:-35px; margin-bottom:-35px; padding-top:5px; padding-left:8px; font-size:16px; width:40px; height:35px; background:#63b2f5; color:#FFF; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-bottom:1px solid #7cc5f8; border-bottom:1px solid #213b63; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } .newsletter-form .newsletter-submit:hover .icons, .newsletter-form .newsletter-submit:hover input{ background:#4174c5; border-top-color:#5191d4; } /* Lower Header */ .topHeadIco{ background: url(../images/index_ico_people.png) no-repeat right top; background-size: 50px 50px; height: 50px; display: inline-block; } #lower-header{ color:#3e474c; position:relative; z-index:5000; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; margin-top: 20px; } #lower-header:before{ position:absolute; content:''; display:block; top:0; left:0; right:0; bottom:0; z-index:0; } .sticky-header-on.boxed-layout #lower-header{ padding-left:15px; padding-right:15px; margin-left:-30px; margin-right:-15px; position:relative; z-index:5000; } .boxed-layout #lower-header{ padding-left:30px; padding-right:30px; margin-left:-30px; margin-right:-30px; position:relative; z-index:5000; } .animate-header #lower-header{ opacity:.9; -moz-opacity:.9; -khtml-opacity:.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .animate-header #lower-header:hover{ opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* Navigation */ #menu-button{ display:none; } #navigation{ list-style:none; margin:0; padding:0; display:table; width:100%; } #navigation ul{ list-style:none; margin:0; padding:0; } #navigation>li{ position:relative; -webkit-perspective: 500px; perspective: 500px; } #navigation ul{ -webkit-perspective: 500px; perspective: 500px; } #navigation>li{ display:table-cell; text-align:center; position:relative; } #navigation>li:first-child{ } #navigation>li.home-button{ width:60px; } #navigation li>a, #navigation li>span{ display:block; color:#FFFFFF; font-size:16px; padding:19px 10px 18px; cursor:pointer; transition: color 0.1s, background 0.3s; -webkit-transition: color 0.1s, background 0.3s; -moz-transition: color 0.1s, background 0.3s; } #navigation>li>a, #navigation>li>span{ } #navigation>li:hover>a, #navigation>li:hover>span, #navigation>li.current-menu-item>a, #navigation>li.current-menu-item>span{ } #navigation li:hover>a, #navigation>li.current-menu-item, #navigation>li.current-menu-item>span, #navigation>li.current-menu-item>a{ text-decoration:none; color:#fff; } #navigation li:hover>a:after, #navigation>li.current-menu-item>a:after, #navigation li:hover>span:after, #navigation>li.current-menu-item>span:after{ color:#fff; } #navigation>li>a:after, #navigation>li>span:after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color:#FFFFFF; font-size:13px; margin-left:5px; content: '\e88e'; } #navigation>li>a:only-child:after, #navigation>li>span:only-child:after, #navigation>li.home-button>a:after, #navigation>li.home-button>span:after{ content:''; display:none; } #navigation li.donate-button{ color:#fff; text-transform:uppercase; font-size:18px; background:#a82512; border:none; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } #navigation li.donate-button:hover{ background:#d3311a; } #navigation li.donate-button:hover>a{ border-top-color:#de3d21; } #navigation li.donate-button>a{ color:#fff; padding:18px 10px; background:transparent; font-size:18px; border-top:1px solid #be2e17; border-bottom:1px solid #911f0f; } /* Dropdown */ #navigation li ul li{ position:relative; } #navigation li ul{ display:none; text-align:left; position:absolute; font-size:15px; background:#f2f4f9; z-index:6000; box-shadow:0 1px 2px rgba(0,0,0,.1); top:100%; border-bottom-left-radius:3px; border-bottom-right-radius:3px; } #navigation li ul li>a:after, #navigation li ul li>span:after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color:#FFFFFF; font-size:13px; margin-left:5px; content: '\e891'; position:absolute; right:15px; top:15px; } #navigation li ul li>a:only-child:after, #navigation li ul li>span:only-child:after{ content:''; display:none; } .csstransforms3d #navigation li ul{ display:block; width:200px; transform: rotate3d(1,0,0,-90deg); -webkit-transform: rotate3d(1,0,0,-90deg); -moz-transform: rotate3d(1,0,0,-90deg); -ms-transform: rotate3d(1,0,0,-90deg); -o-transform: rotate3d(1,0,0,-90deg); -webkit-transform-origin:0 0 0; -moz-transform-origin:0 0 0; transform-origin:0 0 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; transition: transform 0.5s, opacity 0.3s; -webkit-transition: -webkit-transform 0.5s, opacity 0.3s; -moz-transition: -moz-transform 0.5s, opacity 0.3s; } .csstransforms3d #navigation ul ul{ transform: rotate3d(0,1,0,90deg); -webkit-transform: rotate3d(0,1,0,90deg); -moz-transform: rotate3d(0,1,0,90deg); -ms-transform: rotate3d(0,1,0,90deg); -o-transform: rotate3d(0,1,0,90deg); } #navigation li ul li ul{ left:100%; top:0; margin-left:-10px; margin-top:10px; z-index:7000; } #navigation ul li:last-child, #navigation ul li:last-child>a, #navigation ul li:last-child>span{ border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-bottom:none; } #navigation ul li:last-child{ border-bottom:none; } #navigation li ul li>a, #navigation li ul li>span{ display:block; color:#3e474c; font-size:15px; padding:10px 20px; border-bottom:1px solid #dee0e5; } #navigation li:hover>ul{ display:block; width:200px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: rotate3d(0,0,0,0); -webkit-transform: rotate3d(0,0,0,0); -moz-transform: rotate3d(0,0,0,0); -ms-transform: rotate3d(0,0,0,0); -o-transform: rotate3d(0,0,0,0); } #navigation li:hover>ul>li{ display:block; } #navigation li>ul>li:hover { font-weight: bold; } #navigation li:hover>ul>li>a { color: #000; } /* ==================================== */ /* CONTENT */ /* ==================================== */ .section{ padding:0; background:#fff; } .section.full-width-slider-section{ padding-top:0; } .section>.row{ margin-bottom:40px; } .section-row{ margin-top:36px; } .section>.row:last-child{ margin-bottom:0; } .boxed-layout .section{ padding-left:30px; padding-right:30px; margin-left:-30px; margin-right:-30px; } .full-width-bg{ margin-left:-5000px; margin-right:-5000px; padding-left:5000px; padding-right:5000px; } .boxed-layout .full-width-bg{ padding-left:30px; padding-right:30px; margin-left:-30px; margin-right:-30px; } .gray-bg{ padding-top:50px; padding-bottom:50px; } /* Page Heading */ .page-heading{ background:#fff; margin-left:-5000px; margin-right:-5000px; padding-left:5000px; padding-right:5000px; padding-top:27px; position:relative; } .page-heading h1{ margin:0; } .page-heading .breadcrumb{ margin:8px 0 0; font-size:14px; color:#95999e; font-family: PingFang SC; } .page-heading .breadcrumb a{ font-size:14px; color:#95999e; font-family: PingFang SC; } /* Main Flex Slider */ .main-flexslider{ height:260px; } .main-flexslider .slides>li{ height:260px; color:#fff; background-size:cover!important; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .main-flexslider .slide{ padding: 80px 50px; } .full-width-slider .slide{ width:1170px; margin:0 auto; } .main-flexslider h2{ font-size:48px; font-weight:800; line-height:60px; } .main-flexslider p{ font-size:16px; } .main-flexslider a.button{ border-bottom-color:#738497; } .main-flexslider p + a.button{ margin-top:37px; } .main-flexslider .great-vibes + h2{ margin-top:10px; } .main-flexslider .great-vibes{ font-size:36px; position:relative; display:inline-block; margin-bottom:0; } .main-flexslider .great-vibes:before{ content:''; display:block; width:40px; border-top:1px solid #fff; border-color:rgba(255,255,255,.6); position:absolute; top:50%; left:-60px; } .main-flexslider .great-vibes:after{ content:''; display:block; width:40px; border-top:1px solid #fff; border-color:rgba(255,255,255,.6); position:absolute; top:50%; right:-60px; } #main_flex_1{ background:url(../img/slide1.jpg) no-repeat; } #main_flex_1 .slide{ padding-left:100px; } #main_flex_2{ background:url(../img/slide2.jpg) no-repeat; } #main_flex_2 .slide{ padding-top:120px; } #main_flex_2 .slide h2{ font-weight:700; } #main_flex_3{ background:url(../img/slide3.jpg) no-repeat; } #main_flex_3 .slide{ padding-top:100px; } /* Revolution Slider */ .tp-banner-container{ position:relative; height:400px; border: 2px solid #F6733E; } .tp-caption.align-right{ padding-right:30px; } .main-revolution h2{ font-size:48px; font-weight:800; color:#fff; line-height:54px; margin:0; } .main-revolution p{ font-size:16px; line-height:22px; color:#fff; margin:0; } .main-revolution a.button{ border-bottom-color:#738497; margin:0; } .main-revolution .great-vibes + h2{ margin-top:10px; } .main-revolution .great-vibes{ font-size:36px; position:relative; display:inline-block; color:#fff; margin-bottom:0; } .main-revolution .great-vibes:before{ content:''; display:block; width:40px; border-top:1px solid #fff; border-color:rgba(255,255,255,.6); position:absolute; top:50%; left:-60px; } .main-revolution .great-vibes:after{ content:''; display:block; width:40px; border-top:1px solid #fff; border-color:rgba(255,255,255,.6); position:absolute; top:50%; right:-60px; } .tparrows.default{ width: 45px; height: 45px; left:-40px!important; cursor: pointer; background:#000; background:rgba(0,0,0,0.6); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-align: center; vertical-align:middle; padding-top:12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; top:50%!important; } .tparrows.default.tp-rightarrow{ right:-40px!important; left:auto!important; } .tp-banner-container:hover .tparrows.default{ left:20px!important; right:auto!important; } .tp-banner-container:hover .tparrows.default.tp-rightarrow{ right:20px!important; left:auto!important; } .tparrows.default:hover{ background:rgba(0,0,0,.8); } .tparrows.default:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color:#fff; font-size:24px; content: '\e891'; position:absolute; left:50%; margin-left:-3px; } .tparrows.default.tp-leftarrow:before{ content: '\e890'; margin-left:-6px; } /* Owl Carousel */ .owl-carousel-container{ margin:0 -15px; margin-bottom:50px; } .testimonial-carousel + a.button{ margin-top:-20px; } .owl-item{ padding:0 15px; } .owl-header{ padding:0 15px; position:relative; } .owl-header .carousel-arrows{ position:absolute; top:-10px; right:15px; } .testimonial-carousel .owl-header .carousel-arrows{ top:-25px; } .owl-header .carousel-arrows span{ display:inline-block; width:30px; height:30px; text-align:center; padding-top:3px; color:#808ca4; border-top:1px solid #f3f7fa; border-bottom:1px solid #bfc8d7; background:#e2eaf2; cursor:pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition: background 0.3s, color 0.2s, border 0.3s; -webkit-transition: background 0.3s, color 0.2s, border 0.3s; -moz-transition: background 0.3s, color 0.2s, border 0.3s; } .testimonial-carousel .owl-header .carousel-arrows span{ width:25px; height:25px; padding-top:0; } .owl-header .carousel-arrows span:hover{ color:#fff; background:#63b2f5; border-top-color:#7cc5f8; border-bottom-color:#579dd9; } /* Blog Posts */ .blog_hot{ font-size: 10px; background: #ff4900; color: #ffffff; padding: 0px 4px; margin: auto 5px; border-radius: 3px; } .blog-post:before, .blog-post:after{ content:""; display:table; } .blog-post:after { clear:both; } .blog-post { zoom:1; } .blog-post.big{ margin-bottom:50px; margin-top:10px; } .blog-post.big .post-image{ float:left; width:55.5555%; margin-right:30px; } .post-image img{ width:100%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .post-title{ margin:20px 0 7px; } .blog-post.big .post-title{ margin-top:0; font-size:24px; font-weight:400; } .post-meta{ margin-bottom:15px; line-height:16px; text-align: center; } .post-meta>span{ display:inline-block; font-size:13px; color:#95999e; line-height:16px; } .blog-post a.button{ margin-top:11px; } /* Banner Rotator */ .banner-rotator-flexslider{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; } .banner-rotator-flexslider .flex-control-nav{ bottom:10px; width:35%; z-index:100; } .banner-rotator-flexslider .flex-control-nav li{ margin:0 2px; } .banner-rotator-flexslider .flex-control-nav li a{ background:#a3cef3; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .banner-rotator-flexslider .flex-control-nav li a.flex-active{ background:#e2eaf2; } .banner-rotator-content{ padding:40px 10px 60px; background:#63b2f5; color:#fff; display:inline-block; width:35%; text-align:center; border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; } .banner-rotator-content h5{ color:#274472; font-size:16px; margin:0 0 10px; } .banner-rotator-content h2{ font-size:48px; font-weight:700; margin:0 0 0; white-space:nowrap; } .banner-rotator-content span.date{ display:block; font-size:18px; } .banner-rotator-content a.button{ margin-top:15px; padding:6px 14px; border:none; border-top-color:#f3f7fa; border-bottom-color:#5496d4; } .banner-rotator-content a.button:hover{ background:#324e79; border-bottom-color:#243f6a; border-top-color:#41669e; } .banner-rotator-flexslider .slides>li{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } /*#flex_rotator_1{ background:url(../img/rotator_slide1.jpg) 297px 0px no-repeat; background-size:552px 260px; } #flex_rotator_2{ background:url(../img/rotator_slide2.jpg) 297px 0px no-repeat; background-size:552px 260px; } #flex_rotator_3{ background:url(../img/rotator_slide3.jpg) 297px 0px no-repeat; background-size:552px 260px; } */ /* Team Members */ .team-member{ position:relative; overflow:hidden; padding-bottom:89px; margin-bottom:30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .team-member .team-member-image{ width:100%; } .team-member-info{ padding:20px; position:absolute; z-index:10; margin-top:-89px; top:100%; left:0; background:#fff; right:0; bottom:0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; backface-visibility: hidden; } .team-member .social-media li{ margin-right:4px; } .team-member .social-media li:last-child{ margin-right:0; } .team-member-more{ transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transition: all .4s ease 0.1s; -webkit-transition: all .4s ease 0.1s; -moz-transition: all .4s ease 0.1s; } .team-member:hover .team-member-info{ top:80px; } .team-member:hover .team-member-more{ opacity:1; -moz-opacity:1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } .team-member-info h2{ margin:3px 0 0; } .team-member-info .job{ color:#95999e; font-size:13px; display:block; margin-bottom:17px; white-space:nowrap; } .team-member.big{ background:#fff; padding:0; } .team-member.big .team-member-image{ width:50%; padding-right:15px; float:left; } .team-member.big .team-member-info{ position:relative; margin-top:0; top:0; float:left; width:50%; padding:30px 30px 30px 15px; } .team-member.big .team-member-more{ opacity:1; -moz-opacity:1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } /* Contact */ .contact-map{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; overflow:hidden; margin-bottom:-10px; } /* Issues */ .issue-block{ background:#fafbfd; overflow:hidden; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-top:30px; text-align:center; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } .issue-icon{ display:inline-block; background:#63b2f5; color:#fff; width:60px; height:60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding-top:10px; margin-top:20px; font-size:24px; transition: color 0.3s, background 0.3s; -webkit-transition: color 0.3s, background 0.3s; -moz-transition: color 0.3s, background 0.3s; } .issue-block:hover{ background:#e2eaf2; } .issue-block:hover .issue-icon{ color:#274472; background:#fff; } .issue-block:hover .issue-content h4{ color:#274472; } .issue-block:hover a.button{ color:#fff; background:#63b2f5; border-top-color:transparent; } .issue-block:hover a.button:after, .issue-block:hover a.button:before{ color:#fff; } .issue-image img{ width:100%; } .issue-content{ padding:30px 20px; } .issue-content h4{ color:#4174c5; font-size:16px; margin:0 0 15px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .issue-content a.button{ margin-top:15px; } /* Event Calendar */ .event-calendar{ overflow:visible; } .calendar-header{ margin-top:50px; } .calendar-header .filter-dropdown{ text-align:left; margin-right:0; } .calendar-header label{ color:#95999e; font-size:13px; margin-right:5px; position:relative; top:2px; } .calendar-header h3{ margin:0; position:relative; top:5px; } .event-calendar{ margin:15px 0 30px; } .event-calendar, .event-calendar tr, .event-calendar td, .event-calendar th, .event-calendar tr:hover{ background:none; } .event-calendar tr:hover>th{ background:#e2eaf2; } .event-calendar{ border:none; table-layout: fixed; } .event-calendar th{ background:#e2eaf2; font-weight:400; padding:18px 20px; font-size:16px; border:2px solid #f2f4f9; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; overflow:hidden; text-align:center; } .event-calendar td{ border:2px solid #f2f4f9; background:#fafbfd; height:150px; vertical-align:top; padding:10px 5px 10px 15px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } .event-calendar td>span.day{ font-size:18px; font-weight:700; display:block; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } .event-calendar td.no-events>span.day{ color:#dee0e5; } .event-calendar td .events{ list-style:none; margin:0; padding:0; font-size:13px; } .event-calendar td .events li{ border-bottom:1px solid #ecedf1; padding:5px 0; transition:border 0.3s; -webkit-transition:border 0.3s; -moz-transition:border 0.3s; position:relative; } .event-calendar td .events li:last-child{ padding-bottom:0; border:none; } .event-calendar td:hover{ background:#63b2f5; } .event-calendar td:hover .events li{ border-color:#81c7f8; } .event-calendar td:hover .events>li>a{ color:#fff; } .event-calendar td:hover>span.day{ color:#fff; } .event-calendar td.not-this-month{ opacity:0; } .event-popover{ position:absolute; bottom:130px; background:#fff; display:none; width:320px; vertical-align:top; padding:15px 10px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; z-index:100; box-shadow:0 1px 1px rgba(0,0,0,.1); -webkit-box-shadow:0 1px 1px rgba(0,0,0,.1); -moz-box-shadow:0 1px 1px rgba(0,0,0,.1); } .event-calendar td:last-child .event-popover, .event-calendar td:nth-child(6) .event-popover{ right:0; } .event-calendar td:last-child .event-popover:after, .event-calendar td:nth-child(6) .event-popover:after{ left:auto; right:20px; } .csstransforms .event-popover{ display:block; opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); } .event-popover:after{ content:''; display:block; width:15px; height:15px; position:absolute; border-left:10px solid transparent; border-right:10px solid transparent; border-top:8px solid #fff; bottom:-15px; left:20px; } .event-popover h6{ margin:5px 0 10px; } .event-popover .event-meta{ list-style:none; margin:0; padding:0; margin-bottom:10px; } .event-popover img.align-left{ margin-bottom:10px; } .event-popover .event-meta li{ border:none!important; padding:0!important; color:#95999e; font-size:13px; } .event-popover p{ font-size:13px; line-height:22px; } .event-calendar td .events li:hover .event-popover{ display:block; bottom:120%; opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); } /* Events */ .section.full-width-map, .section.full-width-image{ padding-top:0; padding-bottom:0; position:relative; background:#fff; } .section.full-width-map iframe{ margin-bottom:-5px; } .section.full-width-image img, .section.full-width-map iframe{ width:100%; } .event-single{ margin-bottom:30px; } .event-meta{ overflow:hidden; } .event-meta-block{ background:#e2eaf2; display:block; padding:18px 13px 18px 13px; height:75px; padding-left:50px; position:relative; } .event-meta-block p{ font-size:15px; white-space:nowrap; } .event-meta-block>.icons{ position:absolute; top:17px; left:10px; color:#c6d0dc; font-size:24px; } .event-meta-block .social-share li a{ color:#808ca4; } .event-meta-block:first-child{ border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; } .event-meta-block:last-child{ border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; } .event-meta-block + .event-meta-block{ margin-top:1px; } .event-meta-block p{ margin:0; } .event-meta-block p.title{ color:#95999e; font-size:13px; line-height:16px; } .event-meta.horizontal + .event-image{ margin-top:10px; } .event-image + .event-meta.horizontal{ margin-top:5px; } .horizontal .event-meta-block{ margin:0; } .horizontal .event-meta-block + .event-meta-block{ border-left:1px solid #f2f4f9; } .horizontal .event-meta-block:first-child{ border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; } .horizontal .event-meta-block:last-child{ border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; } .event-pagination{ margin-bottom:-20px; margin-top:-16px; } .event-details h6{ margin-top:20px; } .event-details .project-details{ margin-top:-7px; } /* Related Events */ .event-info{ display:table; margin-top:30px; } .event-info>*{ display:table-cell; vertical-align:top; } .event-info ul{ list-style:none; margin:0; padding:0; } .event-info .date>span{ background:#ebf4fc; text-align:center; padding:7px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:42px; display:block; transition:color 0.2s, background 0.3s; -webkit-transition:color 0.2s, background 0.3s; -moz-transition:color 0.2s, background 0.3s; } .event-info .date .day{ font-size:18px; font-weight:700; display:block; padding:0; } .event-info .date .month{ font-size:12px; font-weight:400; line-height:16px; text-transform:uppercase; display:block; padding:0; } .event-info .event-content{ padding-left:15px; vertical-align:top; } .event-info .event-content h6{ margin:0 0 5px; font-size:16px; font-weight:700; } .event-info .event-content .event-meta{ color:#95999e; line-height:16px; font-size:13px; } .event-info .event-content .event-meta .icons{ font-size:10px; margin-right:2px; color:#cbcdd1; position:relative; top:-1px; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } .event-item:hover .date>span{ background:#63b2f5; color:#fff; } .event-item:hover h6 a{ color:#274472; } .event-item{ margin-bottom:10px; } .event-item .event-image img{ width:100%; } .event-item:hover .event-content .event-meta .icons{ color:#b1b4b8; } .related-events h3{ margin-bottom:23px; margin-top:0; } /* Media */ .media-filters{ border-bottom:1px solid #dee0e5; padding-bottom:20px; margin-bottom:30px; position:relative; z-index:1000; } .media-filters label{ color:#95999e; font-size:13px; margin-right:10px; } .filter-filtering{ display:inline-block; vertical-align:middle; } .filter-dropdown{ list-style:none; margin:0; padding:0; display:inline-block; width:130px; margin-right:20px; } .filter-dropdown>li>span{ background:#e2eaf2; border-radius:3px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-bottom:1px solid #bfc8d7; border-top:1px solid #f3f7fa; padding:5px 20px; color:#274472; font-size:13px; text-transform:uppercase; position:relative; cursor:pointer; transition:background 0.3s, border 0.3s, color 0.3s; -webkit-transition:background 0.3s, border 0.3s, color 0.3s; -moz-transition:background 0.3s, border 0.3s, color 0.3s; } .filter-dropdown>li>span:hover, .filter-dropdown.opened>li>span{ background:#63b2f5; border-top-color:#7cc5f8; border-bottom-color:#579dd9; } .filter-dropdown>li>span:hover, .filter-dropdown>li>span:hover:after, .filter-dropdown.opened>li>span, .filter-dropdown.opened>li>span:after{ color:#fff; } .filter-dropdown>li>span:after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e88e'; position:absolute; right:15px; top:9px; color:#808ca4; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } .filter-dropdown.opened>li>span:after{ content: '\e88f'; } .sorting-desc:after{ content: '\e88f'; margin-left:10px; margin-right:-5px; } .filter-dropdown ul{ list-style:none; margin:0; padding:0; background:#ffffff; position:absolute; z-index:1000; width:130px; display:none; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; } .csstransforms .filter-dropdown ul{ display:block; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transition: transform 0.4s; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; } .filter-dropdown.opened ul{ z-index:1000; display:block; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } .filter-dropdown ul li{ padding:6px 20px; text-transform:uppercase; border-bottom:1px solid #ddd; cursor:pointer; } .filter-dropdown ul li:hover, .filter-dropdown ul li.active-filter{ color:#63b2f5; } .filter-select + div.chosen-with-drop .chosen-single{ background:#63b2f5; color:#fff; } .filter-select + div .chosen-results>li{ padding:6px 15px!important; text-transform:uppercase!important; color:#3e474c; font-size:13px; border-bottom:1px solid #ecedf1; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .filter-select + div .chosen-results>li.result-selected, .filter-select + div .chosen-results>li:hover{ color:#63b2f5; background:none; } .filter-sorting{ display:inline-block; } .order-group{ display:inline-block; margin-right:5px; } .order-group button + button{ margin:0; } .sorting-asc:after{ content: '\e88e'; margin-left:10px; margin-right:-5px; } .active-sort>button{ background:#63b2f5; border-bottom-color:#579dd9; border-top-color:#80bef0; color:#fff; } .active-sort>button:after{ color:#fff; } .filter-sorting button i{ color:#808ca4; margin-right:-5px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .filter-sorting button:hover i{ color:#fff; } button.small{ padding:5px 20px; } /* Media Items */ .media-items{ margin-bottom:-30px; } .media-item{ position:relative; background:#fafbfd; overflow:hidden; z-index:100; margin-bottom:30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .media-item.gallery-media{ background:none; } .media-items .mix{ display:none; } .media-image{ position:relative; overflow:hidden; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; } .media-item img{ width:100%; } .media-hover{ position:absolute; left:0; top:0; right:0; bottom:0; background:#000; background:rgba(14,30,51,.4); color:#fff; text-align:center; width:100%; height:100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; } .media-item:hover .media-hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .media-item:hover .media-icon{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } .media-hover .media-icons{ position:relative; top:50%; margin-top:-25px; } .media-hover .media-icon{ background:#101e33; background:rgba(16,30,51,.7); width:50px; height:50px; margin:0 3px; color:#fff; display:inline-block; text-align:center; font-size:20px; border-radius:3px; line-height:20px; -webkit-border-radius:3px; -moz-border-radius:3px; padding-top:15px; cursor:pointer; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); -webkit-transition:background 0.3s, -webkit-transform 0.5s; -moz-transition:background 0.3s, -moz-transform 0.5s; transition:background 0.3s, transform 0.5s; } .media-hover .media-icon:hover{ background:rgba(16,30,51,1); } .media-item:hover .media-hover{ display:block; } .media-info{ padding:20px 20px 30px; } .media-item:hover .media-format>div{ background:#63b2f5; color:#fff; } .media-header{ display:table; width:100%; } .media-header>div{ display:table-cell; vertical-align:top; } .media-format{ width:45px; } .media-format>div{ width:45px; height:45px; background:#e2eaf2; color:#274472; text-align:center; font-size:20px; padding-top:10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:background 0.3s, color 0.3s; -webkit-transition:background 0.3s, color 0.3s; -moz-transition:background 0.3s, color 0.3s; } .media-caption{ padding-left:20px; } .media-caption h2{ margin-top:0; margin-bottom:5px; color:#4174c5; } .media-item h4.related-title{ margin-top:20px; } .col-lg-3 .media-caption h2, .col-lg-9 .col-lg-4 .media-caption h2{ font-size:18px; font-weight:600; line-height:22px; margin-right:-15px; } .col-lg-3 .media-button a.button, .col-lg-9 .col-lg-4 .media-button a.button{ padding:0; font-size:13px; background:none; color:#274472; border:none; } .col-lg-3 .media-button, .col-lg-9 .col-lg-4 .media-button{ margin-bottom:-6px; margin-top:-11px; } .col-lg-3 .media-button a.button:first-child, .col-lg-9 .col-lg-4 .media-button a.button:first-child{ margin-right:10px; } .col-lg-3 .media-button a.button:hover, .col-lg-9 .col-lg-4 .media-button a.button:hover{ background:none; color:#63b2f5; } .col-lg-3 .media-button a.button:hover:after, .col-lg-9 .col-lg-4 .media-button a.button:hover:after{ color:#274472; } .media-caption span.tags{ color:#4174c5; font-size:13px; } .media-description{ margin:20px 0 28px; } /* Project Single */ .portfolio-single{ background:#fafbfd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:20px; margin-bottom:30px; } .portfolio-single h6{ margin-top:20px; } .portfolio-slideshow-section{ padding-top:0; padding-bottom:0; } .portfolio-slideshow.flexslider{ max-height:500px; overflow:hidden; } .portfolio-single .flexslider, .portfolio-single .portfolio-video{ margin:-20px -20px 0; } .portfolio-single .flexslider img{ border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; } .project-details, .project-details td, .project-details tr, .project-details th, .project-details tr:hover{ background:none; border:none; padding:0; } .project-details tr:hover td{ background:none; } .project-details tr:first-child td{ padding-top:0; } .project-details tr:only-child td{ padding-top:7px; } .project-details td{ padding:7px 0; } .social-share{ list-style:none; margin:0 0 0 -5px; padding:0; } .social-share li{ display:inline-block; margin-right:5px; } .social-share li a{ color:#cbcdd1; font-size:16px; } .social-share li.facebook:hover a{ color:#4862a3; } .social-share li.twitter:hover a{ color:#40bff5; } .social-share li.google:hover a{ color:#eb5b4c; } .social-share li.pinterest:hover a{ color:#cd322c; } .social-share li.email:hover a{ color:#324e79; } /* Blog */ .blog-post{ margin-bottom:30px; } .blog-post:last-child{ margin-bottom:0; } .post-image{ position:relative; } .blog-post .post-meta span + span:before{ display:inline-block; content:'\2022 '; margin-right:3px; font-size:10px; } .blog-post:hover .media-hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; display:block; } .blog-post:hover .media-icon{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } .post-content{ position:relative; padding-left:100px; padding:20px 0 20px 100px; } .post-side-meta{ position:absolute; top:25px; left:0; width:70px; text-align:center; } .post-side-meta>a{ display:block; } .post-side-meta .date{ background:#f2f4f9; color:#95999e; width:70px; height:60px; } .post-side-meta .date .day{ font-size:36px; line-height:26px; font-weight:800; display:block; } .post-side-meta .date .month{ font-size:18px; font-weight:400; display:block; } .post-side-meta .post-format{ background:#e2eaf2; color:#274472; font-size:24px; padding-top:20px; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; width:70px; height:70px; transition:color 0.3s, background 0.3s; -webkit-transition:color 0.3s, background 0.3s; -moz-transition:color 0.3s, background 0.3s; } .post-side-meta .post-format:hover{ background:#63b2f5; color:#fff; } .post-side-meta .post-comments{ background:#fafbfd; width:70px; padding:10px 0; color:#4174c5; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; } .blog-post h2{ margin:0 0 5px; } .blog-post p{ font-size:15px; } .post-header{ margin-bottom:16px; } /* Style 2 */ .blog-post.style2{ margin-bottom:50px; } .blog-post.style2:last-child{ margin-bottom:0; } .blog-post.style2 .post-image{ float:left; width:50%; position:relative; z-index:100; margin-bottom:0; } .blog-post.style2 .post-image blockquote{ margin:0; } .blog-post.style2 .post-content{ padding:0 0 0 50%; margin-left:30px; } .blog-post.style2 .read-more-button{ margin-top:15px; } .blog-post.style2 .read-more-button:only-child{ margin-top:14px; } /* Post Single */ .blog-post-single{ position:relative; } .blog-post-single .portfolio-slideshow .slides img{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .blog-post-single .post-content{ padding:0; } .blog-post-single.fullwidth-post{ padding-left:100px; } .blog-post-single .post-meta{ margin-top:15px; } .blog-post-single .post-side-meta{ top:10px; } .blog-post-single .post-meta span + span:before{ display:inline-block; content:'\2022 '; margin-right:3px; font-size:10px; } .post-meta-track{ background:#fafbfd; margin-top:20px; margin-bottom:20px; padding:3px 20px; font-size:13px; color:#95999e; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .post-meta-track .tags{ text-align:right; } .post-meta-track .social-share{ margin-left:0; } .post-author{ background:#fafbfd; padding:20px; min-height:110px; margin-top:30px; margin-bottom:50px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .post-author:before, .post-author:after { content:""; display:table; } .post-author:after { clear:both; } .post-author { zoom:1; } .post-author h4{ margin-top:0; font-weight:400; text-transform:uppercase; font-size:18px; } .post-author .author-info .author-img{ width:100px; float:left; } .post-author .author-info img{ width:80px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .post-author .author-info p{ margin:0; } .post-comments{ margin-bottom:-10px; } .post-comments h3{ margin-bottom:-7px; } .post-comments ul{ list-style:none; margin:0; padding:0; } .post-comments ul ul{ padding-left:30px; } .post-comments>ul>li:last-child>.comment:only-child, .post-comments>ul>li:last-child li:last-child>.comment:only-child{ border-bottom:none; } .comment{ padding:30px 0; border-bottom:1px solid #dee0e5; } .comment-author{ position:relative; padding-left:90px; min-height:70px; padding-top:10px; } .comment-author img{ position:absolute; left:0; top:0; width:70px; } .comment-author .author-meta{ display:inline-block; } .comment-author h6{ display:inline-block; margin:0; font-weight:400; font-size:15px; } .comment-author .comment-meta span{ display:inline-block; color:#95999e; font-size:13px; } .comment-author .comment-meta span + span:before{ display:inline-block; content:'\2022 '; margin-right:3px; font-size:10px; } .comment-content:before{ content:''; display:block; width:20px; height:20px; position:absolute; left:90px; top:-20px; background:url(../img/blog/comment-arrow.png) no-repeat; background-position:left bottom; } .comment-content{ background:#fafbfd; border:1px solid #dee0e5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:20px; font-size:15px; font-style:italic; margin-top:12px; position:relative; } .comment-content p{ margin:0; } #comment-form{ margin-top:20px; } #comment-form input[type="submit"]{ margin-top:30px; } .related-articles h3{ margin-bottom:23px; } /* Shop */ /* Shopping Cart */ .shopping-cart{ display:inline-block; position:relative; } .cart-button{ width:45px; height:45px; background:#e2eaf2; color:#808ca4; font-size:20px; text-align:center; padding-top:7px; border-top:1px solid #f3f7fa; border-bottom:1px solid #c5cdda; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:color 0.3s, background 0.3s, border 0.3s; -webkit-transition:color 0.3s, background 0.3s, border 0.3s; -moz-transition:color 0.3s, background 0.3s, border 0.3s; } .shopping-cart:hover .cart-button{ background:#63b2f5; border-top-color:#7cc5f8; border-bottom-color:#579dd9; color:#fff; } .shopping-cart-dropdown{ position:absolute; top:45px; right:0; z-index:1000; width:280px; padding-top:7px; display:none; opacity:0; -moz-opacity:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); transition: opacity 0.4s, transform 0.4s; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; -moz-transition: opacity 0.4s, -moz-transform 0.4s; } .csstransforms .shopping-cart-dropdown{ display:block; } .shopping-cart:hover .shopping-cart-dropdown{ opacity:1; -moz-opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); display:block; } .shopping-cart-content{ background:#fafbfd; border:3px solid #63b2f5; text-align:left; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0 1px 1px rgba(39, 68, 114, .25); } .cart-item{ display:table; width:100%; padding:10px 20px; border-bottom:1px solid #ecedf1; position:relative; } .cart-item>*{ display:table-cell; vertical-align:top; } .cart-item .featured-image{ width:65px; padding-right:15px; } .cart-item .featured-image img{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:50px; } .cart-item .item-content h6{ margin:5px 0 2px; font-size:15px; font-weight:400; } .cart-item>h6{ margin:0; padding:5px 0; font-size:15px; } .cart-item .remove-item{ position:absolute; top:50%; right:15px; margin-top:-12px; color:#d3a7a4; font-size:18px; cursor:pointer; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .cart-item .remove-item:hover{ color:#a82512; } .cart-item>a.button{ padding-left:10px; padding-right:10px; margin-top:5px; margin-bottom:5px; font-size:13px; text-transform:uppercase!important; } /* Shop Items */ .shop-header{ border-bottom:1px solid #dee0e5; padding-bottom:15px; } .shop-header:before, .shop-header:after { content:""; display:table; } .shop-header:after { clear:both; } .shop-header { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .shop-header span.results{ font-size:13px; color:#95999e; display:inline-block; margin-top:10px; } .shop-header .filter-filtering{ float:right; } .shop-header .filter-dropdown{ margin-right:0; width:250px; } .shop-header .filter-dropdown ul{ width:250px; } .shop-items .mix{ display:none; } .shop-item{ background:#fafbfd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-top:30px; display:block; width:100%; } .shop-image{ position:relative; width:100%; } .shop-ribbon-sale{ position:absolute; top:-4px; left:-4px; right:0; bottom:0; z-index:100; background:url(../img/shop/ribbon-sale.png) no-repeat; background-position:top left; -webkit-transform:translateZ(0px); } .shop-ribbon-stock{ position:absolute; top:-4px; left:0; right:-4px; bottom:0; z-index:100; background:url(../img/shop/ribbon-stock.png) no-repeat; background-position:top right; -webkit-transform:translateZ(0px); } .shop-ribbon-new{ position:absolute; top:-4px; left:0; right:-4px; bottom:0; z-index:100; background:url(../img/shop/ribbon-new.png) no-repeat; background-position:top right; -webkit-transform:translateZ(0px); } .shop-product-gallery .shop-ribbon-sale, .shop-product-gallery .shop-ribbon-stock, .shop-product-gallery .shop-ribbon-new{ z-index:0; } .shop-image img{ width:100%; transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-transform:translateZ(0px); } .shop-featured-image{ overflow:hidden; } .shop-hover{ position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden; background:#eee; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; } .shop-hover img{ transform: scale(2); -webkit-transform: scale(2) translateZ(0px); -moz-transform: scale(2); } .shop-item:hover .shop-hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .shop-item:hover .shop-hover img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .shop-content{ padding:20px; } .shop-content h4{ margin-top:0; margin-bottom:5px; } .shop-content .price{ font-size:15px; } .shop-content .price del{ color:#95999e; } .shop-rating{ margin:10px 0 20px; } .shop-rating img + img{ margin-left:-5px; } a.button.add-to-cart-button{ color:#a82512!important; margin-right:5px; } a.button.add-to-cart-button:hover{ color:#d3311a!important; } a.button.add-to-cart-button:after{ content: '\e874'; color:#c37d78; margin-left:5px; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } a.button.add-to-cart-button:hover:after{ color:#d3311a!important; } a.button.details-button{ color:#274472!important; } a.button.details-button:after{ color:#808ca4!important; } a.button.details-button:hover{ color:#63b2f5!important; } a.button.details-button:hover:after{ color:#63b2f5!important; } /* Shop Single */ .shop-single{ margin:30px 0 30px; } .shop-single .tabs{ margin:30px 0 40px; } .shop-single:before, .shop-single:after { content:""; display:table; } .shop-single:after { clear:both; } .shop-single { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .shop-product-gallery{ width:55.5555%; background:transparent; float:left; padding-right:15px; position:relative; } .shop-product-gallery .shop-ribbon-sale{ width:100px; height:100px; } .shop-product-gallery .main-image{ position:relative; cursor:pointer; } .shop-product-gallery .main-image img{ width:100%; } .shop-product-gallery .fullscreen-icon{ width:35px; height:35px; background:#7f8690; color:#fff; text-align:center; position:absolute; bottom:10px; right:10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-size:18px; padding-top:6px; z-index:9999; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } .shop-product-gallery .fullscreen-icon .icons{ margin:0 0 0 -2px; } .shop-product-gallery .fullscreen-icon:hover{ background:#63b2f5; } .shop-product-gallery .slider-navigation{ margin:10px 0 0 0; position:relative; list-style:none; padding:0; } .shop-product-gallery .slider-navigation li{ margin:0 10px 0 0; width:90px; display:inline-block; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; position:relative; cursor:pointer; } .shop-product-gallery .slider-navigation li img{ width:100%; } .shop-product-gallery .slider-navigation li:after{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:transparent; } .shop-product-gallery .slider-navigation li.active, .shop-product-gallery .slider-navigation li:hover{ opacity:.6; -moz-opacity:.6; } .shop-product-content{ width:44.4445%; float:left; padding-left:15px; } .shop-product-content h2{ color:#4174c5; margin:0 0 -5px; } .shop-product-content .price{ font-size:18px; display:block; margin:-15px 0 15px; } .shop-product-content .price del{ color:#95999e; } .shop-product-content ul{ padding:0; margin:20px 0; list-style-position:inside; } .shop-product-content ul li{ margin:10px 0; } .shop-product-content a.add-to-cart-button{ background:#a82512!important; color:#fff!important; margin:20px 0; text-transform:uppercase!important; font-size:13px; padding:10px 20px; } .shop-product-content a.add-to-cart-button:after{ color:#d6aaa7!important; } .shop-product-content a.add-to-cart-button:hover{ background:#d3311a!important; color:#fff!important; } .shop-product-content a.add-to-cart-button:hover:after{ color:#fff!important; } .shop-product-content .social-share{ margin:-10px 0 0; } .product-single-tabs.style2 .tab-header{ width:30%!important; } .product-reviews{ list-style:none; margin:0; padding:0; } .product-reviews li{ position:relative; padding-left:70px; } .product-reviews li + li{ margin-top:30px; } .product-reviews li>img{ position:absolute; top:0; left:0; width:50px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .product-reviews li .shop-rating{ position:absolute; margin:0; top:-5px; right:-20px; } .product-reviews li h5{ margin:0; text-transform:none; font-size:16px; } .product-reviews li .date{ margin-bottom:10px; display:block; font-size:13px; margin-top:5px; color:#95999e; } .submit-review input[type="submit"]{ margin-bottom:10px; } .submit-review .shop-rating{ margin-top:0; } .related-products{ margin-top:20px; margin-bottom:-20px; } .related-products h3{ margin-bottom:23px; margin-top:26px; } .related-products .shop-item{ margin-top:0; } .related-media-items{ margin-bottom:-54px; } /* Shopping Cart */ .shopping-cart-table .product-thumbnail{ width:50px; display:inline-block; margin-right:10px; } .shopping-cart-table .product-thumbnail img{ width:50px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .shopping-cart-table td{ width:1%; } .shopping-cart-table td.price{ min-width:100px; } .shopping-cart-table .shopping-cart-item, .shopping-cart-table .apply-coupon{ width:auto; } .shopping-cart-item{ vertical-align:top; } .shopping-cart-item h6{ font-size:14px; font-weight:400; margin:0; vertical-align:top; display:inline-block; } .shopping-cart-table .remove-shopping-item{ color:#d3a7a4; cursor:pointer; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; font-size:18px; } .shopping-cart-table .remove-shopping-item:hover{ color:#a82512; } .shopping-cart-table .apply-coupon input{ padding:5px 10px; } .shopping-cart-table .apply-coupon>*{ width:auto; display:inline-block; } .shopping-cart-table a.button{ font-size:13px; text-transform:uppercase!important; } .shopping-cart-table a.button + a.button{ margin-left:2px; } .update-totals-form input[type="submit"]{ margin-top:10px; font-size:13px; } .shopping-cart-forms{ margin-top:16px; margin-bottom:16px; } /* Checkout */ .your-order-table .product-thumbnail{ width:50px; margin-right:15px; display:inline-block; } .your-order-table .product-thumbnail img{ width:50px; display:inline-block; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .your-order-table .order-product p{ margin:0; vertical-align:top; display:inline-block; } .your-order-table .price{ width:20%; min-width:175px; } .payment-options{ margin:30px 0 0; background:#fafbfd; padding:20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .payment-options>ul{ list-style:none; margin:0; padding:0; } .payment-options>ul>li{ border-bottom:1px solid #ecedf1; padding:10px 0; } .payment-options>ul>li:last-child, .payment-options>ul>li.active{ border-bottom:none; } .payment-header label{ font-weight:700; } .payment-header label img{ margin-left:5px; position:relative; top:-2px; } .payment-content{ padding-left:37px; } .toggle-alert-box{ margin-bottom:10px; } .toggle-alert-box+form{ padding:20px 0 30px; } .checkout-login-form p{ margin-bottom:15px; margin-top:-5px; } .checkout-login-form input[type="submit"]{ margin-right:15px; margin-top:15px; } .checkout-coupon-form input[type="submit"]{ padding:8px 20px; margin:0 0 0 3px; } .checkout-coupon-form input[type="text"]{ width:auto; min-width:390px; max-width:100%; margin:0; } #checkout-form textarea{ margin-bottom:10px; } #checkout-form a.button.donate{ margin-top:30px; } /* ==================================== */ /* SIDEBAR */ /* ==================================== */ .sidebar-box{ height: 296px; border: 2px solid #F6733E; } .sidebar-box:before, .sidebar-box:after{ content:""; display:table; } .sidebar-box:after { clear:both; } .sidebar-box { zoom:1; } .sidebar-box + .sidebar-box{ margin-top:30px; } .sidebar-box h3{ color: #F6733E; width: 156px; height: 129px; float: left; font-weight: 400; margin: 80px 50px auto 50px; font-size: 28px; line-height: 41px; } .sidebar-box a.button{ margin-top:10px; } .sidebar-box a.button.transparent:hover:after{ color:#63b2f5; } /* Banners */ .banners-inline{ display:table; table-layout:fixed; width:100%; margin-left:-3px; margin-right:-3px; margin-top:30px; } .banners-inline>.banner-wrapper{ display:table-cell; vertical-align:top; padding:0 3px; } .banners-inline>.banner-wrapper + .banner-wrapper{ margin-top:0; } .banners-inline .banner{ padding-left:48px; min-height:97px; } .banners-inline .banner.donate-banner{ padding-bottom:18px; } .banners-inline .banner h4{ font-size:24px; margin-top:8px; } .banners-inline .banner .icons{ top:50%; left:-25px; } .banner{ background:#e2eaf2; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:18px 10px 15px 50px; overflow:hidden; position:relative; display:block; min-height:75px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } .banner-wrapper + .banner-wrapper{ margin-top:5px; } .banner h4{ color:#274472; font-weight:800; text-transform:uppercase; margin:0; white-space: nowrap; transition:color 0.2s; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; } .banner p{ color:#808ca4; margin-top:0; font-size:13px; margin-bottom:0; transition:color 0.2s; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; } .banner .icons{ position:absolute; font-size:48px; width:50px; color:#c6d0dc; left:-23px; top:50%; margin-top:-26px; z-index:500; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transition:color 0.2s, opacity 0.7s, -webkit-transform 0.6s; -moz-transition:color 0.2s, opacity 0.7s, -moz-transform 0.6s; transition:color 0.2s, opacity 0.7s, transform 0.6s; } .banner:hover{ background:#63b2f5; text-decoration:none; } .banner:hover h4{ color:#fff } .banner:hover p{ color:#dbe7f2; } .banner:hover .icons{ color:#9ccbf8; } .banner:hover .icons.icons-fadeout{ color:#9ccbf8; -webkit-transform:scale(4); -moz-transform:scale(4); transform:scale(4); opacity:0; -moz-opacity:0; -khtml-opacity:0; } .banner.donate-banner{ background:#ede1e2; padding:20px 18px 20px 20px; } .banner.donate-banner h5{ margin:0 0 8px; font-size:14px; color:#a82512; font-weight:400; } .banner.donate-banner input[type="submit"]{ background:#a82512; border-top:1px solid #be2e17; border-bottom:1px solid #911f0f; margin-top:0; padding:5px 12px; height:35px; color:#fff; display:inline-block; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; vertical-align:bottom; } .banner.donate-banner input[type="radio"]{ display:none; } .banner.donate-banner input[type="radio"]+label{ background:#fff; box-shadow:0 0 1px #a82512; cursor:pointer; padding:6px 8px; display:inline-block; margin:0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:background 0.3s, color 0.2s; -webkit-transition:background 0.3s, color 0.2s; -moz-transition:background 0.3s, color 0.2s; } .banner.donate-banner input[type="radio"]+label:before{ display:none; content:''; margin:0; } .banner.donate-banner input[type="radio"]:checked+label, .banner.donate-banner label.radio-checked{ background:#a82512!important; color:#fff; } .banner.donate-banner input[type="submit"]:hover{ background:#d3311a; border-top-color:#de3d21; border-bottom-color:#b02713; } /* Social Media */ .banner-wrapper + .social-media, .sidebar-box + .social-media, .social-media + .banner-wrapper, .social-media + .sidebar-box { margin-top:20px; } .social-icons, .social-buttons{ list-style:none; margin:0; padding:0; } .social-buttons{ overflow:hidden; } .small-caption + .social-icons{ margin-top:3px; } .social-icons li, .social-buttons li{ display:inline-block; margin:4px 0; } .social-buttons li{ float:left; margin-right:4px; height:25px; } .social-buttons li.facebook-share>div{ position:relative; top:-2px; } .social-buttons li.twitter-share>iframe{ width:95px!important; } .social-buttons li:last-child{ margin-right:0; } .social-icons li>a{ display:block; width:35px; height:35px; color:#fff; background:#444; text-align:center; font-size:16px; padding-top:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .social-icons .facebook>a{ background-color:#4862a3; border-top:1px solid #5e80bf; border-bottom:1px solid #3a4e82; } .social-icons .twitter>a{ background-color:#40bff5; border-top:1px solid #53d2f8; border-bottom:1px solid #36a6d6; } .social-icons .google>a{ background-color:#eb5b4c; border-top:1px solid #f17663; border-bottom:1px solid #cc4f42; } .social-icons .youtube>a{ background-color:#cd322c; border-top:1px solid #dc4139; border-bottom:1px solid #ac2823; } .social-icons .flickr>a{ background-color:#ff1981; border-top:1px solid #ff21a7; border-bottom:1px solid #d8166e; } .social-icons .email>a{ background-color:#324e79; border-top:1px solid #41669e; border-bottom:1px solid #243f6a; } /* Featured Video */ .featured-video{ padding:20px 0; } .featured-video>h3, .featured-video>a{ margin-left:20px; margin-right:20px; } .featured-video iframe{ width:100%; height:150px; } /* Upcoming Events */ .upcoming-events, .upcoming-events ul{ list-style:none; margin:0; padding:0; } .upcoming-events{ margin: 40px auto auto auto; width: 90%; float:left; } .upcoming-events>li{ display:table; padding:0 0 15px; border-bottom:1px solid #eee; } .upcoming-events>li+li{ padding-top:15px; } .upcoming-events li:last-child{ border:none; } .upcoming-events>li>*{ display:table-cell; vertical-align:top; } .upcoming-events .date>span{ text-align:center; padding:7px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:42px; display:block; transition:color 0.2s, background 0.3s; -webkit-transition:color 0.2s, background 0.3s; -moz-transition:color 0.2s, background 0.3s; background: rgb(225, 225, 225); opacity: 0.49; } .upcoming-events .date .day{ font-size:18px; font-weight:700; display:block; padding:0; } .upcoming-events .date .month{ font-size:12px; line-height:16px; font-weight:400; text-transform:uppercase; display:block; padding:0; } .upcoming-events .event-content{ padding-left:15px; vertical-align:top; } .upcoming-events .event-content h6{ margin:0 0 4px; font-size:15px; font-weight:400; } .upcoming-events .event-content .event-meta{ color:#95999e; font-size:13px; line-height:18px; margin-top: 18px; } .upcoming-events .event-content .event-meta .icons{ font-size:10px; margin-left:-2px; margin-right:2px; color:#cbcdd1; position:relative; top:-1px; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } .upcoming-events>li:hover .date>span{ background:rgb(246, 115, 62); color:#fff; } .upcoming-events>li:hover h6 a{ color: #4174c5; } .upcoming-events>li:hover .event-content .event-meta .icons{ color:#b1b4b8; } .upcoming-events + div.more{ float: right; margin-top: 200px; width: 20px; } .upcoming-events + div.more a { color: rgb(246, 115, 62); font-family: "fontello"; display: inline-block; text-align: center; line-height: 18px; font-size: 16px; } .upcoming-events + div.more a:after { content: '\21B5'; } /* Popular News */ .popular-news, .popular-news ul{ list-style:none; margin:0; padding:0; } .popular-news>li{ display:table; padding:0 0 15px; border-bottom:1px solid #eee; } .popular-news>li + li{ padding-top:15px; } .popular-news li:last-child{ border:none; } .popular-news>li>*{ display:table-cell; vertical-align:top; } .popular-news .thumbnail{ width:70px; } .popular-news .post-content{ padding:0; padding-left:15px; } .popular-news .post-meta{ margin-bottom:0; line-height:16px; } .popular-news .post-meta span{ display:initial; } .popular-news .post-meta span:last-child:before{ display:initial; content:'\2022 '; margin-right:3px; font-size:10px; } .popular-news h6{ margin:0 0 3px; font-size:15px; font-weight:400; } /* Images Banner */ .image-banner{ padding:0; } .image-banner a{ background:#63b2f5; color:#fff; text-align:center; padding:0; padding-bottom:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-bottom:1px solid #579dd9; display:block; transition:background 0.3s, border 0.3s; -webkit-transition:background 0.3s, border 0.3s; -moz-transition:background 0.3s, border 0.3s; } .image-banner:hover a{ background:#4174c5; border-bottom-color:#213b63; } .image-banner:hover img{ border-bottom-color:#5191d4; transition: border 0.3s; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; } .image-banner img{ width:100%; border-bottom:1px solid #80bff0; } .image-banner h3{ margin:15px 0 0; font-weight:700; color:#fff; } .image-banner a.button{ color:#fff!important; font-size:13px; margin-top:5px; } .image-banner a.button:after{ color:#fff!important; } .image-banner .button{ border:none; color:#fff; text-transform:uppercase; display:inline-block; font-size:13px; } .image-banner .button.transparent{ padding:0; font-size:13px; } .image-banner .button:after, .image-banner .button:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color:#fff; font-size:13px; } .image-banner .button.button-arrow:after{ margin-left:5px; content: '\e891'; color:#fff; margin-right:-5px; } /* Flickr and Instagram Feed */ .flickr-feed, #instagram-feed{ list-style:none; margin:-3px -3px; padding:0; overflow:hidden } .flickr-feed li, #instagram-feed li{ width:33.3333%; float:left; padding:3px; position:relative; } .flickr-feed li img, #instagram-feed li img{ width:100%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .flickr-feed li a, #instagram-feed li a{ display:block; } .flickr-feed a:hover, #instagram-feed a:hover{ text-decoration:none; } .flickr-feed li>a:before, #instagram-feed lI>a:before{ content:''; position:absolute; display:block; background:#000; background:rgba(0,0,0,0.4); left:3px; right:3px; top:3px; bottom:3px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); transition:opacity 0.3s, transform 0.4s; -webkit-transition:opacity 0.3s, -webkit-transform 0.4s; -moz-transition:opacity 0.3s, -moz-transform 0.4s; z-index:10; } .flickr-feed li>a:after, #instagram-feed li>a:after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e987'; position:absolute; left:50%; color:#fff; font-size:18px; top:50%; margin-top:-10px; margin-left:-10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility:hidden; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); transition:opacity 0.3s, transform 0.4s; -webkit-transition:opacity 0.3s, -webkit-transform 0.4s; -moz-transition:opacity 0.3s, -moz-transform 0.4s; z-index:10; } .flickr-feed li:hover>a:before, .flickr-feed li:hover>a:after, #instagram-feed li:hover>a:after, #instagram-feed li:hover>a:before{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible; } /* Search box */ .search-box input[type="submit"]{ margin-top:15px; font-size:13px; padding:6px 20px; } /* Tags */ a.tag{ background:#e2eaf2; color:#274472; font-size:13px; padding:5px 10px; display:inline-block; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-bottom:6px; margin-right:3px; transition:background 0.3s, color 0.3s; -webkit-transition:background 0.3s, color 0.3s; -moz-transition:background 0.3s, color 0.3s; } a.tag:hover{ background:#63b2f5; color:#fff; } /* Categories */ .category-box ul{ list-style:none; margin:0 -20px; padding:0; } .category-box a{ display:block; color:#4174c5; padding:8px 20px; transition:background 0.3s, color 0.3s; -webkit-transition:background 0.3s, color 0.3s; -moz-transition:background 0.3s, color 0.3s; } .category-box li>a{ padding-top:0; } .category-box li + li>a{ padding-top:8px; } .category-box a:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e891'; color:#808ca4; margin-right:5px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .category-box a:hover{ background:#fff; color:#274472; } .category-box a:hover:before{ color:#274472; } /* Comment Box */ .comments-box ul{ list-style:none; margin:0; padding:0; } .comments-box li{ color:#95999e; padding:0 0 10px; line-height:17px; border-bottom:1px solid #ecedf1; } .comments-box li + li{ padding-top:10px; } .comments-box li:last-child{ border:none; } /* Calendar */ .responsive-calendar{ margin:0 -20px -20px; } .responsive-calendar .controls{ background:#e2eaf2; padding:10px 15px; } .responsive-calendar .controls .icons{ color:#808ca4; } .responsive-calendar .controls span{ font-size:15px; color:#3e474c; font-weight:400; } .responsive-calendar .day.header{ background:#eef2f7; border:none; padding:5px 0; } .responsive-calendar .day.not-current a{ opacity:0; visibility:hidden; } .responsive-calendar .day{ border-bottom:1px solid #ecedf1; padding:2px; } .responsive-calendar .day .badge{ display:none; } .responsive-calendar .day.calendar-event a{ color:#4174c5; } .responsive-calendar .day a{ transition:background 0.3s, color 0.3s; -webkit-transition:background 0.3s, color 0.3s; -moz-transition:background 0.3s, color 0.3s; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#95999e; } .responsive-calendar .day.today a, .responsive-calendar .day a:hover{ background:#e2eaf2; color:#4e575c; } /* Shop Items Widget */ .shop-items-widget{ list-style:none; margin:0; padding:0; } .shop-items-widget li{ position:relative; display:table; width:100%; padding:0 0 15px; } .shop-items-widget li + li{ border-top:1px solid #ecedf1; padding:15px 0 15px; } .shop-items-widget li:last-child{ padding-bottom:0; } .shop-items-widget li>*{ display:table-cell; vertical-align:top; } .shop-items-widget .featured-image{ width:85px; padding-right:15px; } .shop-items-widget .featured-image img{ width:70px; } .shop-items-widget .featured-image img{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .shop-items-widget h6{ margin:0 0 2px; font-weight:400; font-size:15px; } .shop-items-widget .shop-rating{ margin:-2px 0 0; } /* ==================================== */ /* FOOTER */ /* ==================================== */ #footer{ -webkit-transform: translateZ(0px); position:relative; } #main-footer{ margin-left:-5000px; margin-right:-5000px; padding-left:5000px; padding-right:5000px; background:#274472; color:#e2eaf2; -webkit-transform: translateZ(0px); transition: margin 0.3s, padding 0.3s; -webkit-transition: margin 0.3s, padding 0.3s; -moz-transition: margin 0.3s, padding 0.3s; } .boxed-layout #main-footer{ padding-left:30px; padding-right:30px; margin-left:-30px; margin-right:-30px; } #main-footer>.row>div:before, #main-footer>.row>div:after { content:""; display:table; } #main-footer>.row>div:after { clear:both; } #main-footer>.row>div { zoom:1; } #main-footer{ padding-top:40px; padding-bottom:24px; -webkit-transform: translateZ(0px); background: rgb(246, 115, 62); opacity: 0.9; } #main-footer h4{ margin-top:0; text-transform:uppercase; font-weight:400; margin-bottom:22px; } #main-footer p{ color:#97acc3; } /* Menu Widget */ .menu-container{ padding:0; } .menu,.menu_pic{ list-style:none; margin:0; padding:0; } .menu_pic{ margin-top: 20px; } .menu li,.menu_pic li{ position:relative; margin:0 0 13px; } .menu_pic li{float:left; width: 77px;height: 77px;margin: auto 10px auto 0px;} .menu li a{ color:#ffffff; display:block; font-size:15px; line-height:23px; padding:0 0 0 20px; text-decoration:none; } .menu li a:before{ } .menu li a:hover, .menu li a:hover:before{ color:#ffffff; text-decoration:none; } /* Back to Top */ #button-to-top{ background:#e2eaf2; position:fixed; bottom:20px; right:20px; z-index:1000; display:block; width:45px; height:45px; text-align:center; font-size:24px; padding-top:7px; color:#808ca4; border-top:1px solid #f3f7fa; border-bottom:1px solid #bfc8d7; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:background 0.3s, color 0.2s; -webkit-transition:background 0.3s, color 0.2s; -moz-transition:background 0.3s, color 0.2s; } #button-to-top:hover{ background:#63b2f5; color:#fff; border-top-color:#7cc5f8; border-bottom-color:#579dd9; } /* Customize Box */ .customize-box{ position:fixed; display:none; left:-200px; top:200px; width:200px; background:#274472; color:#e2eaf2; padding:20px; z-index:9999; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; } .customize-box.opened{ left:0; } .customize-box-button{ width:45px; height:45px; position:absolute; left:200px; top:0; padding-top:8px; text-align:center; font-size:16px; border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; cursor:pointer; transition:background 0.3s, border 0.3s; -webkit-transition:background 0.3s, border 0.3s; -moz-transition:background 0.3s, border 0.3s; background:#274472; border-top:1px solid transparent; border-bottom:1px solid transparent; } .customize-box.opened .customize-box-button, .customize-box-button:hover{ background:#4174c5; border-top:1px solid #5191d4; border-bottom:1px solid #213b63; } .customize-box h5{ margin:0 0 30px; font-size:16px; } .customize-box select{ color:#95999e; } .customize-box label{ color:#97acc3; } .customize-box input[type="radio"] + label:before{ display:none; content:''; } .customize-box input[type="radio"] + label{ background:#324e79; color:#fff; text-transform:uppercase; padding:8px 10px; border-top:1px solid transparent; border-bottom:1px solid transparent; transition:background 0.3s, border 0.3s; -webkit-transition:background 0.3s, border 0.3s; -moz-transition:background 0.3s, border 0.3s; margin-bottom:30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .customize-box input[type="radio"] + label + input[type="radio"] + label{ margin-left:0; } .customize-box input[type="radio"]:checked + label, .customize-box input[type="radio"] + label:hover{ background:#4174c5; border-top-color:#5191d4; border-bottom-color:#213b63; } .customize-box input[type="submit"], .customize-box input[type="reset"]{ padding-left:10px; padding-right:10px; width:70px; } .background-color, .background-image{ display:none; } .colorpicker{ z-index:20000; } #colorpicker{ width:30px; height:30px; display:block; border:2px solid #fafbfd; background:#000; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-bottom:10px; margin-top:10px; } #colorpicker:after{ content:''; display:block; width:4px; height:4px; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid #fafbfd; position:absolute; bottom:3px; right:3px; } .background-image input[type="radio"] + label{ width:35px; height:35px; overflow:hidden; padding:0; border:2px solid #324e79!important; margin-bottom:10px; margin-top:10px; } .background-image input[type="radio"]:checked + label{ border:2px solid #4174c5!important; } .background-image input[type="radio"] + label img{ width:33px; height:33px; } /* ==================================== */ /* ELEMENTS */ /* ==================================== */ ::-webkit-input-placeholder { color: #95999e; } :-moz-placeholder { /* Firefox 18- */ color: #95999e; } ::-moz-placeholder { /* Firefox 19+ */ color: #95999e; } :-ms-input-placeholder { color: #95999e; } ::selection { background: #4174c5; /* Safari */ color:#fff; } ::-moz-selection { background: #4174c5; /* Firefox */ color:#fff; } /* Buttons */ a.button, button{ background:#F6733E; border:none; color:#ffffff; text-transform:uppercase; display:inline-block; padding:6px 20px; font-size:13px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-top:1px solid #F6733E; border-bottom:1px solid #F6733E; transition:background 0.3s, color 0.2s, border 0.3s; -webkit-transition:background 0.3s, color 0.2s, border 0.3s; -moz-transition:background 0.3s, color 0.2s, border 0.3s; } a.button.big, button.big{ padding:10px 20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } button.medium, a.button.medium{ padding:8px 20px; height:39px; } a.button.donate, button.donate{ background:#a82512; border-top-color:#be2e17; border-bottom-color:#911f0f; color:#fff; text-transform:none; } a.button.donate.button-arrow:after, button.donate.button-arrow:after{ color:#d6aaa7; } a.button.donate.button-arrow:hover:after, button.donate.button-arrow:hover:after{ color:#fff; } a.button.donate.big, button.donate.big{ text-transform:uppercase; } a.button.donate:hover, button.donate:hover{ background:#d3311a; border-top-color:#de3d21; border-bottom-color:#b02713; } a.button + a.button, button+button{ margin-left:5px; } a.button.transparent, button.transparent{ padding:0; font-size:13px; background:none; color:#274472; border:none; } a.button.transparent:hover, button.transparent:hover{ background:none; color:#63b2f5; } a.button.transparent:hover:after, button.transparent:hover:after{ color:#63b2f5; } a.button:after, a.button:before, button:before, button:after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color:#a8abae; font-size:13px; } a.button.button-arrow:after, button.button-arrow:after{ margin-left:5px; content: '\e891'; color:#808ca4; margin-right:-5px; } a.button.button-arrow-before:before, button.button-arrow-before:before{ margin-left:-5px; content: '\e890'; color:#808ca4; margin-right:5px; } a.button:hover, button:hover, a.button.active-button, button.active-button{ background:#F6733E; color:#fff; border-top-color:#F6733E; border-bottom-color:#F6733E; text-decoration:none; } a.button:hover:after, button:hover:after, a.button:hover:before, button:hover:before, a.button.active-button:after, button.active-button:after{ color:#fff; } /* Tooltips */ .tooltip-inner{ background:#4174c5; font-size:12px; padding:5px 10px; white-space:nowrap; } .tooltip.top .tooltip-arrow{ border-top-color:#4174c5; } .tooltip.left .tooltip-arrow{ border-left-color:#4174c5; } .tooltip.bottom .tooltip-arrow{ border-bottom-color:#4174c5; } .tooltip.right .tooltip-arrow{ border-right-color:#4174c5; } /* ==================================== */ /* SHORTCODES */ /* ==================================== */ .accordions{ margin:0; padding:0; list-style:none; } .accordion{ margin-bottom:7px; } .accordion-header{ color:#274472; background:#e2eaf2; padding:15px 20px 15px 45px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-top:1px solid #f3f7fa; border-bottom:1px solid #bfc8d7; transition:background 0.3s, color 0.2s, border 0.3s; -webkit-transition:background 0.3s, color 0.2s, border 0.3s; -moz-transition:background 0.3s, color 0.2s, border 0.3s; cursor:pointer; } .accordion-active .accordion-header, .accordion-header:hover{ background:#63b2f5; border-top-color:#7cc5f8; border-bottom-color:#579dd9; color:#fff; } .accordion-header:hover .accordion-icon:before{ color:#fff; } .accordion-header h6{ margin:0; } .accordion-icon{ position:absolute; top:11px; left:15px; font-size:16px; } .accordion-icon:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e989'; color:#808ca4; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } .accordion-active .accordion-icon:before{ content: '\e98c'; color:#f2f4f9; } .accordion-content{ color:#3e474c; margin-top:7px; background:#fff; padding:15px 20px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } /* Tabs */ .tab-header ul{ list-style:none; margin:0; padding:0; } .tab-header li{ display:inline-block; color:#274472; background:#e2eaf2; padding:15px 20px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-top:1px solid #f3f7fa; border-bottom:1px solid #bfc8d7; transition:background 0.3s, color 0.2s, border 0.3s; -webkit-transition:background 0.3s, color 0.2s, border 0.3s; -moz-transition:background 0.3s, color 0.2s, border 0.3s; cursor:pointer; margin-bottom:7px; } .tab-header li.active-tab, .tab-header li:hover{ background:#63b2f5; border-top-color:#7cc5f8; border-bottom-color:#579dd9; color:#fff; } .tab-header li.active-tab a, .tab-header li:hover a{ color:#fff; } .tab-header li a{ color:#274472; } .tab-header li h6{ margin:0; } .tab{ color:#3e474c; background:#fff; padding:15px 20px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .tab:before, .tab:after{ content:""; display:table; } .tab:after { clear:both; } .tab { zoom:1; } .tab img:first-child{ margin-top:0; } /* Style 2 */ .tabs.style2{ display:table; } .tabs.style2>div{ display:table-cell; vertical-align:top; } .tabs.style2 .tab-header{ width:35%; padding-right:7px; } .tabs.style2 .tab-header li{ display:block; } /* Lists */ ul.list{ list-style:none; margin:0; padding:0; } ol.list{ margin:0; padding:0; list-style-position:inside; } ol.list li{ padding-left:0; } .list li{ position:relative; font-size:15px; color:#3e474c; padding:5px; padding-left:15px; } ul.list li:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; font-size:12px; color:#808ca4; position:absolute; left:-5px; top:11px; } .arrow-list li:before{ content: '\e891'; } .check-list li:before{ content: '\e818'; font-size:11px; } .star-list li:before{ content: '\e902'; font-size:9px; } .plus-list li:before{ content: '\e81f'; font-size:11px; } .finger-list li:before{ content: '\e8aa'; } /* Blockquote */ blockquote{ border-left:3px solid #63b2f5; font-size:16px; color:#274472; padding:20px; font-weight:700; text-align:left!important; background:#fafbfd; } blockquote.italic{ font-weight:400; font-style:italic; } blockquote.align-right{ float:right; width:33%; margin:0 0 15px 20px; } blockquote.align-left{ float:left; width:33%; margin:0 20px 15px 0; } blockquote.iconic-quote{ padding-left:65px; padding-right:65px; position:relative; } blockquote.link-quote{ padding-right:20px; border-left-color:#274472; } blockquote.iconic-quote:after, blockquote.iconic-quote:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; font-size:24px; color:#e2eaf2; } blockquote.iconic-quote:before{ content: '\e849'; position:absolute; left:15px; top:23px; } blockquote.iconic-quote:after{ content: '\e84a'; position:absolute; right:15px; top:23px; } blockquote.link-quote:before{ content: '\e82c'; position:absolute; left:15px; top:23px; } blockquote.link-quote:after{ content:''; display:none; } /* Testimonials */ .testimonial-content{ background:#fafbfd; border:1px solid #dee0e5; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:20px; position:relative; } .testimonial-content:after{ content:''; display:block; background:url(../img/testimonials/arrow.png) no-repeat; position:absolute; bottom:-11px; left:90px; width:25px; height:15px; } .testimonial-content p{ font-style:italic; font-size:15px; margin:0; } .testimonial-author{ margin-top:10px; } .testimonial-author img{ width:70px; display:inline-block; margin-right:20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .testimonial-author .author-meta{ display:inline-block; vertical-align:middle; } .testimonial-author .author-meta span{ display:block; } .testimonial-author .name{ font-size:15px; } .testimonial-author .location{ font-size:13px; color:#95999e; } /* Alert Boxes */ .alert-box{ background:#eee; padding:15px 20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; position:relative; padding-right:40px; } .alert-box.alert-box-button{ } .alert-box.alert-box-button a.button{ position:relative; margin-right:-20px; } .alert-box.alert-box-button p{ margin-top:7px; } .alert-box .icons{ position:absolute; top:13px; right:20px; font-size:18px; cursor:pointer; z-index:1000; width:20px; height:20px; } .alert-box + .alert-box{ margin-top:10px; } .alert-box p{ margin:0; } .alert-box.warning{ background:#ede8e1; color:#dd7d00; } .alert-box.warning .icons{ color:#e5b78f; } .alert-box.error{ background:#ede1e2; color:#a82512; } .alert-box.error .icons{ color:#cc9693; } .alert-box.success{ background:#d5edd4; color:#57a12c; } .alert-box.success .icons{ color:#99c68a; } .alert-box.info{ background:#d8e1f1; color:#4174c5; } .alert-box.info .icons{ color:#98b0dc; } .alert-box a.toggle-link{ color:#a82512; } .alert-box a.toggle-link:hover{ color:#d3311a; } /* Pagination */ .numeric-pagination, .button-pagination{ overflow:hidden; display:inline-block; vertical-align:top; } .numeric-pagination + .button-pagination, .button-pagination + .numeric-pagination{ margin-left:20px; } .numeric-pagination>a{ width:30px; height:30px; padding:3px 0; text-align:center; color:#808ca4; float:left; } .numeric-pagination>a + a{ margin-left:3px!important; } .button-pagination a.previous:before{ content: '\e890'; margin-right:5px; color:#808ca4; margin-left:-5px; } .button-pagination a.next:after{ content: '\e891'; margin-left:5px; color:#808ca4; margin-right:-5px; } .button-pagination a:hover:after, .button-pagination a:hover:before{ color:#f2f4f9; } /* Dividers */ .divider{ display:block; margin:30px 0; border-top:1px solid #dee0e5; } .divider + .numeric-pagination{ margin-top:-15px; } .divider.light{ border-color:#ecedf1; } /* Progress Bars */ .progressbar{ width:100%; height:15px; border:4px solid #fff; background:#fff; box-shadow:0 0 2px #ccc; -webkit-box-shadow:0 0 2px #ccc; -moz-box-shadow:0 0 2px #ccc; -o-box-shadow:0 0 2px #ccc; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; position:relative; margin-top:-7px; margin-bottom:15px; } .progressbar .progress-width{ background:#63b2f5; width:0%; height:100%; display:block; } .progressbar .progress-percent{ display:block; position:absolute; top:-30px; font-weight:700; font-size:15px; right:0; } /* Tables */ table{ width:100%; background:#fafbfd; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #ecedf1; overflow:hidden; } h3 + table{ margin-top:3px; } table tr:first-child td:first-child, table tr:first-child th:first-child{ border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; } table tr:first-child td:last-child, table tr:first-child th:last-child{ border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; } table tr:last-child td:first-child, table tr:last-child th:first-child{ border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; } table tr:last-child td:last-child, table tr:last-child th:last-child{ border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; } table td, table th{ border:1px solid #ecedf1; padding:12px 20px; text-align:left; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } table tr:hover>td, table tr:hover>th{ background:#fff; } /* Forms */ .white-box{ background:#fafbfd; padding:20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .white-box>*:first-child{ margin-top:10px; } form input[type="text"], form select, form .chosen-container{ margin-bottom:10px; } input[type="text"], input[type="password"], select, textarea{ width:100%; border:1px solid #dee0e5; padding:8px 10px; background:#fafbfd; color:#95999e; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } label{ font-size:15px; padding-bottom:5px; display:inline-block; } input[type="radio"], input[type="checkbox"]{ display:none; } input[type="radio"]+label, input[type="checkbox"]+label{ vertical-align:middle; cursor:pointer; margin-bottom:8px; } input[type="radio"]+label+input[type="radio"]+label, input[type="checkbox"]+label+input[type="checkbox"]+label{ margin-left:10px; } input[type="radio"]+label:before, input[type="checkbox"]+label:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; vertical-align:top; margin-right:12px; color:#95999e; position:relative; top:1px; } input[type="radio"]+label:before{ content:''; background:#fafbfd; border:1px solid #dee0e5; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:22px; font-size:12px; padding:4px 3px; height:22px; } input[type="radio"]:checked+label:before{ content: '\e8ff'; } input[type="checkbox"]+label:before{ content:''; background:#fafbfd; border:1px solid #dee0e5; width:22px; font-size:12px; padding:4px 3px; height:22px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } input[type="checkbox"]:checked+label:before{ content: '\e818'; } input[type="submit"], input[type="reset"]{ background:#e2eaf2; color:#274472; border:none; margin-top:20px; text-transform:uppercase; display:inline-block; padding:10px 20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-top:1px solid #f3f7fa; border-bottom:1px solid #bfc8d7; transition:background 0.3s, color 0.2s; -webkit-transition:background 0.3s, color 0.2s; -moz-transition:background 0.3s, color 0.2s; } input[type="submit"]:hover, input[type="reset"]:hover{ background:#63b2f5; border-top-color:#7cc5f8; border-bottom-color:#579dd9; color:#fff; text-decoration:none; } .numeric-input-holder{ width:115px; display:block; position:relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform:translateZ(0px); } .increase-button, .decrease-button{ width:30px; display:block; top:0; bottom:0; position:absolute; background:#e2eaf2; color:#808ca4; border:1px solid #dee0e5; cursor:pointer; text-align:center; -webkit-transform:translateZ(0px); padding-top:5px; transition: color .3s, border .3s, background .3s; -webkit-transition: color .3s, border .3s, background .3s; -moz-transition: color .3s, border .3s, background .3s; } .increase-button:before, .decrease-button:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; font-size:16px; } .increase-button:hover, .decrease-button:hover{ color:#fff; background:#63b2f5; border-color:#63b2f5; } .increase-button{ right:0; border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; } .increase-button:before{ content: '\e987'; } .decrease-button{ left:0; border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; } .decrease-button:before{ content: '\e98a'; } input.numeric-input{ width:115px; display:block; padding-left:40px; padding-right:40px; padding-top:5px; padding-bottom:5px; } input.numeric-input:focus{ outline:none; } .inline-inputs{ margin:0 -5px; overflow:hidden; } .inline-inputs>div{ padding:0 5px; } .notification-input{ display:table; width:100%; } .notification-input>*{ display:table-row; } .notification-input>div>*{ display:table-cell; } .notification-input input{ margin-top:5px; margin-bottom:15px; width:100%; } .notification-input>div>label{ width:1%; white-space:nowrap; padding-left:10px; font-size:13px; } .notification-input .error input{ border-color:#ad3422; } .notification-input .error label{ color:#ad3422; } .notification-input .warning input{ border-color:#de8512; } .notification-input .warning label{ color:#de8512; } .notification-input .info input{ border-color:#4174c5; } .notification-input .info label{ color:#4174c5; } .notification-input .success input{ border-color:#4a9b13; } .notification-input .success label{ color:#4a9b13; } /* Dropcaps */ .dropcap{ float:left; font-weight:700; font-size:48px; line-height:46px; padding:0 8px 5px 0; } .dropcap.blue{ color:#63b2f5; } .dropcap.squared{ font-size:24px; line-height:22px; margin-top:5px; margin-right:12px; padding:8px; background:#e2eaf2; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .dropcap.squared.blue{ color:#fff; background:#63b2f5; } /* Hightlight */ .highlight{ color:#fff; background:#4174c5; } /* Audio Player */ .audio-player{ width:100%; display:table; height:40px; background:#274472; position:relative; color:#97acc3; font-size:12px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .audio-player>*{ display:table-cell; vertical-align:middle; } /* Play Button */ .audio-play-button{ border-right:1px solid #324e79; width:40px; height:40px; cursor:pointer; transition:background 0.2s; -webkit-transition:background 0.2s; -moz-transition:background 0.2s; text-align:center; padding-top:4px; } .audio-play-button:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e8bd'; color:#fff; font-size:14px; } .audio-play-button.pause:before{ content: '\e8c1'; } /* Progress Bar */ .audio-time, .audio-current-time{ width:1%; } .audio-time{ padding:0 15px 0 12px; } .audio-current-time{ padding:0 12px 0 15px; } .audio-progress-wrapper{ border:1px solid #808ca4; background:#324e79; width:100%; padding:3px; height:15px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor:pointer; } .audio-buffer-bar{ height:7px; background:#416c9e; position:relative; width:0; } .audio-progress-bar{ height:7px; background:#63b2f5; position:relative; width:0; top:-7px; } /* Volume Bar */ .audio-volume{ width:100px; border-left:1px solid #324e79; padding:0 15px 0 38px; position:relative; cursor:pointer; } .audio-volume .volume-bar:before{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e87d'; color:#97acc3; position:absolute; font-size:16px; margin-top:-1px; left:-30px; top:0; } .audio-volume.volume-down .volume-bar:before{ content: '\e87c'; } .audio-volume.volume-off .volume-bar:before{ content: '\e87b'; } .volume-bar{ border:1px solid #808ca4; background:#324e79; width:100%; padding:3px; height:15px; position:relative; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor:pointer; } .audio-volume-progress{ height:7px; background:#63b2f5; position:relative; width:0; } /* Pricing Tables */ .pricing-tables{ background:transparent; vertical-align:top; margin:0 -10px; overflow:visible; border:none; } .pricing-tables td, .pricing-tables th{ border:none; padding:0; text-align:center; } .pricing-tables td{ vertical-align:top; padding:0 15px; } .pricing-tables tr:hover td{ background:none; } .pricing-table{ display:inline-block; width:100%; background:#fafbfd; -moz-box-sizing:content-box; -webkit-box-sizing: content-box; box-sizing: content-box; position:relative; padding-bottom:100px; height:100%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; transition:transform 0.3s; -webkit-transition:-webkit-transform 0.3s; -moz-transition:-moz-transform 0.3s; } .pricing-table:after, .pricing-table:before{ -moz-box-sizing:content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .most-popular.pricing-table, .pricing-table:hover{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08); } .pricing-header{ background:#fafbfd; color:#63b2f5; border-bottom:1px solid #ecedf1; padding:20px 0; height:60px; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; } .most-popular .pricing-header{ background:#63b2f5; color:#fff; padding:15px 0; height:70px; } .most-popular .pricing-header span{ font-size:12px; font-weight:800; text-transform:uppercase; color:#4377ae; } .pricing-header h4{ margin:0; font-size:24px; font-weight:700; } .pricing-price{ background:#fff; padding:20px 0; font-size:60px; line-height:50px; color:#274472; font-weight:800; border-bottom:1px solid #ecedf1; } .pricing-price .price{ letter-spacing:-3px; } .pricing-price .currency{ font-size:22px; line-height:40px; font-weight:400; vertical-align:top; letter-spacing:-20px; } .pricing-price .period{ font-size:22px; line-height:22px; font-weight:400; margin-left:-15px; } .pricing-features{ list-style:none; margin:0; padding:0; } .pricing-features li{ padding:8px; border-bottom:1px solid #ecedf1; font-size:14px; color:#95999e; } .pricing-features li:nth-child(even){ background:#fff; } .pricing-button{ text-align:center; position:absolute; bottom:30px; left:0; right:0; } /* ==================================== */ /* Responsive */ /* ==================================== */ @media(min-width:992px){ #lower-header{ margin-left: -200px; } } /* Medium Desktop */ @media(min-width:992px) and (max-width:1199px){ /* Sticky Header Fix */ #header.sticky-header .container, .full-width-slider .slide{ width:980px; } /* Blockquote Break Line Fix */ #main-header blockquote br{ display:none; } .col-lg-3 .team-member-info p{ height:40px; overflow:hidden; } .col-lg-4 .team-member-info p{ height:80px; overflow:hidden; } .banner h4, .banners-inline .banner h4{ font-size:18px; white-space:normal; } /* Donate Banner Fix */ .banner.donate-banner{ text-align:center; padding:20px 10px; } .banner.donate-banner h5{ margin:0 0 10px; font-size:12px; } .banner.donate-banner input[type="submit"]{ margin-top:10px; } .media-item a.button{ font-size:12px; padding:7px 15px; } .media-caption h2{ font-size:22px; } } /* Tablet */ @media(min-width:768px) and (max-width:991px){ /* Blockquote Break Line Fix */ #main-header blockquote br{ display:none; } .main-flexslider .slide{ padding:60px 40px!important; } #main_flex_1 .slide{ padding:80px 40px!important; } #main_flex_3 .slide{ padding:70px 40px!important; } .banners-inline{ display:block; } .banners-inline>.banner-wrapper{ width:50%; display:block; float:left; padding:3px; } ol.list, ul.list{ margin-bottom:20px; } .apply-coupon input[type="text"]{ margin-bottom:5px; } .shopping-cart-table a.button + a.button{ margin-top:5px; } /* Revolution SLider */ .main-revolution h2{ font-size:28px; line-height:34px; } .main-revolution .great-vibes{ font-size:20px; } /* Donate Banner Fix */ .banner.donate-banner{ text-align:center; } .banner.donate-banner h5{ margin:0 0 20px; } .banner h4{ white-space:normal; } .banners-inline .banner.donate-banner h5{ margin:0; } .banner.donate-banner input[type="submit"]{ margin-top:20px; } .banners-inline .banner.donate-banner input[type="submit"]{ margin-top:5px; } /* Events */ .event-calendar th{ padding:10px; font-size:14px; } .event-meta-block{ height:auto; } .event-meta-block p{ font-size:13px; white-space:normal; line-height:16px; } .event-meta.horizontal .event-meta-block{ margin-bottom:1px; } /* Media */ .media-caption h2{ font-size:20px; } .portfolio-pagination a.button{ font-size:12px; } .testimonial{ margin-bottom:30px; } .related-articles .blog-post{ margin-bottom:30px; } /* Shopping Cart Table */ .shopping-cart-table .product-thumbnail{ width:40px; } .shopping-cart-table .product-thumbnail img{ width:40px; } .shopping-cart-table td{ width:1%; padding:5px; } .shopping-cart-table th{ padding:7px; } .shopping-cart-table .numeric-input-holder{ width:100px!important; } .shopping-cart-table input.numeric-input{ width:100px; } .shopping-cart-table td.price{ min-width:0; } .shopping-cart-table .shopping-cart-item, .shopping-cart-table .apply-coupon{ width:auto; } .shopping-cart-item{ vertical-align:top; } .shopping-cart-item h6{ font-size:14px; font-weight:400; margin:0; vertical-align:top; display:inline-block; } .shopping-cart-table .remove-shopping-item{ color:#d3a7a4; cursor:pointer; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; font-size:18px; } .shopping-cart-table .remove-shopping-item:hover{ color:#a82512; } .shopping-cart-table .apply-coupon input{ padding:5px 10px; } .shopping-cart-table .apply-coupon>*{ width:auto; display:inline-block; } .shopping-cart-table a.button{ font-size:13px; text-transform:uppercase!important; } .full-width-slider .slide{ width:750px; } .blog-post.big .post-image{ float:none; display:block; width:100%; margin:0 0 20px; } /* Banner Rotator */ .banner-rotator .slides li{ background-size:100%!important; background-position:center top!important; } .banner-rotator-content{ width:100%; margin-top:300px; border-radius:0 0 5px 5px; } .banner-rotator-flexslider .flex-control-nav{ width:100%; } /* Footer Columns Margin */ #main-footer>.row>div{ margin:20px 0; } } /* Mobile and Tablet */ @media(max-width:991px){ /* Sticky Header Fix */ #header.sticky-header .container{ width:auto; } /* Tablet & Mobile Navigation */ #menu-button{ display:block; width:100%; position:relative; z-index:6000; height:60px; padding-top:20px; border-bottom:1px solid #ddd; cursor:pointer; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; border-left:1px solid #dee0e5; border-right:1px solid #dee0e5; } #menu-button:hover{ background:#63b2f5; border-bottom-color:transparent; } #menu-button:hover>div>span{ background:#fff; } #menu-button>div{ display:inline-block; vertical-align:top; margin-left:20px; margin-right:7px; } #menu-button>span{ font-size:16px; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } #menu-button:hover>span{ color:#fff; } #menu-button>div>span{ display:block; width:17px; height:3px; background:#444; margin:3px auto; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; } #navigation{ display:none; width:100%!important; text-align:left; } #navigation ul, #navigation li ul, #navigation ul li:last-child, #navigation ul li:last-child>a, #navigation ul li:last-child>span{ border-radius:0!important; } #navigation>li{ border-left:1px solid #dee0e5; border-right:1px solid #dee0e5; } #navigation li{ display:block!important; width:100%!important; text-align:left; } #navigation li>span{ cursor:default; } #navigation>li.home-button>a:after, #navigation>li.home-button>span:after{ content:'\e891'; display:block; } #navigation>li.home-button>a:only-child:after, #navigation>li.home-button>span:only-child:after{ display:none; } #navigation li, #navigation li>span #navigation li>a{ border-color:#dee0e5!important; } #navigation li:hover, #navigation li:hover>a, #navigation li:hover>span{ border-bottom-color:transparent!important; border-top-color:transparent!important; } #navigation li>span:after, #navigation lI>a:after{ right:15px; position:absolute; top:15px; content:'\e891'; } #navigation li.dropdown-opened>span:after, #navigation li.dropdown-opened>a:after{ content: '\e88e'; } #navigation.navigation-opened{ display:block; } #navigation li ul{ box-shadow:none; } #navigation li ul, #navigation li ul li ul, .csstransforms #navigation li ul, .csstransforms #navigation li ul li ul{ display:none; width:100%!important; -moz-opacity: 1!important; -khtml-opacity: 1!important; opacity: 1!important; transform:scale(1)!important; -webkit-transform:scale(1)!important; -moz-transform:scale(1)!important; position:relative; top:0; left:0; right:0; bottom:0; margin:0; } #navigation>li>span, #navigation>li>a{ font-size:15px; padding:10px 20px!important; } #navigation ul li>span, #navigation ul li>a{ padding-left:30px!important; } #navigation ul ul li>span, #navigation ul ul li>a{ padding-left:40px!important; } #navigation li>.dropdown-button{ position:absolute; top:0; right:0; bottom:0; width:50px; background:transparent; cursor:pointer; } .related-products .shop-item{ margin-bottom:30px; } .team-member.big .team-member-image{ width:100%; padding-right:0; float:none; } .team-member.big .team-member-info{ float:none; width:100%; padding:20px; } /* Blog */ .blog-post.style2 .post-image{ float:none; width:100%; margin-bottom:20px; } .blog-post.style2 .post-content{ padding:0; margin-left:0; float:none; } /* Shop */ .shop-product-gallery{ width:100%; float:none; margin-bottom:30px; padding-right:0; } .shop-product-content{ width:100%; float:none; padding-left:0; } .checkout-coupon-form input[type="submit"]{ margin:0; } .checkout-coupon-form input[type="text"]{ width:100%; margin-bottom:5px; min-width:0; } .customize-box{ display:none!important; } } /* Mobile Devices */ @media(max-width:767px){ .customize-box{ display:none!important; } #main-header{ height:auto; text-align:center; } #main-header blockquote{ text-align:left; display:inline-block; margin:30px 0; } #main-header blockquote br{ display:none; } .portfolio-pagination>div{ text-align:left; margin-top:10px; } /* Main Flexslider */ .main-flexslider{ height:350px; } .main-flexslider .slides>li{ height:350px; } .main-flexslider .slide{ padding: 40px 30px!important; } .main-flexslider h2{ font-size:32px; font-weight:800; line-height:42px; } .main-flexslider p{ font-size:16px; } .main-flexslider a.button{ border-bottom-color:#738497; } .main-flexslider .great-vibes + h2{ margin-top:10px; } .main-flexslider .great-vibes{ font-size:34px; position:relative; display:inline-block; margin-bottom:0; } /* Revolution SLider */ .main-revolution h2{ font-size:24px; line-height:30px; } .main-revolution p{ display:none; } .main-revolution .great-vibes{ display:none; } .main-revolution a.button{ display:none; } .tparrows.default{ top:50%!important; } .youtube-video, .portfolio-video iframe{ height:200px; } blockquote.align-right, blockquote.align-left, blockquote.align-center{ width:100%!important; } .sidebar{ margin-top:20px; } .sidebar .banner{ margin:5px 0; } .banners-inline{ display:block; } .banners-inline>.banner-wrapper{ width:100%; display:block; padding:3px; } .blog-post.big .post-image{ float:none; display:block; width:100%; margin:0 0 20px; } .tabs.style2, .tabs.style2>div{ display:block; } .tabs.style2 .tab-header{ width:100%!important; } .tabs.style2 .tab-header li{ display:inline-block; } ul.list, ol.list, .media-item, .testimonial, blockquote{ margin:20px 0; } table, tbody, tr, td, th{ display:block; width:100%!important; max-width:100%; min-width:100%; } table td, table th{ border:none; } table tr{ border:1px solid #ecedf1; } .pricing-tables, .pricing-tables tbody, .pricing-tables tr, .pricing-tables td, .pricing-tables th{ display:block; width:100%; padding:0; } .pricing-tables{ margin:20px 0; } .pricing-table{ margin:20px 0; } .pricing-table.most-popular, .pricing-table:hover{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } /* Calendar */ .events-calendar, .events-calendar tbody, .events-calendar tr, .events-calendar td{ display:block; } .events-calendar th, .event-calendar .calendar-days, .events-calendar .not-this-month{ display:none; } .event-calendar td{ height:auto; min-height:150px; } .calendar-header .align-right{ text-align:left; } .calendar-header .filter-dropdown{ margin-top:20px; } .event-popover{ width:auto; } /* Media Items */ .filter-filtering{ display:block; margin-bottom:10px; } .media-caption h2{ font-size:18px; } .media-button a.button, .media-button a.button + a.button{ margin:0 5px 5px 0; } .media-pagination>div{ text-align:left; } .media-pagination>div + div{ margin-top:10px; } /* Blog */ .related-articles .blog-post{ margin-bottom:30px; } .post-author .author-info .author-img{ margin-bottom:10px; } .blog-post-single.fullwidth-post{ padding-left:0; } .blog-post-single.fullwidth-post .post-side-meta{ display:none; } /* Shop Items */ .shop-items .mix{ width:50%; display:block!important; float:left; } .shop-header .filter-filtering{ float:none; margin-top:10px; } .shopping-cart-table th:last-child{ display:none; } .shopping-cart-table .align-right, .your-order-table .align-right{ text-align:left; } .shopping-cart-table input + a.button, .shopping-cart-table a.button + a.button{ margin-top:5px; margin-left:0; } /* Events */ .event-meta.horizontal .event-meta-block + .event-meta-block{ margin-top:1px; } .event-pagination>div{ text-align:left; } .event-pagination>div + div{ margin-top:10px; } .event-item{ margin-bottom:30px; } .project-details tr{ margin-bottom:10px; } .project-details td{ padding:0; line-height:20px; } /* Banner Rotator */ .banner-rotator .slides li{ background-size:cover!important; background-position:center top!important; } .banner-rotator-content{ width:100%; margin-top:300px; border-radius:0 0 5px 5px; } .banner-rotator-flexslider .flex-control-nav{ width:100%; } /* Team Members */ .team-member{ padding-bottom:0; } .team-member-info{ position:relative; margin-top:0; top:0; } .team-member-more{ opacity:1; -moz-opacity:1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } .team-member:hover .team-member-info{ top:0; } .team-member.big .team-member-image{ width:100%; padding-right:0; float:none; } .team-member.big .team-member-info{ float:none; width:100%; padding:20px; } .alert-box{ margin-top:10px; } /* Footer */ #main-footer{ padding-top:40px; padding-bottom:20px; } #main-footer>.row>div+div{ margin:40px 0 0; } .copyright{ margin-bottom:10px; } .magnifier, .cursorshade, .statusdiv, .tracker{ display:none!important; } } @media(max-width:480px){ /* Revolution SLider */ .main-revolution h2{ font-size:18px; line-height:26px; } .main-revolution p{ font-size:13px; line-height:20px; } .main-revolution .great-vibes{ font-size:16px; } .shop-items .mix{ width:100%; display:block!important; float:left; } .post-image iframe{ height:150px; } .post-side-meta{ width:50px } .post-side-meta .date{ width:50px; height:50px; } .post-side-meta .date .day{ font-size:24px; line-height:18px; } .post-side-meta .date .month{ font-size:16px; } .post-side-meta .post-format{ width:50px; height:50px; font-size:24px; padding-top:13px; } .post-side-meta .post-comments{ width:50px; } .blog-post h2{ margin:0 0 5px; font-size:20px; } .post-content{ padding-left:70px; } .product-reviews li .date{ margin-bottom:30px; } .product-reviews li .shop-rating{ right:auto; left:70px; top:45px; } a.button + a.button{ margin-left:0; margin-top:10px; } .main-flexslider .slide{ padding: 30px!important; } #main_flex_1 .slide{ padding-top:70px!important; } #main_flex_2 .slide{ padding-top:40px!important; } .main-flexslider h2{ margin-top:0; } }