/*-------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Lato:700,400);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);
@import url(https://fonts.googleapis.com/css?family=Pacifico);
/*** %Name ***/
a, .kopa-button, .search-box .search-form .search-submit, .main-menu > li > a:before, .main-menu > li > a:after, .home-slider-widget .kopa-home-slider .flex-direction-nav li, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li, .kopa-portfolio-widget .author-info .social-links li, .portfolio-list .portfolio-item .portfolio-thumb .thumb-hover, .portfolio-list .portfolio-item .portfolio-thumb .thumb-hover ul, .kopa-newsletter-widget .newsletter-form .input-email .email, .kopa-newsletter-widget .newsletter-form .input-email .submit, .filters-options li, .filters-options2 li, .filters-options li:before, .filters-options2 li:before, .filters-options li:after, .filters-options2 li:after, .kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div:hover, .kopa-loadmore span:hover, #back-top a, .kopa-product-list-widget .entry-item .entry-thumb .thumb-hover, .kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul, .kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul li, .contact-button > span input {
transition: all .3s;
-ms-transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
}
.main-nav-mobile .main-menu-mobile > li span:after, .main-nav-mobile .main-menu-mobile > li.open span:after, .widget_categories > ul > li:before, .widget_recent_entries > ul > li:before, .widget_archive > ul > li:before, .widget_meta > ul > li:before, .widget_nav_menu > ul > li:before, .widget_pages > ul > li:before, .widget_recent_comments > ul > li:before, .widget_rss > ul > li:before, .kopa-testimonial-2-widget .item > p:before, .kopa-testimonial-2-widget .item > p:after, .portfolio-thumb .thumb-icon, .entry-thumb .thumb-icon, .kopa-pagination a.prev, .kopa-pagination a.next, .contact-button > span:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.main-menu > li ul li:first-child, .main-nav-mobile .main-menu-mobile li:first-child, .kopa-twitter-widget .owl-carousel .item > ul li:first-child, .kopa-mission-list li:first-child, .kopa-event-widget .kopa-event-content .event-post-content > ul li:first-child, .kopa-rating ul li:first-child, .social-links.style2 li:first-child {
margin: 0;
padding: 0;
border: 0;
}
.pricing-table:before, .kopa-tab-2-widget .nav-tabs li:before, .mb-10:before, .mb-20:before, .mb-30:before, .mb-60:before, .wrapper:before, .widget:before, .kopa-portfolio-widget .portfolio-detail:before, .kopa-area:before, .kopa-area-3:before, .kopa-portfolio-2-widget:before, .kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-caption:before, .kopa-event-widget .kopa-event-content:before, .entry-meta:before, .left-area:before, .right-area:before, .kopa-portfolio-page .kopa-portfolio-widget .portfolio-list:before, .kopa-rating ul:before, #comments .kopa-pagination:before, .single-other-post:before, .kopa-tagline-2-widget .tagline-left:before, .pricing-table:after, .kopa-tab-2-widget .nav-tabs li:after, .mb-10:after, .mb-20:after, .mb-30:after, .mb-60:after, .wrapper:after, .widget:after, .kopa-portfolio-widget .portfolio-detail:after, .kopa-area:after, .kopa-area-3:after, .kopa-portfolio-2-widget:after, .kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-caption:after, .kopa-event-widget .kopa-event-content:after, .entry-meta:after, .left-area:after, .right-area:after, .kopa-portfolio-page .kopa-portfolio-widget .portfolio-list:after, .kopa-rating ul:after, #comments .kopa-pagination:after, .single-other-post:after, .kopa-tagline-2-widget .tagline-left:after {
content: "";
display: table;
}
.pricing-table:after, .kopa-tab-2-widget .nav-tabs li:after, .mb-10:after, .mb-20:after, .mb-30:after, .mb-60:after, .wrapper:after, .widget:after, .kopa-portfolio-widget .portfolio-detail:after, .kopa-area:after, .kopa-area-3:after, .kopa-portfolio-2-widget:after, .kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-caption:after, .kopa-event-widget .kopa-event-content:after, .entry-meta:after, .left-area:after, .right-area:after, .kopa-portfolio-page .kopa-portfolio-widget .portfolio-list:after, .kopa-rating ul:after, #comments .kopa-pagination:after, .single-other-post:after, .kopa-tagline-2-widget .tagline-left:after {
clear: both;
}
.product-box {
float: none;
display: inline-block;
vertical-align: top;
}
.product-box .new-cc {
background-color: #fff;
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.4);
box-shadow: 1px 1px 3px rgba(0,0,0,.4);
background-image: -webkit-linear-gradient(145deg,#00f6ff,#114655);
background-image: -moz-linear-gradient(145deg,#00f6ff,#114655);
background-image: -o-linear-gradient(145deg,#00f6ff,#114655);
background-image: -ms-linear-gradient(145deg,#00f6ff,#114655);
background-image: linear-gradient(145deg,#00f6ff,#114655);
}
.product-box .new-cc1 {
background-color: #e86704;
box-shadow: 1px 1px 3px rgba(0,0,0,.4);
background-image: -webkit-linear-gradient(145deg,#ff8707,#cb3c00);
background-image: -moz-linear-gradient(145deg,#ff8707,#cb3c00);
background-image: -o-linear-gradient(145deg,#ff8707,#cb3c00);
background-image: -ms-linear-gradient(145deg,#ff8707,#cb3c00);
background-image: linear-gradient(145deg,#ff8707,#cb3c00);
}
.product-box .new-cc2 {
background-color: #69a827;
box-shadow: 1px 1px 3px rgba(0,0,0,.4);
background-image: -webkit-linear-gradient(145deg,#b2e865,#438707);
background-image: -moz-linear-gradient(145deg,#b2e865,#438707);
background-image: -o-linear-gradient(145deg,#b2e865,#438707);
background-image: -ms-linear-gradient(145deg,#b2e865,#438707);
background-image: linear-gradient(145deg,#b2e865,#438707);
}
.product-box .new-cc4 {
background-color: #f4647a;
box-shadow: 1px 1px 3px rgba(0,0,0,.4);
background-image: -webkit-linear-gradient(145deg,#f4647a,#8d2d3b);
background-image: -moz-linear-gradient(145deg,#f4647a,#8d2d3b);
background-image: -o-linear-gradient(145deg,#f4647a,#8d2d3b);
background-image: -ms-linear-gradient(145deg,#f4647a,#8d2d3b);
background-image: linear-gradient(145deg,#f4647a,#8d2d3b);
}
.product-box .new-cc5 {
background-color: #1d4aa4;
box-shadow: 1px 1px 3px rgba(0,0,0,.4);
background-image: -webkit-linear-gradient(145deg,#306be2,#133781);
background-image: -moz-linear-gradient(145deg,#306be2,#133781);
background-image: -o-linear-gradient(145deg,#306be2,#133781);
background-image: -ms-linear-gradient(145deg,#306be2,#133781);
background-image: linear-gradient(145deg,#306be2,#133781);
}
.product-box .new-cc6 {
background-color: #14e5b1;
box-shadow: 1px 1px 3px rgba(0,0,0,.4);
background-image: -webkit-linear-gradient(145deg,#14e5b1,#14815e);
background-image: -moz-linear-gradient(145deg,#14e5b1,#14815e);
background-image: -o-linear-gradient(145deg,#14e5b1,#14815e);
background-image: -ms-linear-gradient(145deg,#14e5b1,#14815e);
background-image: linear-gradient(145deg,#14e5b1,#14815e);
}
.product-box .product-circle {
margin-bottom: 20px;
margin-top: 20px;
width: 250px;
height: 250px;
border-radius: 200px;
}
.hovicon.effect-1 {
-webkit-transition: background .2s,color .2s;
-moz-transition: background .2s,color .2s;
transition: background .2s,color .2s;
}
.hovicon {
display: inline-block;
font-size: 45px;
line-height: 90px;
cursor: pointer;
margin: 20px;
width: 90px;
height: 90px;
border-radius: 50%;
text-align: center;
position: relative;
text-decoration: none;
z-index: 1;
color: #fff;
}
.product-box .product-circle span.new-span-cc {
background-position: center;
}
.product-box .product-circle span {
background-position: center;
width: 135px;
height: 135px;
display: block;
margin: 15px auto 0;
}
.product-box .paisa_sprite {
background: url('./images/paisa_sprite.png') no-repeat;
}
.product-box .product-circle h4 {
padding: 0 18px;
}
.product-box .product-circle h4 {
font-family: Lato,sans-serif;
color: #fff;
font-size: 18px;
font-weight: 600;
line-height: 15px;
vertical-align: middle;
margin-bottom: 0;
height: 22px;
}
.product-box .product-circle h2 {
font-family: Lato,sans-serif;
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 15px;
vertical-align: middle;
margin-bottom: 0;
height: 22px;
}
/*** Functions ***/
/*** Thriller ***/
.entry-date.style1 > span.entry-day {
text-shadow: #00719f 1px 1px, #00719f 2px 2px, #00719f 3px 3px, #0071a0 4px 4px, #0071a0 5px 5px, #0072a0 6px 6px, #0072a0 7px 7px, #0072a1 8px 8px, #0072a1 9px 9px, #0072a1 10px 10px, #0073a1 11px 11px, #0073a2 12px 12px, #0073a2 13px 13px, #0073a2 14px 14px, #0073a3 15px 15px, #0074a3 16px 16px, #0074a3 17px 17px, #0074a3 18px 18px, #0074a4 19px 19px, #0074a4 20px 20px, #0074a4 21px 21px, #0075a4 22px 22px, #0075a5 23px 23px, #0075a5 24px 24px, #0075a5 25px 25px, #0075a5 26px 26px, #0076a6 27px 27px, #0076a6 28px 28px, #0076a6 29px 29px, #0076a7 30px 30px, #0076a7 31px 31px, #0077a7 32px 32px, #0077a7 33px 33px, #0077a8 34px 34px, #0077a8 35px 35px, #0077a8 36px 36px, #0077a8 37px 37px, #0078a9 38px 38px, #0078a9 39px 39px, #0078a9 40px 40px, #0078a9 41px 41px, #0078aa 42px 42px, #0079aa 43px 43px, #0079aa 44px 44px, #0079ab 45px 45px, #0079ab 46px 46px, #0079ab 47px 47px, #007aab 48px 48px, #007aac 49px 49px, #007aac 50px 50px, #007aac 51px 51px, #007aac 52px 52px, #007aad 53px 53px, #007bad 54px 54px, #007bad 55px 55px, #007bae 56px 56px, #007bae 57px 57px, #007bae 58px 58px, #007cae 59px 59px, #007caf 60px 60px, #007caf 61px 61px, #007caf 62px 62px, #007caf 63px 63px, #007db0 64px 64px, #007db0 65px 65px, #007db0 66px 66px, #007db0 67px 67px, #007db1 68px 68px, #007eb1 69px 69px, #007eb1 70px 70px, #007eb2 71px 71px, #007eb2 72px 72px, #007eb2 73px 73px, #007eb2 74px 74px, #007fb3 75px 75px, #007fb3 76px 76px, #007fb3 77px 77px, #007fb3 78px 78px, #007fb4 79px 79px, #0080b4 80px 80px, #0080b4 81px 81px, #0080b4 82px 82px, #0080b5 83px 83px, #0080b5 84px 84px, #0081b5 85px 85px, #0081b6 86px 86px, #0081b6 87px 87px, #0081b6 88px 88px, #0081b6 89px 89px, #0081b7 90px 90px, #0082b7 91px 91px, #0082b7 92px 92px, #0082b7 93px 93px, #0082b8 94px 94px, #0082b8 95px 95px, #0083b8 96px 96px, #0083b9 97px 97px, #0083b9 98px 98px, #0083b9 99px 99px, #0083b9 100px 100px, #0084ba 101px 101px, #0084ba 102px 102px, #0084ba 103px 103px, #0084ba 104px 104px, #0084bb 105px 105px, #0084bb 106px 106px, #0085bb 107px 107px, #0085bb 108px 108px, #0085bc 109px 109px, #0085bc 110px 110px, #0085bc 111px 111px, #0086bd 112px 112px, #0086bd 113px 113px, #0086bd 114px 114px, #0086bd 115px 115px, #0086be 116px 116px, #0087be 117px 117px, #0087be 118px 118px, #0087be 119px 119px, #0087bf 120px 120px, #0087bf 121px 121px, #0087bf 122px 122px, #0088bf 123px 123px, #0088c0 124px 124px, #0088c0 125px 125px, #0088c0 126px 126px, #0088c1 127px 127px, #0089c1 128px 128px, #0089c1 129px 129px, #0089c1 130px 130px, #0089c2 131px 131px, #0089c2 132px 132px, #008ac2 133px 133px, #008ac2 134px 134px, #008ac3 135px 135px, #008ac3 136px 136px, #008ac3 137px 137px, #008bc4 138px 138px;
}
/**
* 1.0 Repeatable Patterns
* -----------------------------------------------------------------------------
*/
/*--------- Floating Social Icon ---------------*/
.myrunningstore {
position: absolute;
top: 0;
z-index: 99999;
/*background:rgba(255,255,255,0.6);*/
width: 100%;
}
.myrunningstore .panel {
background: none;
box-shadow: 0 0 4px #999;
margin-bottom: 10px !important;
}
.myrunningstore .panel .panel-heading {
background: #fff !important;
}
.myrunningstore .panel .panel-collapse {
background: rgba(243,122,31,0.8);
}
.myrunningstore .panel .panel-collapse .panel-body {
padding: 10px;
}
.myrunningstore .mystorelist {
border: 1px solid #963;
padding: 0px;
margin-bottom: 10px;
}
.myrunningstore .mystorelist h2 {
background: rgba(255,255,255,0.9);
color: #930;
font-size: 14px;
padding: 5px 10px;
margin: 0;
line-height: 18px;
}
.myrunningstore .mystorelist p {
color: #fff;
font-size: 12px;
padding: 5px 10px;
margin: 0;
line-height: 18px;
}
.shopbut {
position: absolute;
bottom: 68px;
left: 40%;
width: 100%;
height: auto;
max-width: 300px;
z-index: 55;
}
@media (max-width:468px) {
.shopbut {
position: absolute;
bottom: 28px;
left: 30%;
width: 100%;
height: auto;
max-width: 120px;
z-index: 55;
}
}
.sticky-container {
/*background-color: #333;*/
padding: 0px;
margin: 0px;
position: fixed;
left: -225px;
top: 180px;
width: 275px;
z-index: 999999;
}
.sticky li {
list-style-type: none;
background-color: #dd690b;
color: #efefef;
height: 50px;
padding: 0px;
margin: 0px 0px 5px 0px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
cursor: pointer;
border-radius: 0 10px 10px 0;
box-shadow: 0 0 6px #999;
border-right: 1px solid #555;
/*filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%); */
}
.sticky li:hover {
background-color: #ef780e;
margin-right: -160px;
margin-left: 215px;
color: #fff;
/*-webkit-transform: translateX(-115px);
-moz-transform: translateX(-115px);
-o-transform: translateX(-115px);
-ms-transform: translateX(-115px);
transform:translateX(-115px);*/
/*background-color: #8e44ad;*/
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.sticky li p {
padding: 0px 0 0 15px;
margin: 0px;
text-transform: uppercase;
line-height: 50px;
color: #fff;
}
.sticky li a {
color: #fff;
}
.sticky li p i {
float: right;
margin: 8px 5px;
margin-right: 10px;
font-size: 24px;
width: 35px;
height: 35px;
background: #fff;
color: #0072ff;
line-height: 35px;
text-align: center;
border-radius: 50%;
}
.mytable {
background: #7fbcb0;
padding: 0px;
margin: 0px;
border-collapse: separate;
border-spacing: 1px;
box-shadow: 0 0 6px #999;
-moz-box-shadow: 0 0 4px #999;
-webkit-box-shadow: 0 0 4px #999;
-ms-box-shadow: 0 0 4px #999;
-o-box-shadow: 0 0 4px #999;
border: 0px;
margin-bottom: 20px !important;
}
.mytable td {
padding: 3px 6px;
margin: 0px;
font-size: 16px;
color: #333;
line-height: 20px;
border: 0px;
background: none !important;
}
.mytable tr:nth-child(odd) {
background: #fff;
}
.mytable tr:nth-child(even) {
background: #f1f1f1;
}
.mytable td strong {
color: #FFF;
}
html {
overflow-x: hidden;
}
.row {
margin-right: -10px;
margin-left: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-right: 10px;
padding-left: 10px;
}
::selection {
background: #008bc4;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: #008bc4;
color: #fff;
text-shadow: none;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
a {
color: #333333;
text-decoration: none !important;
outline: none !important;
}
a:hover, a:active {
color: #008bc4;
text-decoration: none;
}
a:focus {
outline: none;
}
ol {
margin: 0px;
padding: 0;
}
ul {
margin: 0px;
padding: 0;
}
ul, ol {
list-style: none;
margin: 0;
padding: 0;
}
p {
margin: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.list-inline > li:first-child {
padding-left: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .widget-title.style2, .h2, .h3, .h4, .kopa-portfolio-widget .widget-title, .widget-title.style4, .h5, .h6, .filters-options li, .filters-options2 li, .kopa-loadmore span {
font-family: "Open Sans", sans-serif;
color: #333333;
font-weight: 700;
display: block;
margin: 0 0 15px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .widget-title.style2 a, .h2 a, .h3 a, .h4 a, .kopa-portfolio-widget .widget-title a, .widget-title.style4 a, .h5 a, .h6 a, .filters-options li a, .filters-options2 li a, .kopa-loadmore span a {
color: #333333;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .widget-title.style2 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .kopa-portfolio-widget .widget-title a:hover, .widget-title.style4 a:hover, .h5 a:hover, .h6 a:hover, .filters-options li a:hover, .filters-options2 li a:hover, .kopa-loadmore span a:hover {
color: #008bc4;
}
h1, .h1, .widget-title.style2 {
font-size: 35px;
line-height: 32px;
}
h2, .h2 {
font-size: 22px;
line-height: 30px;
}
h3, .h3 {
font-size: 20px;
line-height: 28px;
}
h4, .h4, .kopa-portfolio-widget .widget-title, .widget-title.style4 {
font-size: 18px;
line-height: 26px;
}
h5, .h5 {
font-size: 16px;
line-height: 24px;
}
h6, .h6, .filters-options li, .filters-options2 li, .kopa-loadmore span {
font-size: 14px;
line-height: 22px;
}
.e-accordion .row, .e-button .row, .e-tabs .row {
margin-top: 35px;
}
.element-wrap {
margin-top: 60px;
}
.element-title {
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
font-size: 20px;
line-height: 20px;
color: #333333;
padding-bottom: 15px;
border-bottom: 1px solid #e8e8e8;
margin-bottom: 25px;
}
.e-heading p {
margin-bottom: 15px;
}
.e-heading p:last-child {
margin-bottom: 0;
}
/*----- blockquote -----*/
blockquote {
background: url("images/background/bq.png") right bottom no-repeat;
color: #333333;
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 20px 20px 20px 25px;
line-height: 24px;
margin-bottom: 0;
border: 1px solid #e8e8e8;
position: relative;
}
blockquote:before {
content: '';
width: 4px;
height: 100%;
background: #008bc4;
position: absolute;
top: 0;
left: 0;
}
blockquote.style-2 {
border: none;
background: none;
}
blockquote.style-2:before {
content: '';
width: 4px;
height: 100%;
background: #e8e8e8;
position: absolute;
top: 0;
left: 0;
}
.b-line {
font-size: 16px;
line-height: 22px;
color: #888888;
font-family: "Lato", sans-serif;
margin-top: 5px;
}
.b-line span:first-child {
width: 20px;
height: 1px;
background: #888888;
display: block;
float: left;
margin: 11px 12px 0 0;
}
.element-wrap blockquote {
margin-top: 30px;
}
/*----- Text style -----*/
.txt-highlight {
background: #008bc4;
color: #fff;
}
.txt-highlight-2 {
background: #333333;
color: #fff;
}
.txt-color {
color: #333333;
}
.txt-decoration {
color: #888888;
text-decoration: underline;
}
.txt-decoration-2 {
color: #008bc4;
text-decoration: underline;
}
/*----- Column -----*/
.c-title {
color: #333333;
text-transform: uppercase;
margin-top: 30px;
margin-bottom: 10px;
font-weight: 600;
}
.e-column .element-title {
margin-bottom: 0;
}
/*----- Bootstrap collapse -----*/
.kopa-accordion-widget .widget-title.style3, .kopa-accordion-widget .widget-title.style5 {
margin-bottom: 45px;
}
.panel-group {
border: 1px solid #e8e8e8;
border-top: 0;
margin-bottom: 0px;
}
.panel-group .panel {
border-radius: 0;
box-shadow: none;
border: none;
margin: 0 !important;
}
.panel-group .panel .panel-heading {
position: relative;
border-top: 1px solid #e8e8e8;
border-radius: 0;
background: none;
padding: 0;
}
.panel-group .panel .panel-heading > .panel-title a {
font-family: "Open Sans", sans-serif;
color: #333333;
font-size: 16px;
font-weight: 600;
display: block;
padding: 8px 12px 9px 55px;
}
.panel-group .panel .panel-heading > .panel-title a .b-collapse {
text-align: center;
position: absolute;
top: 7px;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 24px;
margin-top: -15px;
margin-left: -15px;
display: block;
color: #fff;
background: #008bc4;
font-weight: 700;
cursor: pointer;
margin: 0;
left: 7px;
}
.panel-group .panel .panel-body {
padding: 0 20px 20px 55px;
border-top: 0 !important;
}
.kopa-toggle-widget .panel-group {
border: none;
}
.kopa-toggle-widget .panel-group .panel {
margin-top: 10px !important;
}
.kopa-toggle-widget .panel-group .panel:first-child {
margin-top: 0px !important;
}
.kopa-toggle-widget .panel-group .panel .panel-heading {
position: relative;
border: none;
background: #008bc4;
padding: 0;
}
.kopa-toggle-widget .panel-group .panel .panel-heading > .panel-title a {
color: #fff;
}
.kopa-toggle-widget .panel-group .panel .panel-heading > .panel-title a .b-collapse {
color: #008bc4;
background: #fff;
}
.kopa-toggle-widget .panel-group .panel .panel-body {
padding: 15px 20px;
border: 1px solid #e8e8e8 !important;
}
/*----- Pricing-table -----*/
.pricing-table {
margin-top: 25px;
}
.column {
text-align: center;
position: relative;
width: 100%;
}
.column.active .title-row {
background: #008bc4;
color: #fff;
}
.column.active .title-row span {
background: #f6f6f6;
}
.column.active .pricing-row {
background: #f6f6f6;
border-bottom: 1px solid #e8e8e8;
}
.column.active .pricing-row span {
color: #008bc4;
}
.column.active .footer-row .pt-btn {
background: #008bc4;
color: #fff;
}
.column ul li {
padding: 15px 55px;
border: 1px solid #e8e8e8;
border-top: none;
color: #333333;
font-size: 16px;
}
.column ul li:first-child {
border: none;
padding: 45px 20px 15px;
font-size: 24px;
}
.column ul li.normal-row:first-child {
border-top: none;
}
.column ul li.title-row {
line-height: 24px;
background: #fff;
color: #008bc4;
text-transform: uppercase;
}
.column ul li.title-row span {
width: 100%;
height: 30px;
background: #008bc4;
display: block;
position: absolute;
top: 0;
left: 0;
}
.column ul li.pricing-row {
background: #008bc4;
font-size: 24px;
border: none;
padding: 35px 35px 60px;
position: relative;
}
.column ul li.pricing-row span {
color: #fff;
}
.column ul li.pricing-row span.h1, .column ul li.pricing-row span.widget-title.style2 {
font-weight: 400;
text-transform: capitalize;
}
.column ul li.pricing-row span.pt-price {
font-size: 55px;
line-height: 55px;
margin-top: 20px;
display: block;
font-weight: 700;
}
.column ul li.pricing-row span.triggle {
content: '';
position: absolute;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 20px solid white;
top: 0;
left: 50%;
margin-left: -25px;
bottom: -1px;
}
.column ul li.footer-row {
padding: 25px 30px;
line-height: 13px;
}
.column ul li.footer-row .pt-btn {
color: #008bc4;
line-height: 40px;
padding: 10px 25px;
border: 1px solid #008bc4;
}
.column ul li.footer-row .pt-btn:hover {
background: #008bc4;
color: #fff;
}
/*----- Tabs -----*/
.nav-tabs {
background: none;
margin-bottom: 0;
border: 0;
}
.nav-tabs li > a {
margin-right: 2px;
border: 1px solid #e8e8e8;
text-transform: none;
background: none;
font-size: 14px;
line-height: 14px;
text-align: center;
color: #333333 !important;
font-family: "Open Sans", sans-serif;
font-weight: 700;
padding: 10px 30px;
margin-bottom: 0px;
border-bottom: 0;
border-radius: 0;
cursor: pointer !important;
position: relative;
}
.nav-tabs li > a:hover {
color: #333333 !important;
border-top: 2px solid #008bc4;
margin-bottom: -2px;
border-bottom: 0;
background: 0;
}
.nav-tabs li.active > a, .nav-tabs li.active > a:hover, .nav-tabs li.active > a:focus {
color: #333333 !important;
cursor: default;
border-top: 2px solid #008bc4;
margin-bottom: -2px;
border-bottom: 0;
background: 0;
}
.tab-content {
border: 1px solid #e8e8e8;
padding: 20px;
background: #fff;
}
.kopa-tab-2-widget .nav-tabs {
float: left;
}
.kopa-tab-2-widget .nav-tabs li {
float: none;
display: block;
margin-top: 3px;
}
.kopa-tab-2-widget .nav-tabs li:first-child {
margin: 0;
}
.kopa-tab-2-widget .nav-tabs li > a {
margin: 0;
border: 1px solid #e8e8e8;
border-right: 0;
}
.kopa-tab-2-widget .nav-tabs li > a:hover {
border: 1px solid #008bc4;
border-right: 0;
background: #008bc4;
color: #fff !important;
}
.kopa-tab-2-widget .nav-tabs li.active > a, .kopa-tab-2-widget .nav-tabs li.active > a:hover, .kopa-tab-2-widget .nav-tabs li.active > a:focus {
border: 1px solid #008bc4;
border-right: 0;
background: #008bc4;
color: #fff !important;
}
.kopa-tab-2-widget .nav-tabs li.active > a:hover {
margin-bottom: 0px;
}
.kopa-tab-2-widget .tab-content {
overflow: hidden;
}
/*----- dropcap -----*/
.kopa-dropcap {
color: #fff;
background: #008bc4;
display: inline-block;
zoom: 1;
float: left;
font-size: 36px;
font-weight: 600;
line-height: 41px;
margin: 5px 10px 0 0;
text-align: center;
padding: 6px 12px;
}
.kopa-dropcap.dc2 {
color: #333333;
background: none;
line-height: 36px;
margin: 5px 10px 0 0;
text-align: center;
padding: 0px 6px;
}
.kopa-dropcap.dc3 {
background: #888888;
}
/*----- Divider -----*/
.kopa-divider {
margin: 20px 0;
height: 1px;
}
.divider-1 {
border-top: 1px solid #e8e8e8;
}
.divider-2 {
border-top: 2px dotted #e8e8e8;
height: 2px;
}
.divider-3 {
border-top: 2px dashed #e8e8e8;
height: 2px;
}
.divider-4 {
height: 12px;
border-top: 1px double #e8e8e8;
border-bottom: 1px double #e8e8e8;
}
/*----- Progress bar -----*/
.progress {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
box-shadow: 0 0 0 0 transparent;
-ms-box-shadow: 0 0 0 0 transparent;
-moz-box-shadow: 0 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 0 transparent;
background: transparent;
border-width: 1px;
border-style: solid;
}
.progress .progress-bar {
box-shadow: 0 0 0 0 transparent;
-ms-box-shadow: 0 0 0 0 transparent;
-moz-box-shadow: 0 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 0 transparent;
}
.progress .progress-bar-danger {
background: #008bc4;
}
.progress.bar-success {
border-color: #5CB85C;
}
.progress.bar-info {
border-color: #5BC0DE;
}
.progress.bar-warning {
border-color: #F0AD4E;
}
.progress.bar-danger {
border-color: #008bc4;
}
/*----- Buttons -----*/
.kopa-button {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.small-button {
margin-top: 26px;
}
.medium-button {
margin-top: 16px;
}
.kopa-button {
padding: 7px 25px;
color: #fff;
background: #008bc4;
font-size: 15px;
}
.small-button {
padding: 7px 25px;
}
.medium-button {
padding: 12px 30px;
}
.big-button {
padding: 20px 40px;
}
.color-button, .border-button:hover {
color: #fff;
background: #008bc4;
border: 1px solid #008bc4;
}
.border-button, .color-button:hover {
background: #fff;
border: 1px solid #008bc4;
color: #008bc4;
}
.span-button {
background: #fff;
border: 2px solid #008bc4;
padding: 1px;
}
.span-button span {
background: #008bc4;
display: block;
}
.span-button.small-button > span {
padding: 5px 24px;
}
.span-button.medium-button > span {
padding: 10px 27px;
}
.span-button.big-button > span {
padding: 18px 37px;
}
.span-button:hover span {
background: #fff;
}
/*----- Alert Box -----*/
.kopa-alert {
margin-top: 20px;
}
.kopa-alert {
padding: 10px 35px 10px 17px;
color: #fff;
position: relative;
border: none;
}
.kopa-alert .close {
opacity: 0.8;
top: 0px;
right: -18px;
outline: none;
}
.kopa-alert.alert-warning {
background: #fd9638;
}
.kopa-alert.alert-info {
background: #4fc7ed;
}
.kopa-alert.alert-success {
background: #35d05a;
}
.kopa-alert.alert-danger {
background: #f25656;
}
/*----- Social Links -----*/
.social-links li {
float: left;
margin: 0 0 0 30px;
list-style: none;
font-size: 18px;
}
.social-links li:first-child {
margin: 0;
}
.social-links li a {
color: #ffffff;
}
.social-links li a:hover {
color: #008bc4;
}
.search-box .search-form {
position: relative;
width: 210px;
}
.search-box .search-form .search-text {
width: 100%;
border: none;
height: 36px;
padding: 5px 36px 5px 15px;
color: #848484;
line-height: 26px;
background: #f6f6f6;
-webkit-box-shadow: inset 0px 2px 1px 0px rgba(235, 235, 235, 0.7);
-moz-box-shadow: inset 0px 2px 1px 0px rgba(235, 235, 235, 0.7);
box-shadow: inset 0px 2px 1px 0px rgba(235, 235, 235, 0.7);
}
.search-box .search-form .search-submit {
position: absolute;
right: 10px;
top: 6px;
border: none;
background: none;
font-size: 18px;
padding: 0;
color: #afb2b7;
}
.search-box .search-form .search-submit:hover {
color: #008bc4;
}
/**
* 2.0 Basic structure
* -----------------------------------------------------------------------------
*/
body {
background: #fafafa;
position: relative;
font-family: "Lato", sans-serif;
color: #666;
line-height: 22px;
font-size: 14px;
overflow-x: hidden;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-60 {
margin-bottom: 60px;
}
.wrapper {
width: 1150px;
margin: 0 auto;
/* position: relative; */
}
#main-content {
position: relative;
}
.kopa-home-1 #main-content, .kopa-home-2 #main-content {
margin-top: -260px;
}
.kopa-elements-page #main-content {
margin-bottom: 60px;
}
body.kopa-elements-page {
background: #fff;
}
#bottom-sidebar {
/* background: #ff9e3d; */
padding: 55px 0 0;
}
.entry-item, .service-item, .kopa-testimonial-widget .item {
background: #fff;
}
.kopa-area .entry-item, .kopa-area .service-item, .kopa-area .kopa-testimonial-widget .item {
background: none;
}
/**
* 3.0 Header
* -----------------------------------------------------------------------------
*/
/* Preloader
--------------------------------------------------------------------------------*/
#preloader {
position: fixed;
width: 100%;
height: 100%;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #222;
z-index: 999999999999;
text-align: center;
}
#preloader .inner {
position: absolute;
width: 150px;
height: 266px;
overflow: hidden;
margin: auto;
top: 50%;
left: 0;
right: 0;
z-index: 9;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#preloader .inner .image {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
#preloader .inner .image > img {
max-width: 50%;
margin-top: 110px;
}
#preloader .inner .image .img2 {
position: absolute;
top: 30px;
left: -27px;
z-index: -1;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-animation: preloader-ef 10s ease infinite;
-moz-animation: preloader-ef 10s ease infinite;
animation: preloader-ef 10s ease infinite;
}
@-webkit-keyframes preloader-ef {
0% {
top: 30px;
left: -27px;
}
10% {
top: 50px;
left: 27px;
}
20% {
top: -40px;
left: -15px;
}
30% {
top: 40px;
left: -20px;
-webkit-transform: scale(1.3);
}
40% {
top: 60px;
left: 0px;
}
50% {
top: 30px;
left: -27px;
}
60% {
top: 45px;
left: 0px;
}
70% {
top: -20px;
left: 10px;
}
80% {
top: 0px;
left: -22px;
}
90% {
top: 10px;
left: 20px;
-webkit-transform: scale(1.3);
}
100% {
top: 30px;
left: -27px;
}
}
@-moz-keyframes preloader-ef {
0% {
top: 30px;
left: -27px;
}
10% {
top: 50px;
left: 27px;
}
20% {
top: -40px;
left: -15px;
}
30% {
top: 40px;
left: -20px;
-moz-transform: scale(1.3);
}
40% {
top: 60px;
left: 0px;
}
50% {
top: 30px;
left: -27px;
}
60% {
top: 45px;
left: 0px;
}
70% {
top: -20px;
left: 10px;
}
80% {
top: 0px;
left: -22px;
}
90% {
top: 10px;
left: 20px;
-moz-transform: scale(1.3);
}
100% {
top: 30px;
left: -27px;
}
}
@keyframes preloader-ef {
0% {
top: 30px;
left: -27px;
}
10% {
top: 50px;
left: 27px;
}
20% {
top: -40px;
left: -15px;
}
30% {
top: 40px;
left: -20px;
transform: scale(1.3);
}
40% {
top: 60px;
left: 0px;
}
50% {
top: 30px;
left: -27px;
}
60% {
top: 45px;
left: 0px;
}
70% {
top: -20px;
left: 10px;
}
80% {
top: 0px;
left: -22px;
}
90% {
top: 10px;
left: 20px;
transform: scale(1.3);
}
100% {
top: 30px;
left: -27px;
}
}
#preloader .circle-ef {
width: 130px;
height: 130px;
position: absolute;
border: 2px solid #303030;
border-left-color: #008bc4;
border-radius: 50%;
margin: auto;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
left: 0;
right: 0;
top: 0;
bottom: 23px;
z-index: 99;
-webkit-animation: circle-ef 1s linear infinite;
-moz-animation: circle-ef 1s linear infinite;
animation: circle-ef 1s linear infinite;
}
@-webkit-keyframes circle-ef {
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes circle-ef {
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes circle-ef {
100% {
transform: rotate(360deg);
}
}
#preloader .circle-ef:after {
content: '';
display: block;
position: absolute;
}
.preloader-ef {
opacity: 0;
visibility: hidden;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
}
#preloader.preloader-ef .inner .img2, #preloader.preloader-ef .inner .circle-ef {
display: none;
-webkit-animation: none;
-moz-animation: none;
animation: none;
}
/*
Header top
-----------------------
*/
.kopa-header-top {
/*background: #000;*/
background-image: linear-gradient(#028002, #f86900);
}
.kopa-header-top .wrapper .hotline-box {
padding: 8px 45px 8px 0;
/* background: #000000; */
position: relative;
/* border-right: 3px solid #000000; */
}
.kopa-header-top .wrapper .hotline-box h6 {
font-size: 13px;
font-weight: 600;
margin: 0;
text-transform: uppercase;
}
.kopa-header-top .wrapper .hotline-box .triangle-wrapper {
position: absolute;
top: 3px;
right: -28px;
border-top: 46px solid #d1d1d1;
border-bottom: 0px solid transparent;
border-right: 25px solid transparent;
border-left: 0px solid transparent;
display: block;
height: 0;
width: 0;
transition: border 0.3s ease-in-out 0s;
-moz-transition: border 0.3s ease-in-out 0s;
-webkit-transition: border 0.3s ease-in-out 0s;
}
.kopa-header-top .wrapper .hotline-box .triangle {
position: absolute;
top: 0px;
right: -25px;
/* border-top: 46px solid #000000; */
border-bottom: 0px solid transparent;
/* border-right: 25px solid transparent; */
/* border-left: 0px solid transparent; */
display: block;
height: 0;
width: 0;
transition: border 0.3s ease-in-out 0s;
-moz-transition: border 0.3s ease-in-out 0s;
-webkit-transition: border 0.3s ease-in-out 0s;
}
.kopa-header-top .wrapper .hotline-box .kopa-border-bottom {
width: 100%;
height: 4px;
position: absolute;
bottom: -4px;
z-index: 1;
left: 0;
/* background: rgb(0 0 0); */
}
.kopa-header-top .wrapper .left-bg-color {
position: absolute;
top: 0;
right: 100%;
/* background: #000000; */
width: 100%;
height: 100%;
}
.kopa-header-top .wrapper .left-bg-color .kopa-border-bottom {
width: 100%;
height: 4px;
position: absolute;
bottom: -4px;
z-index: 1;
left: 0;
background: rgb(0 0 0 / 0%);
}
.kopa-header-top .wrapper .ss-box {
padding: 2px 0;
}
.kopa-header-top .wrapper .ss-box .search-box {
margin-left: 20px;
}
.kopa-header-top .wrapper .ss-box .social-links {
margin: 8px 0 0;
}
.kopa-header-top-2 {
background: #fff;
padding: 10px 0;
display: none;
}
/*
Header bottom
-----------------------
*/
.kopa-header-bottom {
position: relative;
background: #ffffff;
}
.kopa-header-bottom .wrapper {
height: 100%;
}
.kopa-header-bottom .wrapper .left-color-bg {
position: absolute;
top: 0;
left: 0;
width: 538px;
height: 100%;
background: #f36523;
}
.kopa-header-bottom .wrapper .left-color-bg .left-color-bg-outer {
background: #f36523;
position: absolute;
top: 0;
width: 500%;
height: 100%;
right: 100%;
}
.kopa-header-bottom .wrapper .left-color-bg .triangle {
position: absolute;
top: 0px;
right: -50px;
border-top: 102px solid #f36523;
border-bottom: 0px solid transparent;
border-right: 50px solid transparent;
border-left: 0px solid transparent;
display: block;
height: 0;
width: 0;
transition: border 0.3s ease-in-out 0s;
-moz-transition: border 0.3s ease-in-out 0s;
-webkit-transition: border 0.3s ease-in-out 0s;
}
.kopa-header-bottom .wrapper .logo-box {
position: relative;
margin-top: 10px;
transition: all 0.9s;
-ms-transition: all 0.9s;
-webkit-transition: all 0.9s;
-moz-transition: all 0.9s;
}
.kopa-header-bottom.fixed {
position: fixed;
top: 0px;
background: #ffffff !important;
width: 100%;
z-index: 999999;
height: 70px;
opacity: 0.95;
filter: Alpha(Opacity=95);
}
.btn-default {
color: #333333;
background-color: #f37a1f;
border-color: #cccccc;
color: #fff !important;
}
.kopa-header-bottom.fixed .wrapper .left-color-bg .triangle {
border-top-width: 70px;
transition: all 0s;
-ms-transition: all 0s;
-webkit-transition: all 0s;
-moz-transition: all 0s;
}
.kopa-header-bottom.fixed .logo-box {
margin-top: 13px;
}
.kopa-header-bottom.fixed .logo-box img {
height: 76px !important;
/* max-height: 45px !important; */
margin-top: -17px;
}
.kopa-header-bottom.fixed .main-menu > li {
padding: 27px 15px !important;
height: 70px !important;
}
.kopa-header-bottom.fixed .main-menu > li > ul {
top: 70px;
}
.kopa-header-bottom.fixed .main-nav-mobile {
margin-top: 25px !important;
}
.kopa-home-parallax .kopa-header-bottom.fixed .main-nav:before {
border-top-width: 70px !important;
transition: all 0s;
-ms-transition: all 0s;
-webkit-transition: all 0s;
-moz-transition: all 0s;
}
.bg-feature {
height: 260px;
/*background: #09805e;*/
background: linear-gradient(#e71213, #c35b0c);
}
.bg-feature span {
width: 15%;
height: 100%;
display: block;
/*background: #fff;*/
background: linear-gradient(#fff, #000000);
}
.kopa-home-1 .home-slider-widget, .kopa-home-1 .home-slider-2-widget, .kopa-home-1 .kopa-home-slider-4-widget, .kopa-home-2 .home-slider-widget, .kopa-home-2 .home-slider-2-widget, .kopa-home-2 .kopa-home-slider-4-widget {
margin-top: -8px;
}
.bg-hb {
background: url("images/background/bg/1.png");
background: rgba(255, 255, 255, 0.3);
height: 8px;
margin-top: -8px;
position: relative;
}
/**
* 4.0 Navigation
* -----------------------------------------------------------------------------
*/
.product-grid:hover {
border-color: #eae9e9;
}
.product-grid {
position: relative;
text-align: center;
vertical-align: top;
background: #fff;
padding: 7px 7px 7px 7px;
border: 3px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
margin-bottom: 15px;
}
.product-thumb h4 a {
font-size: 13px;
line-height: 18px;
text-decoration: none;
display: inline-block;
margin: 0 auto;
padding: 0px;
color: #333;
}
.main-menu {
margin-right: -18px;
}
.main-menu > li {
position: relative;
z-index: 99;
float: left;
padding: 38px 15px 49px;
height: 100px;
}
.main-menu > li > a {
text-transform: uppercase;
color: #000;
opacity: 1;
filter: Alpha(Opacity=80);
font-family: "Open Sans", sans-serif;
font-weight: 900;
padding-right: 0 !important;
position: relative;
font-size: 15px;
}
.main-menu > li > a:before {
background: #fff;
height: 1px;
overflow: hidden;
position: absolute;
top: -5px;
right: 50%;
bottom: auto;
left: 50%;
content: '';
}
.main-menu > li > a:after {
background: #fff;
height: 1px !important;
overflow: hidden;
position: absolute;
top: -5px !important;
right: 50% !important;
bottom: auto;
left: 50%;
content: '';
border: none !important;
margin: 0 !important;
width: inherit !important;
}
.main-menu > li ul {
background: #fff;
width: 200px;
display: none;
position: absolute;
left: 0;
top: 98px;
padding: 12px 20px;
}
.main-menu > li ul li {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #e8e8e8;
position: relative;
}
.main-menu > li ul ul {
top: 0;
left: 115%;
}
.main-menu > li:hover > a, .main-menu > li.current-menu-item > a {
opacity: 1;
filter: Alpha(Opacity=100);
}
.main-menu > li:hover > a:before, .main-menu > li.current-menu-item > a:before {
left: 0;
}
.main-menu > li:hover > a:after, .main-menu > li.current-menu-item > a:after {
right: 0 !important;
}
/*** menu-mobile ***/
.main-nav-mobile {
position: relative;
float: right;
display: none;
margin-top: 40px;
}
.main-nav-mobile .pull {
font-size: 25px;
color: #fff;
z-index: 99;
position: relative;
display: block;
cursor: pointer;
}
.main-nav-mobile .main-menu-mobile {
position: absolute;
top: 35px;
right: 0;
width: 220px;
z-index: 99999999;
display: none;
background: #f36c2d;
padding: 0 15px;
}
.main-nav-mobile .main-menu-mobile > li {
border-top: 1px solid #ffffff;
position: relative;
width: 100%;
}
.main-nav-mobile .main-menu-mobile > li:first-child {
border: 0;
}
.main-nav-mobile .main-menu-mobile > li > a {
color: #ffffff;
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
font-size: 18px;
display: block;
padding: 10px 0;
}
.main-nav-mobile .main-menu-mobile > li > a:hover {
color: #008bc4;
}
.main-nav-mobile .main-menu-mobile > li .sub-menu li {
border-top: 1px solid #e8e8e8;
}
.main-nav-mobile .main-menu-mobile > li .sub-menu li a {
padding: 10px 15px;
color: #888888;
text-transform: none;
display: block;
}
.main-nav-mobile .main-menu-mobile > li .sub-menu li a:hover {
color: #008bc4;
}
.main-nav-mobile .main-menu-mobile > li .sub-menu li span {
display: none;
}
.main-nav-mobile .main-menu-mobile > li .sub-menu li .sub-menu {
display: block !important;
margin: 0 !important;
padding: 0 !important;
height: auto !important;
width: 100%;
}
.main-nav-mobile .main-menu-mobile > li .sub-menu li:hover {
background: #f6f6f6;
}
.main-nav-mobile .main-menu-mobile > li span {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
font-size: 15px;
}
.main-nav-mobile .main-menu-mobile > li span:after {
content: '\f107';
}
.main-nav-mobile .main-menu-mobile > li.open span:after {
content: '\f106';
}
#footer-nav #footer-menu {
margin-top: 5px;
}
#footer-nav #footer-menu li {
float: left;
margin: 0;
list-style: none;
border-left: 1px solid #5e5e5e;
padding: 0 10px;
line-height: 1;
}
#footer-nav #footer-menu li:first-child {
border-left: none;
padding-left: 0;
}
#footer-nav #footer-menu li a {
line-height: 1;
}
/**
* 5.0 Widget
* -----------------------------------------------------------------------------
*/
/*-- widget default --*/
.widget_categories, .widget_recent_entries, .widget_archive, .widget_meta, .widget_nav_menu, .widget_pages, .widget_recent_comments, .widget_rss {
padding-bottom: 10px;
border-bottom: 1px solid #e8e8e8;
}
.widget_categories > ul > li, .widget_recent_entries > ul > li, .widget_archive > ul > li, .widget_meta > ul > li, .widget_nav_menu > ul > li, .widget_pages > ul > li, .widget_recent_comments > ul > li, .widget_rss > ul > li {
color: #333333;
padding-bottom: 10px;
}
.widget_categories > ul > li:before, .widget_recent_entries > ul > li:before, .widget_archive > ul > li:before, .widget_meta > ul > li:before, .widget_nav_menu > ul > li:before, .widget_pages > ul > li:before, .widget_recent_comments > ul > li:before, .widget_rss > ul > li:before {
content: "\f105";
margin-right: 10px;
font-size: 16px;
color: #333333;
float: left;
line-height: 22px;
}
.widget_categories > ul > li:hover:before, .widget_recent_entries > ul > li:hover:before, .widget_archive > ul > li:hover:before, .widget_meta > ul > li:hover:before, .widget_nav_menu > ul > li:hover:before, .widget_pages > ul > li:hover:before, .widget_recent_comments > ul > li:hover:before, .widget_rss > ul > li:hover:before {
color: #008bc4;
}
.widget_categories > ul > li .sub-menu, .widget_categories > ul > li .children, .widget_recent_entries > ul > li .sub-menu, .widget_recent_entries > ul > li .children, .widget_archive > ul > li .sub-menu, .widget_archive > ul > li .children, .widget_meta > ul > li .sub-menu, .widget_meta > ul > li .children, .widget_nav_menu > ul > li .sub-menu, .widget_nav_menu > ul > li .children, .widget_pages > ul > li .sub-menu, .widget_pages > ul > li .children, .widget_recent_comments > ul > li .sub-menu, .widget_recent_comments > ul > li .children, .widget_rss > ul > li .sub-menu, .widget_rss > ul > li .children {
margin-left: 15px;
}
.widget_rss .widget-title .rsswidget {
font-family: inherit;
font-size: inherit;
color: inherit;
text-transform: inherit;
font-weight: inherit;
float: none;
}
.widget_rss > ul > li a {
color: #008bc4;
}
.textwidget p {
font-size: 14px;
}
.textwidget p strong {
font-weight: normal;
margin-bottom: 20px;
display: inline-block;
}
.textwidget img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.wp-caption img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.post-date {
margin-left: 3px;
color: #008bc4;
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
line-height: 11px;
}
.wp-playlist {
margin: 0 !important;
}
.tagcloud {
margin: -4px -2px;
}
.tagcloud a {
padding: 5px 15px;
margin: 4px 2px;
display: block;
border: 1px solid #d0d0d0;
font-size: 14px;
color: #333333;
}
.tagcloud a:hover {
border: 1px solid #333333;
font-weight: 700;
color: #333333;
}
.widget_categories select, .widget_archive select, .widget_nav_menu select, .widget_pages select, .widget_recent_comments select, .widget_rss select, .textwidget select {
font-size: 13px;
color: #888888;
width: 100%;
height: 52px;
padding: 10px 20px;
border: 1px solid #e8e8e8;
outline: none;
position: relative;
}
/*CALENDAR*/
.widget_calendar table {
line-height: 2;
margin: 0;
padding: 0;
width: 100%;
margin-top: -5px;
}
.widget_calendar caption {
font-weight: 600;
border-bottom: 1px solid #e8e8e8;
color: #888888;
font-size: 16px;
padding-bottom: 15px;
line-height: 18px;
}
.widget_calendar tfoot {
border-top: 1px solid #e8e8e8;
font-weight: 700;
}
.widget_calendar tfoot td {
padding-top: 15px;
}
.widget_calendar thead th {
width: 14.285%;
font-size: 16px;
color: #008bc4;
}
.widget_calendar tbody td, .widget_calendar thead th {
text-align: center;
text-align: center;
font-weight: 600;
border-bottom: 1px solid #e8e8e8;
color: #888888;
font-size: 14px;
margin-bottom: 15px;
padding-bottom: 12px;
padding-top: 15px;
line-height: 18px;
}
.widget_calendar tbody a {
color: #008bc4;
display: block;
}
.widget_calendar #prev {
padding-left: 5px;
}
.widget_calendar #next {
padding-right: 5px;
text-align: right;
}
/*SEARCH*/
.widget_search form.search-form {
position: relative;
}
.widget_search form.search-form .search-text {
width: 100%;
height: 32px;
padding: 4px 32px 4px 8px;
border: 1px solid #e8e8e8;
}
.widget_search form.search-form input {
border: none;
font-size: 13px;
color: #888888;
width: 100%;
height: 52px;
padding: 10px 71px 10px 20px;
border: 1px solid #e8e8e8;
}
.widget_search form.search-form .search-submit {
font-size: 17px;
display: block;
width: 50px;
height: 52px;
line-height: 34px;
color: #888888;
padding: 10px 17px;
position: absolute;
top: 0;
right: 0;
border: none;
border-left: 1px solid #e8e8e8;
margin: 0;
background: none;
outline: none;
}
/*** default widget bottom ***/
#bottom-sidebar .widget_calendar {
border-color: #888888;
color: #fff;
opacity: 0.7;
filter: Alpha(Opacity=70);
}
#bottom-sidebar .widget_calendar caption, #bottom-sidebar .widget_calendar tfoot, #bottom-sidebar .widget_calendar thead th, #bottom-sidebar .widget_calendar tfoot td a, #bottom-sidebar .widget_calendar tbody td {
border-color: #888888;
color: #fff;
opacity: 0.7;
filter: Alpha(Opacity=70);
}
#bottom-sidebar .widget_categories > ul > li, #bottom-sidebar .widget_recent_entries > ul > li, #bottom-sidebar .widget_archive > ul > li, #bottom-sidebar .widget_meta > ul > li, #bottom-sidebar .widget_nav_menu > ul > li, #bottom-sidebar .widget_pages > ul > li, #bottom-sidebar .widget_recent_comments > ul > li, #bottom-sidebar .widget_rss > ul > li {
border-color: #888888;
color: #fff;
opacity: 0.7;
filter: Alpha(Opacity=70);
}
#bottom-sidebar .widget_rss ul li, #bottom-sidebar .textwidget, #bottom-sidebar .textwidget p strong, #bottom-sidebar .textwidget > ul > li a {
border-color: #888888;
color: #fff;
opacity: 0.7;
filter: Alpha(Opacity=70);
}
#bottom-sidebar .tagcloud a {
border-color: #888888;
color: #fff;
opacity: 0.7;
filter: Alpha(Opacity=70);
}
.widget > ul > li {
list-style: none;
}
.widget-title {
text-transform: uppercase;
}
#main-content .widget {
margin-bottom: 60px;
}
/*
Home slider widget
----------------------------------
*/
.loading {
background: url("images/icons/gif-load.gif") no-repeat scroll center center white;
min-height: 520px;
width: 100%;
position: absolute;
top: 0;
left: 0;
/* z-index: 9999999; */
}
.home-slider-widget, .home-slider-2-widget, .kopa-home-slider-4-widget {
background: url("images/background/bg/1.png");
background: rgba(255, 255, 255, 0.3);
margin: 0 -8px -8px;
padding: 8px;
position: relative;
}
.home-slider-widget .kopa-home-slider .entry-item, .home-slider-2-widget .kopa-home-slider .entry-item, .kopa-home-slider-4-widget .kopa-home-slider .entry-item {
position: relative;
}
.home-slider-widget .kopa-home-slider .entry-item .slider-caption, .home-slider-2-widget .kopa-home-slider .entry-item .slider-caption, .kopa-home-slider-4-widget .kopa-home-slider .entry-item .slider-caption {
position: absolute;
bottom: 0;
left: 0;
background: url("images/background/bg/4.png");
background: rgba(0, 0, 0, 0.7);
width: 100%;
padding: 15px 115px 17px 20px;
}
.home-slider-widget .kopa-home-slider .entry-item .slider-caption h2, .home-slider-2-widget .kopa-home-slider .entry-item .slider-caption h2, .kopa-home-slider-4-widget .kopa-home-slider .entry-item .slider-caption h2 {
margin: 0;
font-family: "Lato", sans-serif;
font-size: 24px;
font-weight: 400;
}
.home-slider-widget .kopa-home-slider .entry-item .slider-caption h2 a, .home-slider-2-widget .kopa-home-slider .entry-item .slider-caption h2 a, .kopa-home-slider-4-widget .kopa-home-slider .entry-item .slider-caption h2 a {
color: #cfcfcf;
}
.home-slider-widget .kopa-home-slider .entry-item .slider-caption h2 a:hover, .home-slider-2-widget .kopa-home-slider .entry-item .slider-caption h2 a:hover, .kopa-home-slider-4-widget .kopa-home-slider .entry-item .slider-caption h2 a:hover {
color: #008bc4;
}
.home-slider-widget .kopa-home-slider .flex-direction-nav, .home-slider-2-widget .kopa-home-slider .flex-direction-nav, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav {
z-index: 1;
position: absolute;
bottom: 16px;
right: 16px;
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li {
float: left;
margin: 0 0 0 3px;
list-style: none;
width: 47px;
height: 47px;
background: url("images/background/bg/2.png");
background: rgba(0, 139, 196, 0.5);
line-height: 44px;
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li:first-child, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li:first-child, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li:first-child {
margin: 0;
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li:hover, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li:hover, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li:hover {
background: #008bc4;
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li a, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li a, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li a {
display: block;
text-align: center;
color: #fff;
font-size: 26px;
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li a:before, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li a:before, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li a:before {
font-family: 'FontAwesome';
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li .flex-prev:before, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li .flex-prev:before, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li .flex-prev:before {
content: "\f104";
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li .flex-next:before, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li .flex-next:before, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li .flex-next:before {
content: "\f105";
}
.home-slider-widget .kopa-home-slider .slides-info, .home-slider-2-widget .kopa-home-slider .slides-info, .kopa-home-slider-4-widget .kopa-home-slider .slides-info {
position: absolute;
bottom: 30px;
right: 140px;
color: #fff;
z-index: 1;
}
/*--- owl-button ---*/
.owl-theme .owl-controls {
margin: 0;
}
.owl-theme .owl-controls .owl-buttons div {
color: #fff;
background: url("images/background/bg/3.png");
background: rgba(0, 0, 0, 0.5);
padding: 0;
margin: 0;
border-radius: 0;
transition: all 0.5s;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
opacity: 1;
filter: Alpha(Opacity=100);
text-align: center;
position: absolute;
top: 50%;
width: 57px;
height: 57px;
line-height: 57px;
font-size: 35px;
margin-top: -28.5px;
margin-left: -28.5px;
margin-left: 0;
}
.owl-theme .owl-controls .owl-buttons div:hover {
background: #377821;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
left: 0;
padding-right: 5px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
right: 0;
padding-left: 5px;
}
/*
Home slider-2 widget
----------------------------------
*/
.home-slider-2-widget .entry-item {
position: relative;
}
.home-slider-2-widget .entry-item .entry-content {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
}
.home-slider-2-widget .entry-item .entry-content .entry-title {
padding: 12px 25px 12px 65px;
background: #008bc4;
display: inline-block;
margin: 0;
font-weight: 600;
}
.home-slider-2-widget .entry-item .entry-content .entry-title > a {
color: #fff;
}
.home-slider-2-widget .entry-item .entry-content > p {
background: url("images/background/bg/3.png");
background: rgba(0, 0, 0, 0.5);
color: white;
font-size: 16px;
line-height: 24px;
padding: 15px 20px;
}
.home-slider-2-widget .owl-theme .owl-controls {
position: absolute;
left: 20px;
bottom: 98px;
width: 50px;
height: 50px;
border: 5px solid #367821;
background: #fff;
box-shadow: 0px 1px 0px #000000;
}
.home-slider-2-widget .owl-theme .owl-controls:before {
content: "";
width: 1px;
height: 20px;
background: #008bc4;
opacity: 0.6;
position: absolute;
left: 50%;
top: 10px;
}
.home-slider-2-widget .owl-theme .owl-controls .owl-buttons div {
position: inherit;
background: none;
width: 20px;
height: 40px;
margin: 0;
padding: 0 !important;
font-size: 25px;
line-height: 42px;
color: #fa6d01;
}
.home-slider-2-widget .owl-theme .owl-controls .owl-buttons div:hover {
color: #fe822e;
}
.home-slider-2-widget .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: 0;
padding-right: 5px;
}
.home-slider-2-widget .owl-theme .owl-controls .owl-buttons div.owl-next {
right: 0;
padding-left: 5px;
}
/*
Kopa article list widget
----------------------------------
*/
.article-list-0 ul {
margin: 0 -10px 0;
}
.article-list-0 ul li {
float: left;
margin: 0;
list-style: none;
}
.article-list-0 ul li .entry-item {
border-bottom: 2px solid #e8e8e8;
}
.article-list-0 ul li .entry-item .entry-thumb {
float: left;
width: 48%;
}
.article-list-0 ul li .entry-item .entry-thumb img {
width: 100%;
}
.article-list-0 ul li .entry-item .entry-date {
color: #fff;
}
.article-list-0 ul li .entry-item .entry-content {
overflow: hidden;
padding-left: 20px;
}
.article-list-0 ul li .entry-item .entry-content header {
background: #008bc4;
margin-left: -20px;
padding-left: 20px;
height: 30px;
margin-bottom: 15px;
}
.article-list-0 ul li .entry-item .entry-content header .entry-date {
line-height: 30px;
}
.article-list-0 ul li .entry-item .entry-content .entry-title {
text-transform: uppercase;
position: relative;
padding-bottom: 10px;
}
.article-list-0 ul li .entry-item .entry-content .entry-title span {
width: 33px;
height: 2px;
background: #008bc4;
position: absolute;
bottom: 0;
left: 0;
}
.article-list-0 ul li .entry-item .entry-content > p {
margin-bottom: 10px;
}
/*
Kopa service widget
----------------------------------
*/
.kopa-service-widget .service-item {
border-bottom: 2px solid #e8e8e8;
padding: 20px 20px;
}
.kopa-service-widget .service-item header {
margin-bottom: 15px;
}
.kopa-service-widget .service-item header i {
font-size: 34px;
margin-right: 20px;
}
.kopa-service-widget .service-item header .service-title {
font-size: 14px;
text-transform: uppercase;
font-family: "Lato", sans-serif;
line-height: 34px;
margin: 0;
}
/*
Kopa testimonial widget
----------------------------------
*/
.kopa-testimonial-widget {
position: relative;
border: 5px solid #e8e8e8;
}
.kopa-testimonial-widget .widget-title {
margin: 0;
position: absolute;
left: 0px;
bottom: 0px;
background: #008bc4;
width: 100%;
font-size: 14px;
font-family: "Lato", sans-serif;
font-weight: 400;
line-height: 25px;
color: #fff;
padding: 10px 15px;
text-transform: uppercase;
z-index: 9;
}
.kopa-testimonial-widget .item {
padding: 15px 20px 65px;
font-style: italic;
}
.kopa-testimonial-widget .item p {
margin-bottom: 15px;
}
.kopa-testimonial-widget .item footer {
font-style: normal;
}
.kopa-testimonial-widget .item footer a {
color: #008bc4;
font-weight: 700;
}
.kopa-testimonial-widget .owl-controls {
margin: 0;
position: absolute;
right: 0;
bottom: 0;
z-index: 10;
}
.kopa-testimonial-widget .owl-controls .owl-buttons {
height: 45px;
}
.kopa-testimonial-widget .owl-controls .owl-buttons div {
margin: 0;
opacity: 1;
filter: Alpha(Opacity=100);
background: #2a3342;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
height: 45px;
width: 40px;
color: #fff;
padding: 0;
text-align: center;
line-height: 45px;
font-size: 24px;
position: inherit;
padding: 0 !important;
}
.kopa-testimonial-widget .owl-controls .owl-buttons div:before {
font-family: 'FontAwesome';
}
.kopa-testimonial-widget .owl-controls .owl-buttons div:hover {
background: #2a3342;
}
.kopa-testimonial-widget .owl-controls .owl-buttons .owl-prev:before {
content: "\f104";
}
.kopa-testimonial-widget .owl-controls .owl-buttons .owl-next:before {
content: "\f105";
}
.owl-theme .owl-controls .owl-page span {
width: 10px;
height: 10px;
margin: 5px 5px 0;
opacity: 1;
filter: Alpha(Opacity=100);
background: #fff;
border: 1px solid #008bc4;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page:hover span {
background: #008bc4;
}
/*
Kopa tagline
----------------------------------
*/
.kopa-tagline-widget {
margin: 0 0 20px !important;
}
.kopa-tagline-widget .tagline-left {
position: relative;
width: 77.77778%;
background: #008bc4;
height: 75px;
padding: 13px 20px;
margin: 0 10px 0 0;
}
.kopa-tagline-widget .tagline-left h6 {
color: #fff;
margin: 0;
font-size: 14px;
font-family: "Lato", sans-serif;
text-transform: uppercase;
}
.kopa-tagline-widget .tagline-left p {
margin: 0;
color: #8ccbe4;
max-height: 22px;
overflow: hidden;
}
.kopa-tagline-widget .tagline-left .triangle {
position: absolute;
top: 0px;
right: -25px;
border-top: 38px solid transparent;
border-bottom: 37px solid transparent;
border-right: 0px solid transparent;
border-left: 25px solid #008bc4;
display: block;
height: 0;
width: 0;
z-index: 1;
transition: border 0.3s ease-in-out 0s;
-moz-transition: border 0.3s ease-in-out 0s;
-webkit-transition: border 0.3s ease-in-out 0s;
}
.kopa-tagline-widget .tagline-right {
width: 21.05263%;
background: #2a3342;
height: 75px;
position: relative;
text-align: center;
line-height: 75px;
}
.kopa-tagline-widget .tagline-right .triangle {
position: absolute;
top: 0px;
left: 0px;
border-top: 38px solid transparent;
border-bottom: 37px solid transparent;
border-right: 0px solid transparent;
border-left: 25px solid #f6f6f6;
display: block;
height: 0;
width: 0;
transition: border 0.3s ease-in-out 0s;
-moz-transition: border 0.3s ease-in-out 0s;
-webkit-transition: border 0.3s ease-in-out 0s;
}
.kopa-tagline-widget .tagline-right a {
font-size: 18px;
color: #fff;
font-weight: 700;
display: inline-block;
}
.kopa-tagline-widget .tagline-right a:hover {
color: #008bc4;
}
/*
Kopa portfolio widget
----------------------------------
*/
.kopa-portfolio-widget {
text-align: left !important;
}
.kopa-portfolio-widget .widget-title {
position: relative;
text-transform: uppercase;
padding-bottom: 12px;
margin: 0 0 20px;
}
.kopa-portfolio-widget .widget-title span {
position: absolute;
height: 2px;
width: 55px;
background: #0f528a;
left: 0;
bottom: 0;
}
.kopa-portfolio-widget .author-info header {
margin-bottom: 10px;
}
.kopa-portfolio-widget .author-info header strong {
color: #333333;
font-size: 16px;
}
.kopa-portfolio-widget .author-info p {
color: #333333;
margin-bottom: 15px;
}
.kopa-portfolio-widget .author-info .social-links li {
font-size: 14px;
border: 1px solid #e8e8e8;
width: 30px;
height: 30px;
margin: 0 0 0 2px;
}
.kopa-portfolio-widget .author-info .social-links li:first-child {
margin: 0;
}
.kopa-portfolio-widget .author-info .social-links li:hover {
border-color: #008bc4;
}
.kopa-portfolio-widget .author-info .social-links li:hover a {
color: #008bc4;
}
.kopa-portfolio-widget .author-info .social-links li a {
display: block;
line-height: 28px;
text-align: center;
color: #333333;
}
.portfolio-list .portfolio-item {
position: relative;
}
.portfolio-list .portfolio-item .portfolio-thumb {
position: relative;
margin-top: 25px;
overflow: hidden;
}
.portfolio-list .portfolio-item .portfolio-thumb img {
display: block;
width: 100%;
}
.portfolio-list .portfolio-item .portfolio-thumb .thumb-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("images/background/bg/1.png");
background: rgba(255, 255, 255, 0.6);
opacity: 0;
filter: Alpha(Opacity=0);
}
.portfolio-list .portfolio-item .portfolio-thumb .thumb-hover ul {
position: absolute;
left: 0;
top: 50%;
text-align: center;
width: 100%;
margin-top: -28px;
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
-o-transform: scale(0.2);
transform: scale(0.2);
}
.portfolio-list .portfolio-item .portfolio-thumb .thumb-hover ul li {
display: inline-block;
list-style: none;
padding: 0 6px;
}
.portfolio-list .portfolio-item .portfolio-thumb .thumb-hover ul li a {
width: 57px;
height: 57px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background: #fe9e3d;
color: #fff;
font-size: 22px;
line-height: 55px;
display: block;
}
.portfolio-list .portfolio-item .portfolio-thumb:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
transition: all 0.6s;
-ms-transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
}
.portfolio-list .portfolio-item .portfolio-thumb:hover .thumb-hover {
opacity: 1;
filter: Alpha(Opacity=100);
}
.portfolio-list .portfolio-item .portfolio-thumb:hover .thumb-hover ul {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.portfolio-list .portfolio-item .portfolio-thumb:hover .thumb-hover ul li a:hover {
opacity: 0.6;
filter: Alpha(Opacity=60);
}
.portfolio-list .portfolio-item .portfolio-title {
margin: 0;
font-size: 14px;
text-transform: uppercase;
text-align: center;
}
#bottom-sidebar .widget {
margin-bottom: 40px;
}
#bottom-sidebar .widget .widget-title {
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
}
#bottom-sidebar .widget .textwidget > ul > li {
list-style: none;
margin-bottom: 15px;
}
#bottom-sidebar .widget .textwidget > ul > li a:hover {
color: #008bc4;
}
/*
Kopa newsletter widget
----------------------------------
*/
.kopa-newsletter-widget .news-icon {
text-align: center;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 22px;
background: #f36523;
border: 2px solid #fff;
border-radius: 50%;
float: left;
margin-right: 30px;
}
.kopa-newsletter-widget .media-body > p {
font-size: 18px;
margin-top: -5px;
}
.kopa-newsletter-widget .newsletter-form {
position: relative;
}
.kopa-newsletter-widget .newsletter-form .input-email {
margin-bottom: 0;
margin-top: 6px;
}
.kopa-newsletter-widget .newsletter-form .input-email .email {
height: 37px;
padding: 5px 10px;
border: 1px solid #1779a0;
background: #1779a0;
line-height: 26px;
font-size: 13px;
width: 68.37209%;
margin-right: 3.02326%;
color: #fff;
float: left;
}
.kopa-newsletter-widget .newsletter-form .input-email .email:focus {
border-color: #fff;
}
.kopa-newsletter-widget .newsletter-form .input-email .submit {
width: 26.97674%;
border: 1px solid #fff;
background: #008bc4;
color: #fff;
font-size: 16px;
height: 37px;
line-height: 36px;
padding: 0 20px;
}
.sv-icon {
text-align: center;
position: absolute;
top: 50%;
width: 94px;
height: 94px;
line-height: 94px;
font-size: 40px;
margin-top: -47px;
margin-left: -47px;
position: inherit;
margin: 0 0 20px 0;
background: #ed5f2d;
border: 2px solid #ed5f2d;
color: #fff;
border-radius: 50%;
}
.sv-icon:hover {
background: #fff;
color: #ed5f2d;
}
.kopa-service-2-widget .entry-item {
padding: 20px 20px 25px;
border-right: 1px solid #e8e8e8;
border-bottom: 2px solid #e8e8e8;
text-align: center;
}
.kopa-service-2-widget .entry-item img {
margin-bottom: 10px;
}
.kopa-service-2-widget .entry-title {
text-transform: uppercase;
}
.kopa-area {
padding-top: 55px;
}
.kopa-area .widget:first-child.kopa-parallax, .kopa-area .widget:first-child.kopa-home-slider-3-widget, .kopa-area .widget:first-child.home-slider-widget, .kopa-area .widget.home-slider-2-widget:first-child, .kopa-area .widget.kopa-home-slider-4-widget:first-child, .kopa-area .widget:first-child.home-slider-2-widget {
margin-top: -55px;
}
.kopa-area .widget:last-child.kopa-parallax, .kopa-area .widget:last-child.kopa-portfolio-2-widget {
margin-bottom: 0 !important;
}
.kopa-area-1 {
background: #fff;
}
.kopa-area-2 {
background: #f6f6f6;
}
.kopa-area-3 {
background: #f36523;
width: 100%;
}
.kopa-area-3 a, .kopa-area-3 p, .kopa-area-3 span {
color: #fff;
font-size: 21px;
line-height: 42px;
}
.kopa-area-3 input {
border-color: #fff;
color: #fff;
}
/* --- parallax ---*/
.parallax {
position: relative;
background-position: 50% 0;
background-attachment: fixed !important;
background-repeat: repeat;
}
.kopa-parallax {
position: relative;
text-align: center;
}
.kopa-parallax .parallax.parallax-1 {
background-image: url(images/parallax/people.jpg);
}
.kopa-parallax .parallax.parallax-2 {
background-image: url(images/parallax/3.jpg);
}
.kopa-parallax .kopa-bg {
background: #e4241a;
opacity: 0.93;
filter: Alpha(Opacity=93);
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.kopa-parallax .widget-title {
font-family: "Open Sans", sans-serif;
color: #fff;
text-transform: uppercase;
}
.kopa-parallax .wrapper > p {
color: #fff;
opacity: 0.6;
filter: Alpha(Opacity=60);
font-size: 16px;
line-height: 22px;
}
.area-inner {
margin: -8px -8px 0;
margin-top: -110px;
/* css inline */
background: #fff;
padding: 8px 8px 0;
}
.parallax .kopa_widget_text {
padding: 50px 0 100px;
}
.parallax .widget:last-child {
margin-bottom: 0 !important;
}
.widget-title.style1 {
text-transform: uppercase;
font-size: 13px;
line-height: 22px;
color: #fff;
background: #f26230;
padding: 10px 15px;
margin-bottom: 15px;
}
.widget-title .icon-title {
margin-right: 12px;
font-size: 14px;
}
.widget-title .icon-title.fa-play-circle-o {
font-size: 18px;
line-height: 23px;
float: left;
}
/* ---article-list-1 ---*/
.entry-date.style1 {
margin-right: 18px;
}
.entry-date.style1 > span {
display: block;
text-align: center;
}
.entry-date.style1 > span.entry-month {
background: #0879a7;
font-size: 12px;
line-height: 12px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
padding: 8px 22px;
width: 78px;
}
.entry-date.style1 > span.entry-day {
background: #008bc4;
padding: 17px 22px 22px;
width: 78px;
font-size: 28px;
line-height: 28px;
font-weight: bold;
color: #fff;
overflow: hidden;
}
.article-list-1 > ul > li {
margin-top: 8px;
padding-top: 8px;
padding-left: 10px;
border-top: 1px solid #e8e8e8;
}
.article-list-1 .entry-content > p span {
color: #008bc4;
}
/* --- article-list-2 ---*/
.article-list-2 .entry-item .entry-thumb {
margin-bottom: 15px;
}
.article-list-2 .entry-item .entry-date {
color: #7e95a8;
margin-bottom: 5px;
display: inline-block;
}
.article-list-2 .entry-item .entry-date > i {
color: #7e95a8;
}
/* --- twitter-widget ---*/
.twitter-icon {
text-align: center;
position: absolute;
top: 50%;
width: 30px;
height: 30px;
line-height: 29px;
font-size: 20px;
margin-top: -20px;
margin-left: -20px;
position: inherit;
margin: 6px 0 0;
border: 1px solid #e8e8e8;
border-radius: 50%;
color: #ff3f00;
background: #FFF;
}
.kopa-twitter-widget > ul > li, .kopa-twitter-widget .owl-carousel .item > ul > li {
margin: 10px 0;
padding: 5px 5px;
border-top: 0px solid #e8e8e8;
background: #000000;
overflow: hidden;
position: relative;
}
.kopa-twitter-widget > ul > li::before {
position: absolute;
width: 19%;
background: #df2d21;
left: -10px;
top: -10px;
height: 120%;
content: '';
transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
-moz-transform: skewX(0deg);
}
@media (max-width:767px) {
.kopa-twitter-widget > ul > li::before {
width: 15%;
}
}
.kopa-twitter-widget > ul > li .twitter-icon, .kopa-twitter-widget .owl-carousel .item > ul > li .twitter-icon {
float: left;
margin-right: 20px;
}
.kopa-twitter-widget > ul > li .twitter-content, .kopa-twitter-widget .owl-carousel .item > ul > li .twitter-content {
overflow: hidden;
padding: 7px 5px;
}
.kopa-twitter-widget > ul > li .twitter-content span, .kopa-twitter-widget .owl-carousel .item > ul > li .twitter-content span {
color: #333333;
margin-bottom: 5px;
display: inline-block;
font-size: 18px;
color: #FFF;
}
.kopa-twitter-widget > ul > li .twitter-content span a, .kopa-twitter-widget .owl-carousel .item > ul > li .twitter-content span a {
color: #008bc4;
}
.kopa-twitter-widget > ul > li .twitter-content span a:hover, .kopa-twitter-widget .owl-carousel .item > ul > li .twitter-content span a:hover {
color: #333333;
}
.kopa-twitter-widget > ul > li .twitter-content > a, .kopa-twitter-widget .owl-carousel .item > ul > li .twitter-content > a {
display: block;
color: #888888;
}
.kopa-twitter-widget .owl-pagination {
position: absolute;
top: -70px;
right: 0;
}
.kopa-twitter-widget .widget-title.style3, .kopa-twitter-widget .widget-title.style5 {
margin-bottom: 45px;
}
/* --- parallax-2-widget ---*/
.widget-title.style2 {
position: absolute;
top: 50px;
font-family: "Lato", sans-serif;
color: #fff;
text-transform: uppercase;
}
.kopa-parallax > .wrapper {
overflow: hidden;
}
.kopa-blog-masonry-widget {
position: relative;
text-align: left !important;
}
.kopa-blog-masonry-widget .ms-item1 {
width: 24.95%;
padding: 110px 0 55px;
}
.kopa-blog-masonry-widget .ms-item1 .entry-item {
background: none;
}
.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-thumb .entry-title {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
margin: 0;
padding: 10px 20px;
background: url("images/background/bg/bg/black/6.png");
background: rgba(0, 0, 0, 0.63);
font-family: "Lato", sans-serif;
}
.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-thumb .entry-title a {
color: #fff;
}
.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-thumb .entry-title a:hover {
color: #008bc4;
}
.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-content {
padding: 20px 20px 12px;
}
.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-content p {
color: #fff;
opacity: 0.8;
filter: Alpha(Opacity=80);
}
.kopa-blog-masonry-widget .ms-item1:nth-child(2) {
background: url(images/background/bg/6.png);
height: 100%;
}
.kopa-blog-masonry-widget .ms-item1.last-item {
width: 50%;
position: relative;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-content {
background: url("images/background/bg/bg/black/6.png");
background: rgba(0, 0, 0, 0.63);
width: 100%;
padding: 20px;
position: absolute;
bottom: 0;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-content .entry-title {
font-size: 18px;
line-height: 26px;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-content .entry-title a {
color: #fff;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-content .entry-title a:hover {
color: #008bc4;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-item {
position: relative;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-item:before, .kopa-blog-masonry-widget .ms-item1.last-item .entry-item:after {
content: "";
width: 300%;
height: 100%;
background: url("images/background/bg/bg/black/6.png");
background: rgba(0, 0, 0, 0.43);
position: absolute;
left: -300%;
top: 0;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-item:after {
left: auto;
right: -300%;
}
.parallax-2 .kopa-bg {
background: url(images/background/bg/4.png);
}
.parallax-2 .kopa-bg .kopa-bg-inner {
background: url(images/background/bg/5.png);
position: absolute;
bottom: 0;
right: 0;
width: 50%;
height: 55px;
}
.kopa-testimonial-2-widget {
text-align: center;
}
.kopa-testimonial-2-widget .widget-title {
text-transform: uppercase;
margin-bottom: 20px;
}
.kopa-testimonial-2-widget .item > p {
font-family: "Roboto Slab", serif;
font-size: 18px;
color: #555555;
font-size: 18px;
line-height: 26px;
font-weight: 300;
margin-bottom: 25px;
}
.kopa-testimonial-2-widget .item > p:before {
content: "\f10d";
margin-right: 20px;
color: #008bc4;
}
.kopa-testimonial-2-widget .item > p:after {
content: "\f10e";
margin-left: 20px;
color: #008bc4;
}
.kopa-testimonial-2-widget .item .tes-author img {
display: block;
width: 80px;
height: 80px;
border-radius: 50%;
margin: 0 auto 15px;
}
.kopa-testimonial-2-widget .item .tes-author span {
display: block;
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: #555555;
margin-bottom: 5px;
}
.kopa-testimonial-2-widget .item .tes-author p {
display: block;
font-family: "Open Sans", sans-serif;
margin-bottom: 15px;
}
.portfolio-thumb {
width: 100%;
position: relative;
}
.portfolio-thumb img {
width: 100%;
}
.portfolio-thumb:hover .thumb-hover {
opacity: 1;
filter: Alpha(Opacity=100);
}
.portfolio-thumb .thumb-icon {
text-align: center;
position: absolute;
top: 50%;
width: 63px;
height: 63px;
line-height: 63px;
font-size: 16px;
margin-top: -31.5px;
margin-left: -31.5px;
border-radius: 50%;
color: #fff;
left: 50%;
background: url("images/background/bg/3.png");
background: rgba(0, 0, 0, 0.5);
}
.kopa-portfolio-2-widget {
text-align: center;
}
.kopa-portfolio-2-widget .widget-title {
margin-bottom: 10px;
}
.kopa-portfolio-2-widget .wrapper > header {
margin-bottom: 40px;
}
.kopa-portfolio-2-widget .wrapper > header > p {
font-size: 16px;
line-height: 22px;
}
.kopa-portfolio-2-widget .portfolio-list-item {
width: 100%;
}
.kopa-portfolio-2-widget .portfolio-list-item > li {
width: 25%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.kopa-portfolio-2-widget .portfolio-list-item > li.inactive {
visibility: hidden;
opacity: 0;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item {
overflow: hidden;
width: 100%;
position: relative;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-thumb > a > img {
transition: all 0.4s;
-ms-transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-thumb .thumb-icon {
opacity: 0;
filter: Alpha(Opacity=0);
-webkit-transform: translateY(120px);
-moz-transform: translateY(120px);
-ms-transform: translateY(120px);
transform: translateY(120px);
margin-top: -64.5px;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-caption {
position: absolute;
bottom: -100%;
padding: 10px 15px;
width: 100%;
text-align: left;
transition: all 0.4s;
-ms-transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
background: #fff;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-caption .portfolio-title {
text-transform: capitalize;
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-bottom: 0;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-caption .portfolio-categories {
text-transform: capitalize;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item:hover .portfolio-thumb .thumb-icon {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
filter: Alpha(Opacity=100);
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item:hover .portfolio-thumb .thumb-icon:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
transition: all 0.4s;
-ms-transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
background: #008bc4;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item:hover .portfolio-thumb > a > img {
-webkit-transform: translateY(-66px);
-moz-transform: translateY(-66px);
-ms-transform: translateY(-66px);
transform: translateY(-66px);
opacity: 0.7;
filter: Alpha(Opacity=70);
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item:hover .portfolio-caption {
bottom: 0;
}
.portfolio-container, .portfolio-container2 {
position: relative;
}
/*--- filter ---*/
.filters-options, .filters-options2 {
margin-bottom: 30px;
text-align: center;
}
.filters-options li, .filters-options2 li {
padding: 0 2px;
margin: 0 10px 10px;
display: inline-block;
cursor: pointer;
line-height: 30px;
color: #888888;
text-transform: uppercase;
position: relative;
}
.filters-options li:before, .filters-options2 li:before {
background: #008bc4;
height: 3px;
overflow: hidden;
position: absolute;
bottom: -5px;
right: 50%;
left: 50%;
content: '';
}
.filters-options li:after, .filters-options2 li:after {
background: #008bc4;
height: 3px;
overflow: hidden;
position: absolute;
bottom: -5px;
right: 50%;
left: 50%;
content: '';
border: none;
margin: 0;
width: inherit;
}
.filters-options li:first-child, .filters-options2 li:first-child {
margin-left: 0;
}
.filters-options li.active, .filters-options li:hover, .filters-options2 li.active, .filters-options2 li:hover {
color: #008bc4;
}
.filters-options li.active:before, .filters-options li:hover:before, .filters-options2 li.active:before, .filters-options2 li:hover:before {
left: 0;
}
.filters-options li.active:after, .filters-options li:hover:after, .filters-options2 li.active:after, .filters-options2 li:hover:after {
right: 0;
}
.filters-options li input, .filters-options2 li input {
display: none;
}
.filters-options2 {
text-align: left;
margin-left: 10px;
}
.widget-title.style3, .widget-title.style5 {
position: relative;
margin-bottom: 35px;
text-align: left;
text-transform: uppercase;
}
.widget-title.style3:before, .widget-title.style5:before {
content: '';
background: #ff7b4b;
height: 2px;
width: 55px;
position: absolute;
bottom: -10px;
left: 0;
}
.kopa-mission-carousel-widget .owl-pagination {
position: absolute;
left: 50%;
margin-left: -30px;
bottom: 20px;
}
.kopa-mission-carousel-widget .owl-theme .owl-controls .owl-page span {
width: 12px;
height: 12px;
background: none;
border: 2px solid #fff;
}
.kopa-mission-carousel-widget .owl-theme .owl-controls .owl-page.active span, .kopa-mission-carousel-widget .owl-theme .owl-controls .owl-page:hover span {
background: #fff;
}
.mission-txt {
margin-bottom: 18px;
}
.kopa-mission-list li {
color: #333333;
margin-top: 10px;
}
.kopa-mission-list li span:first-child {
color: #008bc4;
margin-right: 10px;
}
.kopa-our-mission .widget_text {
text-align: left !important;
}
.kopa-our-mission .widget_text .widget-title {
margin-top: -5px;
}
.kopa-team-widget {
text-align: center;
}
.kopa-team-widget .widget-title {
margin-bottom: 2px;
}
.kopa-team-widget > header > span {
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 24px;
display: block;
margin-bottom: 90px;
}
.kopa-team-widget .owl-carousel-4 .item {
padding: 0 10px;
width: 100%;
}
.kopa-team-widget .owl-carousel-4 .entry-item {
background: none;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb {
margin-bottom: 20px;
overflow: hidden;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb .thumb-hover {
width: 100%;
height: 100%;
position: absolute;
top: 0;
background: url("images/background/bg/2.png");
background: rgba(0, 139, 196, 0.8);
transition: all 0.5s;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
opacity: 0;
filter: Alpha(Opacity=0);
}
.kopa-team-widget .owl-carousel-4 .entry-thumb .thumb-hover > ul {
position: absolute;
left: 0;
top: -50px;
text-align: center;
width: 100%;
margin-top: -28px;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb .thumb-hover > ul > li {
display: inline-block;
padding: 0 6px;
margin: 0;
float: none;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb .thumb-hover > ul > li a {
text-align: center;
position: absolute;
top: 50%;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 20px;
margin-top: -22.5px;
margin-left: -22.5px;
position: inherit;
margin: 0;
color: #fff;
border: 2px solid #fff;
border-radius: 50%;
background: none;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb .thumb-hover > ul > li a:hover {
background: #fff;
color: #008bc4;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb:hover > a img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
transition: all 0.6s;
-ms-transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb:hover .thumb-hover {
opacity: 1;
filter: Alpha(Opacity=100);
}
.kopa-team-widget .owl-carousel-4 .entry-thumb:hover .thumb-hover > ul {
top: 50%;
transition: all 0.6s;
-ms-transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
}
.kopa-team-widget .owl-carousel-4 .entry-content > header {
position: relative;
margin-bottom: 20px;
}
.kopa-team-widget .owl-carousel-4 .entry-content > header .team-name {
text-transform: uppercase;
margin-bottom: 5px;
}
.kopa-team-widget .owl-carousel-4 .entry-content > header .team-pos {
font-size: 16px;
line-height: 24px;
margin-bottom: 18px;
display: inline-block;
}
.kopa-team-widget .owl-carousel-4 .entry-content > header:before {
content: '';
background: #008bc4;
height: 2px;
width: 55px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -27.5px;
}
.kopa-team-widget .owl-carousel-4 .owl-controls {
position: absolute;
top: -70px;
left: 50%;
margin-left: -35px;
}
.kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div {
text-align: center;
position: absolute;
top: 50%;
width: 35px;
height: 35px;
line-height: 34px;
font-size: 20px;
margin-top: -17.5px;
margin-left: -17.5px;
border: 1px solid #e8e8e8;
border-radius: 50%;
position: inherit !important;
margin: 0 1px !important;
padding: 0 !important;
background: #fff;
color: #888888;
}
.kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div:hover {
background: #008bc4;
border-color: #008bc4;
color: #fff;
}
.kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div.owl-next {
padding-left: 1px !important;
}
.kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div.owl-prev {
padding-right: 1px !important;
}
.kopa-event-widget > header {
text-align: center;
}
.kopa-event-widget > header > span {
font-size: 16px;
line-height: 24px;
margin-bottom: 40px;
display: block;
}
.kopa-event-widget .kopa-event-content {
text-align: left;
position: relative;
}
.kopa-event-widget .kopa-event-content .kopa-line {
position: absolute;
left: 50%;
margin-left: -3px;
width: 3px;
height: 100%;
background: #dadada;
}
.kopa-event-widget .kopa-event-content .kopa-line:before {
content: "";
width: 10px;
height: 72px;
background: #f6f6f6;
position: absolute;
top: 0;
}
.kopa-event-widget .kopa-event-content .kopa-line:after {
content: "";
width: 10px;
height: 72px;
background: #f6f6f6;
position: absolute;
bottom: 0;
}
.kopa-event-widget .kopa-event-content .entry-item {
background: #FFF;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li {
width: 47.69565%;
margin-top: 55px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item {
padding: 0 0 20px 20px;
border: 1px solid #e8e8e8;
position: relative;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item .entry-content {
overflow: hidden;
padding: 20px 20px 0 0;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.triggle {
content: '';
position: absolute;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 10px solid #e8e8e8;
top: 0;
right: -10px;
top: 50%;
margin-top: -9px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.triggle:before {
content: '';
position: absolute;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 10px solid white;
top: 0;
right: -10px;
top: 50%;
right: 2px;
margin-top: -9px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.entry-icon {
width: 14px;
height: 26px;
background: #f6f6f6;
position: absolute;
top: 50%;
right: -25px;
margin-right: -9px;
margin-top: -13px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.entry-icon:before {
content: "";
position: absolute;
top: 6px;
width: 14px;
height: 14px;
background: #fff;
border: 2px solid #008bc4;
border-radius: 50%;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content {
float: right;
margin-top: -25px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item .entry-date.style1 {
float: right !important;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.triggle {
content: '';
position: absolute;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-right: 10px solid #e8e8e8;
top: 0;
left: -10px;
top: 50%;
left: -10px;
border-left: none;
right: inherit;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.triggle:before {
content: '';
position: absolute;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-right: 10px solid white;
top: 0;
left: -10px;
left: 2px;
right: inherit;
border-left: none;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.entry-icon {
top: 50%;
left: -27px;
margin-left: -9px;
}
.kopa-loadmore {
text-align: center;
margin-top: 40px;
}
.kopa-loadmore span {
display: inline-block;
line-height: 14px;
padding: 10px 46px 10px 15px;
cursor: pointer;
border: 1px solid #e8e8e8;
background: #fff;
position: relative;
text-transform: uppercase;
}
.kopa-loadmore span > i {
width: 35px;
height: 35px;
line-height: 36px;
position: absolute;
top: 0;
right: 0;
border-left: 1px solid #e8e8e8;
font-size: 20px;
}
.kopa-loadmore span:hover {
background: #008bc4;
color: #fff;
}
.kopa-loadmore span:hover > i {
color: #fff;
}
.widget-title.style4 {
position: relative;
margin-bottom: 30px;
text-align: left;
padding-bottom: 10px;
border-bottom: 1px solid #e8e8e8;
}
.widget-title.style4:before {
content: '';
background: #008bc4;
height: 1px;
width: 62px;
position: absolute;
bottom: -1px;
left: 0;
}
.article-list-3 > ul > li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e8e8e8;
}
.article-list-3 > ul > li:last-child {
margin: 0;
}
.article-list-3 .entry-thumb {
width: 76px;
float: left;
margin-right: 15px;
}
.article-list-3 .entry-title {
text-transform: none;
font-weight: 600;
margin-top: -5px;
}
.article-list-3 .entry-date > i {
color: #888888;
}
.article-list-3 .entry-content {
overflow: hidden;
}
#main-content .sidebar .widget {
margin-bottom: 30px;
}
/**
* 6.0 Content
* -----------------------------------------------------------------------------
*/
.entry-title {
margin-bottom: 5px;
text-transform: uppercase;
}
.entry-thumb {
width: 100%;
position: relative;
overflow: hidden;
}
.entry-thumb img {
width: 100%;
}
.entry-thumb:hover .thumb-hover {
opacity: 1;
filter: Alpha(Opacity=100);
}
.entry-thumb .thumb-icon {
text-align: center;
position: absolute;
top: 50%;
width: 63px;
height: 63px;
line-height: 60px;
font-size: 20px;
margin-top: -31.5px;
margin-left: -31.5px;
border: 3px solid #fff;
border: 3px solid rgba(255, 255, 255, 0.68);
border-radius: 50%;
color: #fff;
left: 50%;
background: url("images/background/bg/4.png");
background: rgba(0, 0, 0, 0.7);
}
.more-link {
color: #008bc4;
text-transform: capitalize;
display: inline-block;
margin-top: 10px;
}
.entry-item .thumb-icon:before {
content: "+";
font-weight: bold;
margin-top: -2px;
display: block;
}
.portfolio-item .thumb-icon:before {
content: '\f064';
}
.video-post .thumb-icon:before {
content: '\f04b';
padding-left: 5px;
margin-top: 0;
}
.gallery-post .thumb-icon:before {
content: '\f03e';
margin-top: 0;
}
.standard-post .thumb-icon:before {
content: "\f15c";
margin-top: 0;
}
.audio-post .thumb-icon:before {
content: "\f028";
margin-top: 0;
}
.link-post .thumb-icon:before {
content: "\f0c1";
margin-top: 0;
}
.quote-post .thumb-icon:before {
content: "\f10d";
margin-top: 0;
}
.review-post .thumb-icon:before {
content: "+";
font-weight: bold;
}
.entry-date i {
margin-right: 10px;
color: #9ed3e9;
}
.entry-author {
margin-right: 25px;
}
.entry-author:hover {
color: #008bc4;
}
.entry-author i {
margin-right: 10px;
}
.entry-comments {
margin-right: 25px;
}
.entry-comments:hover {
color: #008bc4;
}
.entry-comments i {
margin-right: 10px;
}
.entry-categories {
margin-right: 25px;
}
.entry-categories:hover {
color: #008bc4;
}
.entry-categories i {
margin-right: 10px;
}
.entry-meta > span, .entry-meta > p {
display: inline-block;
margin: 0;
margin-left: 25px;
}
.entry-meta > span:first-child, .entry-meta > p:first-child {
margin: 0;
}
.entry-meta > span span, .entry-meta > p span {
margin-right: 10px;
}
.entry-meta > span a, .entry-meta > p a {
color: #888888;
}
.entry-meta > span a:hover, .entry-meta > p a:hover {
color: #008bc4;
}
.pagination {
display: block;
text-align: center;
height: 26px;
}
.pagination ul {
display: inline-block;
}
.pagination ul li {
float: left;
margin: 0 0 0 3px;
list-style: none;
line-height: 1;
font-size: 14px;
}
.pagination ul li:first-child {
margin-left: 0;
}
.pagination ul li a {
line-height: 1;
display: block;
padding: 5px 10px;
border: 1px solid #e8e8e8;
}
.pagination ul li span {
line-height: 1;
display: block;
padding: 5px 10px;
border: 1px solid #e8e8e8;
}
.pagination ul li .current {
color: #fff;
border-color: #008bc4;
background: #008bc4;
}
#back-top {
position: absolute;
right: 30px;
bottom: 30px;
margin-bottom: 0;
z-index: 100;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
padding: 3px;
width: 57px;
height: 57px;
background: rgba(255, 255, 255, 0.2);
}
#back-top a {
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background: #028002;
display: block;
text-align: center;
line-height: 51px;
color: #fff !important;
font-size: 20px;
}
#back-top a:before {
font-family: 'FontAwesome';
content: "\f062";
}
#back-top a:hover {
background: #111111;
}
#ascrail2000 {
opacity: .6 !important;
z-index: 999999999 !important;
width: 5px !important;
background: rgba(0, 0, 0, 0.15) !important;
cursor: pointer;
transition: all 0.2s;
-ms-transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
}
#ascrail2000 div {
width: 5px !important;
border-radius: 0 !important;
transition: all 0.2s;
-ms-transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
}
.kopa-pagination {
margin-bottom: 60px;
}
.kopa-pagination ul li:first-child {
margin: 0;
padding: 0;
border: 1px solid #d0d0d0;
}
.kopa-pagination ul li {
display: inline-block;
border: 1px solid #d0d0d0;
margin-left: 4px;
cursor: pointer;
background: #fff;
line-height: 31px;
transition: all 0.5s;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.kopa-pagination ul li a, .kopa-pagination ul li span {
display: inline-block;
width: 39px;
height: 39px;
line-height: 39px !important;
text-align: center;
transition: all 0;
-ms-transition: all 0;
-webkit-transition: all 0;
-moz-transition: all 0;
}
.kopa-pagination ul li:hover, .kopa-pagination ul li.current {
background: #008bc4;
border-color: #008bc4;
}
.kopa-pagination ul li:hover a, .kopa-pagination ul li.current a {
color: #fff;
}
.kopa-pagination ul li.current {
cursor: text;
}
.kopa-pagination ul li.current span {
color: #fff;
}
.kopa-pagination a.prev {
font-size: 18px;
}
.kopa-pagination a.prev:before {
content: "\f104";
}
.kopa-pagination a.next {
font-size: 18px;
}
.kopa-pagination a.next:before {
content: "\f105";
}
/**
* 6.1 Home Page
* -----------------------------------------------------------------------------
*/
body.kopa-home-2 {
background: url("images/background/bg-m.jpg");
}
/**
* 6.2 Sub Page
* -----------------------------------------------------------------------------
*/
.kopa-breadcrumb {
background: url("images/background/bg-m.jpg");
padding: 32px 0 35px;
}
.kopa-breadcrumb .pull-left span {
font-size: 24px;
line-height: 24px;
color: #333333;
text-transform: capitalize;
font-weight: 700;
margin-bottom: 10px;
display: block;
}
.kopa-breadcrumb .pull-left p {
font-family: "Open Sans", sans-serif;
line-height: 14px;
}
.kopa-breadcrumb .pull-right {
line-height: 48px;
font-size: 14px;
font-family: "Open Sans", sans-serif;
}
.kopa-breadcrumb .pull-right > span > a {
color: #888888;
}
.kopa-breadcrumb .pull-right > span > a:hover {
color: #008bc4;
}
.kopa-breadcrumb .pull-right .current-page span {
font-weight: 600;
color: #000;
}
.left-area {
width: 50%;
height: 120px;
background: #f36523;
position: relative;
float: left;
}
.left-area:before {
width: 100%;
height: 100%;
background: #f36523;
position: absolute;
top: 0;
left: -100%;
}
.left-area:after {
content: '';
position: absolute;
border-left: 0px solid transparent;
border-right: 60px solid transparent;
/* border-top: 120px solid #f36523; */
bottom: 0;
left: 50%;
margin-left: 0px;
left: 100%;
}
.left-area .kopa-social-link-widget {
margin: 37px 0;
}
.right-area {
width: 50%;
height: 121px;
background: #f36523;
margin-top: -16px;
position: relative;
float: left;
}
.right-area:before {
width: 100%;
height: 100%;
background: #f36523;
position: absolute;
top: 0;
right: -100%;
}
.right-area:after {
content: '';
position: absolute;
border-top: 120px solid transparent;
border-bottom: 0 solid transparent;
border-right: 60px solid #f36523;
top: 0;
left: -60px;
}
.right-area .kopa-newsletter-widget {
margin: 49px 0;
}
.kopa-social-link-widget > span {
font-size: 18px;
line-height: 46px;
float: left;
margin-right: 30px;
}
.kopa-social-link-widget .social-links li {
margin: 0 0 0 24px;
}
.kopa-social-link-widget .social-links li:first-child {
margin: 0;
}
.kopa-social-link-widget .social-links li a {
text-align: center;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 18px;
background: none;
color: #fff;
border: 1px solid #ffffff;
}
.kopa-social-link-widget .social-links li a:hover {
background: #ed5f2d;
border-color: #ba481f;
}
.kopa-social-link-widget1 .social-links li {
margin: 0 0 0 24px;
}
.kopa-social-link-widget1 .social-links li a {
text-align: center;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 18px;
background: none;
color: #666;
border: 1px solid #888888;
}
.kopa-social-link-widget1 .social-links li a:hover {
background: #ed5f2d;
border-color: #ba481f;
color: #FFF;
}
#bottom-sidebar address {
color: #fff;
}
#bottom-sidebar address a {
color: #fff;
}
#bottom-sidebar address a:hover {
color: #008bc4;
opacity: 1;
filter: Alpha(Opacity=100);
}
address p {
margin: 20px 0 0;
}
address p:first-child {
margin: 0 0 10px 0;
opacity: 0.7;
filter: Alpha(Opacity=70);
}
address p > i {
font-size: 18px;
color: #008bc4;
float: left;
margin-right: 20px;
}
/*
Categories page
----------------------------------
*/
.kopa-entry-list > ul > li, .kopa-entry-post > ul > li {
margin-bottom: 30px;
padding-bottom: 25px;
border-bottom: 1px solid #e8e8e8;
}
.kopa-entry-list .entry-item .entry-thumb, .kopa-entry-post .entry-item .entry-thumb {
margin-bottom: 30px;
}
.kopa-entry-list .entry-item .content-body, .kopa-entry-post .entry-item .content-body {
overflow: hidden;
}
.kopa-entry-list .entry-item .content-body > header, .kopa-entry-post .entry-item .content-body > header {
margin-bottom: 15px;
}
.kopa-entry-list .entry-item .content-body .entry-title, .kopa-entry-post .entry-item .content-body .entry-title {
margin: -5px 0 15px;
}
/*
Portfolio page
----------------------------------
*/
.kopa-portfolio-page .widget-title {
text-transform: uppercase;
}
.kopa-portfolio-page .kopa-portfolio-widget {
margin-bottom: 60px;
}
.kopa-portfolio-page .kopa-portfolio-widget .filters {
text-align: left;
}
.kopa-portfolio-page .kopa-portfolio-widget .portfolio-list {
height: 100%;
margin-left: -0.86957%;
margin-right: -0.86957%;
}
.kopa-portfolio-page .kopa-portfolio-widget .portfolio-list .col-md-3 {
padding-top: 1.73913%;
padding-left: 0.86957%;
padding-right: 0.86957%;
width: 24.5%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.kopa-portfolio-page .kopa-portfolio-widget .portfolio-list .col-md-3.inactive {
visibility: hidden;
opacity: 0;
}
/*
Shop page
----------------------------------
*/
.slider {
position: relative;
width: 100%;
/* height:453px; when responsive, comment this out */
margin: 0 auto;
background: #f6f6f6;
overflow: hidden;
}
.slide-intro {
font-size: 24px !important;
color: #3a4245;
padding-bottom: 15px;
text-transform: capitalize;
position: relative;
}
.slide-intro:before {
content: '';
background: #3a4245;
height: 1px;
width: 86px;
position: absolute;
bottom: -1px;
left: 0;
}
.slide-caption {
font-family: "Open Sans", sans-serif;
font-size: 40px !important;
color: #3a4245;
text-transform: uppercase;
font-weight: 700;
}
.slide-link {
font-family: "Open Sans", sans-serif;
font-size: 14px !important;
line-height: 14px;
color: #3a4245;
border: 1px solid #3a4245;
text-transform: uppercase;
font-weight: 700;
padding: 15px 20px;
}
.slide {
display: none;
}
/*--- banner ---*/
.kopa-ads-widget > .row {
margin-top: -20px;
}
.kopa-ads-widget > .row > .col-md-3 {
margin-top: 20px;
}
.ads-item > a {
position: relative;
display: block;
overflow: hidden;
}
.ads-item > a > img {
width: 100%;
}
.ads-item > a .thumb-hover {
background: url("images/background/bg/3.png");
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.ads-item > a .thumb-hover > h6 {
color: #fff;
text-transform: uppercase;
position: absolute;
left: 20px;
bottom: 20px;
margin: 0;
}
.ads-item > a:hover > img {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
transition: all 0.5s;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
/*--- kopa-product-list-widget ---*/
.kopa-product-list-widget {
text-align: center;
}
.kopa-product-list-widget > .row > .col-md-12 > .row {
margin-top: -20px;
}
.kopa-product-list-widget > .row > .col-md-12 > .row > .col-md-3 {
margin-top: 20px;
}
.kopa-product-list-widget .widget-title {
margin-bottom: 5px;
}
.kopa-product-list-widget > .row > div > header > span {
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 24px;
margin-bottom: 30px;
display: block;
}
.kopa-product-list-widget .entry-item .entry-thumb {
margin-bottom: 15px;
}
.kopa-product-list-widget .entry-item .entry-thumb .thumb-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("images/background/bg/3.png");
background: rgba(0, 0, 0, 0.1);
opacity: 0;
filter: Alpha(Opacity=0);
}
.kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul {
position: absolute;
left: 0;
top: 50%;
text-align: center;
width: 100%;
margin-top: -46.5px;
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
-o-transform: scale(0.2);
transform: scale(0.2);
}
.kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul li {
display: inline-block;
list-style: none;
padding: 20px 12px;
margin: 0 3px;
width: 94px;
height: 93px;
background: #fff;
background: rgba(255, 255, 255, 0.7);
text-align: center;
}
.kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul li:hover {
background: #fff;
}
.kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul li a > span {
display: block;
}
.kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul li a > span.fa {
font-size: 25px;
margin-bottom: 5px;
}
.kopa-product-list-widget .entry-item .entry-thumb:hover .thumb-hover {
opacity: 1;
filter: Alpha(Opacity=100);
}
.kopa-product-list-widget .entry-item .entry-thumb:hover .thumb-hover ul {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.kopa-product-list-widget .entry-item .entry-title {
text-transform: none;
font-weight: 600;
}
.kopa-product-list-widget .entry-item .entry-content > header {
margin-bottom: 15px;
}
.kopa-rating ul {
text-align: center;
}
.kopa-rating li {
font-size: 15px;
display: inline-block;
color: #008bc4;
margin-left: 0;
}
.kopa-rating li.inactive span:before {
content: "\f006";
}
.product-info > ul > li {
width: 33.33333%;
height: 40px;
float: left;
border: 1px solid #d0d0d0;
background: #fff;
font-size: 16px;
font-weight: 700;
}
.product-info > ul > li > a {
color: #888;
font-size: 18px;
line-height: 40px;
}
.product-info > ul > li > a:hover i {
color: #008bc4;
}
.product-info > ul > li > p {
line-height: 40px;
}
.product-info > ul > li.cl-border {
margin: 0 -1px;
padding: 1px;
border-color: #008bc4;
position: relative;
}
.product-info > ul > li.cl-border > a {
display: block;
line-height: 34px;
}
.product-info > ul > li.cl-border > a > i {
color: #008bc4;
}
.product-info > ul > li.cl-border:hover {
border-width: 2px;
}
.product-info > ul > li.cl-border:hover > a {
background: #008bc4;
}
.product-info > ul > li.cl-border:hover > a i {
color: #fff;
}
/*--- kopa-brand-widget ---*/
.kopa-brand-widget {
text-align: center;
}
.kopa-brand-widget .widget-title {
margin-bottom: 5px;
}
.kopa-brand-widget > .row > div > header > span {
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 24px;
margin-bottom: 30px;
display: block;
}
.kopa-brand-widget .brand-link {
display: block;
width: 100%;
height: 84px;
border: 1px solid #d0d0d0;
position: relative;
}
.kopa-brand-widget .brand-link > img {
max-width: 80%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.kopa-brand-widget .brand-link:hover {
border-color: #008bc4;
}
/*--- kopa-testimonial-3-widget ---*/
.widget-title.style5:before {
content: '';
background: #333333;
}
.owl-carousel-9 {
padding-bottom: 5px;
}
.owl-carousel-9 .owl-controls {
top: inherit !important;
right: inherit !important;
bottom: 0;
left: 10px;
}
.owl-carousel-9 .owl-controls .owl-buttons div:hover {
color: #008bc4 !important;
border-color: #008bc4 !important;
}
.kopa-testimonial-3-widget {
overflow: hidden;
}
.kopa-testimonial-3-widget .item > p {
margin-bottom: 25px;
}
.kopa-testimonial-3-widget .item .tes-author {
margin-left: 80px;
}
.kopa-testimonial-3-widget .item .tes-author > span {
display: inline-block;
font-weight: bold;
}
.kopa-testimonial-3-widget .item .tes-author > p {
display: inline-block;
color: #c1c1c1;
}
/*--- article-list-4 ---*/
.article-list-4 .entry-item .entry-thumb {
width: 92px;
float: left;
margin-right: 20px;
}
.article-list-4 .entry-item .entry-thumb .thumb-hover {
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
background: url("images/background/bg/2.png");
background: rgba(0, 139, 196, 0.8);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transition: all 0.5s;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.article-list-4 .entry-item .entry-thumb .thumb-hover .thumb-icon {
background: none;
border: none;
text-align: center;
position: absolute;
top: 50%;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 35px;
margin-top: -15px;
margin-left: -15px;
}
.article-list-4 .entry-item .entry-thumb:hover .thumb-hover {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.article-list-4 .entry-item .entry-content .entry-title {
margin-top: -5px;
}
.article-list-4 .entry-item .entry-content .entry-date {
margin-bottom: 10px;
display: inline-block;
}
.article-list-4 .entry-item .entry-content .entry-date > i {
color: #888888;
}
/*
Contact page
----------------------------------
*/
.kopa-contact-wrapper {
background: #fff;
margin-bottom: 50px;
}
.contact-title {
text-transform: uppercase;
}
.kopa-map-wrapper #kopa-map {
height: 315px;
width: 100%;
}
address {
color: #333333;
}
.contact-box .input-block, #respond .input-block {
position: relative;
}
.contact-box input, .contact-box textarea, #respond input, #respond textarea {
border: 1px solid #d0d0d0;
color: #888888;
line-height: 13px;
padding: 12px 15px;
width: 100%;
}
.contact-box input:focus, .contact-box textarea:focus, #respond input:focus, #respond textarea:focus {
border-color: #008bc4;
transition: all 0.6s;
-ms-transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
outline: 0;
text-indent: 0px;
}
.contact-box label.error, #respond label.error {
color: #008bc4;
font-weight: 400;
margin: 5px 0 0;
}
.contact-box .row, #respond .row {
margin-top: 10px;
}
.contact-box .row:first-child, #respond .row:first-child {
margin-top: 0;
}
.input-label p:first-child {
font-weight: 700;
color: #333333;
text-transform: uppercase;
}
.input-label p span {
color: red;
}
.input-label > span {
font-weight: 700;
color: #888888;
text-transform: uppercase;
}
.textarea-label {
font-weight: 700;
color: #333333;
text-transform: uppercase;
margin: 5px 0 10px;
}
.textarea-label > span {
font-weight: 700;
color: #888888;
text-transform: uppercase;
}
.contact-button > span {
position: relative;
margin: 15px 0 60px;
display: inline-block;
}
.contact-button > span:before {
content: "\f1d9";
color: #fff;
position: absolute;
top: 14px;
right: 15px;
}
.contact-button > span input {
width: auto !important;
background: #000;
padding: 14px 40px 14px 15px !important;
border: 1px solid #000 !important;
font-weight: 700;
text-transform: uppercase;
color: #fff !important;
display: inline-block;
text-indent: 0 !important;
}
.contact-button > span:hover input {
background: #fff;
color: #008bc4 !important;
}
.contact-button > span:hover:before {
color: #008bc4;
}
.contact-button > span.fa {
font-size: 16px;
}
/*
Singe product page
----------------------------------
*/
/*
Singe porfolio page
----------------------------------
*/
.single-portfolio-page .widget-title {
text-transform: uppercase;
}
.por-txt {
margin-bottom: 20px;
}
.porfolio-meta {
margin-bottom: 20px;
}
.porfolio-meta > p {
margin-bottom: 5px;
}
.porfolio-meta > p > span {
color: #333333;
}
.social-links.style2 > li {
width: 37px;
height: 37px;
line-height: 37px;
text-align: center;
background: #f6f6f6;
margin-left: 2px;
}
.social-links.style2 > li > a {
font-size: 17px;
line-height: 39px;
color: #888888;
display: block;
}
.social-links.style2 > li:hover {
transition: all 0.5s;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
background: #008bc4;
}
.social-links.style2 > li:hover > a {
color: #fff;
transition: all 0;
-ms-transition: all 0;
-webkit-transition: all 0;
-moz-transition: all 0;
}
.gallery-related-post {
overflow: hidden;
}
.owl-carousel-6 .item img {
width: 100%;
}
.owl-carousel-7 .item, .owl-carousel-5 .item, .owl-carousel-6 .item {
padding: 0 10px;
width: 100%;
}
.owl-carousel-7 .portfolio-item, .owl-carousel-5 .portfolio-item, .owl-carousel-6 .portfolio-item {
border: 1px solid #eee;
background: #e4231900;
}
.owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
top: 0;
margin-top: 73px;
}
.owl-carousel-7.owl-theme .owl-controls .owl-buttons div.owl-prev {
left: 10px;
}
.owl-carousel-7.owl-theme .owl-controls .owl-buttons div.owl-next {
right: 10px;
}
/*
Singe post page
----------------------------------
*/
.kopa-tag-box {
padding: 12px 0;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.kopa-tag-box span {
color: #333333;
}
.kopa-tag-box a {
color: #888888;
}
.social-links.style3 li:first-child {
margin: 0;
padding: 0;
border: 1px solid #d0d0d0;
}
.social-links.style3 > li {
width: 37px;
height: 37px;
line-height: 37px;
text-align: center;
background: #fff;
border: 1px solid #d0d0d0;
margin-left: 2px;
}
.social-links.style3 > li > a {
font-size: 17px;
line-height: 39px;
color: #888888;
display: block;
}
.social-links.style3 > li:hover {
transition: all 0.5s;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.social-links.style3 > li:hover > a {
color: #008bc4;
transition: all 0;
-ms-transition: all 0;
-webkit-transition: all 0;
-moz-transition: all 0;
}
.kopa-share-post {
margin-top: 30px;
}
.kopa-share-post > span {
float: left;
line-height: 37px;
margin-right: 20px;
color: #333333;
}
.kopa-author {
background: #f6f6f6;
border: 1px solid #e8e8e8;
padding: 15px;
position: relative;
margin-top: 30px;
margin-left: 96px;
}
.kopa-author .avatar-thumb {
width: 91px;
height: 91px;
display: block;
float: left;
margin-right: 20px;
}
.kopa-author .avatar-thumb img {
width: 100%;
border-radius: 50%;
}
.kopa-author .author-content {
overflow: hidden;
}
.kopa-author .author-content > header {
margin-bottom: 13px;
padding-bottom: 13px;
border-bottom: 1px solid #e8e8e8;
}
.kopa-author .author-content > header .author-name {
text-transform: uppercase;
margin-bottom: 5px;
}
.kopa-author .author-content > header .author-job {
color: #333333;
}
.kopa-author .author-social-link {
width: 161px;
position: absolute;
top: 20px;
right: 20px;
}
.kopa-author .author-social-link > div > span {
float: left;
margin-right: 10px;
line-height: 30px;
color: #333333;
}
.kopa-author .author-social-link .social-filter {
position: relative;
float: left;
}
.kopa-author .author-social-link .social-filter > div {
border: 1px solid #e8e8e8;
background: #fff;
padding: 3px 10px;
width: 63px;
}
.kopa-author .author-social-link .social-filter > div > a {
display: block;
float: left;
width: 24px;
height: 24px;
background: #008bc4;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 24px;
font-size: 14px;
margin-right: 8px;
}
.kopa-author .author-social-link .social-filter > div > a:hover {
background: #333333;
}
.kopa-author .author-social-link .social-filter > div > span {
float: left;
font-size: 15px;
cursor: pointer;
}
.kopa-author .author-social-link .social-filter ul {
display: none;
position: absolute;
left: 0;
top: 28px;
width: 63px;
background: #fff;
border: 1px solid #e8e8e8;
border-top: none;
font-style: normal;
z-index: 999;
}
.kopa-author .author-social-link .social-filter ul li {
display: block;
width: 24px;
height: 24px;
background: #008bc4;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 24px;
font-size: 14px;
margin: 8px 0 3px 10px;
cursor: pointer;
}
.kopa-author .author-social-link .social-filter ul li:hover {
background: #333333;
}
.kopa-author .author-social-link .social-filter ul li a {
color: #fff;
}
.kopa-entry-post {
overflow: hidden;
}
.kopa-entry-post > article {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #e8e8e8;
}
.owl-carousel-8 .item, .owl-carousel-9 .item {
padding: 0 10px;
width: 100%;
}
.owl-carousel-8.owl-theme .owl-controls, .owl-theme.owl-carousel-9 .owl-controls {
position: absolute;
top: -65px;
right: 10px;
}
.owl-carousel-8.owl-theme .owl-controls .owl-buttons div, .owl-theme.owl-carousel-9 .owl-controls .owl-buttons div {
text-align: center;
position: absolute;
top: 50%;
width: 32px;
height: 32px;
line-height: 32px;
font-size: 15px;
margin-top: -16px;
margin-left: -16px;
background: #fff;
color: #888888;
border: 1px solid #d0d0d0;
position: inherit;
margin: 0 0 0 2px;
padding: 0;
}
.kopa-related-post {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #e8e8e8;
}
.kopa-related-post .widget-title {
margin-bottom: 40px;
}
.kopa-related-post .portfolio-item > span {
display: block;
margin-top: 8px;
}
.kopa-related-post .portfolio-item > span.entry-date {
color: #888888;
}
.kopa-related-post .portfolio-item > span.entry-date > i {
color: #888888;
}
#comments {
margin-bottom: 10px;
}
#comments > h4 {
text-transform: uppercase;
}
#comments .comments-list .comment {
list-style: none;
margin-bottom: 30px;
}
#comments .comments-list .comment .comment-wrap .comment-avatar {
width: 80px;
height: 80px;
margin-right: 15px;
float: left;
}
#comments .comments-list .comment .comment-wrap .comment-avatar img {
width: 100%;
border-radius: 50%;
}
#comments .comments-list .comment .comment-wrap .media-body > header {
margin-bottom: 5px;
}
#comments .comments-list .comment .comment-wrap .media-body > header .pull-left h6 {
margin-bottom: 5px;
text-transform: uppercase;
}
#comments .comments-list .comment .comment-wrap .media-body > header .pull-left span {
color: #888888;
}
#comments .comments-list .comment .comment-wrap .media-body > header .comment-button > span, #comments .comments-list .comment .comment-wrap .media-body > header .comment-button > a {
float: left;
margin-left: 10px;
}
#comments .comments-list .comment .comment-wrap .media-body > header .comment-button .comment-reply-link {
font-size: 20px;
line-height: 27px;
color: #008bc4;
}
#comments .comments-list .comment .comment-wrap .media-body > header .comment-button .comment-reply-link:hover {
color: #333333;
}
#comments .comments-list .comment .comment-wrap .media-body > header .comment-button .comment-number {
color: #7e95a8;
}
#comments .comments-list .comment .comment-wrap .media-body > p {
color: #333333;
position: relative;
}
#comments .comments-list .children {
position: relative;
}
#comments .comments-list .children:before {
content: '';
position: absolute;
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-bottom: 60px solid #e8e8e8;
top: -15px;
left: 50%;
margin-left: 0;
left: 38px;
}
#comments .comments-list .children:after {
content: '';
position: absolute;
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-bottom: 60px solid white;
top: -16px;
left: 50%;
margin-left: 0;
left: 39px;
}
#comments .comments-list .children .comment {
padding-left: 95px;
}
#comments .kopa-pagination {
margin-top: 0;
padding-top: 30px;
border-top: 1px solid #e8e8e8;
margin-bottom: 0;
}
#comments .kopa-pagination > ul {
float: right;
}
#respond .contact-button > span {
margin: 15px 0 0;
}
.single-other-post {
margin-top: 40px;
padding-top: 30px;
border-top: 1px solid #e8e8e8;
}
.single-other-post > div > a, .single-other-post > div > h6 {
float: left;
}
.single-other-post > div > h6 {
text-transform: uppercase;
font-weight: 400;
margin: 0;
line-height: 39px;
}
.single-other-post .fa {
text-align: center;
position: absolute;
top: 50%;
width: 39px;
height: 39px;
line-height: 39px;
font-size: 18px;
margin-top: -19.5px;
margin-left: -19.5px;
background: #fff;
color: #888888;
border: 1px solid #d0d0d0;
position: inherit;
margin: 0;
padding: 0;
}
.single-other-post .prev-post {
float: left;
}
.single-other-post .prev-post > a {
margin-right: 25px;
}
.single-other-post .next-post {
float: right;
}
.single-other-post .next-post > a {
float: right;
margin-left: 25px;
}
/*
404 page
----------------------------------
*/
.error-404 {
padding: 100px 0;
position: relative;
background: #fff;
}
.error-404 .left-col {
width: 41%;
float: left;
margin: 0 2%;
}
.error-404 .left-col p {
font-size: 120px;
font-weight: 700;
color: #008bc4;
line-height: 100px;
text-align: right;
}
.error-404 .right-col {
width: 50%;
float: left;
margin: 0 2%;
}
.error-404 .right-col h1 {
margin-bottom: 10px;
font-size: 29px;
color: #008bc4;
margin-top: 0;
}
.error-404 .right-col a {
color: #333333;
}
.error-404 .right-col a:hover {
color: #008bc4;
}
/*
Slider page
----------------------------------
*/
.slider-intro {
font-family: "Open Sans", sans-serif;
font-size: 42px;
line-height: 50px;
}
.slider-intro > span {
font-weight: 700;
}
.slider-caption {
font-family: "Open Sans", sans-serif;
font-size: 22px;
font-weight: 600;
color: #008bc4 !important;
}
.slider-caption-2 {
font-size: 18px;
line-height: 26px;
}
.slider-intro-2 {
font-family: "Open Sans", sans-serif;
font-size: 24px;
line-height: 32px;
font-weight: 700;
padding: 10px 15px;
background: #008bc4;
text-transform: uppercase;
}
.slider-caption-3 {
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 22px;
}
.slider-link > a {
font-size: 16px;
display: block !important;
padding: 10px 40px;
border: 1px solid #fff;
text-transform: capitalize;
}
.slider-link > a:hover {
background: #008bc4;
border-color: #008bc4;
}
.slider-intro-3 {
font-family: "Open Sans", sans-serif;
font-style: italic;
font-size: 18px;
}
.slider-caption-4 {
font-family: "Open Sans", sans-serif;
font-size: 42px;
font-weight: 700;
text-transform: uppercase;
position: relative;
}
.slider-caption-4:before {
content: '';
background: #fff;
height: 1px;
width: 146px;
position: absolute;
bottom: -25px;
left: 50%;
margin-left: -73px;
}
.kopa-home-slider-4-widget {
overflow: hidden;
padding-bottom: 0;
background: url(images/slider2/1.html) rgba(255, 255, 255, 0.3) 8px 8px no-repeat;
}
.kopa-home-slider-4-widget a, .kopa-home-slider-4-widget p, .kopa-home-slider-4-widget span {
color: #fff;
}
.kopa-home-slider-4-widget .slider-content {
position: relative;
width: 100%;
height: 100%;
}
.kopa-home-slider-4-widget .slider-content .slider-cover {
position: absolute;
width: 100%;
height: 100%;
background: url("images/background/bg/3.png");
background: rgba(0, 0, 0, 0.47);
}
.kopa-home-slider-4-widget .slider {
background: none;
overflow: visible;
height: 100%;
}
.kopa-home-slider-4-widget .slider .fraction-slider {
width: 100% !important;
height: 100% !important;
}
.kopa-home-slider-4-widget .slider .fraction-slider .prev, .kopa-home-slider-4-widget .slider .fraction-slider .next {
width: 60px;
height: 60px;
line-height: 57px;
font-size: 40px;
color: #fff;
background: none;
border: 1px solid #888888;
left: 20px;
}
.kopa-home-slider-4-widget .slider .fraction-slider .next {
left: inherit;
right: 20px;
}
/**
* 7.0 Footer
* -----------------------------------------------------------------------------
*/
#kopa-page-footer {
background-image: linear-gradient(#028002, #f36523);
/* background: #028002; */
font-size: 13px;
font-family: "Open Sans", sans-serif;
color: #ffffff;
padding: 20px 0;
/* position: relative; */
}
#kopa-page-footer #copyright {
margin-bottom: 0;
}
#kopa-page-footer a {
color: #ffffff;
}
#kopa-page-footer a:hover {
color: #008bc4;
}
/**
* Parallax slider
* -----------------------------------------------------------------------------
*/
.kopa-home-parallax {
/*
Header bottom
-----------------------
*/
}
.kopa-home-parallax #parallax-header {
background-image: url(images/parallax/6.jpg);
}
.kopa-home-parallax #main-content {
padding-top: 55px;
}
.kopa-home-parallax .kopa-bg {
background: url("images/background/bg/4.png");
background: rgba(0, 0, 0, 0.64);
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.kopa-home-parallax .kopa-header-top {
background: none;
margin-bottom: 7px;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box {
padding: 13px 45px 13px 0;
background: #0f5586;
position: relative;
border-right: none;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box h6 {
font-size: 13px;
font-weight: 600;
margin: 0;
color: #d4dee9;
text-transform: uppercase;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box h6 a {
color: #d4dee9;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box h6 a:hover {
color: #008bc4;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box .triangle-wrapper {
display: none;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box .triangle {
border-top-color: #0f5586;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box .kopa-border-bottom {
display: none;
}
.kopa-home-parallax .kopa-header-top .wrapper .left-bg-color {
background: #0f5586;
}
.kopa-home-parallax .kopa-header-top .wrapper .left-bg-color .kopa-border-bottom {
display: none;
}
.kopa-home-parallax .kopa-header-top .wrapper .ss-box {
padding: 6px 0;
}
.kopa-home-parallax .kopa-header-top .wrapper .ss-box .search-box {
margin-left: 20px;
}
.kopa-home-parallax .kopa-header-top .wrapper .ss-box .social-links {
margin: 8px 0 0;
}
.kopa-home-parallax .search-box .search-form {
position: relative;
width: 210px;
}
.kopa-home-parallax .search-box .search-form .search-text {
width: 100%;
border: none;
height: 36px;
padding: 5px 36px 5px 15px;
color: #969696;
line-height: 26px;
background: none;
box-shadow: none;
border: 1px solid #969696;
}
.kopa-home-parallax .search-box .search-form .search-submit {
color: #fff;
}
.kopa-home-parallax .search-box .search-form .search-submit:hover {
color: #008bc4;
}
.kopa-home-parallax .social-links li a {
color: #fff;
}
.kopa-home-parallax .social-links li a:hover {
color: #008bc4;
}
.kopa-home-parallax .kopa-header-bottom {
background: none;
}
.kopa-home-parallax .kopa-header-bottom .wrapper {
height: 100%;
}
.kopa-home-parallax .kopa-header-bottom .wrapper .left-color-bg {
background: none;
}
.kopa-home-parallax .kopa-header-bottom .wrapper .left-color-bg .left-color-bg-outer {
display: none;
}
.kopa-home-parallax .kopa-header-bottom .wrapper .left-color-bg .triangle {
display: none;
}
.kopa-home-parallax .kopa-header-bottom .main-nav {
width: 72%;
background: #008bc4;
position: relative;
}
.kopa-home-parallax .kopa-header-bottom .main-nav:before {
content: '';
position: absolute;
border-top: 98px solid transparent;
border-bottom: 0 solid transparent;
border-right: 50px solid #008bc4;
top: 0;
left: -50px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav:after {
content: "";
width: 300px;
height: 100%;
background: #008bc4;
position: absolute;
top: 0;
right: -300px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav .main-menu {
float: right;
}
.kopa-home-parallax .kopa-header-bottom .main-nav .main-menu > li {
padding: 38px 18px 37px;
height: 98px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav .main-menu > li a {
opacity: 1;
filter: Alpha(Opacity=100);
}
.kopa-home-parallax .kopa-header-bottom .main-nav-mobile {
height: 80px;
width: 66%;
background: #008bc4;
position: relative;
margin-top: 20px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav-mobile:before {
content: '';
position: absolute;
border-top: 80px solid transparent;
border-bottom: 0 solid transparent;
border-right: 30px solid #008bc4;
top: 0;
left: -30px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav-mobile:after {
content: "";
width: 300px;
height: 100%;
background: #008bc4;
position: absolute;
top: 0;
right: -300px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav-mobile .pull {
float: right;
margin-top: 27px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav-mobile .main-menu-mobile {
top: 60px;
}
.kopa-home-parallax .kopa-header-bottom.fixed .main-nav-mobile {
height: 70px;
margin-top: 0 !important;
}
.kopa-home-parallax .kopa-header-bottom.fixed .main-nav-mobile:before {
content: '';
position: absolute;
border-top: 70px solid transparent;
border-bottom: 0 solid transparent;
border-right: 30px solid #008bc4;
top: 0;
left: -30px;
}
/*--- Slider ---*/
.slide-intro-2 {
font-family: "Open Sans", sans-serif;
font-size: 15px;
line-height: 23px;
text-transform: uppercase;
}
.slide-caption-2 {
font-family: "Open Sans", sans-serif;
font-size: 60px;
line-height: 68px;
font-weight: 700;
text-transform: uppercase;
}
.slide-caption-3 {
font-family: "Pacifico", cursive;
font-size: 18px;
}
.slide-caption-4 {
text-transform: uppercase;
display: block !important;
text-align: center;
width: 100%;
font-family: "Open Sans", sans-serif;
font-size: 30px;
line-height: 38px;
font-weight: 700;
}
.slide-caption-5 {
display: block !important;
text-align: center;
width: 100%;
font-family: "Open Sans", sans-serif;
font-size: 15px;
line-height: 23px;
}
.slide-caption-6 {
font-family: "Open Sans", sans-serif;
font-size: 15px;
line-height: 23px;
text-transform: uppercase;
}
.slide-caption-7 {
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
font-size: 30px;
line-height: 38px;
font-weight: 700;
}
.slide-icon {
text-align: center;
width: 87px !important;
height: 87px !important;
line-height: 87px !important;
font-size: 30px !important;
background: #678236;
border-radius: 50%;
}
.slide-icon.style1 {
background: #d81756;
}
.slide-icon.style2 {
background: #d87b17;
}
.slide-icon.style3 {
background: #3f53a9;
}
.slide-icon1 {
text-align: center;
width: 87px;
height: 87px;
line-height: 87px;
font-size: 30px;
background: #678236;
border-radius: 50%;
}
.slide-icon1.style1 {
background: #d81756;
}
.slide-icon1.style2 {
background: #d87b17;
}
.slide-icon1.style3 {
background: #3f53a9;
}
.kopa-home-slider-5-widget {
background: none;
}
.kopa-home-slider-5-widget a, .kopa-home-slider-5-widget p, .kopa-home-slider-5-widget span {
color: #fff;
}
.kopa-home-slider-5-widget .slider {
background: none;
overflow: visible;
height: 100%;
}
.kopa-home-slider-5-widget .slider .fraction-slider {
width: 100% !important;
height: 100% !important;
}
.kopa-home-slider-5-widget .slider .fraction-slider .prev, .kopa-home-slider-5-widget .slider .fraction-slider .next {
width: 56px;
height: 56px;
line-height: 56px;
font-size: 30px;
color: #fff;
background: url("images/background/bg/4.png");
background: rgba(0, 0, 0, 0.45);
border: none;
left: 0;
}
.kopa-home-slider-5-widget .slider .fraction-slider .next {
left: auto;
right: 0;
}
/*--- kopa-tagline-2-widget ---*/
.kopa-tagline-2-widget {
position: relative;
}
.kopa-tagline-2-widget .tagline-left {
width: 74.52174%;
background: #008bc4;
float: left;
padding: 15px 25px;
font-size: 15px;
line-height: 23px;
color: #fff;
font-family: "Open Sans", sans-serif;
}
.kopa-tagline-2-widget .tagline-left > span {
float: left;
margin-right: 32px;
}
.kopa-tagline-2-widget .tagline-left > span .fa-comment {
color: #0f5586;
font-size: 50px;
top: -4px;
left: 4px;
}
.kopa-tagline-2-widget .tagline-left p {
overflow: hidden;
}
.kopa-tagline-2-widget .tagline-right {
position: absolute;
top: 0;
right: 0;
width: 25.47826%;
height: 100%;
background: #0f5586;
text-align: center;
padding: 25px 15px;
vertical-align: middle;
font-size: 18px;
line-height: 26px;
font-family: "Open Sans", sans-serif;
font-weight: 600;
text-transform: uppercase;
}
.kopa-tagline-2-widget .tagline-right a {
color: #fff;
}
.kopa-tagline-2-widget .tagline-right a:hover {
color: #000;
}
/**
* 8.0 Responsive
* -----------------------------------------------------------------------------
*/
@media screen and (max-width: 1160px) {
.wrapper {
width: 960px;
}
.kopa-header-top .wrapper .hotline-box {
background: #f1f1f1;
border-right: 3px solid #d1d1d1;
padding: 13px 12px 13px 0;
position: relative;
}
.social-links li {
margin: 0 0 0 15px;
}
.kopa-tagline-widget .tagline-right {
width: 20%;
}
.owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
margin-top: 55px;
top: 0;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.entry-icon {
margin-right: -4px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.entry-icon {
margin-left: -4px;
}
.left-area .kopa-social-link-widget {
margin: 46px 0;
}
.kopa-social-link-widget > span {
line-height: 30px;
}
.kopa-social-link-widget .social-links li {
margin: 0 0 0 24px;
}
.kopa-social-link-widget .social-links li:first-child {
margin: 0;
}
.kopa-social-link-widget .social-links li a {
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px;
background: none;
}
}
@media screen and (max-width: 1023px) {
.wrapper {
width: 940px;
}
.kopa-social-link-widget > span {
line-height: 30px;
}
.kopa-social-link-widget .social-links li {
margin: 0 0 0 24px;
}
.kopa-social-link-widget .social-links li:first-child {
margin: 0;
}
.kopa-social-link-widget .social-links li a {
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px;
background: none;
}
.kopa-tagline-2-widget .tagline-left {
font-size: 12px;
line-height: 20px;
}
.kopa-tagline-2-widget .fa-stack-1x, .kopa-tagline-2-widget .fa-stack-2x {
left: -4px;
position: absolute;
text-align: center;
width: 100%;
top: 4px;
}
}
@media screen and (max-width: 979px) {
.wrapper {
width: 760px;
}
.kopa-header-top {
display: none;
}
.kopa-header-top-2 {
display: block;
}
.kopa-header-top-2 .social-links {
line-height: 36px;
}
.bg-feature {
display: none;
}
.kopa-home-1 #main-content, .kopa-home-2 #main-content {
margin-top: 2px;
}
.main-nav {
display: none;
}
.main-nav-mobile {
display: block;
}
.kopa-header-bottom {
height: 81px;
}
.home-slider-2-widget .owl-theme .owl-controls {
bottom: 122px;
}
.kopa-service-2-widget > .row {
margin-top: -20px;
}
.kopa-service-2-widget > .row .col-md-3 {
width: 50%;
margin-top: 20px;
}
.kopa-area {
padding-top: 25px;
}
.kopa-area .widget:first-child.parallax, .kopa-area .widget:first-child.kopa-home-slider-3-widget, .kopa-area .widget:first-child.home-slider-widget, .kopa-area .widget.home-slider-2-widget:first-child, .kopa-area .widget.kopa-home-slider-4-widget:first-child, .kopa-area .widget:first-child.home-slider-2-widget {
margin-top: -25px;
}
.area-inner > .row {
margin-top: -20px;
}
.area-inner > .row > .col-md-4 {
width: 50%;
margin-top: 20px;
}
.area-inner > .row > .col-md-4:last-child {
width: 100%;
}
.widget-title.style2 {
top: 30px;
}
.kopa-blog-masonry-widget .ms-item1 {
width: 50%;
padding: 0 0 55px;
}
.kopa-blog-masonry-widget .ms-item1 .entry-item {
background: url("images/background/bg/bg/black/6.png");
background: rgba(0, 0, 0, 0.63);
}
.kopa-blog-masonry-widget .ms-item1:nth-child(2) {
height: auto;
}
.kopa-blog-masonry-widget .ms-item1.last-item {
width: 100%;
padding: 85px 0 0;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-content {
bottom: 0;
}
.kopa-portfolio-2-widget .portfolio-list-item .ft-item1 {
width: 50%;
}
#bottom-sidebar > .wrapper > .row > .col-md-2 {
width: 25%;
float: left;
}
#bottom-sidebar > .wrapper > .row > .col-md-4 {
width: 100%;
float: left;
}
#bottom-sidebar > .wrapper > .row > .col-md-4 .widget {
width: 50%;
}
.kopa-tagline-widget .tagline-left p {
display: none;
}
.kopa-tagline-widget .tagline-right {
padding-right: 10px;
text-align: right;
}
.kopa-tagline-widget .tagline-right a {
font-size: 16px;
}
.kopa-testimonial-widget .widget-title {
text-indent: -999999px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.entry-icon {
margin-right: 0;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.entry-icon {
margin-left: 0;
}
.kopa-main-col {
width: 100%;
}
.sidebar {
width: 100%;
}
.slide-caption {
font-size: 20px !important;
margin-top: 10px;
}
.kopa-ads-widget > .row > .col-md-3 {
width: 50%;
}
.kopa-product-list-widget > .row > .col-md-12 > .row > .col-md-3 {
width: 50%;
}
.area-inner {
margin: -70px -8px 0;
}
.contact-form > .row > .col-md-4, .contact-form > .row > .col-md-8 {
width: 50%;
}
.kopa-social-link-widget > span {
display: none;
}
.kopa-newsletter-widget .newsletter-form .input-email .submit {
font-size: 12px;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-thumb .thumb-icon {
margin-top: -55.5px;
}
.portfolio-thumb .thumb-icon {
text-align: center;
position: absolute;
top: 50%;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 16px;
margin-top: -22.5px;
margin-left: -22.5px;
left: 50%;
}
.kopa-home-parallax #parallax-header {
margin-bottom: 150px;
}
.kopa-tagline-2-widget {
bottom: -145px;
position: absolute;
width: 100%;
}
.kopa-home-1 #main-content > .wrapper > .row > .col-md-3, .kopa-home-1 #main-content > .wrapper > .row > .col-md-4, .kopa-home-1 #main-content > .wrapper > .row > .col-md-9, .kopa-home-parallax #main-content > .wrapper > .row > .col-md-3, .kopa-home-parallax #main-content > .wrapper > .row > .col-md-4, .kopa-home-parallax #main-content > .wrapper > .row > .col-md-9 {
width: 100%;
}
}
@media screen and (max-width: 799px) {
.wrapper {
width: 728px;
}
.kopa-portfolio-2-widget .portfolio-list-item .ft-item1 {
width: 50%;
}
.kopa-home-1 #main-content > .wrapper > .row .col-md-9, .kopa-home-1 #main-content > .wrapper > .row .col-md-3 {
width: 100%;
}
.kopa-tagline-widget .tagline-left p {
display: block;
}
.kopa-tagline-widget .tagline-right {
padding-right: 0;
text-align: center;
}
.kopa-tagline-widget .tagline-right > a {
font-size: 18px;
}
.kopa-testimonial-widget .widget-title {
text-indent: 0px;
}
.kopa-portfolio-widget .author-info {
margin-bottom: 20px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li {
width: 46.696%;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.entry-icon {
margin-right: -6px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.entry-icon {
margin-left: -6px;
}
.portfolio-list .col-md-3 {
width: 49% !important;
}
.kopa-portfolio-widget > .row .col-md-9, .kopa-portfolio-widget > .row > .col-md-3 {
width: 100%;
float: left;
}
.owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
margin-top: 105px;
}
.kopa-home-parallax #parallax-header {
margin-bottom: 130px;
}
}
@media screen and (max-width: 767px) {
.wrapper {
width: 680px;
}
.article-list-0 > ul {
margin-top: -20px;
}
.article-list-0 > ul > li {
margin-top: 20px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.entry-icon {
margin-right: -4px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.entry-icon {
margin-left: -4px;
}
.owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
margin-top: 90px;
}
.article-list-0 > ul > li.col-md-6 {
width: 100%;
}
.portfolio-thumb .thumb-icon {
display: none;
}
}
@media screen and (max-width: 719px) {
.wrapper {
width: 600px;
}
.home-slider-2-widget .entry-item .entry-content .entry-title {
font-size: 14px;
}
#bottom-sidebar > .wrapper > .row > .col-md-2 {
width: 50%;
float: left;
}
#footer-nav {
display: none;
}
.home-slider-widget .kopa-home-slider .entry-item .slider-caption h2, .home-slider-2-widget .kopa-home-slider .entry-item .slider-caption h2, .kopa-home-slider-4-widget .kopa-home-slider .entry-item .slider-caption h2, .home-slider-2-widget .kopa-home-slider .entry-item .slider-caption h2 {
font-size: 15px;
}
.kopa-tagline-widget .tagline-left p {
display: none;
}
.kopa-tagline-widget .tagline-right {
padding-right: 10px;
text-align: right;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li {
width: 46.396%;
}
.pricing-table .column ul li.footer-row .pt-btn {
line-height: 35px;
padding: 7px 10px;
}
.kopa-our-mission > .row, .kopa-contact-wrapper > .row {
margin-top: -20px;
}
.kopa-our-mission > .row .col-md-6, .kopa-contact-wrapper > .row .col-md-6 {
margin-top: 20px;
width: 100%;
}
.nav-tabs li > a {
padding: 10px 25px;
}
.single-portfolio-page #main-content .kopa-area-1 .wrapper .row {
margin-top: -20px;
}
.single-portfolio-page #main-content .kopa-area-1 .wrapper .row .col-md-2, .single-portfolio-page #main-content .kopa-area-1 .wrapper .row .col-md-3, .single-portfolio-page #main-content .kopa-area-1 .wrapper .row .col-md-4, .single-portfolio-page #main-content .kopa-area-1 .wrapper .row .col-md-6, .single-portfolio-page #main-content .kopa-area-1 .wrapper .row .col-md-9 {
margin-top: 20px;
width: 100%;
}
.left-area {
width: 100%;
}
.left-area:after {
border: none;
width: 100%;
height: 100%;
background: #f36523;
position: absolute;
top: 0;
right: -100%;
}
.left-area .kopa-social-link-widget {
margin: 37px 0;
}
.right-area {
width: 100%;
margin: 0;
}
.right-area:after {
border: none;
width: 100%;
height: 100%;
background: #f36523;
position: absolute;
top: 0;
left: -100%;
}
.kopa-social-link-widget > span {
display: block;
line-height: 46px;
}
.kopa-social-link-widget .social-links li {
margin: 0 0 0 24px;
}
.kopa-social-link-widget .social-links li:first-child {
margin: 0;
}
.kopa-social-link-widget .social-links li a {
text-align: center;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 22px;
background: none;
}
.kopa-newsletter-widget .newsletter-form .input-email .submit {
font-size: 16px;
}
.home-slider-2-widget, .home-slider-widget, .home-slider-2-widget, .kopa-home-slider-4-widget {
margin-bottom: 20px !important;
}
.kopa-home-parallax .kopa-header-bottom .main-nav-mobile {
width: 60%;
}
}
@media screen and (max-width: 639px) {
body {
padding: 0;
}
.wrapper {
width: 440px;
}
.home-slider-2-widget .entry-item .entry-content .entry-title {
font-size: 10px;
}
.home-slider-2-widget .entry-item .entry-content > p {
display: none;
}
.home-slider-2-widget .owl-theme .owl-controls {
bottom: 20px;
}
.kopa-service-2-widget > .row .col-md-3 {
width: 100%;
}
.area-inner > .row > .col-md-4 {
width: 100%;
}
.kopa-portfolio-2-widget .portfolio-list-item .ft-item1 {
width: 100%;
}
#bottom-sidebar > .wrapper > .row > .col-md-4 .widget {
width: 100%;
}
#footer-nav {
display: none;
}
.kopa-tagline-widget .tagline-left {
width: 70.778%;
}
.kopa-tagline-widget .tagline-right {
width: 26%;
}
.kopa-service-widget > .row {
margin-top: -20px;
}
.kopa-service-widget > .row > .col-md-4 {
margin-top: 20px;
width: 100%;
}
.kopa-portfolio-widget > .row .row {
margin-top: -20px;
}
.kopa-portfolio-widget > .row .row > .col-md-4 {
margin-top: 20px;
width: 100%;
}
.kopa-event-widget .kopa-event-content .kopa-line {
display: none;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li {
width: 100%;
margin-top: 30px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-icon, .kopa-event-widget .kopa-event-content .event-post-content > ul > li .triggle {
display: none;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content {
margin-top: 30px;
float: none;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item .entry-date.style1 {
float: left !important;
}
.kopa-elements-page #main-content .wrapper .row {
float: left;
margin-top: -20px;
}
.kopa-elements-page #main-content .wrapper .row .col-md-2, .kopa-elements-page #main-content .wrapper .row .col-md-3, .kopa-elements-page #main-content .wrapper .row .col-md-4, .kopa-elements-page #main-content .wrapper .row .col-md-6, .kopa-elements-page #main-content .wrapper .row .col-md-9 {
margin-top: 20px;
width: 100%;
}
.pricing-table .column ul li.footer-row .pt-btn {
line-height: 40px;
padding: 10px 25px;
}
.kopa-author .author-social-link {
width: 58px;
}
.kopa-author .author-social-link > div > span {
display: none;
}
.owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
margin-top: 50px;
}
.slide-intro {
font-size: 15px !important;
padding-bottom: 10px;
}
.slide-intro:before {
width: 40px;
}
.slide-caption {
font-size: 14px !important;
margin-top: 10px;
}
.slide-link {
padding: 3px 12px 8px;
}
.kopa-brand-widget > .row > .col-md-12 > .row {
margin-top: -20px;
}
.kopa-brand-widget > .row > .col-md-12 > .row > .col-md-2 {
width: 50%;
margin-top: 20px;
}
.kopa-social-link-widget > span {
display: none;
}
.kopa-portfolio-2-widget .portfolio-list-item > li {
width: 50%;
}
.kopa-home-parallax .kopa-header-bottom .main-nav-mobile {
width: 35%;
}
.kopa-home-parallax #parallax-header {
margin-bottom: 110px;
}
}
@media screen and (max-width: 479px) {
body {
padding: 0;
}
.wrapper {
width: 320px;
}
.kopa-blog-masonry-widget .ms-item1 {
width: 100%;
}
.kopa-bg .kopa-bg-inner {
display: none;
}
.kopa-blog-masonry-widget .ms-item1 {
padding: 0 0 10px;
}
.kopa-header-top-2 .social-links {
display: none;
}
.home-slider-2-widget .owl-theme .owl-controls {
bottom: 46px;
}
.kopa-tagline-widget .tagline-left h6 {
font-size: 11px;
}
.kopa-tagline-widget .tagline-right {
padding: 10px 10px 10px 27px;
}
.kopa-tagline-widget .tagline-right > a {
font-size: 13px;
line-height: 20px;
}
.contact-form > .row > .col-md-4, .contact-form > .row > .col-md-8 {
width: 100%;
margin-bottom: 10px;
}
.kopa-breadcrumb {
padding: 10px 0;
}
.kopa-breadcrumb > .wrapper .pull-left {
display: none;
}
.portfolio-list .col-md-3 {
width: 100% !important;
}
.kopa-single-page .entry-content .entry-date.style1, .kopa-blog-page .entry-content .entry-date.style1 {
display: none;
}
.kopa-single-page .entry-meta > span, .kopa-single-page .entry-meta > p, .kopa-blog-page .entry-meta > span, .kopa-blog-page .entry-meta > p {
display: block;
margin: 10px 0 0 0;
}
.owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
margin-top: 90px;
}
.slide-link, .slide-caption {
display: none !important;
}
.kopa-ads-widget > .row > .col-md-3 {
width: 100%;
}
.kopa-product-list-widget > .row > .col-md-12 > .row > .col-md-3 {
width: 100%;
}
.article-list-0 ul li .entry-item .entry-thumb {
width: 100%;
}
.article-list-0 ul li .entry-item .entry-content {
padding-right: 20px;
}
.article-list-0 ul li .entry-item .entry-content header {
margin-right: -20px;
padding-right: 20px;
}
#back-top {
bottom: 15px;
}
.left-area .kopa-social-link-widget {
margin: 46px 0;
}
.kopa-social-link-widget .social-links li {
margin: 0 0 0 24px;
}
.kopa-social-link-widget .social-links li:first-child {
margin: 0;
}
.kopa-social-link-widget .social-links li a {
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px;
background: none;
}
.kopa-newsletter-widget .news-icon {
display: none;
}
.kopa-home-parallax .kopa-header-bottom .main-nav-mobile {
width: 20%;
}
.kopa-home-parallax #parallax-header {
margin-bottom: 0;
}
.kopa-tagline-2-widget {
display: none;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-item .entry-content p {
display: none;
}
}
@media screen and (max-width: 359px) {
body {
padding: 0;
}
.wrapper {
width: 280px;
}
.kopa-header-bottom .wrapper .left-color-bg {
width: 190px;
}
.home-slider-2-widget .entry-item .entry-content .entry-title {
font-size: 9px;
}
.kopa-tagline-widget .tagline-left {
width: 69.778%;
}
.kopa-tagline-widget .tagline-left h6 {
font-size: 9px;
}
.nav-tabs li > a {
padding: 10px 25px;
}
.social-links.style3 > li {
width: 35px;
}
.owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
margin-top: 75px;
}
}
/*--- color ---*/
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box, .kopa-home-parallax .kopa-header-top .wrapper .left-bg-color, .kopa-tagline-2-widget .tagline-right {
background: #0f5586;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box .triangle {
border-top-color: #0f5586;
}
.kopa-tagline-2-widget .tagline-left > span .fa-comment {
color: #0f5586;
}
.kopa-tagline-2-widget .tagline-left {
background: #008bc4;
}
/*.table-bordered > thead > tr > th {
border: 1px solid #37923b;
}*/
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
border: 1px solid #464646;
text-align: center;
}
.table > thead > tr > th {
vertical-align: bottom;
background: #000;
color: #fff;
}
.table-bordered {
border: 1px solid #464646;
}
.table-bordered > tbody > tr > td {
break-before: #000;
}
.table-bordered > tbody > tr > td {
background: #fff;
color: #464646;
}
/*new css*/
.kode_wrapper, .kode_content, section {
float: left;
width: 100%;
overflow: hidden;
}
.kode_politician span h6 {
height: 50px;
overflow: hidden;
font-size: 15px;
padding-left: 5%;
padding-right: 5%;
}
.kode_banner ul.bxslider > li {
position: relative;
float: left;
}
.kode_banner ul.bxslider > li:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.1);
}
.kode_banner ul li img {
width: 100%;
height: auto;
}
.kode_caption {
position: absolute;
width: 535px;
top: 50%;
left: 50%;
margin: -160px 0px 0px -558px;
}
.kode_caption h6 {
color: #fff;
font-weight: bold;
text-transform: uppercase;
border-left: 4px solid;
margin: 0px 0px 16px;
line-height: 15px;
padding-left: 10px;
}
.kode_caption h2 {
text-transform: uppercase;
font-weight: bold;
color: #fff;
margin: 0px 0px 8px;
line-height: normal;
}
.kode_caption h2 span {
font-weight: normal;
display: inline-block;
}
.kode_caption p {
line-height: 30px;
color: #fff;
word-break: break-all;
margin: 0px 0px 32px;
font-size: 16px;
}
.kode_caption a.kode_link_1:hover {
color: #fff;
}
.kode_caption a.kode_link_1:hover:before {
background-color: #fff;
}
.kode_banner .bx-wrapper .bx-pager {
padding: 0px;
}
.kode_banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
bottom: 20px;
right: 0%;
margin-right: 10px;
text-align: left;
width: auto;
float: right;
}
.kode_banner .bx-wrapper .bx-pager.bx-default-pager a {
background-color: #fff;
}
.kode_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .kode_banner .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #ffa500;
}
.kode_breaking_news {
float: left;
width: 1140px;
position: absolute;
left: 15px;
right: 0px;
margin: auto;
bottom: 40px;
border: 2px solid;
background-color: #fff;
z-index: 999;
}
.kode_breaking_hdg {
padding: 16px 20px 15px;
float: left;
position: relative;
}
.kode_breaking_hdg:before {
content: "";
position: absolute;
top: 19px;
right: -8px;
width: 0;
height: 0;
border-left: 15px solid;
border-top: 15px solid;
transform: rotate(45deg);
}
.kode_breaking_news h6 {
color: #fff;
text-transform: uppercase;
font-weight: bold;
line-height: 18px;
}
.kode_brekg_news_des {
float: none;
background-color: #fff;
padding: 13px 50px 15px 200px;
}
.kode_brekg_news_des ul {
float: left;
width: 100%;
}
.kode_brekg_news_des ul li {
display: inline-block;
color: #000000;
margin: 0px;
line-height: 22px;
line-height: 18px;
}
.kode_brekg_news_des .bx-pager.bx-default-pager, .kode_breaking_news2 .kode_brekg_news_des .bx-pager.bx-default-pager {
display: none;
}
.kode_brekg_news_des .bx-controls-direction {
position: absolute;
width: 60px;
top: 18px;
right: -30px;
}
.kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-prev, .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next, .kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-prev, .kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next {
position: absolute;
right: 0px;
top: -5px;
}
.kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-prev:before, .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next:before, .kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-prev:before, .kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next:before {
content: "\f104";
font-family: fontawesome;
font-size: 20px;
text-indent: 0;
position: absolute;
right: 0px;
top: 0px;
}
.kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next:before, .kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next:before {
content: "\f105";
}
.kode_breaking_news .bxslider div.item {
float: left;
}
.kode_breaking_news2 {
float: left;
width: 100%;
position: relative;
border-bottom: 2px solid;
}
.kode_breaking_news2:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 29%;
height: 100%;
background-color: #fff;
}
.kode_breaking_news2:after {
content: "";
position: absolute;
top: 0px;
right: 0px;
width: 71%;
height: 100%;
}
.kode_breaking_news2 .container {
position: relative;
z-index: 99999;
}
.kode_breaking_news2 .kode_brekg_news_des {
background: none;
position: relative;
}
.kode_breaking_news2 .kode_breaking_hdg {
background: none;
}
.kode_breaking_news2 .kode_breaking_hdg:before {
border-left: 15px solid #fff;
border-top: 15px solid #fff;
content: "";
height: 0;
position: absolute;
right: -8px;
top: 22px;
transform: rotate(45deg);
width: 0;
}
.kode_breaking_news2 .kode_breaking_hdg h6 {
font-weight: bold;
}
.kode_breaking_news2 .kode_brekg_news_des p {
color: #fff;
font-weight: bold;
padding-top: 5px;
}
.kode_breaking_news2 .kode_brekg_news_des .bx-controls-direction {
position: absolute;
width: 60px;
top: 25px;
right: -30px;
}
.kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-prev:before, .kode_breaking_news2 .kode_brekg_news_des .bx-wrapper .bx-controls-direction a.bx-next:before {
color: #fff;
}
.navbar-fixed-top {
position: fixed;
z-index: 888;
}
.navbar-fixed-top .kode_ui_element {
padding-top: 0px;
}
.navbar-fixed-top .kode_logo {
padding: 0px 35px;
}
.navbar-fixed-top .kode_logo img {
height: 70px;
}
.navbar-fixed-top:after {
bottom: -14px;
display: none;
}
.kode_tab_lnk li {
cursor: pointer;
}
.kode_program_bg {
padding: 15px 0px 0px;
float: left;
width: 100%;
}
.kode_program_list {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.kode_program_list:before {
content: "";
height: 100%;
left: -230px;
position: absolute;
top: -80px;
transform: rotate(-30deg);
width: 160%;
background-color: rgba(55,45,44,0.65);
z-index: 9;
box-shadow: 0px 0px 0px 7px rgba(0,0,0,0.65);
}
.kode_program_list:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
width: 0px;
height: 0px;
background-color: #15bfe9;
}
.kode_program_list figure img {
width: 100%;
height: auto;
}
.kode_program_des {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
padding: 30px 0 0 30px;
z-index: 22;
}
.kode_program_des h5 {
color: #fff;
font-weight: bold;
text-transform: uppercase;
line-height: 20px;
margin-bottom: 15px;
}
.kode_program_des p {
color: #fff;
margin: 0 0 15px;
line-height: 16px;
}
.kode_program_des i {
color: #fff;
font-size: 100px;
}
.kode_program_hover {
position: absolute;
width: 100%;
top: 0%;
left: 0px;
margin-top: -92px;
text-align: center;
z-index: 99999;
padding: 0px 40px;
opacity: 0;
}
.kode_program_hover h5 {
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 19px;
line-height: 20px;
}
.kode_program_hover p {
color: #fff;
line-height: 24px;
margin-bottom: 20px;
word-break: break-all;
}
.kode_program_list:hover .kode_program_des {
top: 50%;
opacity: 0;
}
.kode_program_list:hover:before {
top: -100%;
left: -100%;
opacity: 0;
}
.kode_program_list:hover .kode_program_hover {
top: 50%;
opacity: 1;
}
.kode_program_list:hover:after {
width: 100%;
height: 100%;
opacity: 0.7;
}
.kode_program_list a:hover {
color: #000000;
}
figure img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.kode_program_list figure::before, .kode_program_list figure::after {
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
transition: opacity 0.35s,transform 0.35s;
}
.kode_program_list figure::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.kode_program_list figure::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
.kode_program_list:hover figure::before, .kode_program_list:hover figure::after {
opacity: 1;
z-index: 9999;
-webkit-transform: scale(1);
transform: scale(1);
}
.kode_welcome_bg {
}
.kode_link_2 {
display: inline-block;
position: relative;
color: #fff;
text-transform: uppercase;
font-weight: 700;
padding: 14px 35px 15px;
overflow: hidden;
border: 2px solid #fff;
border-radius: 2px;
line-height: normal;
z-index: 1;
}
.kode_link_2:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background-color: #fff;
z-index: -9;
}
.kode_program_list:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
width: 0px;
height: 0px;
background-color: #fc5d02;
}
ul.kode_tab_lnk {
float: left;
width: 100%;
text-align: center;
margin-bottom: 104px;
}
.kode_welcome_bg ul.kode_tab_lnk {
margin-bottom: 85px;
}
ul.kode_tab_lnk li {
position: relative;
display: inline-block;
}
ul.kode_tab_lnk li:before, ul.kode_tab_lnk li:after {
content: "";
position: absolute;
top: 0px;
right: 0px;
width: 0px;
height: 1px;
opacity: 0;
}
ul.kode_tab_lnk li:after {
left: 0px;
bottom: 0px;
right: auto;
top: auto;
width: 0px;
opacity: 0;
}
ul.kode_tab_lnk li a {
display: block;
color: #999999;
padding: 10px 15px;
font-weight: bold;
text-transform: uppercase;
}
ul.kode_tab_lnk li.active:before, ul.kode_tab_lnk li:hover:before {
opacity: 1;
width: 50px;
}
ul.kode_tab_lnk li.active:after, ul.kode_tab_lnk li:hover:after {
opacity: 1;
width: 40px;
}
.kode_wel_outr_wrap {
float: left;
width: 100%;
margin-bottom: 25px;
}
.kode_welcome {
float: left;
width: 100%;
position: relative;
}
.kode_welcome:before {
content: "";
position: absolute;
top: -35px;
left: -58px;
width: 100%;
height: 100%;
border: 9px solid #27282d;
background-color: #fff;
z-index: -1;
}
.kode_welcome:after {
content: "";
position: absolute;
border: 3px solid #dfdfdf;
height: 110%;
left: -28px;
top: -24px;
width: 100%;
z-index: -2;
}
.kode_welcome figure img {
width: 100%;
height: auto;
}
.kode_wel_demo_des {
float: left;
width: 100%;
margin-top: 17px;
}
.kode_wel_demo_des h6 {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 16px;
line-height: 14px;
letter-spacing: 2px;
}
.kode_wel_demo_des h4 {
text-transform: uppercase;
font-weight: bold;
position: relative;
padding-bottom: 18px;
margin-bottom: 20px;
position: relative;
line-height: 24px;
}
.kode_wel_demo_des h4:before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 70px;
height: 3px;
background-color: #000000;
}
.kode_wel_demo_des p {
line-height: 29px;
font-weight: 400;
margin-bottom: 20px;
color: #666;
}
ul.kode_tab_lnk.nav > li > a:focus, ul.kode_tab_lnk.nav > li > a:hover {
background: none;
}
.kode_wel_demo_des a.kode_link_3:hover {
color: #fff;
}
.kode_about_welcome {
padding: 95px 0px 85px;
}
.kode_about_welcome a.kode_link_3:hover i {
color: #fff;
}
.kode_wht_otr_wrap {
float: left;
width: 100%;
position: relative;
background-color: #202020;
}
.kode_wht_otr_wrap:after {
content: "";
position: absolute;
background-image: url(http://assets.amitshah.co.in/new/amit_shah/blog.JPG);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
left: 0px;
top: 0px;
width: 50%;
height: 100%;
background-attachment: fixed;
}
.kode_wht_otr_wrap:before {
content: "";
position: absolute;
background-color: rgba(0,0,0,0.1);
top: 0px;
left: 0px;
width: 50%;
height: 100%;
z-index: 1;
}
.kode_wht_des {
float: left;
width: 100%;
position: relative;
padding: 69px 40px 26px;
z-index: 222;
}
.kode_wht_des > h6 {
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin: 0px 0px 12px;
line-height: 16px;
font-size: 14px;
letter-spacing: 2px;
}
.kode_wht_des > h4 {
color: #fff;
text-transform: uppercase;
font-weight: bold;
position: relative;
margin-bottom: 30px;
position: relative;
line-height: 24px;
padding-bottom: 20px;
}
.kode_wht_des h4:before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
height: 3px;
width: 70px;
background-color: #fff;
}
.kode_wht_des ul {
float: left;
width: 100%;
z-index: 9999999;
}
.kode_wht_des ul li {
float: left;
position: relative;
padding: 4px 0 28px 5px;
z-index: 9999;
margin: 0px;
}
.kode_wht_des ul li span {
float: left;
display: inline-block;
width: 62px;
height: 62px;
background-color: #fff;
border-radius: 100%;
border: 5px solid #b0b6bb;
text-align: center;
line-height: 62px;
overflow: hidden;
}
.kode_wht_des ul li span i {
font-size: 25px;
}
.kode_wht_icon_des {
float: none;
padding: 0px 0px 0px 90px;
width: auto;
}
.kode_wht_icon_des h6 {
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 15px;
}
.kode_wht_icon_des p {
color: #fff;
padding: 0px 30px 0px 0px;
}
.kode_wht_icon_des h6 a {
color: #fff;
}
.kode_wht_des .bx-wrapper .bx-pager {
padding: 0px;
text-align: right;
font-size: 0px;
width: 20px;
}
.kode_wht_des .bx-controls.bx-has-pager.bx-has-controls-direction {
position: relative;
right: 0px;
z-index: 99999;
}
.kode_wht_des .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
bottom: 170px;
right: 0px;
text-align: center;
}
.kode_wht_des .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
margin-bottom: 5px;
}
.kode_wht_des .bx-wrapper .bx-pager.bx-default-pager a {
height: 40px;
border-radius: 0px;
width: 3px;
}
.kode_wht_des .bx-wrapper .bx-pager.bx-default-pager a:hover, .kode_wht_des .bx-wrapper .bx-pager.bx-default-pager a.active {
width: 5px;
}
.kode_wht_des .bx-viewport {
z-index: 9999;
}
.kode_hdg_1, .kode_hdg_2, .kode_hdg_3 {
float: left;
width: 100%;
position: relative;
text-align: center;
margin: -4px 0px 50px;
}
.kode_hdg_1 h6, .kode_hdg_2 h6, .kode_hdg_3 h6 {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
line-height: normal;
margin-bottom: 1px;
letter-spacing: 2.4px;
}
.kode_hdg_1 h4, .kode_hdg_2 h4, .kode_hdg_3 h4 {
text-transform: uppercase;
font-weight: bold;
padding-bottom: 6px;
position: relative;
}
.kode_hdg_1 h4:before, .kode_hdg_2 h4:before, .kode_hdg_3 h4:before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
width: 75px;
height: 3px;
background-color: #27282d;
}
.kode_hdg_2 h6, .kode_hdg_3 h6 {
color: #fff;
}
.kode_hdg_2 h4, .kode_hdg_3 h4 {
color: #fff;
}
.kode_hdg_2 h4:before {
background-color: #fff;
}
.kode_services_news_bg {
background-color: #f7f7f7;
}
.kode_services_news_bg .kode_press_new_lst, .kode_services_news_bg .margin_bottom {
margin: 0px;
}
.kode_press_news {
float: left;
width: 100%;
position: relative;
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.24);
}
.kode_press_news .blog-post1 {
width: 100%;
height: 290px;
background-size: cover;
}
.kode_press_new_lst {
float: left;
width: 100%;
margin: 0px 0px 0px;
margin-bottom: 50px;
}
.kode_press_news:before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 0px;
height: 4px;
z-index: 1;
}
.kode_press_news figure {
background-color: rgba(0,0,0,1);
}
.kode_press_news figure img {
width: 100%;
height: auto;
}
.kode_press_news figure.kode_pres1_style:before {
background-color: #fff;
bottom: -110px;
content: "";
height: 50%;
left: -10px;
position: absolute;
transform: rotate(0deg);
width: 110%;
z-index: 9;
}
.kode_press_news figure.kode_pres1_style:after {
bottom: 10px;
content: "";
height: 3px;
left: 0px;
position: absolute;
transform: rotate(-7deg);
width: 0%;
z-index: 9;
}
.kode_press_news figure figcaption {
position: absolute;
top: 0%;
width: 100%;
text-align: center;
opacity: 0;
}
.kode_press_news figure figcaption a {
display: block;
font-weight: 300;
font-size: 45px;
margin: -45px 0px 0px;
color: #fff;
font-family: 'Open Sans',sans-serif;
}
.kode_news_date {
float: left;
width: 100%;
position: relative;
margin-bottom: 15px;
padding-left: 10px;
}
.kode_news_date ul li {
float: left;
position: relative;
text-align: center;
width: 100%;
font-size: 100%;
font-weight: bold;
}
.kode_news_date ul li a {
font-size: 12px;
color: #474747;
text-transform: uppercase;
padding: 10px 10px 5px;
}
.kode_news_des {
float: left;
width: 100%;
height: 13rem;
padding: 0px 20px 30px 20px;
}
.kode_news_des h6 > a {
display: block;
font-size: 20px;
color: #474747;
margin-bottom: 9px;
text-transform: uppercase;
font-weight: bold;
position: relative;
line-height: 18px;
float: left;
width: 100%;
}
.kode_news_des h6 a:before {
content: "";
position: absolute;
top: 0px;
left: -22px;
width: 3px;
height: 100%;
background-color: #474747;
}
.kode_news_des p {
color: #ff9933;
word-break: break-all;
margin-bottom: 10px;
font-size: 1.1em;
}
.kode_news_des a {
display: inline-block;
float: right;
color: #27282d;
}
.kode_news_des a i {
margin-left: 5px;
font-weight: normal;
color: #27282d;
}
.kode_press_news:hover:before {
width: 100%;
}
.kode_press_news:hover figure.kode_pres1_style:after {
width: 100%;
bottom: 32px;
}
.kode_press_news:hover figure figcaption {
top: 50%;
opacity: 1;
}
.kode_press_news:hover figure img {
opacity: 0.4;
}
.kode_press_news:hover figure.kode_pres1_style:before {
transform: rotate(-7deg);
}
.kode_press_news figure.kode_pres2_style:before {
background-color: #fff;
bottom: -112px;
content: "";
height: 50%;
left: -10px;
position: absolute;
transform: rotate(0deg);
width: 110%;
z-index: 9;
}
.kode_press_news figure.kode_pres2_style:after {
bottom: 54px;
content: "";
height: 3px;
left: 0px;
position: absolute;
transform: rotate(7deg);
width: 0%;
z-index: 9;
}
.kode_press_news:hover figure.kode_pres2_style:after {
width: 100%;
bottom: 32px;
}
.kode_press_news:hover figure.kode_pres2_style:before {
transform: rotate(7deg);
}
.kode_press_link {
float: left;
width: 100%;
text-align: center;
line-height: 12px;
}
.kode_press_link a {
border: 2px solid #000000;
color: #474747;
}
.kode_press_link a.kode_link_2:before {
content: "";
position: absolute;
background-color: #474747;
}
.kode_press_link a.kode_link_2:hover {
color: #fff;
}
.kode_latest_wrk_bg {
border-top: 1px solid #e9e9e9;
padding-bottom: 61px;
}
.kode_latest_galry {
float: left;
width: 100%;
position: relative;
}
.kode_latest_galry ul.kode_tab_lnk {
margin: 0px 0px 40px;
}
.filterable_container {
margin-left: -1.5%;
margin-right: -1.5%;
}
.filterable_container .home_gallery {
width: 24.7%;
float: left;
padding-left: 0%;
padding-right: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.kode_galry_item {
float: left;
width: 100%;
position: relative;
margin-bottom: 2.8%;
overflow: hidden;
}
.kode_galry_item:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 0px;
background-color: rgba(0,0,0,0.3);
z-index: 1;
}
.kode_galry_item figure:before {
bottom: -55px;
content: "";
height: 75%;
position: absolute;
right: -541px;
transform: rotate(-36deg);
width: 110%;
z-index: 9;
opacity: 0;
box-shadow: 0px 0px 0px 5px #fff;
}
}
.kode_galry_item figure img {
width: 100%;
height: auto;
}
.kode_galry_item figure figcaption {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
text-align: center;
z-index: 9999;
opacity: 0;
}
.kode_galry_item figure figcaption a {
display: inline-block;
font-size: 45px;
color: #fff;
}
.kode_galry_des {
position: absolute;
bottom: -50px;
right: 0px;
z-index: 99999;
text-align: right;
width: 100%;
padding: 0px 25px 20px 0px;
opacity: 0;
}
.kode_galry_des p {
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 14px;
}
.kode_galry_des h6 {
color: #fff;
font-weight: bold;
text-transform: uppercase;
width: 35%;
float: right;
}
.kode_galry_des h6 p {
text-align: right;
font-size: 58%;
line-height: 1.5;
position: absolute;
bottom: -8px;
margin-right: 8px;
}
.kode_galry_item:hover:before {
height: 100%;
}
.kode_galry_item:hover figure figcaption {
bottom: 41%;
opacity: 1;
}
.kode_galry_item:hover figure:before {
right: -171px;
opacity: 1;
}
.kode_galry_item:hover figure:after {
width: 100%;
}
.kode_galry_item:hover .kode_galry_des {
opacity: 1;
bottom: 0px;
}
.kode_purchase_bg {
position: relative;
background-image: url(images/purchase-now-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.kode_purchase_bg:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.7;
}
.kode_purchase_bg:after {
border: 1px solid;
bottom: 10px;
content: "";
height: 93%;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 10px;
width: 99%;
}
.kode_purchase_bg .container {
position: relative;
}
.kode_purchase {
float: left;
width: 100%;
position: relative;
text-align: center;
z-index: 99999;
line-height: 12px;
}
.kode_purchase h6 {
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin: 0px 0px 21px;
line-height: 18px;
}
.kode_purchase h4 {
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin: 0px 0px 22px;
line-height: 24px;
}
.kode_purchase a {
font-size: 16px;
z-index: 9999;
}
.kode_purchase a.kode_link_2:hover {
color: #000000;
}
.kode_politician_bg {
background: #f9f9f9;
}
.kode_camp_outr_wrap {
float: left;
width: 100%;
}
.kode_camp_outr_wrap > li {
float: left;
width: 100%;
}
.kode_campagin_lst {
float: left;
width: 100%;
position: relative;
}
.kode_campgn_lst1 {
float: right;
width: 50%;
position: relative;
}
.kode_cam_date {
float: left;
position: absolute;
left: -40px;
top: 10px;
width: 80px;
height: 80px;
text-align: center;
padding-top: 12px;
background-color: #fff;
border-radius: 100%;
border: 5px solid #757575;
box-shadow: 0px 0px 0px 5px rgba(131,131,131,1),0px 0px 0px 10px rgba(201,201,201,1);
}
.kode_cam_date:before {
content: "";
position: absolute;
top: 38px;
left: 105px;
height: 2px;
width: 40px;
background-color: #838383;
}
.kode_cam_date:after {
content: "";
position: absolute;
top: 31px;
left: 143px;
height: 15px;
width: 15px;
border-radius: 100%;
background-color: #838383;
}
.kode_cam_date h4, .kode_cam_date h6 {
font-weight: bold;
color: #838383;
text-transform: uppercase;
line-height: 26px;
}
.kode_lst1_des {
float: none;
padding: 0px 0px 0px 160px;
width: auto;
}
.kode_lst1_des h6 {
font-size: 110%;
font-weight: 500;
text-transform: uppercase;
color: #ff9933;
margin: 0px 0px 4px;
line-height: 31px;
}
.kode_lst1_des p {
line-height: 28px;
}
.kode_lst1_des ul {
float: left;
width: 100%;
margin-bottom: 6px;
}
.kode_lst1_des > ul > li {
color: #838383;
position: relative;
display: inline-block;
padding: 0px 10px;
font-weight: bold;
}
.kode_lst1_des ul li i {
margin-right: 5px;
}
.kode_lst1_des ul li:first-child {
padding-left: 0px;
}
.kode_campgn_lst2 {
float: left;
position: relative;
width: 50%;
}
.kode_campgn_lst2:after {
content: "";
position: absolute;
top: 120px;
left: 100%;
bottom: 20px;
width: 2px;
background-color: #d8d8d8;
}
.kode_campgn_lst1:after {
content: "";
position: absolute;
top: 120px;
right: 100%;
bottom: 20px;
width: 2px;
background-color: #d8d8d8;
}
.kode_campgn_lst2 .kode_cam_date {
right: -40px;
left: auto;
}
.kode_campgn_lst2 .kode_cam_date:before {
right: 110px;
left: auto;
}
.kode_campgn_lst2 .kode_cam_date::after {
right: 150px;
left: auto;
}
.kode_campgn_lst2 .kode_lst1_des {
float: none;
padding: 0px 160px 0px 0px;
text-align: right;
}
.kode_campgn_lst1:hover .kode_cam_date h4, .kode_campgn_lst1:hover .kode_cam_date h6, .kode_campgn_lst2:hover .kode_cam_date h4, .kode_campgn_lst2:hover .kode_cam_date h6 {
color: #fff;
}
.kode_campgn_lst1:hover .kode_cam_date, .kode_campgn_lst2:hover .kode_cam_date {
border: 5px solid #fff;
}
.transparance-css {
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0,0,0,0.2);
z-index: 1;
}
.image-play-preview {
width: 20%;
height: 30%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
}
.image-play-preview i {
color: whitesmoke;
font-size: 3em;
opacity: 0.8;
}
#pop_up {
z-index: 999;
}
.kode_about_meet_bg {
}
.kode_meet_bg {
padding-top: 58px;
}
.kode_top_politician_bg {
}
.kode_politician {
float: left;
padding: 0 0 0px;
position: relative;
width: 97%;
box-shadow: 0 0 2px 1px rgba(0,0,0,0.18));
height: 250px;
border: 4px double gray;
overflow: hidden;
}
.kode_politician figure {
border-bottom: 4px solid #434343;
margin-bottom: 15px;
height: 100%;
}
.kode_politician figure img {
width: 100%;
min-height: 250px;
}
.kode_politician figure img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.kode_politician figure:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 0%;
background-color: rgba(51,51,51,0.8);
}
#opacity_off figure:before {
background-color: rgba(51,51,51,0);
}
.kode_poli_img_des {
width: 100%;
text-align: center;
position: absolute;
top: 0%;
margin: -100px 0px 0px;
z-index: 22;
padding: 0px 25px;
opacity: 0;
}
.kode_poli_img_des h6 a {
display: inline-block;
color: #fff;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 15px;
}
.kode_poli_img_des span {
display: block;
margin-top: 0px;
font-size: 110%;
font-weight: bold;
color: #ff9933;
}
.kode_poli_img_des p {
color: #cccccc;
word-break: break-all;
}
.kode_politician_des {
float: left;
width: 100%;
text-align: center;
position: relative;
}
.kode_politician_des:before {
content: "";
position: absolute;
width: 0;
height: 0;
top: -15px;
left: 0px;
right: 0px;
margin: auto;
opacity: 0px;
visibility: hidden;
}
.kode_politician_des h6 {
font-size: 20px;
color: #27282d;
text-transform: uppercase;
font-weight: bold;
}
.kode_politician_des p {
color: #999999;
text-transform: capitalize;
}
.kode_work_wrap ul {
float: left;
width: 100%;
}
.kode_work_wrap ul li {
display: inline-block;
position: relative;
}
.kode_work_wrap ul li a {
display: block;
padding: 0px 15px;
color: #777;
font-size: 20px;
}
.kode_politician_des ul {
float: left;
width: 100%;
}
.kode_politician_des ul li {
display: inline-block;
position: relative;
}
.kode_politician_des ul li a {
display: block;
padding: 0px 15px;
color: #777;
font-size: 20px;
}
.kode_politician:hover {
box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.18);
}
.kode_politician:hover figure:before {
height: 100%;
}
.kode_politician:hover .kode_poli_img_des {
top: 50%;
opacity: 1;
}
.kode_politician:hover figure {
border-bottom: 4px solid;
}
.kode_politician:hover .kode_politician_des:before {
opacity: 1;
visibility: visible;
}
.kode_progress_bg {
background: #f9f9f9;
}
.kode_progress {
float: left;
width: 100%;
position: relative;
margin-bottom: 30px;
}
.kode_progress h6 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
}
.kode_progress .progress {
margin: 0px;
height: 4px;
border-radius: 0px;
background-color: #e3e5e8;
}
.kode_countup_bg {
position: relative;
background-image: url(images/count-up-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.kode_countup_bg:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.9;
}
.kode_countup_bg .container {
position: relative;
}
.kode_countup {
float: left;
width: 100%;
text-align: center;
position: relative;
}
.kode_countup i {
color: #fff;
font-size: 50px;
margin-bottom: 10px;
}
.kode_countup h3 {
color: #fff;
text-transform: uppercase;
padding-bottom: 12px;
position: relative;
margin-bottom: 22px;
font-weight: bold;
}
.kode_countup h3:before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
width: 55px;
height: 2px;
background-color: #fff;
}
.kode_countup p {
margin: 0px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
line-height: 14px;
}
.kode_latest_outer_wrap {
}
.kode_latest_outer_wrap .kode_hdg_1 h6 {
margin-bottom: 1px;
}
.kode_latest_outer_wrap .kode_hdg_1 h4 {
padding-bottom: 7px;
}
.kode_latst_post_lst .bx-wrapper {
float: left;
}
.kode_latest_blog {
float: left;
width: 100%;
position: relative;
}
.kode_latest_blog:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
z-index: 1;
}
.kode_latest_blog figure img {
width: 100%;
height: auto;
}
.kode_latest_blog .lighter-image {
width: 100%;
height: 529px;
float: left;
}
.kode_latest_blog .lighter_slide {
width: 100%;
height: 529px;
background-size: 100% 100%;
}
.kode_latest_blog > h6 {
position: absolute;
top: 20px;
left: 20px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: capitalize;
background-color: #ff0000;
padding: 8px 15px;
z-index: 101;
}
.kode_latest_blog_des {
position: absolute;
bottom: 15px;
z-index: 22;
padding: 0px 80px 0px 25px;
}
.kode_latest_blog_des h6 {
display: inline-block;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
margin-bottom: 8px;
line-height: 30px;
}
.kode_latest_blog_des ul {
float: left;
width: 100%;
}
.kode_latest_blog_des ul li {
float: left;
position: relative;
border-left: 2px solid #fff;
}
.kode_latest_blog_des ul li a {
display: block;
padding: 0px 12px;
color: #fff;
line-height: 18px;
}
.kode_latest_blog_des ul li a i {
margin-right: 5px;
}
.kode_latest_blog_des ul li:first-child {
border-left: 0px;
padding-left: 0px;
}
.kode_latst_post_lst .bx-wrapper .bx-pager {
display: none;
}
.kode_latst_post_lst .bx-wrapper .bx-controls-direction a {
background-color: #1eade5;
border-radius: 100%;
border: 3px solid #fff;
text-indent: 0;
text-align: center;
font-size: 0;
}
.kode_latst_post_lst .bx-wrapper .bx-controls-direction a.bx-prev {
left: -15px;
}
.kode_latst_post_lst .bx-wrapper .bx-controls-direction a.bx-next {
right: -15px;
}
.kode_latst_post_lst .bx-wrapper .bx-controls-direction a.bx-prev:before {
content: "\f104";
font-family: fontawesome;
color: #fff;
font-size: 20px;
position: absolute;
top: -2px;
left: 9px;
font-weight: bold;
}
.kode_latst_post_lst .bx-wrapper .bx-controls-direction a.bx-next:before {
content: "\f105";
font-family: fontawesome;
color: #fff;
font-size: 20px;
position: absolute;
top: -2px;
left: 9px;
font-weight: bold;
}
.kode_blog_style2 {
margin-bottom: 20px;
}
.kode_blog_style2 .lg_video_css {
width: 100%;
height: auto;
float: left;
}
.kode_blog_style2 iframe {
height: 255px;
}
.kode_blog_style2 .kode_latest_blog_des h6 {
font-size: 110%;
}
.kode_video_bg {
float: left;
width: 100%;
background-color: #262927;
padding: 70px 0px;
}
.kode_audio_wrap {
float: left;
width: 100%;
position: relative;
}
.kode_audio_wrap figure:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 0px;
height: 0px;
margin: auto;
background-color: rgba(51,51,51,0.4);
}
.kode_audio_wrap figure img {
width: 100%;
height: auto;
}
figure .gallery_image {
width: 100%;
height: 240px;
background-size: cover;
border: 3px solid silver;
border-right: 0;
}
.kode_audio_wrap figure figcaption {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
opacity: 1;
z-index: 102;
}
.opacity_color {
width: 100%;
height: 100%;
position: absolute;
z-index: 101;
background-color: rgba(0,0,0,0.2);
}
.kode_audio_wrap figure figcaption a {
display: inline-block;
color: #fff;
font-size: 30px;
margin-top: -30px;
border: 1px solid #fff;
padding: 10px 20px;
}
.kode_audio_wrap figure:hover figcaption {
opacity: 1;
}
.kode_video_list .owl-controls .owl-pagination, .kode_video_list .owl-controls .owl-buttons {
display: none;
}
.kode_audio_wrap figure:hover:before {
width: 100%;
height: 100%;
}
.kode_purchase_now2 {
float: left;
width: 100%;
position: relative;
}
.kode_purchase_now2 h4 {
float: left;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding-top: 16px;
line-height: 24px;
}
.kode_purchase_now2 a {
float: right;
font-size: 16px;
text-transform: uppercase;
z-index: 9999;
}
.kode_purchase_now2 a.kode_link_2:hover {
color: #000000;
}
.kode_counter_bg {
border-bottom: 4px solid #f9f9f9;
}
.kode_coming_election {
float: left;
width: 100%;
position: relative;
background-image: url(extra-images/upcomming-election-01.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 90px 0px;
background-attachment: fixed;
}
.kode_coming_election:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
z-index: 1;
}
.kode_coming_election:after {
border: 1px solid #a9a7aa;
bottom: 10px;
content: "";
height: 92%;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 10px;
width: 98%;
z-index: 9999;
}
.kode_counter_caption {
width: 100%;
text-align: center;
z-index: 999999;
position: relative;
}
.kode_counter_caption h5 {
color: #fff;
text-transform: capitalize;
font-weight: bold;
margin: 0px 0px 40px;
}
ul.countdown {
list-style: none;
padding: 0;
display: block;
text-align: center;
position: relative;
}
ul.countdown:before {
content: "";
position: absolute;
border-top: 1px solid #a9a7aa;
border-bottom: 1px solid #a9a7aa;
width: 29%;
height: 69.9%;
left: 12px;
top: 0px;
}
ul.countdown:after {
content: "";
position: absolute;
border-top: 1px solid #a9a7aa;
border-bottom: 1px solid #a9a7aa;
width: 29%;
height: 69.9%;
right: 12px;
top: 0px;
}
ul.countdown li {
display: inline-block;
position: relative;
margin-left: 30px;
}
.kode_banner_counter ul.countdown li:before {
content: "";
position: absolute;
top: 18px;
left: 0px;
width: 100%;
height: 50px;
border-right: 1px solid #fff;
z-index: 0;
}
ul.countdown li span {
display: inline-block;
font-size: 36px;
color: #fff;
font-weight: bold;
padding: 0px;
margin: 0px 0px 10px;
line-height: normal;
width: 100px;
height: 100px;
line-height: 100px;
border: 1px solid #ababac;
background-color: rgba(171,171,171,0.3);
}
ul.countdown li p {
color: #fff;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
}
.days {
padding: 0 10px;
color: #fff;
}
.kode_testimonial_bg {
background-image: url(images/testiminial-bg.png);
background-repeat: no-repeat;
background-size: 50%;
background-position: center;
}
.kode_testimonial_wrap .item {
margin-left: 30px;
}
.kode_testi_wrap {
float: left;
width: 100%;
position: relative;
text-align: center;
border-bottom: 2px solid #dbd9d9;
padding: 30px 0px;
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
border-top: 1px solid #f2f2f2;
background-color: #f9f9f9;
}
.kode_testi_wrap figure {
margin-bottom: 20px;
}
.kode_testi_wrap figure img {
border-radius: 100%;
border: 9px solid #dcd9d9;
}
.kode_testi_wrap p {
line-height: 26px;
word-break: break-all;
margin-bottom: 20px;
padding: 0px 30px;
}
.kode_testi_wrap a {
color: #ff9933;
display: block;
font-weight: bold;
}
.kode_testimonial_wrap .owl-pagination {
display: none;
}
.kode_testimonial_wrap .owl-wrapper-outer {
margin-bottom: 50px;
float: left;
}
.kode_testimonial_wrap.owl-theme .owl-controls .owl-buttons div {
width: 30px;
height: 30px;
border: 2px solid #dcd9d9;
margin: 0px;
border-radius: 0px;
background: none;
margin-left: 10px;
position: relative;
font-size: 0px;
}
.kode_testimonial_wrap.owl-theme .owl-controls .owl-buttons div.owl-prev:before, .kode_testimonial_wrap.owl-theme .owl-controls .owl-buttons div.owl-next:before {
content: "\f104";
font-family: fontawesome;
position: absolute;
top: 0px;
left: 2px;
color: #838383;
font-size: 20px;
width: 20px;
height: 20px;
line-height: 25px;
}
.kode_testimonial_wrap.owl-theme .owl-controls .owl-buttons div.owl-next:before {
content: "\f105";
}
.kode_contact_bg {
position: relative;
background-image: url('amit_shah/bg_map.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
z-index: 1;
}
.kode_contact_bg:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.8);
}
.kode_contact_bg .container {
position: relative;
z-index: 99999;
}
.kode_contact_wrap, .kode_contact_field {
float: left;
width: 100%;
}
.kode_contact_wrap h5 {
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 20px;
font-size: 20px;
line-height: 20px;
}
.kode_contact_field {
margin-bottom: 50px;
text-align: center;
}
.kode_contact_field input[type="text"] {
width: 100%;
height: 50px;
padding: 8px 0px;
border: 0px;
border-bottom: 1px solid #fff;
background: none;
color: #fff;
}
.kode_contact_field textarea {
width: 100%;
height: 120px;
border: 0px;
border-bottom: 1px solid #fff;
background: none;
padding: 20px 0px;
resize: none;
color: #fff;
}
.kode_contact_field input[type="submit"], .kode_contact_field button {
border: 0px;
color: #fff;
font-weight: bold;
font-size: 18px;
font-family: 'Sintony',sans-serif;
text-transform: uppercase;
padding: 20px 25px;
line-height: 16px;
}
.kode_contact_field input[type="submit"]:hover, .kode_contact_field button:hover {
background-color: #000000;
}
.kode_contact_info {
float: left;
width: 100%;
margin-bottom: 35px;
padding: 0px 10px 0px 50px;
}
.kode_contact_info h5 {
margin-bottom: 40px;
}
.kode_contact_info i {
width: 30px;
font-size: 30px;
color: #fff;
float: left;
line-height: 22px;
}
.kode_contact_des {
float: none;
padding: 0px 0px 0px 50px;
}
.kode_contact_des span {
display: block;
font-size: 16px;
color: #fff;
}
.kode_contact_des span a {
color: #fff;
}
.kode_about_bg {
float: left;
width: 100%;
border-bottom: 3px solid;
position: relative;
background-image: url(images/about-us-01.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 3%;
background-attachment: fixed;
}
.kode_about_bg:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
}
.kode_about_bg .container {
position: relative;
}
.kode_aboutus_wrap {
float: left;
width: 100%;
text-align: center;
position: relative;
padding: 0px 0 0;
}
.kode_aboutus_wrap h4 {
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.kode_bread_crumb {
float: left;
width: 100%;
}
.kode_bread_crumb ul li {
display: inline-block;
position: relative;
}
.kode_bread_crumb ul li:before {
content: "\f101";
font-family: fontawesome;
color: #fff;
position: absolute;
top: 0px;
left: -4px;
font-weight: bold;
}
.kode_bread_crumb ul li:first-child:before {
font-size: 0px;
}
.kode_bread_crumb ul li a {
display: block;
padding: 0px 10px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}
.kode_services_abt_bg {
background: #f9f9f9;
}
.kode_about_services {
float: left;
width: 100%;
position: relative;
text-align: center;
padding: 0px 20px 20px;
}
.kode_about_services i {
display: block;
font-size: 60px;
margin: 0px 0px 16px;
color: #3d3d3d;
}
.kode_about_services h5 a {
display: block;
font-weight: bold;
text-transform: capitalize;
padding-bottom: 16px;
margin-bottom: 10px;
position: relative;
line-height: 24px;
}
.kode_about_services h5 a:before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
height: 1px;
width: 50px;
margin: auto;
background-color: #333333;
}
.kode_about_services p {
word-break: break-all;
line-height: 26px;
font-weight: 600;
}
.kode_socil_counter_bg {
}
.kode_social_item_list {
float: left;
width: 100%;
position: relative;
}
.kode_social_item {
float: left;
width: 100%;
border-left: 1px solid #fff;
text-align: center;
position: relative;
}
.kode_social_item i {
float: left;
width: 100px;
font-size: 50px;
color: #fff;
padding-top: 15px;
}
.kode_social_des {
float: none;
padding: 0px 0px 0px 60px;
width: auto;
text-align: left;
}
.kode_social_des h4 {
color: #fff;
display: inline-block;
font-weight: bold;
font-size: 36px;
line-height: 30px;
}
.kode_social_des span {
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 36px;
}
.kode_social_des p {
color: #fff;
text-transform: capitalize;
margin: 0px;
font-size: 16px;
}
.kode_social_item_list .col-md-3:first-child .kode_social_item {
border-left: 0px;
}
.kode_achivemnt_bg {
}
.kode_achment_wrap {
float: left;
width: 100%;
position: relative;
}
.kode_achment_wrap figure:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
}
.kode_achment_wrap figure img {
width: 100%;
height: auto;
}
.kode_achment_wrap figcaption {
position: relative;
position: absolute;
top: 20px;
left: 20px;
}
.kode_achment_wrap figcaption h6 {
display: inline-block;
font-weight: bold;
color: #fff;
font-size: 14px;
padding: 5px 10px;
background-color: #333333;
}
.kode_achment_des {
float: left;
width: 100%;
padding: 32px 25px;
box-shadow: 0 2px 7px 0px rgba(0,0,0,0.25);
}
.kode_achevemnt_des_2 {
float: left;
width: 100%;
padding: 20px 25px;
box-shadow: 0 2px 7px 0px rgba(0,0,0,0.25);
}
.kode_achment_des h5 {
line-height: 20px;
}
.kode_achevemnt_des_2 h5 {
line-height: 20px;
padding: 5px 0 10px;
}
.kode_achment_des h5 a, .kode_achevemnt_des_2 h5 a {
font-size: 16px;
text-transform: capitalize;
font-weight: bold;
}
.margin_bottom {
margin-bottom: 40px;
}
.kode_where_bg {
background: #f9f9f9;
}
.kode_where_we {
width: 100%;
float: left;
position: relative;
}
.kode_where_we ul {
position: relative;
width: 100%;
float: left;
}
.kode_where_we ul li {
display: inline-block;
position: relative;
width: 48%;
padding: 0px 90px 0px 0px;
margin-bottom: 50px;
}
.kode_where_we ul:before {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: 50%;
width: 2px;
}
#journey-id-page {
padding-bottom: 5em;
background-color: whitesmoke;
}
#border-right {
padding-top: 1em;
padding-bottom: 1em;
border-right: 1px solid gray;
}
#border-left {
padding-top: 1em;
padding-bottom: 1em;
border-left: 1px solid gray;
}
#image_border {
border: 5px solid white;
box-shadow: 0px 0px 5px 0px gray;
}
.kode_year_list {
display: inline-block;
position: relative;
width: 100%;
}
.kode_year_list figure {
margin-bottom: 40px;
overflow: visible;
z-index: 22;
}
.kode_year_list figure img {
width: auto;
height: auto;
border: 6px solid white;
box-shadow: 1px 1px 20px 0px gray;
}
.kode_year_list a:before {
color: #fff;
content: "\f067";
font-family: FontAwesome;
font-size: 40px;
left: 0;
margin-top: -25px;
position: absolute;
text-align: center;
top: 50%;
transform: scale(0);
width: 100%;
z-index: 10;
}
.kode_where_des h5 {
text-transform: uppercase;
font-weight: 500;
margin-top: 50px;
margin-bottom: 50px;
}
.kode_where_des p {
word-break: break-all;
}
.kode_where_year {
background-color: #fff;
border: 5px solid #757575;
border-radius: 100%;
box-shadow: 0 0 0 5px rgba(131,131,131,1),0 0 0 10px rgba(201,201,201,1);
float: left;
height: 90px;
position: absolute;
right: -160px;
text-align: center;
top: 80px;
width: 90px;
}
.kode_where_year h6 {
color: #838383;
font-weight: bold;
text-transform: uppercase;
line-height: 80px;
}
.kode_where_we ul li:nth-child(even) {
padding: 0px 0px 0px 90px;
width: 50%;
float: right;
}
.kode_where_we ul li:nth-child(even) .kode_where_year {
left: -135px;
right: auto;
}
.kode_where_we ul li:nth-child(even) .kode_year_list figure {
margin-bottom: 0px;
}
.kode_where_we ul li:nth-child(even) .kode_where_des {
margin-bottom: 40px;
}
.kode_where_we ul li:hover .kode_where_year {
border: 5px solid #fff;
}
.kode_where_we ul li:hover .kode_where_year h6 {
color: #fff;
}
.kode_where_we ul li:hover figure img {
opacity: 0.3;
}
.kode_where_we ul li:hover figure a:before {
transform: scale(1);
}
.kode_volunteer_bg {
position: relative;
background-image: url(images/volunter-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.kode_volunteer_bg:before, .kode_skill_bg:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
}
.kode_volunteer_bg:container {
position: relative;
z-index: 99999;
}
.kode_volunteer {
width: 610px;
margin: auto;
text-align: center;
position: relative;
}
.kode_volunteer p {
color: #fff;
font-size: 16px;
margin-bottom: 43px;
line-height: 26px;
float: left;
}
.kode_volunteer_btn {
margin: auto;
position: relative;
width: 610px;
overflow: hidden;
}
.kode_volunteer_btn a {
display: inline-block;
position: relative;
float: left;
width: 50%;
z-index: 99999;
padding: 10px 15px 10px 20px;
}
.kode_volunteer_btn a.donate:before {
content: "";
position: absolute;
height: 100%;
left: -200px;
right: -4px;
top: 0;
transform: skewX(28deg);
-moz-transform: skewX(28deg);
-webkit-transform: skewX(28deg);
z-index: -1;
}
.kode_volunteer_btn a.donate i {
display: inline-block;
width: 55px;
height: 55px;
background-color: #fff;
font-size: 28px;
border-radius: 100%;
box-shadow: 0px 0px 0px 5px rgba(247,165,149,0.7);
text-align: center;
line-height: 48px;
vertical-align: middle;
}
.kode_volunteer_btn a.donate span {
display: inline-block;
font-weight: bold;
text-transform: uppercase;
color: #fff;
padding-left: 15px;
padding-top: 1px;
font-size: 15px;
}
.kode_volunteer_btn a.kf_volunteer:after {
content: "";
position: absolute;
background-color: #2196f3;
height: 100%;
left: 15px;
right: -2000px;
top: 0;
transform: skewX(28deg);
z-index: -1;
}
.kode_volunteer_btn a.kf_volunteer i {
float: right;
display: inline-block;
width: 55px;
height: 55px;
background-color: #fff;
font-size: 28px;
border-radius: 100%;
color: #2196f3;
box-shadow: 0px 0px 0px 5px rgba(144,203,249,0.7);
text-align: center;
line-height: 48px;
vertical-align: middle;
}
.kode_volunteer_btn a.kf_volunteer span {
display: inline-block;
font-weight: bold;
text-transform: uppercase;
color: #fff;
padding-top: 16px;
padding-right: 15px;
float: right;
font-size: 15px;
}
.kode_volunteer_btn a:hover {
opacity: 0.7;
}
.kode_skill_bg {
position: relative;
background-image: url(images/our-skill-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.kode_volunteer_bg:container {
position: relative;
}
.kode-skills {
float: left;
width: 100%;
text-align: center;
}
.kode-skills ul {
float: left;
width: 100%;
margin: 0px 0px 30px 0px;
}
.kode-chart {
display: inline-block;
width: 185px;
height: 195px;
margin: 20px 40px;
vertical-align: top;
position: relative;
padding-top: 22px;
text-align: center;
}
.kode-chart span {
background: #fff;
border-radius: 100%;
display: inline-block;
font-size: 18;
font-weight: normal;
height: 80px;
width: 80px;
line-height: 82px;
text-align: center;
margin: 16% 0px;
color: #000;
font-size: 20px;
font-weight: bold;
}
.kode-chart canvas {
position: absolute;
left: 0;
top: 0;
}
.kode-chart > h5 {
bottom: -50px;
left: 0;
position: absolute;
width: 100%;
text-transform: uppercase;
margin-bottom: 15px;
color: #fff;
}
.kode_people_bg {
}
.kode_goal_wrap {
margin-bottom: 15px;
float: left;
width: 100%;
}
.kode_goal_wrap .accordion {
padding: 15px 30px;
box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.27);
cursor: pointer;
}
.kode_goal_wrap .accordion {
background-color: #f5f5f5;
}
.kode_goal_wrap .accordion-close h6, .kode_goal_wrap .accordion-open h6 {
font-size: 18px;
color: #111111;
text-transform: capitalize;
}
.kode_goal_wrap .accordion-close h6:after {
content: "\f105";
font-family: fontawesome;
float: right;
font-size: 20px;
}
.goal_des {
padding: 20px 30px;
}
.goal_des ul li {
color: #666666;
line-height: 30px;
}
.goal_des ul li:before {
content: "\f10c";
font-family: fontawesome;
font-size: 10px;
margin-right: 30px;
vertical-align: middle;
position: absolute;
margin-left: -20px;
}
.kode_goal_wrap .accordion-open h6 {
color: #fff;
}
.kode_goal_wrap .accordion-open h6:after {
content: "\f107";
font-family: fontawesome;
float: right;
font-size: 20px;
}
.kode_planning_wrap, .kode_planning_detail {
float: left;
width: 100%;
}
.kode_planning_wrap .nav-tabs {
border: 0px;
}
.kode_planning_wrap .nav-tabs li a {
border-radius: 0;
margin: 0;
}
.kode_planning_wrap ul li {
float: left;
width: 32.333%;
margin: 0px 0.4%;
}
.kode_planning_wrap ul li a {
display: block;
text-align: center;
font-size: 18px;
line-height: 26px;
background-color: #f5f5f5;
color: #111111;
padding: 10px 0px;
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.27);
}
.kode_planning_wrap ul li.active a, .kode_planning_wrap ul li:hover a {
color: #fff;
}
.kode_planning_wrap .nav-tabs li.active a, .kode_planning_wrap .nav-tabs li.active a:focus, .kode_planning_wrap .nav-tabs li.active a:hover {
color: #fff;
}
.kode_planning_detail {
padding-top: 20px;
}
.planning_img {
float: left;
width: 30%;
}
.planning_img img {
width: 100%;
height: auto;
}
.planning_des {
padding: 0 0 0 180px;
float: none;
}
.planning_des p {
word-break: break-all;
color: #666666;
line-height: 22px;
}
p.planning_1 {
padding-bottom: 20px;
padding-top: 10px;
}
.kode_subcribe_des {
float: left;
width: 100%;
position: relative;
}
.kode_subcribe_des h5 {
color: #fff;
font-weight: bold;
text-transform: uppercase;
float: left;
font-size: 20px;
padding-top: 12px;
}
.kode_subcribe_des form {
position: relative;
width: 485px;
float: right;
}
.kode_subcribe_des input[type="text"] {
width: 100%;
border: 1px solid #fff;
height: 52px;
background: none;
float: left;
padding: 10px 100px 10px 30px;
color: #fff;
font-weight: bold;
}
.kode_subcribe_des button {
border: 3px solid #fff;
position: absolute;
right: 0px;
top: 0px;
height: 51px;
background: none;
line-height: none;
padding: 0px 40px;
}
.kode_subcribe_des button i {
color: #fff;
font-size: 16px;
}
.kode_pagination {
float: right;
text-align: center;
margin-bottom: 12px;
margin-right: 2em;
}
.kode_pagination .pagination {
margin: 0px;
border: 0px;
border-radius: 0px;
}
.kode_pagination .pagination li {
display: inline-block;
margin-right: 3px;
}
.kode_pagination .pagination li a {
color: #666666;
border: 0px;
margin: 0px;
font-size: 16px;
padding: 6px 14px;
border: 1px solid #d9d9d9;
border-radius: 0px;
}
.kode_pagination .pagination li a span {
border: 1px solid #cfcfcf;
padding: 4px 9px;
}
.kode_pagination .pagination li a:focus, .kode_pagination .pagination li a:hover {
background: #ff9933;
}
.kode_pagination .pagination li:hover a, .kode_pagination .pagination li:focus a {
color: #fff;
}
.kode_pagination .bx-wrapper .bx-pager {
display: none;
}
.kode_pagination2 {
margin-top: 20px;
margin-bottom: 38px;
}
.kode_pagination ul.pagination {
float: left;
width: 100%;
}
.kode_pagination .pagination li a b {
border-top: 2px solid #000000;
color: #000000;
padding-top: 5px;
}
.kode_news_wrap {
height: 220px;
overflow: hidden;
border-bottom: 4px double gray;
}
.kode_news_wrap, .kode_news_wrap_des {
float: left;
width: 100%;
position: relative;
}
.kode_news_wrap figure {
margin-bottom: 20px;
}
.kode_news_wrap figure:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 0;
background-color: rgba(0,0,0,0.5);
}
.kode_news_wrap figure img {
width: 100%;
height: auto;
}
.kode_news_wrap_des {
}
.kode_news_wrap_des > span > a {
color: #929292;
display: block;
margin-bottom: 17px;
text-transform: uppercase;
}
.kode_news_wrap_des > h6 > a {
font-weight: bold;
text-transform: uppercase;
color: #000000;
margin-bottom: 10px;
}
.kode_news_wrap_des p {
color: #7e7e7e;
font-weight: 500;
word-break: break-all;
margin-bottom: 4px;
}
.kode_news_wrap_des > b > a {
float: left;
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
margin-top: 15px;
}
.kode_news_wrap_des > a {
float: right;
color: #b1b1b1;
padding-top: 23px;
}
.kode_news_wrap:hover {
box-shadow: 0 2px 3px 1px rgba(0,0,0,0.3);
}
.kode_news_wrap:hover figure:before {
height: 100%;
}
.kode_news_list {
float: left;
width: 100%;
position: relative;
padding: 0px 0px 40px;
margin-bottom: 30px;
border-bottom: 1px solid #e5e5e5;
}
.kode_news_list figure {
width: 350px;
}
.kode_news_list figure img {
width: 100%;
height: auto;
}
.kode_news_list_des {
float: none;
padding: 10px 0px 0px 370px;
}
.kode_news_list_des span {
display: inline-block;
color: #fff;
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
padding: 5px 10px;
text-transform: uppercase;
}
.kode_news_list_des > h6 > a {
display: block;
color: #000000;
font-weight: bold;
margin-bottom: 10px;
}
.kode_author {
float: left;
color: #a1a1a1;
margin-bottom: 10px;
}
.kode_author > a {
color: #a1a1a1;
}
.kode_news_list_des > ul > li {
float: left;
position: relative;
}
.kode_news_list_des > ul > li > a {
padding: 0px 8px;
color: #a1a1a1;
}
.kode_news_list_des > ul > li > a > i {
margin-right: 5px;
}
.kode_news_list_des p {
word-break: break-all;
color: #a1a1a1;
float: left;
line-height: 25px;
}
.kode_news_colmn_list.col-md-8 .kode_news_list:first-child {
padding-top: 0px;
}
.kode_news_colmn_list.col-md-8 .kode_news_list:last-child {
border-bottom: 0px;
padding-bottom: 20px;
}
.kode_event_grid_bg {
padding-bottom: 50px;
}
.kode_event_wrap {
float: left;
width: 100%;
position: relative;
border: 1px solid #ececec;
margin-bottom: 30px;
}
.kode_event_wrap figure {
margin-bottom: 24px;
}
.kode_event_wrap figure:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
width: 0px;
height: 0px;
opacity: 0.7;
}
.kode_event_wrap figure img {
width: 100%;
height: auto;
}
.kode_event_wrap figure figcaption {
position: absolute;
width: 100%;
top: 0px;
text-align: center;
margin-top: -20px;
opacity: 0;
}
.kode_event_wrap figure figcaption a {
color: #fff;
font-size: 25px;
font-weight: bold;
}
.kode_event_des {
float: left;
width: 100%;
padding: 0px 15px 26px 15px;
}
.kode_event_des > h6 > a {
display: block;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 22px;
font-weight: 600;
line-height: 20px;
}
.kode_event_des ul {
float: left;
width: 100%;
padding-bottom: 18px;
margin-bottom: 26px;
position: relative;
line-height: 12px;
}
.kode_event_des ul:before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 50px;
height: 2px;
}
.kode_event_des ul > li {
float: left;
position: relative;
}
.kode_event_des > ul > li > a {
color: #333;
font-size: 12px;
padding: 0px 5px;
}
.kode_event_des > ul > li > a > i {
margin-right: 5px;
font-size: 14px;
}
.kode_event_des ul li:first-child a {
padding-left: 0px;
}
.kode_event_des p {
line-height: 27px;
color: #888;
word-break: break-all;
margin: 0px 0px 28px;
}
.kode_event_des > a {
font-weight: bold;
text-transform: uppercase;
display: inline-block;
outline: 1px solid #ececec;
color: #999999;
padding: 10px 30px;
line-height: normal;
border-left: 4px solid;
}
.kode_event_wrap:hover {
box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
}
.kode_event_wrap:hover figure:before {
width: 100%;
height: 100%;
}
.kode_event_wrap:hover figure figcaption {
top: 50%;
opacity: 1;
}
.kode_focus_wrap {
float: left;
width: 100%;
position: relative;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 35px;
}
.kode_focus_wrap h2 {
text-transform: uppercase;
font-weight: bold;
position: absolute;
top: -25px;
right: 0px;
color: #f7f7f7;
}
.kode_focus_wrap h6 {
font-size: 20px;
line-height: normal;
margin-bottom: 30px;
}
.kode_focus_wrap span {
display: block;
}
.kode_focus_wrap p {
word-break: break-all;
}
.kode_focus_wrap a {
display: inline-block;
font-weight: bold;
}
.kode_focus_wrap a i {
margin-left: 5px;
vertical-align: middle;
}
.kode_services_video_bg {
background-color: #f7f7f7;
}
.kode_service_video {
width: 960px;
margin: auto;
text-align: center;
}
.kode_service_video p {
word-break: break-all;
margin-bottom: 35px;
}
.kode_video {
float: left;
width: 100%;
position: relative;
}
.kode_video:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
}
.kode_video img {
width: 100%;
height: auto;
}
.kode_video_icon {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
z-index: 99999;
margin-top: -10px;
opacity: 0;
}
.kode_video_icon a {
color: #fff;
font-size: 20px;
padding: 10px 20px;
border: 1px solid #fff;
}
.kode_video:hover .kode_video_icon {
opacity: 1;
}
.kode_advance_service {
float: left;
width: 100%;
position: relative;
border: 1px solid #ececec;
}
.kode_advance_service figure {
opacity: 0;
}
.kode_advance_service figure img {
width: 100%;
height: auto;
}
.kode_advance_service figure:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 0px;
opacity: 0.7;
}
.kode_service_caption {
float: left;
width: 100%;
position: absolute;
bottom: -50%;
text-align: center;
padding: 0px 20px;
opacity: 0;
z-index: -99999;
}
.kode_service_caption p {
color: #fff;
font-weight: bold;
word-break: break-all;
margin-bottom: 20px;
}
.kode_service_caption a.kode_link_2:before {
z-index: -9;
}
.kode_advance_hdg {
float: left;
width: 100%;
position: absolute;
top: 50%;
width: 100%;
text-align: center;
margin-top: -55px;
}
.kode_advance_hdg i {
font-size: 40px;
color: #666666;
margin-bottom: 15px;
}
.kode_advance_hdg h6 {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: #666666;
position: relative;
padding-top: 15px;
}
.kode_advance_hdg h6:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
margin: auto;
height: 3px;
width: 50px;
background-color: #666666;
}
.kode_advance_service:hover .kode_advance_hdg h6:before {
background-color: #fff;
}
.kode_advance_service:hover figure {
opacity: 1;
}
.kode_advance_service:hover figure:before {
height: 100%;
}
.kode_advance_service:hover .kode_advance_hdg {
top: 20px;
margin: 0px;
}
.kode_advance_service:hover .kode_advance_hdg i, .kode_advance_service:hover .kode_advance_hdg h6 {
color: #fff;
}
.kode_advance_service:hover .kode_service_caption {
z-index: 9999;
opacity: 1;
bottom: 5%;
}
.kode_advance_service a:hover {
color: #000000;
}
.kode_choose {
float: left;
width: 100%;
position: relative;
text-align: center;
cursor: pointer;
position: relative;
}
.kode_choose i {
font-size: 20px;
color: #333333;
float: left;
padding-left: 25px;
position: absolute;
top: 30px;
left: 0px;
}
.kode_choose span {
display: inline-block;
text-transform: uppercase;
color: #333333;
font-weight: bold;
padding: 30px 0px;
}
.kode_choose_des {
float: left;
width: 100%;
background-color: #3fb3e5;
padding: 20px;
}
.kode_choose_des i {
width: 30px;
float: left;
color: #fff;
font-size: 24px;
text-align: center;
}
.kdoe_choose_content {
float: none;
padding: 0px 0px 0px 50px;
}
.kdoe_choose_content span {
color: #fff;
display: block;
margin-bottom: 20px;
font-weight: bold;
text-transform: uppercase;
}
.kdoe_choose_content p {
color: #fff;
word-break: break-all;
}
.kode_choose_tab {
float: left;
width: 100%;
position: relative;
}
.kode_choose_tab ul {
float: left;
width: 100%;
}
.kode_choose_tab ul li {
float: left;
width: 24.7%;
border-radius: 3px;
margin-left: 2px;
}
.kode_choose_tab ul li a {
display: block;
color: #a3a4a7;
text-align: center;
padding: 18px 0px;
border: 1px solid #ececec;
font-weight: bold;
}
.kode_choose_tab ul li:first-child {
margin-left: 0px;
}
.kode_choose_tab ul li.active a, .kode_choose_tab ul li:hover a, .kode_choose_tab ul li:focus a {
color: #333333;
border: 1px solid transparent;
}
.kode_chose_tab_detail {
float: left;
width: 100%;
padding: 20px;
border: 1px solid #ececec;
border-radius: 4px;
margin-top: 2px;
}
.kode_chose_tab_detail figure {
width: 112px;
float: left;
margin-bottom: 30px;
}
.kode_chose_tab_detail figure img {
width: 100%;
height: auto;
}
.kode_tab_img_des {
float: none;
padding: 0px 0px 0px 125px;
}
.kode_tab_img_des p {
color: #a3a4a7;
word-break: break-all;
}
.kode_chose_tab_detail p {
float: left;
}
.kode-team-intro {
padding: 70px 0px 50px;
float: left;
width: 100%;
position: relative;
}
.kode_background:before, .kode_background:after {
content: "";
position: absolute;
bottom: -56px;
left: 0px;
width: 100%;
height: 1px;
background-color: #e3e3e3;
}
.kode_background:after {
bottom: -51px;
}
.kode-team-testi {
float: left;
width: 100%;
background: #f7f7f7;
padding: 70px 0px 40px;
}
.kode_team_img, .kode_team_img figure img {
float: left;
width: 100%;
}
.kode_team_img figure {
border-bottom: 3px solid;
}
.kode_team_img_des {
float: left;
width: 100%;
}
.kode_team_img_des h4, h5 {
text-transform: uppercase;
font-weight: bold;
color: #000000;
margin-bottom: 7px;
line-height: normal;
}
.kode_team_img_des h5 {
text-transform: uppercase;
font-weight: bold;
color: #000000;
margin-bottom: 7px;
line-height: normal;
padding-bottom: 4px;
margin-left: 10px;
border-bottom: 1px solid black;
}
.kode_team_img_des > p {
color: #666666;
margin-bottom: 20px;
}
.kode_team_img_des span {
display: inline-block;
font-size: 16px;
}
.kode_team_img_des blockquote {
position: relative;
background-color: #f4f4f4;
border: 0px;
padding: 75px 100px;
text-align: left;
margin-bottom: 0px;
}
.kode_team_img_des blockquote p {
color: #666666;
font-size: 16px;
position: relative;
}
.kode_team_img_des blockquote p:before, .kode_team_img_des blockquote p:after {
content: "\f10d";
font-family: fontawesome;
color: #d3d3d3;
font-size: 40px;
position: absolute;
top: -40px;
left: -60px;
}
.kode_team_img_des blockquote p:after {
content: "\f10e";
left: auto;
bottom: -42px;
right: -30px;
top: auto;
}
.kode_team_img_des blockquote:before {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
height: 80%;
width: 3px;
margin: auto;
background-color: #eb0028;
}
.kode_background {
position: relative;
}
.kode_bground_des {
float: left;
width: 100%;
position: relative;
padding: 43px 0 38px;
}
.kode_bground_des h4 {
color: #000000;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 30px;
}
.kode-team-bio .kode_bground_des h4 {
margin-bottom: 10px;
}
.kode_bground_des p {
color: #666666;
word-break: break-all;
}
.kode_bground_des:before, .kode_bground_des:after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 1px;
background-color: #e3e3e3;
}
.kode_bground_des:after {
bottom: -5px;
}
.kode_education, .kode_edu_year, .kode_edu_year ul, .kode_edu_des, .kode_edu_des ul {
float: left;
width: 100%;
}
.kode_education h4 {
color: #000000;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 37px;
}
.kode_edu_year {
position: relative;
text-align: center;
}
.kode_edu_year:before, .kode_edu_year:after {
content: "";
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 1px;
background-color: #e3e3e3;
}
.kode_edu_year:after {
right: -5px;
}
.kode_edu_year ul li {
padding: 40px 10px;
float: left;
width: 100%;
}
.kode_edu_year ul li h5 {
font-weight: bold;
padding: 15px;
display: inline-block;
background: #f7f7f7;
margin-bottom: 10px;
}
.kode_edu_year ul li h6 {
color: #eb0028;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
}
.kode_edu_des ul {
padding: 0px 20px;
}
.kode_edu_des ul li {
float: left;
width: 100%;
padding: 30px 0px;
border-top: 1px solid #e4e4e4;
}
.kode_edu_des ul li figure {
width: 260px;
border: 2px solid #e4e4e4;
border-radius: 3px;
}
.kode_edu_des ul li figure img {
width: 100%;
height: auto;
}
.kode_edu_img_des {
float: none;
padding: 0px 0px 0px 280px;
}
.kode_edu_img_des h6 {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: bold;
}
.kode_edu_img_des p {
color: #666666;
word-break: break-all;
}
.kode_edu_des ul li:first-child {
border-top: 0px;
padding-top: 0px;
}
.kode_edu_des ul li:nth-child(even) figure {
float: right;
}
.kode_edu_des ul li:nth-child(even) .kode_edu_img_des {
padding: 0px 280px 0px 0px;
}
.kode-team-edu, .kode-team-bio {
float: left;
width: 100%;
}
.kode-team-edu {
margin-bottom: 4px;
}
.kode_education {
padding: 42px 0px 10px;
}
.kode_education:before, .kode_education:after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 1px;
background-color: #e3e3e3;
}
.kode_education:after {
bottom: -4px;
}
.kode_work_wrap, .kode_work_des {
float: left;
width: 100%;
position: relative;
}
.kode_work_wrap figure:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.kode_work_wrap figure img {
width: 100%;
height: auto;
opacity: 0.95;
-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
transition: opacity 0.35s,transform 0.35s;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
.kode_work_hover {
position: absolute;
top: -50px;
width: 100%;
text-align: center;
margin-top: -20px;
}
.kode_work_hover a {
font-size: 24px;
color: #fff;
}
.kode_work_des {
text-align: center;
padding: 30px 20px 22px;
border: 1px solid #e4e4e4;
}
.kode_work_des h6 a {
color: #242424;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: bold;
}
.kode_work_des p {
font-size: 16px;
color: #666666;
line-height: normal;
}
.kode_work_wrap:hover img {
opacity: 0.3;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.kode_work_wrap:hover figure:before {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.kode_work_wrap:hover .kode_work_hover {
top: 50%;
}
.kode_work_outr.owl-carousel .owl-wrapper-outer {
padding-bottom: 30px;
}
.kode_work_outr .item {
margin-right: 20px;
}
.kode_work_outr .owl-pagination {
display: none;
}
.kode_work_outr.owl-theme .owl-controls .owl-buttons div {
width: 36px;
height: 36px;
background-color: #fff;
text-align: center;
border-radius: 0px;
top: 50%;
font-size: 0px;
line-height: 34px;
padding: 0px;
opacity: 1;
}
.kode_work_outr .owl-buttons .owl-prev {
position: absolute;
left: -20px;
}
.kode_work_outr .owl-buttons .owl-next {
position: absolute;
right: -20px;
}
.kode_work_outr .owl-buttons .owl-prev:before, .kode_work_outr .owl-buttons .owl-next:before {
content: "\f104";
font-family: fontawesome;
font-size: 16px;
color: #666666;
position: absolute;
top: 0px;
left: 12px;
}
.kode_work_outr .owl-buttons .owl-next:before {
content: "\f105";
left: auto;
right: 12px;
}
.kode_work_outr .owl-buttons .owl-prev:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent #8a8a8a transparent;
transform: rotate(131deg);
top: -7px;
left: 4px;
}
.kode_work_outr .owl-buttons .owl-next:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 0 8px;
border-color: transparent transparent transparent #8a8a8a;
top: -9px;
left: 0px;
}
.kf_political_career_bg {
padding-bottom: 60px;
background-color: #f3f3f3;
}
.kf_political_career, .kf_year {
float: left;
width: 100%;
position: relative;
}
.kf_political_career:before {
content: "";
position: absolute;
top: 40px;
bottom: 10px;
width: 2px;
background-color: #d8d8d8;
left: 50%;
}
.kf_year {
text-align: center;
}
.kf_year h5 {
color: #1a1b1d;
font-weight: bold;
}
.kf_empty {
float: left;
width: 100%;
padding: 110px 0px 0px;
}
.kf_monthly {
float: left;
width: 100%;
position: relative;
}
.kf_month_right {
width: 50%;
float: right;
position: relative;
padding: 0px 0px 17px 30px;
}
.kf_month_right:before {
content: "";
position: absolute;
top: 24px;
left: -9px;
width: 20px;
height: 20px;
border-radius: 100%;
background-color: #9c9c9c;
border: 5px solid #ececec;
box-shadow: 0px 0px 0px 10px #fff;
}
.kf_month_right h6, .kf_month_left h6 {
color: #ec6f75;
font-size: 14px;
text-transform: uppercase;
padding: 0px 0px 10px;
margin: 0px 0px 30px;
border-bottom: 2px solid #d8d8d8;
display: inline-block;
}
.kf_month_right h5, .kf_month_left h5 {
color: #1a1b1d;
text-transform: uppercase;
margin: 0 0 26px;
}
.kf_month_right p, .kf_month_left p {
font-size: 16px;
word-break: break-all;
}
.kf_month_left {
width: 50%;
float: left;
position: relative;
padding: 0 30px 17px 0;
text-align: right;
}
.kf_month_left:before {
content: "";
position: absolute;
right: -9px;
top: 24px;
width: 20px;
height: 20px;
border-radius: 100%;
background-color: #9c9c9c;
border: 5px solid #ececec;
box-shadow: 0px 0px 0px 10px #fff;
}
.kf_performance_bg {
float: left;
width: 100%;
}
.kf_chart {
float: left;
width: 100%;
}
.kf_chart #curve_chart {
width: 100%;
height: 250px;
}
.kode_yearly_performance, .kode_yearly_performance ul {
float: left;
width: 100%;
}
.kode_yearly_performance ul li {
width: 25%;
float: left;
position: relative;
padding: 35px 20px 37px;
text-align: center;
}
.kode_yearly_performance ul li h4 {
color: #fff;
margin-bottom: 5px;
line-height: normal;
}
.kode_yearly_performance p {
margin: 0px;
color: #fff;
font-size: 16px;
}
.kode_yearly_performance ul li:nth-child(odd) {
background-color: #2b2b2b;
}
.kode_yearly_performance ul li:nth-child(even) {
background-color: #353434;
}
.kode_event_detail_timer, .kode_event_orgnizer, .kode_summary, .kode_event_share, .kode_related_event {
border-bottom: 1px solid #d3d3d3;
}
.kode_event_detail_timer {
padding-bottom: 8px;
}
.kode_event_detail_timer, .kode_event_timer_des, .kode_event_orgnizer, .kode_orgnizer_wrap, .kode_summary, .kode_event_share, .kode_related_event, .kode_related_comment, .kode_leave_reply {
float: left;
width: 100%;
}
.kode_event_detail_timer figure {
margin-bottom: 24px;
}
.kode_event_detail_timer figure img {
width: 100%;
height: auto;
}
.event_timer_date {
width: 120px;
height: 120px;
position: absolute;
text-align: center;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
}
.event_timer_date:before {
content: "";
border: solid 1px;
position: absolute;
left: 100%;
height: 100%;
width: 500%;
}
.event_timer_date:after {
content: "";
border: solid 1px;
position: absolute;
right: 100%;
height: 100%;
width: 500%;
top: 0px;
}
.kode_border_top {
position: relative;
float: left;
width: 100%;
}
.kode_border_top:before {
content: "";
border: solid 1px;
position: absolute;
left: 0px;
height: 500%;
width: 100%;
}
.kode_border_top:after {
content: "";
border: solid 1px;
position: absolute;
left: 0px;
height: 500%;
width: 100%;
bottom: 0px;
}
.event_timer_date h2 {
color: #fff;
text-transform: uppercase;
font-weight: bold;
line-height: 55px;
padding-top: 28px;
}
.event_timer_date span {
display: block;
color: #fff;
font-size: 10px;
text-transform: uppercase;
}
.kode_event_timer_des p {
word-break: break-all;
margin-bottom: 17px;
}
.kode_event_timer_des h6 {
font-size: 20px;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: bold;
}
.kode_timer {
float: left;
width: 100%;
position: relative;
padding: 8px 0px 70px;
background-image: url(images/timer-bg-01.jpg);
background-size: cover;
background-position: center;
}
.kode_timer .kode_counter {
width: 85%;
margin: 0 auto;
left: 0px;
right: 0px;
}
.kode_timer:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0.9;
}
.kode_counter {
position: relative;
top: 0px;
width: 100%;
text-align: center;
z-index: 22;
}
.kode_counter h4 {
color: #fff;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 34px;
}
.kode_event_orgnizer, .kode_summary, .kode_related_event, .kode_related_comment, .kode_leave_reply {
padding: 29px 0px 23px;
}
.kode_event_share {
padding: 20px 0px 13px;
}
.kode_event_orgnizer h6, .kode_summary h6, .kode_related_event > h6, .kode_related_comment > h6, .kode_leave_reply h6 {
font-size: 20px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: bold;
line-height: 20px;
}
.kode_leave_reply > h6, .kode_related_comment > h6, .kode_related_event > h6, .kode_event_orgnizer > h6 {
margin-bottom: 20px;
}
.kode_related_event {
padding: 29px 0 26px;
}
.kode_orgnizer_wrap figure {
width: 110px;
border-bottom: 2px solid;
}
.kode_orgnizer_wrap figure img {
width: 100%;
height: auto;
}
.kode_orgnizer_des {
float: none;
padding: 0px 0px 0px 130px;
}
.kode_orgnizer_des h6 {
text-transform: uppercase;
margin-bottom: 8px;
line-height: normal;
}
.kode_orgnizer_des h6 span {
margin-left: 5px;
color: #999999;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}
ul.kode_orgnizer_email, ul.kode_orgnizer_social {
float: left;
width: 100%;
line-height: normal;
}
ul.kode_orgnizer_email {
margin-bottom: 2px;
}
.kode_orgnizer_email li {
width: 100%;
float: left;
color: #999999;
margin-bottom: 10px;
}
.kode_orgnizer_email li i {
margin-right: 10px;
}
.kode_orgnizer_email {
margin-bottom:;
}
ul.kode_orgnizer_social {
margin-bottom: 10px;
}
.kode_orgnizer_social li {
float: left;
position: relative;
}
.kode_orgnizer_social li a {
color: #999999;
padding: 0px 10px;
}
.kode_orgnizer_social li:first-child a {
padding-left: 0px;
}
.kode_summary ul li {
float: left;
width: 100%;
position: relative;
padding: 8px 0px 8px 35px;
}
.kode_summary ul li:before {
content: "\f00c";
font-family: fontawesome;
position: absolute;
top: 8px;
left: 0px;
font-size: 16px;
}
.kode_summary ul li a {
display: block;
line-height: normal;
}
.kode_event_share {
padding-left: 20px;
}
.kode_event_share ul li {
float: left;
position: relative;
}
.kode_event_share ul li a {
display: block;
text-transform: capitalize;
padding: 0px 10px 4px;
color: #999999;
}
.kode_event_list {
float: left;
width: 100%;
position: relative;
}
.kode_event_list figure {
margin-bottom: 14px;
}
.kode_event_list figure img {
width: 100%;
height: auto;
}
.kode_event_list > h6 > a {
display: block;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 7px;
}
.kode_event_list ul {
float: left;
width: 100%;
}
.kode_event_list ul > li {
float: left;
position: relative;
}
.kode_event_list ul > li > a {
padding: 0px 10px 6px;
font-size: 12px;
color: #999999;
}
.kode_event_list ul > li > a > i {
margin-right: 5px;
}
.kode_event_list ul li:first-child a {
padding-left: 0px;
}
.kode_event_list a {
color: #000000;
line-height: 20px;
word-break: break-all;
padding-right: 10px;
margin-bottom: 5px;
}
.kf_pagination {
border-bottom: 1px solid #d3d3d3;
padding: 20px 0px 19px;
}
.kf_pagination, .kf_pagination ul {
float: left;
width: 100%;
margin: 0px;
}
.kf_pagination ul li a {
border: 0px;
color: #222222;
font-size: 16px;
}
.kf_pagination ul li:hover a {
background: none;
}
.kode_related_comment {
padding-bottom: 18px;
}
.kode_related_comment ul {
float: left;
width: 100%;
}
.kode_related_comment ul li {
position: relative;
border-bottom: 1px solid #d3d3d3;
padding: 35px 0px 0px;
width: 100%;
float: left;
}
.kode_related_comment ul li ul {
border-top: 1px solid #d3d3d3;
}
.kode_related_comment > ul > li:first-child {
padding-top: 0px;
}
.kode_related_comment ul li figure {
width: 65px;
border-bottom: 1px solid;
}
.kode_related_comment ul li figure img {
width: 100%;
height: auto;
}
.kode_related_comment ul > li > .kode_comment_des p {
margin-bottom: 30px;
}
.kode_comment_des {
float: none;
padding: 0px 0px 0px 90px;
}
.kode_comment_author {
float: left;
margin-bottom: 10px;
}
.kode_comment_author h6 {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
line-height: 20px;
}
.kode_comment_author span {
display: inline-block;
margin-left: 10px;
color: #909090;
}
.kode_comment_des a {
display: inline-block;
text-align: right;
float: right;
}
.kode_comment_des a i {
margin-right: 5px;
}
.kode_comment_des a:hover {
color: #000000;
}
.kode_comment_des > p {
float: left;
width: 100%;
margin-bottom: 10px;
}
.kode_related_comment ul ul {
padding-left: 70px;
}
.kode_related_comment ul ul li {
padding-bottom: 0px;
}
.kode_related_comment ul li:last-child {
border-bottom: 0px;
padding-bottom: 0px;
}
.kode_leave_reply {
padding-bottom: 8px;
}
.kode_reply_field {
float: left;
width: 100%;
margin-bottom: 25px;
}
.kode_reply_field input[type="text"] {
width: 100%;
height: 45px;
border: 1px solid #dddddd;
padding: 8px 15px;
color: #939393;
}
.kode_reply_field textarea {
width: 100%;
height: 235px;
border: 1px solid #dddddd;
padding: 15px 15px;
resize: none;
color: #939393;
}
.kode_reply_field button {
margin-bottom: 13px;
}
.kode_news_detail {
float: left;
width: 100%;
}
.kode_news_detail figure {
border-bottom: 5px solid;
margin-bottom: 10px;
}
.kode_news_detail figure img {
width: 100%;
height: auto;
}
.kode_news_detail h4 {
font-weight: bold;
margin-bottom: 10px;
}
.kode_news_detail > ul {
float: left;
width: 100%;
border-bottom: 1px solid #dddddd;
padding-bottom: 15px;
margin-bottom: 15px;
}
.kode_news_detail > ul > li {
float: left;
padding: 0px 10px;
}
.kode_news_detail > ul > li > a {
color: #a1a1a1;
}
.kode_news_detail ul li i {
margin-right: 10px;
}
.kode_news_detail ul li:first-child {
padding-left: 0px;
}
.kode_news_detail p {
word-break: break-all;
margin-bottom: 10px;
}
.kode_news_detail blockquote {
padding: 50px 70px;
border-left: 0;
margin-bottom: 10px;
}
.kode_news_detail blockquote p {
font-size: 13px;
font-weight: bold;
color: #898989;
position: relative;
line-height: 1px;
}
.kode_news_detail blockquote p:before, .kode_news_detail blockquote p:after {
content: "\f10d";
position: absolute;
font-family: fontawesome;
font-size: 22px;
top: -30px;
left: -20px;
}
.kode_news_detail blockquote p:after {
content: "\f10e";
left: auto;
right: 0px;
bottom: -30px;
top: auto;
}
.kf_contactus {
float: left;
width: 100%;
position: relative;
}
.kf_contact_map {
float: left;
width: 100%;
}
.kf_contact_map .map-canvas {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
width: 100%;
}
.kf_location_wrap {
margin: auto;
padding: 70px 50px 55px;
width: 960px;
position: relative;
background: #fff;
opacity: 0.8;
}
ul.kf_office_name {
float: left;
width: 100%;
text-align: center;
margin: 0px 0px 50px;
}
.kf_office_name li {
display: inline-block;
position: relative;
border: 4px solid;
width: 30%;
margin-left: -4px;
}
.kf_office_name li a {
display: block;
color: #333236;
padding: 18px 0px;
font-size: 16px;
font-weight: bold;
line-height: normal;
}
.kf_office_name li.active a, .kf_office_name li:hover a, .kf_office_name li:focus a {
color: #fff;
}
.kf_location_info {
float: left;
width: 100%;
text-align: center;
}
.kf_location_info > i {
width: 70px;
height: 70px;
background-color: #1f1e22;
color: #fff;
border: 4px solid #d2d2d3;
border-radius: 100%;
line-height: 65px;
font-size: 30px;
margin-bottom: 22px;
}
.kf_location_info h6 {
color: #333236;
font-weight: bold;
text-transform: uppercase;
margin: 0px 0px 14px;
font-size: 20px;
}
.kf_location_info p, .kf_location_info span, .kf_location_info a {
color: #333236;
text-transform: uppercase;
margin: 0px;
}
.kf_location_info a {
display: inline-block;
margin-bottom: 10px;
}
.kf_location_info span {
display: block;
}
ul.kf_loc_socil_icon {
float: left;
width: 100%;
}
.kf_loc_socil_icon li {
display: inline-block;
position: relative;
}
.kf_loc_socil_icon li a {
display: block;
color: #1f1e22;
font-size: 16px;
padding: 0px 8px;
}
.kf_location_info:hover i {
background-color: #fff;
}
.kf_touch_field {
float: left;
width: 100%;
position: relative;
}
.kf_touch_field input[type="text"], .kf_touch_field textarea {
width: 100%;
height: 50px;
border: 1px solid #e5e6e9;
padding: 8px 15px;
color: #27282d;
margin-bottom: 30px;
color: #27282d;
}
.kf_touch_field textarea {
height: 150px;
}
.kf_touch_field input[type="submit"], .kf_touch_field button {
float: right;
}
.kf_touch_field button.kode_btn_1 {
border: 1px solid #000000;
padding: 12px 40px;
color: #474747;
}
.kf_touch_field button.kode_btn_1:before {
background-color: #474747;
}
.kf_touch_field button.kode_btn_1:hover {
color: #fff;
}
.kf_touch_img {
float: left;
width: 100%;
margin-top: -80px;
}
.kf_touch_img img {
width: 100%;
height: auto;
}
.kf_404_bg {
padding-bottom: 60px;
}
.kf_404_wrap {
width: 685px;
margin: auto;
text-align: center;
}
.kf_404_wrap h2 {
margin-top: -4px;
font-size: 100px;
color: #333333;
font-weight: bold;
line-height: 85px;
}
.kf_404_wrap h2 span {
font-size: 80px;
display: inline-block;
font-weight: bold;
padding: 0px 5px;
}
.kf_404_wrap h4 {
font-weight: bold;
text-transform: uppercase;
position: relative;
margin: 0px 0px 40px;
}
.kf_404_wrap h4:before {
content: "";
position: absolute;
bottom: 0px;
width: 50px;
left: 0px;
right: 0px;
margin: auto;
height: 2px;
}
.kf_404_wrap h5 {
color: #16283c;
text-transform: uppercase;
margin-bottom: 32px;
}
.kf_404_wrap h5 span {
display: block;
}
.kf_404_wrap p {
text-transform: uppercase;
color: #16283c;
margin-bottom: 43px;
}
.kf_404_form {
position: relative;
width: 535px;
height: 55px;
margin: auto auto 43px;
border: 1px solid #c8c8c8;
}
.kf_404_form input[type="text"] {
width: 100%;
border: 0px;
padding: 17px 60px 16px 40px;
color: #888888;
}
.kf_404_form button, .kf_404_form input[type="submit"] {
position: absolute;
right: 0px;
top: 0px;
color: #fff;
height: 53px;
padding: 0px 25px;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
}
.kf_404_form button:hover, .kf_404_form input[type="submit"]:hover {
background-color: #020202;
}
.kf_404_form i {
position: absolute;
font-size: 16px;
color: #b2b2b2;
left: 10px;
top: 19px;
}
.kf_page_list, .kf_page_list ul {
float: left;
width: 100%;
}
.kf_page_list p {
text-transform: uppercase;
font-size: 15px;
color: #666666;
}
.kf_page_list ul {
padding-left: 20px;
}
.kf_page_list ul li {
float: left;
position: relative;
width: 25%;
}
.kf_page_list ul li:before {
content: "\f105";
position: absolute;
font-family: fontawesome;
top: 6px;
left: 0px;
color: #666666;
font-size: 16px;
}
.kf_page_list ul li a {
display: block;
color: #666666;
padding: 8px 16px;
text-align: left;
text-transform: capitalize;
}
.kf_comming_bg {
background-image: url(images/comeing-soon.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
background-attachment: fixed;
padding-bottom: 66px;
}
.kf_comming_wrap, .kf_comming_counter {
float: left;
width: 100%;
text-align: center;
}
.kf_comming_counter {
margin-bottom: 50px;
}
.kf_comming_wrap a {
display: inline-block;
margin-bottom: 25px;
}
.kf_comming_counter h2 {
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
.kf_comming_counter h4 {
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 42px;
}
.kf_comming_counter ul.countdown:before, .kf_comming_counter ul.countdown:after {
display: none;
}
.kf_comming_counter ul.countdown li {
width: 100px;
height: 10px;
line-height: 60px;
background-color: rgba(255,255,255,0.5);
height: 150px;
width: 150px;
border: 0px;
text-align: center;
position: relative;
margin-left: 15px;
}
.kf_comming_counter ul.countdown li span {
background: none;
border: 0px;
padding-top: 10px;
}
.kf_comming_counter ul.countdown li p {
position: absolute;
bottom: 44px;
left: 0px;
right: 0px;
margin: auto;
color: #020202;
}
.kf_comming_form {
width: 560px;
margin: auto auto 50px;
position: relative;
}
.kf_comming_form form input[type="text"] {
width: 370px;
border: 1px solid #fff;
height: 50px;
float: left;
background: none;
padding: 8px 15px;
color: #fff;
}
.kf_comming_form button, .kf_comming_form input[type="submit"] {
text-transform: uppercase;
border: 1px solid #fff;
height: 50px;
padding: 0px 25px;
float: right;
background: none;
color: #fff;
}
.kf_comming_form button:hover, .kf_comming_form input[type="submit"]:hover {
color: #fff;
}
.kf_comming_social {
margin-top: 50px;
}
.kf_comming_social, .kf_comming_social ul {
float: left;
width: 100%;
text-align: center;
}
.kf_comming_social ul li {
display: inline-block;
position: relative;
}
.kf_comming_social ul li a {
display: block;
font-size: 18px;
padding: 0px 15px;
color: #fff;
}
.kf_team_listing_bg {
padding-bottom: 50px;
}
.kode_politician {
margin-bottom: 30px;
cursor: pointer;
}
.kode_politician:hover {
box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.18);
}
.kf_shortcode_bg {
padding-top: 57px;
}
.kode_shortcode_wrap, .kode_shortcode_inner_wrap {
width: 100%;
float: left;
padding-bottom: 50px;
position: relative;
}
.kode_shortcode_wrap:before, .kode_shortcode_inner_wrap:before {
content: "";
position: absolute;
bottom: 0px;
left: 16px;
right: 16px;
border-bottom: 1px solid #e1e1e1;
}
.kode_shortcode_heading {
float: left;
background: none;
padding-bottom: 30px;
}
.kode_shortcode_heading h4 {
border-bottom: 1px solid #e1e1e1;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 20px;
}
.kf_hdg_style {
float: left;
width: 100%;
}
.kode_shortcode_inner_wrap {
padding-top: 50px;
}
.kode_shortcode_para, .kode_shortcode_social, .kode_shortcode_btn {
width: 100%;
float: left;
}
.kode_shortcode_inner_wrap .kode_hdg_2, .kode_shortcode_inner_wrap .kode_hdg_3 {
background-color: #000000;
padding: 20px 0px;
}
.kode_shortcode_para p {
color: #666;
}
.kode_shortcode_inner_wrap .kode_news_detail {
border-bottom: 0px;
}
.kode_shortcode_social > ul {
padding-bottom: 25px;
}
.kode_shortcode_social > ul > li {
display: inline-block;
}
.kode_shortcode_social > ul > li > a {
font-size: 24px;
color: #666666;
padding: 0px 20px;
}
.kode_shortcode_social > ul > li:first-child a {
padding: 0px;
}
.kode_shortcode_inner_wrap .kode_scl_icon {
float: left;
width: 100%;
}
.kode_shortcode_inner_wrap .kode_scl_icon ul li a {
color: #000000;
}
.kode_shortcode_inner_wrap .kode_scl_icon ul li.active a, .kode_shortcode_inner_wrap .kode_scl_icon ul li:hover a {
color: #fff;
}
.kf_btn_list {
float: left;
width: 100%;
}
.kf_btn_list a {
margin: 20px;
width: 37%;
}
#special_button .kf_btn_list a {
margin: 10px;
}
.kode_shortcode_inner_wrap .kode-skills {
background-color: #000000;
}
.dl-menuwrapper button.dl-active:after {
background: #fff none repeat scroll 0 0;
box-shadow: 0 7px 0 #fff,0 14px 0 #fff;
}
.kode_event_des ul li a {
font-size: 14px;
line-height: 25px;
}
.post_bxslider li .kode_latest_blog_des {
background-color: whitesmoke;
color: black;
bottom: 0px;
width: 100%;
padding: 10px 80px 0px 25px;
display: none;
}
.post_bxslider li .kode_latest_blog_des h6 {
color: black;
}
.post_bxslider li:hover .kode_latest_blog_des {
display: block;
}
#journey-div .kode_link_2 {
border: 2px solid black;
padding: 3px 12px 5px;
color: black;
cursor: pointer;
float: right;
}
/*end new css*/
.mt-20{
margin-top:20px;
margin-bottom:20px;
}
.mt {
position: relative;
top: -43px;
}
@media only screen and (min-width:320px) and (max-width:768px) {
.kopa-header-bottom {
position: relative;
background: #ff9933;
}
.kopa-header-bottom.fixed {
position: fixed;
top: 0px;
background: #fe9c3b !important;
}
.kopa-header-top-2 {
background: #f93;
}
.mt {
position: unset;
top: 0px;
bottom: 14px;
margin-bottom: 37px;
}
.kode_program_list {
float: left;
width: 100%;
position: relative;
overflow: hidden;
margin: 7px;
border: 1px solid #fc9938;
}
.kopa-our-mission .widget_text .widget-title {
margin-top: 13px;
}
}
table th {
background: #f49333;
color: #fff;
font-weight: bold;
font-size: 18px;
}
@media only screen and (min-width:320px) and (max-width:768px) {
.right-area {
width: 100%;
height: auto !important;
}
h1, .h1, .widget-title.style2 {
font-size: 32px;
}
}