/* Supreme Shortcodes styles v.0.2.0 */ @font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot'); src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } /* SUPREME BUTTONS */ .eff-wrap{ margin-bottom: 10px; display: inline-block; } .eff-btn { border: none; font-family: inherit; font-size: inherit; color: inherit; background: none; cursor: pointer; padding: 25px 80px; display: inline-block; margin-bottom: 10px; text-transform: uppercase; font-weight: 700; outline: none; position: relative; white-space: nowrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .eff-btn:hover, .eff-btn:active, .eff-btn:focus{ background: none; } .eff-btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .eff-btn:active{ top: 2px; } .eff-btn.small{ padding: 5px 15px; font-size: 9px; } .eff-btn.normal{ padding: 8px 15px; font-size: 11px; } .eff-btn.large{ padding: 12px 30px; font-size: 13px; } .eff-btn.jumbo{ padding: 20px 36px; font-size: 16px; } .ss-expand-c:after{ height: 0; } .small.ss-expand-c:hover:after{ height: 380% } .normal.ss-expand-c:hover:after{ height: 340%; } .large.ss-expand-c:hover:after{ height: 300%; } .jumbo.ss-expand-c:hover:after{ height: 260%; } .ss-thick:hover, .ss-dashed:hover, .ss-dotted:hover, .ss-double:hover{ background: transparent; } .spacer{ display: inline-block; width: 8px; } .eff-btn.hover-fancy{ padding: 0; overflow: hidden; } .small.hover-fancy.ss-icon-left i{ float: left; display: inline-block; width: 20px; line-height: 2.4; } .normal.hover-fancy.ss-icon-left i{ float: left; display: inline-block; width: 30px; line-height: 2.7; } .large.hover-fancy.ss-icon-left i{ float: left; display: inline-block; width: 40px; line-height: 3; } .jumbo.hover-fancy.ss-icon-left i{ float: left; display: inline-block; width: 60px; line-height: 4; } .small.hover-fancy.ss-icon-right i{ float: right; display: inline-block; width: 20px; line-height: 2.4; } .normal.hover-fancy.ss-icon-right i{ float: right; display: inline-block; width: 30px; line-height: 2.7; } .large.hover-fancy.ss-icon-right i{ float: right; display: inline-block; width: 40px; line-height: 3; } .jumbo.hover-fancy.ss-icon-right i{ float: right; display: inline-block; width: 60px; line-height: 4; } .small.hover-fancy span{ float: left; display: inline-block; line-height: 2.4; } .normal.hover-fancy span{ float: left; display: inline-block; line-height: 2.7; } .large.hover-fancy span{ float: left; display: inline-block; line-height: 3; } .jumbo.hover-fancy span{ float: left; display: inline-block; line-height: 4; } .small.hover-fancy.ss-icon-left span{ padding-left: 20px; padding-right: 20px; } .small.hover-fancy.ss-icon-right span{ padding-left: 20px; padding-right: 20px; } .small.hover-fancy.ss-icon-top span{ padding: 10px 20px; line-height: normal; } .normal.hover-fancy.ss-icon-left span{ padding-left: 30px; padding-right: 30px; } .normal.hover-fancy.ss-icon-right span{ padding-left: 30px; padding-right: 30px; } .normal.hover-fancy.ss-icon-top span{ padding: 15px 30px; line-height: normal; } .large.hover-fancy.ss-icon-left span{ padding-right: 35px; padding-left: 35px; } .large.hover-fancy.ss-icon-right span{ padding-left: 35px; padding-right: 35px; } .large.hover-fancy.ss-icon-top span{ padding: 25px 35px; line-height: normal; } .jumbo.hover-fancy.ss-icon-left span{ padding-right: 40px; padding-left: 40px; } .jumbo.hover-fancy.ss-icon-right span{ padding-left: 40px; padding-right: 40px; } .jumbo.hover-fancy.ss-icon-top span{ padding: 30px 40px; line-height: normal; } .small.hover-fancy .ss-top-icon{ padding: 10px 20px; } .normal.hover-fancy .ss-top-icon{ padding: 15px 30px; } .large.hover-fancy .ss-top-icon{ padding: 20px 35px; } .jumbo.hover-fancy .ss-top-icon{ padding: 20px 40px; } .small.hover-fancy .ss-top-icon i{ font-size: 20px; } .normal.hover-fancy .ss-top-icon i{ font-size: 30px; } .large.hover-fancy .ss-top-icon i{ font-size: 40px; } .jumbo.hover-fancy .ss-top-icon i{ font-size: 50px; } .hover-fancy.ss-icon-left.ss-sep-arrow .ss-arrow{ width: 0px; height: 0px; border-style: solid; position: absolute; border-width: 6px 0 6px 5px; left: 30px; top: 9px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .small.hover-fancy.ss-icon-left.ss-sep-arrow .ss-arrow{ border-width: 7px 0 7px 6px; left: 18px; top: 4px; } .small.hover-fancy.ss-icon-left.ss-sep-arrow:hover .ss-arrow, .small.hover-fancy.ss-icon-left.ss-sep-arrow:active .ss-arrow{ left: 20px; } .normal.hover-fancy.ss-icon-left.ss-sep-arrow .ss-arrow{ border-width: 9px 0 9px 8px; left: 28px; top: 6px; } .normal.hover-fancy.ss-icon-left.ss-sep-arrow:hover .ss-arrow, .normal.hover-fancy.ss-icon-left.ss-sep-arrow:active .ss-arrow{ left: 30px; } .large.hover-fancy.ss-icon-left.ss-sep-arrow .ss-arrow{ border-width: 13px 0 13px 12px; left: 38px; top: 7px; } .large.hover-fancy.ss-icon-left.ss-sep-arrow:hover .ss-arrow, .large.hover-fancy.ss-icon-left.ss-sep-arrow:active .ss-arrow{ left: 40px; } .jumbo.hover-fancy.ss-icon-left.ss-sep-arrow .ss-arrow{ border-width: 17px 0 17px 16px; left: 58px; top: 15px; } .jumbo.hover-fancy.ss-icon-left.ss-sep-arrow:hover .ss-arrow, .jumbo.hover-fancy.ss-icon-left.ss-sep-arrow:active .ss-arrow{ left: 60px; } .hover-fancy.ss-icon-right.ss-sep-arrow .ss-arrow{ width: 0px; height: 0px; border-style: solid; position: absolute; border-width: 6px 5px 6px 0; right: 30px; top: 9px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .small.hover-fancy.ss-icon-right.ss-sep-arrow .ss-arrow{ border-width: 7px 6px 7px 0; right: 18px; top: 4px; } .small.hover-fancy.ss-icon-right.ss-sep-arrow:hover .ss-arrow, .small.hover-fancy.ss-icon-right.ss-sep-arrow:active .ss-arrow{ right: 20px; } .normal.hover-fancy.ss-icon-right.ss-sep-arrow .ss-arrow{ border-width: 9px 8px 9px 0; right: 28px; top: 6px; } .normal.hover-fancy.ss-icon-right.ss-sep-arrow:hover .ss-arrow, .normal.hover-fancy.ss-icon-right.ss-sep-arrow:active .ss-arrow{ right: 30px; } .large.hover-fancy.ss-icon-right.ss-sep-arrow .ss-arrow{ border-width: 13px 12px 13px 0; right: 38px; top: 7px; } .large.hover-fancy.ss-icon-right.ss-sep-arrow:hover .ss-arrow, .large.hover-fancy.ss-icon-right.ss-sep-arrow:active .ss-arrow{ right: 40px; } .jumbo.hover-fancy.ss-icon-right.ss-sep-arrow .ss-arrow{ border-width: 17px 16px 17px 0; right: 58px; top: 15px; } .jumbo.hover-fancy.ss-icon-right.ss-sep-arrow:hover .ss-arrow, .jumbo.hover-fancy.ss-icon-right.ss-sep-arrow:active .ss-arrow{ right: 60px; } .hover-fancy.ss-sep-diagonal i{ position: relative; z-index: 2; } .hover-fancy.ss-icon-left.ss-sep-diagonal .ss-diagonal{ width: 55px; height: 200%; z-index: 1; top: 0; position: absolute; left: 20px; margin: -5px -5px 0 0; -webkit-transform-origin: 0 0; -webkit-transform: rotate(-20deg); -moz-transform-origin: 0 0; -moz-transform: rotate(-20deg); -ms-transform-origin: 0 0; -ms-transform: rotate(-20deg); transform-origin: 0 0; transform: rotate(-20deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .hover-fancy.ss-icon-left.ss-sep-diagonal:hover .ss-diagonal, .hover-fancy.ss-icon-left.ss-sep-diagonal:active .ss-diagonal{ width: 66px; } .small.hover-fancy.ss-icon-left.ss-sep-diagonal .ss-diagonal{ left: -35px; top: 10px; } .normal.hover-fancy.ss-icon-left.ss-sep-diagonal .ss-diagonal{ left: -18px; } .large.hover-fancy.ss-icon-left.ss-sep-diagonal .ss-diagonal{ left: -18px; } .jumbo.hover-fancy.ss-icon-left.ss-sep-diagonal .ss-diagonal{ left: 0; } .hover-fancy.ss-icon-right.ss-sep-diagonal .ss-diagonal{ width: 55px; height: 200%; z-index: 1; top: 0; position: absolute; right: 20px; margin: -5px 0 0 -5px; -webkit-transform-origin: 0 0; -webkit-transform: rotate(-20deg); -moz-transform-origin: 0 0; -moz-transform: rotate(-20deg); -ms-transform-origin: 0 0; -ms-transform: rotate(-20deg); transform-origin: 0 0; transform: rotate(-20deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .hover-fancy.ss-icon-right.ss-sep-diagonal:hover .ss-diagonal, .hover-fancy.ss-icon-right.ss-sep-diagonal:active .ss-diagonal{ width: 66px; } .small.hover-fancy.ss-icon-right.ss-sep-diagonal .ss-diagonal{ right: -25px; } .normal.hover-fancy.ss-icon-right.ss-sep-diagonal .ss-diagonal{ right: 0px; } .large.hover-fancy.ss-icon-right.ss-sep-diagonal .ss-diagonal{ right: 6px; } .jumbo.hover-fancy.ss-icon-right.ss-sep-diagonal .ss-diagonal{ right: 31px; } .hover-arrow{ overflow: hidden; } .eff-btn.small.hover-arrow{ padding: 5px 25px; } .eff-btn.normal.hover-arrow{ padding: 8px 35px; } .eff-btn.large.hover-arrow{ padding: 12px 40px; } .eff-btn.jumbo.hover-arrow{ padding: 20px 50px; } .hover-arrow:before{ font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; } .hover-arrow.fly-in-left:before, .hover-arrow.fly-out-left:before, .hover-arrow.fly-in-right:before, .hover-arrow.fly-out-right:before{ content: "\e003"; position: absolute; height: 100%; font-size: 125%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .hover-arrow.fly-in-right:before, .hover-arrow.fly-out-right:before{ content: "\e00d"; } .hover-arrow.fly-in-left:before{ left: -50%; opacity: 0; } .hover-arrow.fly-in-right:before{ left: 130%; opacity: 0; } .hover-arrow.fly-out-left:before{ left: 30%; opacity: 0; } .hover-arrow.fly-out-right:before{ left: 70%; opacity: 0; } .hover-arrow.fly-in-left:hover:before{ left: 10%; opacity: 1; } .hover-arrow.fly-in-right:hover:before{ left: 80%; opacity: 1; } .hover-arrow.fly-out-left:hover:before{ left: 10%; opacity: 1; } .hover-arrow.fly-out-right:hover:before{ left: 80%; opacity: 1; } .hover-icon{ overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .hover-icon.top-to-bottom .ss-icon-on-hover{ position: absolute; height: 100%; width: 100%; left: 0; top: -100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .hover-icon.top-to-bottom:hover .ss-icon-on-hover{ top: 0; } .hover-icon.small .ss-icon-on-hover{ line-height: 2; } .hover-icon.normal .ss-icon-on-hover{ line-height: 2; font-size: 16px; } .hover-icon.large .ss-icon-on-hover{ line-height: 1.9; font-size: 22px; } .hover-icon.jumbo .ss-icon-on-hover{ line-height: 2; font-size: 30px; } .hover-icon.top-to-bottom span{ display: inline-block; width: 100%; height: 100%; -webkit-transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-transition: all 0.3s; -moz-backface-visibility: hidden; transition: all 0.3s; backface-visibility: hidden; } .hover-icon.top-to-bottom:hover span{ -webkit-transform: translateY(300%); -moz-transform: translateY(300%); -ms-transform: translateY(300%); transform: translateY(300%); } .hover-icon.left-to-right .ss-icon-on-hover{ position: absolute; height: 100%; width: 100%; left: -100%; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .hover-icon.left-to-right:hover .ss-icon-on-hover{ left: 0; } .hover-icon.left-to-right span{ display: inline-block; width: 100%; height: 100%; -webkit-transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-transition: all 0.3s; -moz-backface-visibility: hidden; transition: all 0.3s; backface-visibility: hidden; } .hover-icon.left-to-right:hover span{ -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); } /* CONTENT SECTION */ .content-section { display: block; padding: 0; border-style: solid; border-width: 0; background-repeat: no-repeat; background-position: 0 0; clear: both; margin: 0; float: left; width: 100%; } /* STYLED TABLE */ table.table-bordered tfoot td{ text-align: center; width: 98%; } .table-bordered.table-hover { background: #eaedef; border-top: 3px solid #434b6b; border-bottom: 3px solid #434b6b; border-right: 3px solid #434b6b; border-left: 3px solid #434b6b; border-collapse: separate; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-spacing: 0; } .table-bordered thead tr:first-child th:first-child{ -webkit-border-radius: 2px 0 0 0; -moz-border-radius: 2px 0 0 0; border-radius: 2px 0 0 0; } .table-bordered tbody tr:first-child td:first-child{ border-radius: 0; } table.table-bordered th { font-family: 'Lato', sans-serif; font-weight: 600; } .table-bordered.table>thead>tr>th, .table-bordered.table>tbody>tr>th, .table-bordered.table>tfoot>tr>th, .table-bordered.table>thead>tr>td, .table-bordered.table>tbody>tr>td, .table-bordered.table>tfoot>tr>td{ padding: 18px; vertical-align: middle; line-height: 140%; border-bottom: none; border-right: none; font-family: 'Lato', sans-serif; font-size: .65em; } table.table-bordered tfoot td { text-align: center; } .table>thead>tr>th{ border-bottom: none; } /* SWIPE SLIDER */ .swiper-wrapper{ float: left; } .st-swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; } .st-swiper-container { width: 100%; height: auto; max-height: 400px; text-align: center; cursor: grab!important; cursor: -moz-grab!important; cursor: -webkit-grab!important; } .swiper-slide { position: relative; overflow: hidden; } .swiper-slide h3, .entry-content .swiper-slide h3{ text-align: center; margin-top: 30px; margin-bottom: 15px; line-height: normal; font-size: 18px; } .swiper-slide h3 a, .entry-content .swiper-slide h3 a{ text-decoration: none; } .swiper-slide img, .entry-content .swiper-slide img { position: relative; z-index: 2; margin-bottom: 0; } .swiper-slide .hover_div{ position: absolute; width: 100%; height: 100%; padding: 5%; background-color: #3498DB; opacity: 0; top: 0; z-index: 3; left: 0; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; } .swiper-slide .hover_div h3 a, .swiper-slide .hover_div p, .entry-content .swiper-slide .hover_div h3 a, .entry-content .swiper-slide .hover_div p{ color: #fff; } .swiper-slide .hover_div h3, .entry-content .swiper-slide .hover_div h3 { margin-top: 18px; } .swiper-slide .hover_div h3, .swiper-slide .hover_div p{ -webkit-transform: scale(0); -webkit-transition: .3s; -moz-transition: .3s; } .swiper-slide:hover .hover_div, .swiper-slide:hover .hover_div h3, .swiper-slide:hover .hover_div p{ opacity: 1; -webkit-transform: scale(1); } .swiper-slide:hover .hover_div{ opacity: 0.9; } .swiper-slide img{ position: relative; -webkit-backface-visibility: hidden; width: 100%; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-perspective: 1000; max-width: 100%; width: auto\9; height: auto; border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .swiper-slide:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); } /* HR */ hr.hr { margin: 20px 0 19px; background-color: #CCC; border: 0; height: 1px; } /* Color Pickers */ #color_picker_text, #color_picker_bg{ clear: both; left: 95px; position: relative; top: 0; display:none; } /* BUTTONS */ .ss-btn, .ss-btn.normal{ padding: 8px 20px; text-decoration: none; font-size: 11px; display: inline-block; } .ss-btn, .ss-btn.large{ text-shadow: none; margin-bottom: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ss-btn.small { padding: 5px 15px; font-size: 9px; } .ss-btn.large{ padding: 12px 30px; font-size: 13px; } .ss-btn.jumbo{ padding: 20px 36px; font-size: 16px; } /* Root button style */ :root .ss-btn { margin-bottom: 10px; position: relative; font-weight: 600; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #444; text-decoration: none; } :root .ss-btn:hover { top: 1px; } :root .ss-btn:active { top: 4px; box-shadow: none !important; } a.ss-btn:hover, a.ss-btn:focus{ text-decoration: none; } /* Button more */ .ss-btn.more{ background: #FFF; font-family: 'Lato', sans-serif; font-size: 1.45em; color: inherit; cursor: pointer; padding: 7px 25px 7px 10px; display: inline-block; margin: 0px 0px 5px 0px; text-transform: uppercase; font-weight: 600; outline: none; position: relative; border: 1px solid #CCCED3; color: #5A5A5A; overflow: hidden; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .ss-btn.more:before { } .ss-btn.more:hover { background: #FFF; top: 0; -webkit-transition: none; border: 1px solid #CCCED3; } .ss-btn.more:active { top: 0; } .ss-btn.more:hover:before { left: 103%; opacity: 1; } .ss-btn.btn-more{ margin: 8px 0; } .ss-btn.popovers, .ss-btn.secondary, .ss-btn.popovers:hover, .ss-btn.secondary:hover, .ss-btn.popovers:active, .ss-btn.secondary:active, .ss-btn.popovers:focus, .ss-btn.secondary:focus{ color: #444; background: #fff; border: 1px solid #bfbfbf; -webkit-box-shadow: 0 4px #bfbfbf; -moz-box-shadow: 0 4px #bfbfbf; box-shadow: 0 4px #bfbfbf; } .ss-btn.primary, .ss-btn.primary:hover, .ss-btn.primary:active, .ss-btn.primary:focus{ background: #3498DB; color: #FFF !important; border: 1px solid #3498DB; -webkit-box-shadow: 0 4px #2974A7; -moz-box-shadow: 0 4px #2974A7; box-shadow: 0 4px #2974A7; } .more{ margin-top: 10px; } /* DIGG SHARE */ .DiggWide{ } .DiggCompact{ } .DiggMedium{ } .DiggIcon{ } /* FB SHARE */ .fb_share, .entry-content .fb_share{ text-decoration: none; color: #fff; } .fb_share { color: #FFF; padding: 5px 10px; font-weight: bold; background-color: #3B5998; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#627aad), to(#3b5998)); background-image: -moz-linear-gradient(top, #627aad, #3b5998); background-image: -ms-linear-gradient(top, #627aad, #3b5998); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #627AAD), color-stop(100%, #3B5998)); background-image: -webkit-linear-gradient(top, #627AAD, #3B5998); background-image: -o-linear-gradient(top, #627aad, #3b5998); background-image: linear-gradient(top, #627aad, #3b5998); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#627aad', endColorstr='#3b5998', GradientType=0); border-color: #3B5998 #3B5998 #263961; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .fb_share:hover{ color: #fff; text-decoration: none; } /* BOX */ .alert-message { text-shadow: none; border: 1px solid #dbdbdb; padding: 10px 10px 10px 65px; margin-bottom: 10px; } .entry-content .alert-message h3{ margin: 0 0 10px 0; } .alert-message.success{ background: url("../images/icon-success@2x.png") no-repeat scroll 13px center #ffffff; background-size: 40px 40px; border-bottom: 4px solid #38BC95; } .alert-message.warning { background: url("../images/icon-warning@2x.png") no-repeat scroll 13px center #ffffff; background-size: 40px 40px; border-bottom: 4px solid #FFB000; } .alert-message.info { background: url("../images/icon-info@2x.png") no-repeat scroll 13px center #ffffff; background-size: 40px 40px; border-bottom: 4px solid #3C95E7; } .alert-message.error{ /*admin fix*/ border: 1px solid #dbdbdb; padding: 10px 10px 10px 65px; margin: 0; margin-bottom: 20px; background: url("../images/icon-alert@2x.png") no-repeat scroll 13px center #ffffff; background-size: 40px 40px; border-bottom: 4px solid #E74E30; border-bottom: 4px solid #E74C3C; } /* SOCIAL ICONS */ .st-social-icons{ display: inline-block; width: 40px; height: 42px; margin: 0 2px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; } .st-social-icons.social_facebook{background: url(../images/social/social-facebook@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_twitter{background: url(../images/social/social-twitter@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_google{background: url(../images/social/social-google-plus@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_youtube{background: url(../images/social/social-youtube@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_pinterest{background: url(../images/social/social-pinterest@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_linkedin{background: url(../images/social/social-linkedin@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_blogger{background: url(../images/social/social-blogger@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_flickr{background: url(../images/social/social-flicker@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_lastfm{background: url(../images/social/social-last-fm@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_myspace{background: url(../images/social/social-myspace@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_reddit{background: url(../images/social/social-reddit@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_vimeo{background: url(../images/social/social-vimeo@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_instagram{background: url(../images/social/social-instagram@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_dribble{background: url(../images/social/social-dribble@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_dart{background: url(../images/social/social-dart@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_rss{background: url(../images/social/social-rss@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_dropbox{background: url(../images/social/social-dropbox@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_yahoo{background: url(../images/social/social-yahoo@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_picasa{background: url(../images/social/social-picasa@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_behance{background: url(../images/social/social-behance@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_skype{background: url(../images/social/social-skype@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_soundcloud{background: url(../images/social/social-soundcloud@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_gshark{background: url(../images/social/social-grooveshark@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_digg{background: url(../images/social/social-digg@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_tumblr{background: url(../images/social/social-tumbler@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_applestore{background: url(../images/social/social-apple@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_stumble{background: url(../images/social/social-stumbleupon@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_wp{background: url(../images/social/social-wordpress@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_wiki{background: url(../images/social/social-wiki@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_github{background: url(../images/social/social-github@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_android{background: url(../images/social/social-android@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons.social_mixcloud{background: url(../images/social/social-mixcloud@2x.png) no-repeat scroll 0 0 transparent; background-size: 40px 42px;} .st-social-icons:hover{ position: relative; top: 1px; } /* TABS */ .tab-content > .tab-pane, .pill-content > .pill-pane, .tab-content > div, .pill-content > div{ padding: 0 15px; } .entry-content ul.st-tabs{ margin-bottom: 0; margin-left: 0; } .tab-content{ padding: 20px 0; border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; } /* CALLOUT */ .ss-callout{ margin: 10px auto 0px auto !important; padding: 10px 10px 20px 10px; background-color: #F2F2F2; border: 1px solid #DCDCDC; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; } .ss-callout a{ margin: 0 0 5px 25px; } .ss-callout h3, .entry-content .ss-callout h3{ margin-bottom: 10px; } a.btn-callout, a.btn-callout:hover{ background: #fafafa; border: 1px solid #fafafa; color: #444; -webkit-box-shadow: 0 3px #CCC; -moz-box-shadow: 0 3px #CCC; box-shadow: 0 3px #CCC; } a.btn-callout:hover{ background-color: #fafafa; } /* MODAL */ .modal-footer .ss-btn+.ss-btn{ margin-bottom: 10px; margin-left: 8px; } .ss-modal.fade.in{ z-index: 9999; background-color: rgba(0, 0, 0, 0.33); } .modal-backdrop.in{ display: none !important; } .ss-modal{ cursor: pointer; } /* POPOVER */ h3.popover-title, .entry-content h3.popover-title{ margin: 0; } .popover.right .arrow{ left: -11px !important; } .popover.left .arrow{ right: -11px !important; } .popover.fade.in{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .popover.fade.top.in{ position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #FFF; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } /* Styled lists */ .entry-content .LISTstyled ol, .LISTstyled ol{ counter-reset: li; margin-left: 0; padding-left: 0; list-style-type: decimal; list-style: none; } .entry-content .LISTstyled ol > li, .LISTstyled ol > li { color: #7A7A7A; list-style: none outside none; margin: 0 0 5px 2em; padding: 0 3px; position: relative; line-height: 20px; } .entry-content .LISTstyled ol > li::before, .LISTstyled ol > li::before { -moz-box-sizing: content-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: none repeat scroll 0 0 #3498DB; border: 1px solid transparent; border-radius: 17px 17px 17px 17px; color: white; content: counter(li, decimal); counter-increment: li; left: -2em; line-height: 11px; padding: 2px 0; position: absolute; text-align: center; top: 0; width: 1.4em; } .entry-content .LISTstyled ul li, .LISTstyled ul li{ display: block; list-style-type: none; padding: 4px 13px; } .entry-content .unordered_list ul, .unordered_list ul{ list-style-type: none !important; margin: 0 0 20px 0; padding: 0 !important; } .entry-content .unordered_list ul li, .unordered_list ul li{ line-height: 24px; padding-left: 25px; vertical-align: middle; list-style: none; margin:0; } .unordered_list.minus ul li{background: url("../images/list-minus@2x.png") no-repeat scroll left center transparent; background-size: 17px 17px;} .unordered_list.plus ul li{background: url("../images/list-plus@2x.png") no-repeat scroll left center transparent; background-size: 17px 17px;} .unordered_list.info ul li{background: url("../images/list-info@2x.png") no-repeat scroll left center transparent; background-size: 17px 17px;} .unordered_list.warning ul li{background: url("../images/list-warning@2x.png") no-repeat scroll left center transparent; background-size: 17px 17px;} .unordered_list.star ul li{background: url("../images/list-star@2x.png") no-repeat scroll left center transparent; background-size: 17px 17px;} .unordered_list.success ul li{background: url("../images/list-success@2x.png") no-repeat scroll left center transparent; background-size: 17px 17px;} .unordered_list.success, .unordered_list.info, .unordered_list.warning{ background:none; border:medium none; } /* Tabs */ .entry-content .st-tabs > li, .st-tabs > li{ list-style: none; margin: 0 0 -1px 0; } /* CHILDREN */ .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #FFF; border: 1px solid #DDD; } .entry-content .list-group > li, .list-group > li { float: none; margin: 0 0 -1px 0; } .entry-content .list-group > li > a, .list-group > li > a{ border-bottom: none; padding-top: 10px; padding-bottom: 10px; text-decoration: none; color: #333; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .entry-content .list-group > li > a:hover, .entry-content .list-group > li > a:focus, .list-group > li > a:hover, .list-group > li > a:focus{ color: #3498DB; padding-left: 4px; } .entry-content .list-group > li.current_page_item, .entry-content .list-group > li.current_page_item:hover, .list-group > li.current_page_item, .list-group > li.current_page_item:hover{ background: #F0F0F0; color: #111; } .alone .list-group, .alone .list-group > li{ float: none; list-style: none; margin-left: 0; } .list-group li a i{ margin-right: 8px; text-decoration: none; } .shortcode-toggle { display: none; } /* TOGGLE */ .st-accordion .panel-heading, .st-accordion .panel-default>.panel-heading{ padding: 0; background: #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .st-accordion.panel-group .panel+.panel{ margin-top: 2px; } .st-accordion.panel-group .panel{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .st-accordion .panel-heading i{ vertical-align: middle; font-size: 12px; margin-right: 5px; background: #3498db; color: #fff; padding: 13px 12px 12px 12px; } .st-accordion .panel-title{ margin: 0 !important; font-size: 12px !important; } .st-accordion .panel-title>a{ display: block; min-height: 34px; text-decoration: none !important; } .st-accordion .panel-title>a:hover{ text-decoration: none !important; } /* Related Posts */ .entry-content .supreme_related_posts, .supreme_related_posts{ list-style: none; margin:0; } .entry-content .supreme_related_posts li, .supreme_related_posts li{ list-style: none; margin:0; margin-bottom: 10px; } .entry-content .supreme_related_posts img, .supreme_related_posts img{ margin-right: 20px; max-width: 200px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .entry-content .supreme_related_posts h3, .supreme_related_posts h3{ clear: none; line-height: normal; margin-bottom: 10px; } .clear{ clear: both; } /* Blockquote */ blockquote.QUOTE{ margin: 0; padding: 10px 0px 10px 0px; font-size: 14px; quotes: "\201C""\201D""\2018""\2019"; font-family: 'Droid Serif', serif; font-style: normal !important; } blockquote.QUOTE:before{ color: #CCCCCC; content: open-quote; float: left; font-size: 98px; line-height: 0.1em; margin-right: 0.1em; margin-top: 0.3em; vertical-align: -0.4em; } .entry-content blockquote.QUOTE p, blockquote.QUOTE{ display: block; margin-bottom: 15px; font-size: 14px; } blockquote.QUOTE cite{ font-style: italic; float: right; } /* Highlight */ .entry-content span.highlight, span.highlight{ padding:0px 2px; border: none; } .HIGHLIGHT:before{ margin:0; } .highlight{ color: #fff; } .highlight.yellow{ background:#F1C40F; } .highlight.gray{ background:#bfbfbf; } .highlight.blue{ background:#3498DB; } /* LABEL */ .label { padding: 1px 3px 1px; font-size: 8.25px; font-weight: bold; color: #FFF; text-transform: uppercase; white-space: nowrap; background-color: #999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: none; } .label{ font-size: 10px; font-weight: 600; padding: 1px 5px; color: #fff; } .label.default{ background: #bfbfbf; } .label.success{ background: #2ECC71; } .label.warning{ background: #F1C40F; } .label.important{ background: #E74C3C; } .label.notice{ background: #3498DB; } /* PROGRESS BARS */ .progress-info .bar{ background-color: #3498DB; background-image: none; } .progress-success .bar{ background-color: #2ECC71; background-image: none; } .progress-warning .bar{ background-color: #F1C40F; background-image: none; } .progress-danger .bar{ background-color: #E74C3C; background-image: none; } .progress-info.progress-striped .bar, .progress-striped .bar-info{ background-color: #3498DB; } .progress-success.progress-striped .bar, .progress-striped .bar-success{ background-color: #2ECC71; } .progress-warning.progress-striped .bar, .progress-striped .bar-warning{ background-color: #F1C40F; } .progress-danger.progress-striped .bar, .progress-striped .bar-danger{ background-color: #E74C3C; } /* AUDIO */ .full_width.mejs-audio{ max-width: 100% !important; width: 797px; height: 30px; } /* POST TYPE CAROUSEL */ .flexslider-posts .slides { line-height: normal; margin: 0; } .entry-content .flexslider-posts .flex-direction-nav li, .flexslider-posts .flex-direction-nav li{ list-style: none; margin: 0; } .entry-content .flexslider-posts .flex-control-nav li, .flexslider-posts .flex-control-nav li{ margin: 0 6px; } .flex-direction-nav a{ line-height: normal; } .flexslider-posts .slides > li{ margin-left: 0; margin-right: 20px; position: relative; } .flexslider-posts .slides > li h3{ text-align: center; margin-top: 30px; margin-bottom: 15px; line-height: normal; font-size: 20px; } .flexslider-posts .slides img { position: relative; z-index: 2; margin-bottom: 0; } .flexslider-posts .slides > li .hover_div{ position: absolute; width: 100%; height: 100%; padding: 5%; background-color: #3498DB; opacity: 0; top: 0; z-index: 3; left: 0; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; } .entry-content .flexslider-posts h3 a{ text-decoration: none; } .flexslider-posts .slides > li .hover_div h3 a, .flexslider-posts .slides > li .hover_div p{ color: #fff; text-decoration: none; } .flexslider-posts .slides > li .hover_div h3 { margin-top: 18px; } .flexslider-posts .slides > li .hover_div h3, .flexslider-posts .slides > li .hover_div p{ -webkit-transform: scale(0); -webkit-transition: .3s; -moz-transition: .3s; } .flexslider-posts .slides > li:hover .hover_div, .flexslider-posts .slides > li:hover .hover_div h3, .flexslider-posts .slides > li:hover .hover_div p{ opacity: 1; -webkit-transform: scale(1); } .flexslider-posts .slides > li:hover .hover_div{ opacity: 0.9; } .flexslider-posts{ margin: 0 0 10px; position: relative; zoom: 1; } .flexslider-posts .slides { zoom: 1; } .flexslider-posts .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider-posts .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider-posts .flex-direction-nav a.flex-next { right: -10px; } .flexslider-posts:hover .flex-next { opacity: 1; right: -10px; } .flexslider-posts:hover .flex-prev { opacity: 1; left: -10px; } .entry-content ol.flex-control-nav, .entry-content .slides, .entry-content ul.flex-control-nav, .entry-content ul.flex-direction-nav{ margin: 0; line-height: normal; /* parallax + flexslider fix */ -webkit-transform: none !important; } .flexslider-wrap { position: relative; } .flexslider-posts .slides > li{ float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .flexslider-posts .slides img{ position: relative; -webkit-backface-visibility: hidden; width: 100%; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-perspective: 1000; max-width: 100%; width: auto\9; height: auto; border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .flexslider-posts .slides > li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); } /* STYLE */ /* Flexslider */ .flexslider-posts .flex-direction-nav a.flex-prev, .flexslider-posts .flex-direction-nav a.flex-next{ text-indent: 0; text-align: left; width: 30px; height: 30px; color: #FFF; opacity: 1; margin: -10px 0 0; background-color: #333; background-image: none; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .flexslider-posts .flex-direction-nav a.flex-prev{ left: -10px; } .flexslider-posts .flex-direction-nav a.flex-next{ right: -10px; } .flexslider-posts .flex-direction-nav a.flex-prev:before, .flexslider-posts .flex-direction-nav a.flex-next:before{ content: ''; } .flexslider-posts .flexslider:hover .flex-prev{ opacity: 1; left: -10px; } .flexslider-posts .flexslider:hover .flex-next{ opacity: 1; right: -10px; } .flexslider-posts .flexslider .flex-prev:hover { opacity: 1; } .flexslider-posts .flexslider .flex-next:hover { opacity: 1; } .flexslider-posts .flex-direction-nav .flex-disabled{ opacity: 0.7 !important; } /* */ .flexslider-posts .flex-direction-nav a.flex-next .fa-angle-right, .flexslider-posts .flex-direction-nav a.flex-prev .fa-angle-left{ position: relative; left: 11px; top: -16px; color: #FFF; font-size: 26px; display: block; margin: 0; text-shadow: none; text-indent: 0; text-decoration: none; } .flexslider-posts .flex-direction-nav a.flex-prev .fa-angle-left{ left: 9px; } .flexslider-posts .flex-direction-nav a.flex-next .fa-angle-right{ left: 11px; } /* With title */ .flexslider-posts.with-title .slides > li{ min-height: 208px; } .flexslider-posts.with-title .slides > li .title_active, .st-swiper-container.with-title .title_active{ width: 100%; height: 50px; background-color: #3498DB; color: #FFF; text-align: center; -webkit-transform: scale(1); -webkit-transition: .3s; -moz-transition: .3s; } .flexslider-posts.with-title .slides > li .title_active h3, .st-swiper-container.with-title .title_active h3{ margin-top: 0; padding-top: 14px; font-size: 16px; } .flexslider-posts.with-title .slides > li .title_active h3 a, .st-swiper-container.with-title .title_active h3 a{ color: #fff; } .flexslider-posts.with-title .slides > li:hover img, .st-swiper-container.with-title .swiper-slide:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .flexslider-posts.with-title .slides > li .hover_div h3, .st-swiper-container.with-title .hover_div h3{ position: relative; top: 50%; left: 0; margin-top: -32px; } .flexslider-posts.with-title .slides > li .hover_div h3 a, .st-swiper-container.with-title .hover_div h3 a{ color: #333; } /* PRICING TABLES */ .price-table { } .price-column { background: none repeat scroll 0 0 #FFFFFF; float: left; margin: 20px 0; text-align: center; } .price-column ul li{ list-style: none; } .price-column.last-column{ border-left: medium none; border-right: 1px solid #CCCCCC; } /* columns */ .two-column-table .price-column { width: 49.9%; } .three-column-table .price-column { width: 32.33%; } .four-column-table .price-column { width: 24.9%; } .five-column-table .price-column { width: 19%; } .six-column-table .price-column { width: 15.66%; } /* odd/even */ .price-table .highlight-column { margin: 2px 0 10px; background: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.23); box-shadow: 0 0 20px rgba(0, 0, 0, 0.23); min-height:300px; position: relative; } /* price columns */ .entry-content .price-column ul, .price-column ul { border-bottom: 3px solid #F1C40F; border-left: 1px solid #CCCCCC; margin: 0; padding: 10px 15px 25px 15px; } .entry-content .price-column.highlight-column ul, .price-column.highlight-column ul{ border-bottom: 3px solid #41a7d8; margin: 0; padding-top: 15px; } .entry-content .price-column li, .price-column li { border-bottom: 1px solid #e3e3e3; border-left: medium none; padding: 10px 2px 5px; text-align: center; margin: 0; line-height: 23px; list-style: none !important; } .entry-content .price-column .ss-btn, .price-column .ss-btn{ margin-top: 20px; text-decoration: none; } .entry-content .price-column .cost, .price-column .cost{ padding: 12px 0; border-left: medium none; margin: 0; background: none repeat scroll 0 0 #F1C40F; border-bottom: 1px solid #E5A908; font-size: 12px; line-height: normal; color: #FFF; text-align: center; list-style: none outside none; } .entry-content .price-column.highlight-column.even-column .cost, .price-column.highlight-column.even-column .cost { background: none repeat scroll 0 0 #2ECC71; border-bottom: 1px solid #2ECC71; } .entry-content .price-column li:last-child{ border-bottom: medium none; text-align: center; list-style: none outside none; } .entry-content .price-column.last-column .cost, .entry-content .price-column.last-column .column-title, .price-column.last-column .cost, .price-column.last-column .column-title{ background: url('../images/pricing-table-list-sep.png') repeat-x scroll bottom center #E74C3C !important; border-bottom: none !important; } .entry-content .price-column.highlight-column li, .entry-content .price-column.last-column li, .entry-content .price-column.even-column.last-column li, .price-column.highlight-column li, .price-column.last-column li, .price-column.even-column.last-column li{ border-left: medium none; list-style: none outside none; } .entry-content .price-column.even-column.last-column ul, .price-column.even-column.last-column ul{ border-bottom-color: #E74C3C; } .entry-content .price-column.even-column ul, .price-column.even-column ul{ border-bottom-color: #2ECC71; } .entry-content .price-column.even-column li:last-child, .price-column.even-column li:last-child{ list-style: none outside none; } .entry-content .price-column.even-column .cost, .price-column.even-column .cost{ background: none repeat scroll 0 0 #2ECC71; border-bottom: 1px solid #2ECC71; } .entry-content .price-column.highlight-column .cost, .price-column.highlight-column .cost{ background: none repeat scroll 0 0 #3498DB; border-bottom: 1px solid #3498DB; padding: 20px 0; } .entry-content .price-table .highlight-column .column-title, .price-table .highlight-column .column-title { color: #fff; background: url('../images/pricing-table-list-sep.png') repeat-x scroll bottom center #3498DB; font-size: 15px; padding: 20px 0; } .entry-content .price-table .highlight-column a.BUTTONinfo, .price-table .highlight-column a.BUTTONinfo{ background: #3498DB; color:#fff; margin: 15px 20px 27px; } .entry-content .price-table .highlight-column a.BUTTONinfo:hover, .price-table .highlight-column a.BUTTONinfo:hover{ background: #3c99c7; } .entry-content .price-table .even-column .column-title, .price-table .even-column .column-title{ background: url('../images/pricing-table-list-sep.png') repeat-x scroll bottom center #2ECC71; } .entry-content .price-table .even-column.last-column .column-title, .price-table .even-column.last-column .column-title{ background: #E74C3C; border-bottom:1px solid #E74C3C; } .entry-content .price-column p, .price-column p { padding: 10px 0; margin: 0 15px; } .entry-content .price-column .column-title, .price-column .column-title { border: 0; margin: 0 0 0px; padding: 17px 0; line-height: 36px; font-size: 13px; background: url('../images/pricing-table-list-sep.png') repeat-x scroll bottom center #F1C40F; text-transform:none; line-height:normal; color:#fff; } .entry-content .price-column.highlight-column.last-column ul, .price-column.highlight-column.last-column ul{ border-bottom-color: #E74C3C; } .entry-content .three-column-table .price-column.last-column ul, .three-column-table .price-column.last-column ul{ border-bottom-color: #E74C3C; } /* details */ .entry-content .price-info .cost, .price-info .cost { display: block; } .entry-content .price-info .details, .price-info .details { font-size: 14px; line-height: 16px; } /* DROPCAP */ .dropcap{ float: left; line-height: 30px; text-transform: uppercase; padding: 0; border-radius: 500px; -moz-border-radius: 500px; -webkit-border-radius: 500px; margin: 6px 17px 2px 0; color: #7A7A7A; } .dropcap.light{ font-size: 33px; font-weight: 600; } .dropcap.light_circled{ border: 2px solid #7A7A7A; font-size: 36px; line-height: 30px; padding: 10px 16px; } .dropcap.dark{ background: none repeat scroll 0 0 #7A7A7A; color: #FFFFFF; font-size: 26px; padding: 10px 15px; } .dropcap.dark_circled{ font-size: 26px; line-height: 24px; line-height: 33px; color:#fff; background: none repeat scroll 0 0 #7A7A7A; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; padding: 8px 15px; } /* Contact Forms Dark and Light */ span.error{ color: red; display: block; margin-bottom: 5px; line-height: 20px; } .ss-loading{ background: url(../images/ajax-loader.gif) no-repeat scroll 0 0 transparent; width: 31px; height: 31px; display: block; float: right; clear: both; } .captcha-refresh { display: inline-block; background: url(../images/refresh.png) no-repeat scroll 0 0 transparent; cursor: pointer; width: 14px; height: 15px; margin-bottom: -3px; } .c_form { overflow: hidden; border-right: 3px solid #434b6b; border-left: #434b6b; } .c_form label { display: none; } li.c_form{ list-style-type: none; } .forms div{ float: left; width: 50%; } .forms div.textarea, .forms div.contact-captcha{ width: 100%; position: relative; } .contact-captcha img{ float: left; border-right: none; border-bottom: none; border-top: none; width: 36%; min-height: 70px; max-height: 70px; } .bg-input.captcha-holder{ width: 64%; position: absolute; bottom: 0; right: 0; } form.contact_form_light{ background: #fff; margin: 0; } form.contact_form_dark{ background: #444; margin: 0; } form.contact_form_light input[type="text"], form.contact_form_light textarea{ font-family: 'Lato', sans-serif; font-size: .65em; text-transform: uppercase; background: none repeat scroll 0 0 #eaedef; color: #434b6b; border: #434b6b; } form.contact_form_dark input[type="text"], form.contact_form_dark textarea{ background: #444; border-right: 1px solid #ddd; } form.contact_form_dark input[type="text"], form.contact_form_light input[type="text"]{ width: 92%; padding: 7px 4%; margin: 0; box-sizing: initial; min-height: 56px; border: solid 3px #434b6b; } form.contact_form_dark textarea, form.contact_form_light textarea{ width: 96%; box-sizing: initial; padding: 21px 2%; resize:none; margin: 0; border-top: none; border-bottom: 3px solid #434b6b; border-left: 3px solid #434b6b; border-color: #434b6b; min-height: 180px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } form.contact_form_light button.ss-btn, form.contact_form_dark button.ss-btn, form.contact_form_light button.ss-btn:hover, form.contact_form_dark button.ss-btn:hover{ padding: 2%; margin: 0 !important; background: #3498DB; border: 1px solid #3498DB; color: #FFF; border-radius: 0; width: 100.3%; border: 1px solid #3498DB; min-height: 70px; font-size: 14px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } form.contact_form_light button.ss-btn:before, form.contact_form_dark button.ss-btn:before{ color: #fff; left: 0; } form.contact_form_light button.ss-btn:hover:before, form.contact_form_dark button.ss-btn:hover:before{ left: 75px; } form.contact_form_dark input[type="text"], form.contact_form_dark textarea, form.contact_form_dark .contact-captcha img{ border-color: #272727; color: #FFF; } form.contact_form_light .captcha-holder input[type="text"], form.contact_form_dark .captcha-holder input[type="text"]{ border-top: none; border-bottom: none; text-align: center; } form.contact_form_light .refresh-text, form.contact_form_dark .refresh-text, .refresh-text{ background: transparent; border: none; position: absolute; top: 5px; left: -18px; } form.contact_form_light input[type="text"]:focus:invalid:focus, form.contact_form_light textarea:focus:invalid:focus, form.contact_form_light .captcha-holder input[type="text"]{ border-color: 3px solid #434b6b; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } form.contact_form_dark input[type="text"]:focus:invalid:focus, form.contact_form_dark textarea:focus:invalid:focus, form.contact_form_dark .captcha-holder input[type="text"]{ border-color: #272727; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } form.contact_form_dark ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } form.contact_form_dark :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } form.contact_form_dark ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } form.contact_form_dark :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; } @-moz-document url-prefix() { form.contact_form_dark input[type="text"], form.contact_form_light input[type="text"], form.contact_form_dark textarea, form.contact_form_light textarea{ width: 100%; } form.contact_form_dark input[type="text"], form.contact_form_light input[type="text"]{ height: 70px; } } /* SEPARATOR/DIVIDERS */ .ss-separator, .divider_dotted, .divider_dashed, .divider_top, .divider_shadow{ height: 1px; width: 100%; margin: 20px 0 19px; display: inline-block; } .divider_dotted{ border-top: 1px dotted #cdcdcd; } .divider_dashed{ border-top: 1px dashed #cdcdcd; } .divider_top{ border-top: 1px solid #cdcdcd; position: relative; } .divider_top .to-top{ position: absolute; right: 0; top: -15px; color: #575757 !important; padding: 3px 4px 3px 10px; background: #fff; text-decoration: none; } .divider_top .to-top:hover{ text-decoration: none; } .divider_shadow{ height: 40px; margin: 0; } .divider_shadow img{ width: 100%; box-shadow: none !important; } .divider_lines{ border-bottom: 1px solid #eee; overflow: visible; height: 20px; position: relative; margin-bottom: 30px; } .divider_text{ font-size: 20px; line-height: 20px; position: absolute; top: 10px; } .divider_text.center{ text-align: center; left: 50%; position: absolute; } .divider_text.left{ text-align: left; left: 0px; background: #fff; padding: 0 20px 0 0; white-space: nowrap; } .divider_text.right{ text-align: right; right: 0px; background: #fff; padding: 0 0 0 20px; } .center-help{ position: relative; left: -50%; background: #fff; padding: 0 20px; white-space: nowrap; } /* RESPONSIVE VIDEO */ .ss-video-container{ position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .ss-video-container iframe, .ss-video-container object, .ss-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* FONT AWESOME */ .iconwrapp{ display: inline-block; } .st-size-1{font-size: 14px;} .st-size-2{font-size: 26px;} .st-size-3{font-size: 52px;} .st-size-4{font-size: 91px;} .st-size-5{font-size: 156px;} .st-size-6{font-size: 260px;} .size-st-size-1 .st-size-1{min-width:14px;} .size-st-size-2 .st-size-2{min-width:26px;} .size-st-size-3 .st-size-3{min-width:52px;} .size-st-size-4 .st-size-4{min-width:91px;} .size-st-size-5 .st-size-5{min-width:156px;} .size-st-size-6 .st-size-6{min-width:260px;} .iconwrapp.circle, .iconwrapp.square { padding: 5px; border: 1px solid #E6E6E6; background: rgba(255, 255, 255, 0); text-align: center; } .iconwrapp.circle{ border-radius: 50%; } .iconwrapp.size-st-size-1{ padding: 5px 10px; } .iconwrapp.size-st-size-2{ padding: 10px 16px; } .iconwrapp.size-st-size-3{ padding: 25px; } .iconwrapp.size-st-size-4{ padding: 35px; } .iconwrapp.size-st-size-5{ padding: 45px; } .iconwrapp.size-st-size-6{ padding: 55px; } .iconwrapp.size-st-size-2 i{ line-height: 36px; } /* ICON MELON */ .iconmelon.st-size-1{width: 16px;height: 24px;} .iconmelon.st-size-2{width: 32px;height: 42px;} .iconmelon.st-size-3{width: 64px;height: 64px;} .iconmelon.st-size-4{width: 128px;height: 128px;} .iconmelon.st-size-5{width: 256px;height: 256px;} .iconmelon.st-size-6{width: 320px;height: 320px;} .ss-btn [class*=" icon-"], .ss-btn [class*=" fa-"]{ vertical-align: middle; } /* Align */ h3 .ss-no-align, h3 .ss-none{ line-height: normal; } .ss-no-align, .ss-none{ display: inline; } .ss-left{ text-align: left; display: block; } .ss-center{ text-align: center; display: block; } .ss-right{ text-align: right; display: block; } /* GOOGLE MAPS */ .row-fluid [class*="span"] > div[id^=map-canvas], .row [class*="col-"] > div[id^=map-canvas] { width: 100% !important; } /* FANCYBOX */ .fancybox-inline-content{ padding: 20px; } .fancybox-inline-content h2{ font-size: 16px; } /* GOOGLE CHARTS */ .google-chart{ width: 100%; } /* TABS */ .st-tabs { border-color: #DDD; border-style: solid; border-width: 0 0 1px; zoom: 1; padding: 0; margin-left: 0; } .st-tabs > li { float: left !important; position: relative; list-style: none !important; margin: 0 0 -1px 0 !important; width: auto !important; } .st-tabs > li > a{ padding: 10px 15px; display: block; outline: none; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; margin-right: 2px; line-height: 21px; border: 1px solid rgba(0, 0, 0, 0); -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; text-decoration: none; } .st-tabs > li > a:hover{ text-decoration: none; text-decoration: none; background-color: #EEE; border-color: #EEE #EEE #DDD; } .st-tabs .active > a, .st-tabs .active > a:hover{ color: #666; background-color: #FFF; border: 1px solid #DDD; border-bottom-color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; } .st-tabs:before, .st-tabs:after{ display: table; content: ""; zoom: 1; clear: both; } .tab-content { overflow: auto; margin-bottom: 20px; } .tab-content > .active{ display: block; } .tab-content > .tab-pane, .tab-content > div { padding: 0 15px; } /* ICON BOX */ .ss-icon-box-wrap{ opacity: 1; position: relative; overflow: hidden; margin-bottom: 20px; } .ss-icon-box{ width: 86px; height: 86px; line-height: 86px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: -43px; z-index: 10; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .ss-icon-box.icon-square{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .ss-icon-box i.ss-icon{ font-size: 32px; line-height: 86px; vertical-align: middle; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ss-icon-box-bg{ position: absolute; top: 43px; left: 0; width: 100%; height: 100%; z-index: 1; } .ss-icon-box-content{ border: 1px solid #EEE; padding: 60px 42px 20px; position: relative; z-index: 2; } /* left */ .ss-icon-box-wrap.icon-left .ss-icon-box, .ss-icon-box-wrap.icon-right .ss-icon-box{ position: absolute; top: 50%; margin-top: -43px; } .ss-icon-box-wrap.icon-left .ss-icon-box-bg{ top: 0; left: 42px; } .ss-icon-box-wrap.icon-left .ss-icon-box-content{ padding: 40px 42px 20px 72px; margin-left: 42px; } /* right */ .ss-icon-box-wrap.icon-right .ss-icon-box{ right: 0; } .ss-icon-box-wrap.icon-right .ss-icon-box-bg{ top: 0; left: auto; right: 42px; } .ss-icon-box-wrap.icon-right .ss-icon-box-content{ padding: 40px 72px 20px 42px; margin-right: 42px; } /* bottom */ .ss-icon-box-wrap.icon-bottom{ overflow: visible; } .ss-icon-box-wrap.icon-bottom .ss-icon-box{ bottom: 0; position: absolute; margin-top: 0; margin-bottom: -43px; left: 50%; margin-left: -43px; } .ss-icon-box-wrap.icon-bottom .ss-icon-box-bg{ top: auto; left: auto; right: auto; bottom: 0; } .ss-icon-box-wrap.icon-bottom .ss-icon-box-content{ padding: 20px 42px 50px; margin-bottom: 42px; } /* = VISUAL COMPOSER ------------------------------------------------------------ */ /* SUPREME CONTENT SECTION */ .vc-content-section { display: block; border-style: solid; border-width: 0; background-repeat: no-repeat; background-position: 0 0; clear: both; margin: 0; float: left; width: 100%; } .vc-content-section p{ margin-bottom: 20px; line-height: normal; } /* SUPREME BOX */ .vc-alert-message { text-shadow: none; border: 1px solid #dbdbdb; padding: 20px 20px 20px 65px; margin-bottom: 10px; } .vc-alert-message.success{ background: url(../images/icon-success@2x.png) no-repeat scroll 13px center #ffffff; background-size: 40px 40px; border-bottom: 4px solid #38BC95; } .vc-alert-message.warning { background: url(../images/icon-warning@2x.png) no-repeat scroll 13px center #ffffff; background-size: 40px 40px; border-bottom: 4px solid #FFB000; } .vc-alert-message.info { background: url(../images/icon-info@2x.png) no-repeat scroll 13px center #ffffff; background-size: 40px 40px; border-bottom: 4px solid #3C95E7; } .vc-alert-message.error{ /*admin fix*/ border: 1px solid #dbdbdb; padding: 20px 20px 20px 65px; margin: 0; margin-bottom: 20px; background: url(../images/icon-alert@2x.png) no-repeat scroll 13px center #ffffff; background-size: 40px 40px; border-bottom: 4px solid #E74E30; border-bottom: 4px solid #E74C3C; } .vc-alert-message.ss-callout{ padding: 20px; } .vc-alert-message.ss-callout h1, .vc-alert-message.ss-callout h2, .vc-alert-message.ss-callout h3, .vc-alert-message.ss-callout h4, .vc-alert-message.ss-callout h5, .vc-alert-message.ss-callout h6{ clear: none; } .btn-callout{ margin: 0 0 10px 10px; } /* = MEDIA RULES -------------------------------------------------------------*/ @media (min-width: 768px) and (max-width: 979px) { #sidebar .forms input[type="text"] { width: 120px; } } /* Minimum width of 600 pixels. */ @media (min-width: 600px) and (max-width: 768px){ } /* iPhone 2G-4S in landscape */ @media only screen and (max-width : 480px){ .two-column-table .price-column, .three-column-table .price-column, .four-column-table .price-column, .five-column-table .price-column, .six-column-table .price-column{ width: 100%; border-right: 1px solid #CCC; } .table-bordered.table>thead>tr>th, .table-bordered.table>tbody>tr>th, .table-bordered.table>tfoot>tr>th, .table-bordered.table>thead>tr>td, .table-bordered.table>tbody>tr>td, .table-bordered.table>tfoot>tr>td{ padding: 3%; font-size: smaller; } } /* iPhone 2G-4S in portrait */ @media only screen and (max-width : 320px){ .two-column-table .price-column, .three-column-table .price-column, .four-column-table .price-column, .five-column-table .price-column, .six-column-table .price-column{ width: 100%; border-right: 1px solid #CCC; } }