html {
width:100%
}
body {
font-size:16px;
font-family:Dosis, sans-serif;
font-weight:400;
color:#262626;
margin:0;
padding:0;
width:100%;
background-color:#d1d1d1;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:none;
font-smoothing:antialiased;
text-rendering:optimizeLegibility
}
a {
color:#262626;
outline:0;
text-decoration:none
}
a:hover {
color:#262626
}
a:active, a:focus, a:hover {
outline:0;
text-decoration:none
}
a:hover, a:focus {
color: #262626;
}
p {
line-height:23px
}
.fnt-size{font-size: 16px !important;}
h1, h2, h3, h4 {
padding:0;
margin:0 0 10px;
font-weight:400
}
h1 {
font-size:48px
}
h2 {
font-size:30px
}
h3 {
font-size:24px
}
ul {
list-style-type:none;
margin:0;
padding:0
}
button {
padding:0;
margin:0;
border:none;
outline:0;
background:0 0
}
.carousel-caption, .head-style{
font-size: 48px;
font-weight: 700;
color: #fff;
margin: 91px 0;
}
@media (max-width: 767px){
.carousel-caption, .head-style {
font-size: 24px;
margin: 20px 0;
}
}
#site-footer .footer-top .top-menu ul li a:after, #site-footer .footer-top .top-newsletter button, #site-footer .footer-top .top-newsletter input[type=text], #site-header .header-menu ul li a:after, #site-header .header-nav, .blog-horizontal .post .post-info .info-count ul li a, .blog-search .search-btn .fa, .blog-search input[type=text], .data-form input, .data-form select, .data-form textarea, .grid-clients .grid img, .header-search button, .header-search input[type=text], .owl-theme .owl-controls .owl-buttons div, .site-back-top:hover, .site-nav>ul.nav-default>li>a:before, .team-half .team-half-list .team-member, .team-horizontal .team .team-detail .detail-social, .transparent, .zoom-effect:after, .zoom-effect:before, a, button.btn, input.btn {
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.clear {
clear:both;
margin:0;
padding:0
}
.justify {
text-align:justify
}
.center {
text-align:center
}
.img-full {
width:100%
}
#cmptr_repair-work {
padding: 16px 0;
}
#cmptr_repair-work .seperator {
margin-top: 10px;
}
#cmptr_repair-work .seperator .big-line {
width: 82px;
height: 3px;
background: #d9d9d9;
}
#cmptr_repair-work .seperator .small-line {
width: 52px;
background: #d9d9d9;
height: 3px;
}
#cmptr_repair-work h1 {
font-size: 40px;
font-weight: 500;
color: #ff4100;
margin: 0px;
}
#cmptr_repair-work .work_main {
padding-bottom: 53px;
}
#cmptr_repair-work .work-section-1 ul,
#cmptr_repair-work .work-section-2 ul {
padding: 0px;
margin: 0px;
}
#cmptr_repair-work .work-section-1 ul>li,
#cmptr_repair-work .work-section-2 ul>li {
padding: 10px 9px 0px 9px;
margin: 0px 0px 35px;
line-height: 22px;
font-family: Dosis, sans-serif;
font-weight: normal;
color: #fff;
font-size: 14px;
list-style: none;
display: inline-flex; float: right;background: #fdfdfd;border-radius:5px;
}
#cmptr_repair-work .work-section-1 ul>li:hover {
background: #d7f1d5;border-radius:5px;cursor:pointer;
}
#cmptr_repair-work .work-section-2 ul>li:hover {
background: #d7f1d5;border-radius:5px;cursor:pointer;
}
.work-section-1 ul li{float:right !important;}
.work-section-2 ul li{float:left !important;}
#cmptr_repair-work .work-section-1 ul>li:last-child,
#cmptr_repair-work .work-section-2 ul>li:last-child {
margin-bottom: 0px;
}
#cmptr_repair-work .number i.fa {
width: 66px;
float: left;
border: 1px solid #a8ca00;
height: 66px;
line-height: 66px;
transition: all 0.5s ease 0s;
font-size: 24px;
text-align: center;
background-color: #a8ca00;
border-radius: 50%;
}
#cmptr_repair-work .number i.fa:hover {
background-color: #fff;
color: red;
transition: all 0.5s ease 0s;
border: 1px solid red;
}
#cmptr_repair-work .points-1 {
padding-right: 15px;
padding-top: 0px;
}
#cmptr_repair-work .points-2 {
padding-left: 15px;
}
#cmptr_repair-work .work-section-1 .points-1 h4 {
font-size: 20px;
color: #262626;
padding-bottom: 3px;
margin-top: 0;
text-align: right;
font-weight: 700;
text-transform: uppercase;
}
#cmptr_repair-work .work-section-2 .points-2 h4 {
font-size: 20px;
color: #262626;
padding-bottom: 3px;
text-transform: uppercase;
text-align: left;
font-weight: 700;
}
#cmptr_repair-work .work-section-1 .points-1 p {
text-align: right;
color: #262626;
font-size: 15px;
}
#cmptr_repair-work .work-section-2 .points-2 p {
text-align: left;
color: #262626;
font-size: 15px;
}
.wow1 {
text-align: center;
}
.features-line{border-right:1px dotted #c0c0c0 !important;}
.features-line2{border-left:1px dotted #c0c0c0 !important;}
#cmptr_repair-work .number .box-bx {
width: 100px;
float: left;
border:0px solid #a8ca00;
height: 100px;
line-height: 96px;
transition: all 0.5s ease 0s;
font-size: 24px;
text-align: center;
/* background-color: #a8ca00;*/
border-radius: 50%;
}
#cmptr_repair-work .number .box-bx {
width: 100px;
float: left;
border: 0px solid #a8ca00;
height: 100px;
line-height: 96px;
transition: all 0.5s ease 0s;
font-size: 24px;
text-align: center;
/* background-color: #a8ca00;*/
border-radius: 50%;
}
#cmptr_repair-work .number .box-bx:hover {border-radius:0px; transform: rotate(360deg);}
.box-bx img{}
.box-bx img:hover{border-radius:0px;border-radius: 100px}
.bg-hvr:hover .box-bx img{}
li.bg-hvr:hover .box-bx img{
border-radius: 100px !important;transform: rotate(360deg) !important;
}
li.bg-hvr:hover .box-bx {
border-radius: 100px !important;transform: rotate(360deg) !important;
}
.work-section-1 ul li:hover #cmptr_repair-work .number .box-bx img{border-radius:0px !important; }
.v-center {
position:absolute;
top:50%;
transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-ms-transform:translate(0, -50%)
}
.site-loader {
position:fixed;
width:100%;
height:100%;
z-index:9999;
text-align:center;
background-color:#fff
}
.site-loader img {
position:absolute;
left:50%;
top:50%;
margin-left:-15px;
margin-top:-15px
}
.site-back-top {
display:none;
width:50px;
height:50px;
line-height:50px;
text-align:center;
position:fixed;
bottom:0;
right:30px;
cursor:pointer;
z-index:999;
font-size:1.5em;
color:#FFF;
background-color:#262626
}
.site-back-top:hover {
background-color:#000
}
.space {
padding:3px 0
}
.space-20 {
padding:10px 0
}
.progress, .progress-bar {
font-size:14px;
height:30px;
line-height:30px
}
.progress-bar-yellow {
color:#262626;
background-color:#ffc740
}
.progress-bar-dark {
background-color:#262626
}
ul.list-default {
line-height:30px
}
.circle {
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
overflow:hidden;
position:relative;
background:url(../img/space.png) repeat scroll 0 0 transparent
}
.block {
display:block
}
.float-none {
float:none
}
.parallax {
background-size:cover;
background-position:0 0;
background-repeat:no-repeat
}
.shadow-bg {
background-color:rgba(0,0,0,.7)
}
.shadow-left {
background:-moz-linear-gradient(left, rgba(0,0,0,1) 0, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 100%);
background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(20%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
background:-webkit-linear-gradient(left, rgba(0,0,0,1) 0, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 100%);
background:-o-linear-gradient(left, rgba(0,0,0,1) 0, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 100%);
background:-ms-linear-gradient(left, rgba(0,0,0,1) 0, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 100%);
background:linear-gradient(to right, rgba(0,0,0,1) 0, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1)
}
.border-top {
border-top:1px solid #e1e1df
}
.title-big {
font-size:30px;
font-weight:600
}
.title-bigbig {
font-size:10em;
font-weight:800
}
.text-small {
font-size:14px
}
.text-space {
letter-spacing:2px
}
.text-light {
font-weight:300
}
.text-normal {
font-weight:400
}
.text-medium {
font-weight:500
}
.text-semibold {
font-weight:600
}
.text-bold {
font-weight:700
}
.text-extrabold {
font-weight:800
}
.text-yellow {
color:#ffc740
}
.transparent {
-ms-filter:"alpha(Opacity=0)";
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.transparent:hover {
-ms-filter:"alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1
}
.line-top {
padding-top:10px;
position:relative
}
.line-top:after {
content:"";
position:absolute;
left:50%;
top:0;
margin-left:-20px;
width:40px;
height:2px;
background-color:#d7f1d5
}
.line-bottom {
padding-bottom:10px;
position:relative
}
.line-bottom:after {
content:"";
position:absolute;
left:50%;
bottom:0;
margin-left:-20px;
width:40px;
height:2px;
background-color:#d7f1d5;
}
.fuature-grid{}
.fuature-grid:hover{ background: #f3f3f2;}
/*.fuature-grid:hover i{ color: #d7f1d5;}*/
.line-bottom.left:after {
left:0;
margin-left:0
}
.blog-paksco{ background: #fff;
padding: 15px;
text-align: left;}
.btn {
border:0;
padding:0 20px;
margin:0;
outline:0;
height:40px;
line-height:40px;
font-weight:600;
letter-spacing:2px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.btn:active, .btn:focus, .btn:hover {
outline:0!important
}
.btn-default {
background-color:#00357e;
color:#fff;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
color: #fff;
background-color: #76bd2a;
border-color: #76bd2a;
}
.btn-dark {
color:#FFF;
background-color:#262626;
}
.btn-dark:hover {
color:#FFF;
background-color:#505050;
}
.btn-border {
color: #fff;
border: 1px solid #a8ca00;
background:#a8ca00;
}
.icons-bx-icns{width:65px;height:65px;margin-bottom:10px;}
.btn-border:hover {
background-color: #a8ca00;
color: #fff !important;
}
.button-group .btn {
float:left;
margin-right:10px
}
.button-group .btn:last-child {
margin-right:0
}
.button-group.mini .btn {
height:30px;
line-height:30px;
padding:0 10px;
font-size:12px
}
.padding-all {
padding:40px
}
.padding-all-20 {
padding:20px
}
.padding-none {
padding:0
}
.padding-none-top {
padding-top:0
}
.padding-none-bottom {
padding-bottom:0
}
.padding-none-right {
padding-right:0
}
.padding-none-left {
padding-left:0
}
.padding-right-40 {
padding-right:40px
}
.padding-left-40 {
padding-left:40px
}
.padding-v15 {
padding-top:15px;
padding-bottom:15px
}
.margin-none {
margin:0
}
.margin-top-10 {
margin-top:10px
}
.margin-top-20 {
margin-top:20px
}
.margin-bottom-10 {
margin-bottom:10px
}
.margin-bottom-20 {
margin-bottom:20px
}
.margin-bottom-55 {
margin-bottom:55px
}
.margin-v15 {
margin-top:15px;
margin-bottom:15px
}
.margin-v20 {
margin-top:20px;
margin-bottom:20px
}
.margin-auto {
margin:0 auto
}
.nav-default li {
float:left
}
.nav-default li a {
display:inline-block
}
.nav-pager li {
margin-right:5px
}
.nav-pager li a {
width:40px;
height:40px;
line-height:40px;
text-align:center;
background-color:#FFF
}
.nav-pager li a:hover {
background-color:#e1e1e1
}
.nav-pager li.active a {
background-color:#ffc740
}
.box-white {
background-color:#FFF
}
.box-grey {
background-color:#ededed
}
/*.box-grey .owl-theme .owl-controls .owl-buttons div {
background-color:#fff
}*/
.box-grey .owl-theme .owl-controls .owl-buttons .owl-prev {
background-color:#a8ca00;color:#fff;
}
.box-grey .owl-theme .owl-controls .owl-buttons .owl-next {
background-color:#00357e;color:#fff;
}
.box-grey .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
background-color:#00357e;
}
.box-grey .owl-theme .owl-controls .owl-buttons .owl-next:hover {
background-color:#a8ca00;
}
.box-dark {
color:#FFF;
background-color:#262626;
}
.box-dark-light {
color:#FFF;
background-color:#636363;
}
.upvc-bg{background:url(../img/upvc-bg.jpg);background-attachment:fixed;}
.doors-bg{background:url(../img/doors-bg.jpg);background-attachment:fixed;}
.contact-bg{background:url(../img/contact-bg.jpg);background-attachment:fixed;background-size: cover;}
.gallery-bg{background:url(../img/gallery-bg.jpg);background-attachment:fixed;background-size: cover;}
.blog-bg{background:url(../img/blog-bg.jpg);background-attachment:fixed;background-size: cover;}
.about-bg{background:url(../img/about-bg.jpg);background-attachment:fixed;background-size: cover;}
.certification-bg{background:url(../img/certification-bg.jpg);background-attachment:fixed;background-size: cover;}
.product-features-bg{ background:url(../img/product-features-bg.jpg);background-attachment:fixed;background-size: cover;}
.design-styles-bg{background:url(../img/design-styles-bg.jpg);background-attachment:fixed;}
.wpc-bg{background:url(../img/wpc-bg.jpg);background-attachment:fixed;background-size: cover;}
.clients-bg{background:url(../img/clients-bg.jpg);background-attachment:fixed;background-size: cover;}
.wpc-features-bg{background:url(../img/wpc-features-bg.jpg);background-attachment:fixed;background-size: cover;}
.moulded-panel-bg{background:url(../img/moulded-panel-bg.jpg);background-attachment:fixed;background-size: cover;}
.veneered-moulded-bg{background:url(../img/veneered-moulded-bg.jpg);background-attachment:fixed;background-size: cover;}
.veneered-doors-bg{background:url(../img/veneered-moulded-bg.jpg);background-attachment:fixed;background-size: cover;}
.membrane-doors-bg{background:url(../img/membrane-doors-bg.jpg);background-attachment:fixed;background-size: cover;}
.laminated-doors-bg{background:url(../img/laminated-doors-bg.jpg);background-attachment:fixed;background-size: cover;}
.box-dark .owl-theme .owl-controls .owl-buttons div, .box-dark-light .owl-theme .owl-controls .owl-buttons div {
color:#FFF;
background-color:#151515
}
.box-dark .owl-theme .owl-controls .owl-buttons div:hover, .box-dark-light .owl-theme .owl-controls .owl-buttons div:hover {
color:#262626
}
.box-dark .owl-theme .owl-controls .owl-page span, .box-dark-light .owl-theme .owl-controls .owl-page span {
background-color:#151515
}
.box-yellow {
background-color:#a8ca00;
}
.box-yellow .owl-theme .owl-controls .owl-buttons div:hover {
color:#FFF;
background-color:#262626
}
.box-yellow .owl-theme .owl-controls .owl-page span {
background-color:#FFF
}
.feature-bx{padding: 5px 10px;
background: #fff;}
.feature-bx h5{margin: 5px 0px 0px 0px ;font-size: 13px;}
.feature-bx h6{margin-bottom: 5px;}
.zoom-effect {
display:block;
position:relative
}
.zoom-effect:before {
content:'';
opacity:0;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:rgba(0,0,0,.5)
}
.zoom-effect:after {
opacity:0;
font-family:FontAwesome;
content:"\f002";
position:absolute;
top:50%;
left:0;
width:100%;
text-align:center;
color:#FFF;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.zoom-effect:hover:after, .zoom-effect:hover:before {
opacity:1
}
.hover-effect {
position:relative
}
.hover-effect figcaption {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background-color:rgba(0,0,0,.8)
}
.hover-effect figcaption .caption-buttons {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%)
}
.hover-effect figcaption .caption-buttons a {
display:block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
float:left;
margin:0 5px;
color:#FFF;
border:1px solid #fff;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px
}
.hover-effect figcaption .caption-buttons a:hover {
border-color:#d7f1d5;
color:#d7f1d5
}
.social-icons li {
margin-left:10px;
width:30px;
height:30px
}
.social-icons li a {
width:30px;
height:30px;
line-height:30px;
text-align:center;
font-size:13px;
background-color: #a8ca00;
color: #fff;
}
.top-br .social-icons li a {
width: 24px;
height: 21px;
line-height: 21px;
text-align: center;
font-size: 13px;
background-color: #a8ca00;
color: #fff;
}
.social-icons li a:hover {
color:#FFF
}
.social-icons li a.facebook:hover {
background-color:#204385
}
.social-icons li a.twitter:hover {
background-color:#2aa9e0
}
.social-icons li a.google:hover {
background-color:#d3492c
}
.social-icons li a.linkedin:hover {
background-color:#02669a
}
.social-icons li:first-child {
margin-left:0
}
.social-icons.social-grey li a {
background-color:#f3f3f2
}
.social-icons.inline {
display:inline-block
}
.address-list li {
line-height:30px;
margin-bottom:10px
}
.address-list li .fa {
width:20px;
text-align:center;
margin-right:5px
}
.address-list.nav-default li {
margin-right:15px;
margin-bottom:0
}
.address-list.nav-default li:last-child {
margin-right:0;
margin-bottom:0
}
.tags-cloud li {
margin:0 5px 5px 0
}
.tags-cloud li a {
font-size:14px;
padding:5px 10px;
background-color:#f3f3f2
}
.tags-cloud li a:hover {
background-color:#ffc740
}
.tags-cloud.tags-white li a {
background-color:#fff
}
.tags-cloud.tags-white li a:hover {
background-color:#ffc740
}
.data-form label {
display:block;
font-weight:400
}
.data-form input[type=date], .data-form input[type=email], .data-form input[type=number], .data-form input[type=password], .data-form input[type=tel], .data-form input[type=text], .data-form input[type=url], .data-form select, .data-form textarea {
font-size:14px;
width:100%;
padding:10px;
margin:0;
outline:0;
border:1px solid #e1e1df
}
.data-form input[type=date], .data-form input[type=email], .data-form input[type=number], .data-form input[type=password], .data-form input[type=tel], .data-form input[type=text], .data-form input[type=url], .data-form select {
height:40px
}
.data-form select {
height:40px;
line-height:40px
}
.data-form textarea {
resize:none
}
.data-form input[type=date]:focus, .data-form input[type=date]:hover, .data-form input[type=email]:focus, .data-form input[type=email]:hover, .data-form input[type=number]:focus, .data-form input[type=number]:hover, .data-form input[type=password]:focus, .data-form input[type=password]:hover, .data-form input[type=tel]:focus, .data-form input[type=tel]:hover, .data-form input[type=text]:focus, .data-form input[type=text]:hover, .data-form input[type=url]:focus, .data-form input[type=url]:hover, .data-form select:focus, .data-form select:hover, .data-form textarea:focus, .data-form textarea:hover {
border-color:#d7f1d5
}
.data-form .row {
margin-bottom:15px
}
.data-form .row:last-child {
margin-bottom:0
}
.data-form .form-field {
position:relative
}
.data-form .form-field .fa {
position:absolute;
top:12px;
left:12px;
color:#bebebe
}
.data-form .form-field input[type=date], .data-form .form-field input[type=email], .data-form .form-field input[type=number], .data-form .form-field input[type=password], .data-form .form-field input[type=tel], .data-form .form-field input[type=text], .data-form .form-field input[type=url], .data-form .form-field select, .data-form .form-field textarea {
padding-left:34px
}
.col-half .owl-theme .owl-controls .owl-buttons {
top:-40px;
right:0
}
.col-half .owl-theme .owl-controls .owl-buttons div {
width:30px;
height:30px
}
.col-half .owl-theme .owl-controls .owl-buttons div:before {
width:30px;
height:30px;
line-height:30px
}
.col-half .grid-clients .owl-wrapper-outer, .col-half .testimonials-horizontal .owl-wrapper-outer {
min-height:200px
}
.section-header {
margin-bottom:40px;
position:relative
}
.testi-bx h2{color:#fff;}
.testi-bx h3{color:#fff;}
.section-header h1, .section-header h2 {
letter-spacing:2px;
font-weight:600
}
.section-header .text-yellow:hover {
color:#ffc740
}
.section-header .btn.v-center {
right:0
}
.section-header.inline {
margin-top:20px;
margin-bottom:0
}
.section-header.inline h3 {
margin-bottom:0
}
.section-header.banner {
margin:0
}
.section-header.banner h3 {
margin-bottom:0
}
.counter-list .countTo {
font-size:48px
}
.counter-list .line-top {
font-size:18px
}
.grid-list .row {
margin-right:-3px
}
.grid-list .grid {
border:1px solid #e1e1df;
margin-top:-1px;
margin-left:-1px;
padding: 10px 30px;
text-align:center;
}
.grid-clint{border: 1px solid rgb(255, 255, 255) !important;
margin-top: -1px;
margin-left: -1px;
padding: 11px 40px !important;
text-align: center;
cursor: pointer;
background: #262626; transition: .2s;}
.grid-clint:hover{transform: scale(1.1);z-index: 9; transition: .2s;}
.grid-list .fuature-grid{transition: .2s;}
.grid-list .fuature-grid:hover{background:#f1f1f1;}
.grid-list .grid p {
margin-bottom:0
}
.grid-list .grid .fa {
margin-bottom:20px
}
.mrg-bt-23{margin-bottom:30px !important;}
.mrg-bt-5{margin-bottom:5px !important;}
.grid-list.grid-vertical .grid {
text-align:left
}
.grid-list.grid-vertical .grid .line-bottom:after {
left:0;
margin-left:0
}
.grid-list.grid-vertical.with-icons .grid {
position:relative;
padding-left:140px
}
.grid-list.grid-vertical.with-icons .grid .fa {
position:absolute;
width:120px;
height:100%;
background-color:#FFF;
border-right:1px solid #e1e1df;
margin:0;
top:0;
left:0
}
.grid-list.grid-vertical.with-icons .grid .fa:before {
width:100%;
text-align:center;
position:absolute;
top:50%;
transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-ms-transform:translate(0, -50%)
}
.grid-list.grid-trans .grid {
border-color:#363636;
background-color:rgba(0,0,0,.5)
}
.grid-list.grid-dark .grid {
border-color:#515151
}
.grid-list.grid-none .grid {
border:0
}
.grid-list.grid-clients .row {
margin-left:1px;
margin-right:-1px;
margin-top:1px
}
.grid-list.grid-clients .grid {
padding:20px 15px
}
.grid-list.grid-clients .grid img {
-ms-filter:"alpha(Opacity=50)";
filter:alpha(opacity=50);
-moz-opacity:.5;
-khtml-opacity:.5;
opacity:.5
}
.grid-list.grid-clients .grid:hover img {
-ms-filter:"alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1
}
.grid-list#owl-clients-big .grid {
margin-top:inherit;
margin-left:inherit;
border-left:0;
border-bottom:0;
border-top:0
}
.grid-list#owl-clients-big .owl-wrapper-outer {
border:1px solid #e1e1df
}
.grid-list.grid-dark#owl-clients-big .owl-wrapper-outer {
border:1px solid #515151
}
.testimonials-horizontal .item-image {
display:inline-block;
width:90px;
height:90px;
border:4px solid #FFF
}
.testimonials-horizontal .item-image img {
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
overflow:hidden;
position:relative
}
.testimonials-horizontal .item-comment {
margin:10px 0
}
.team-horizontal .team .team-detail {
position:relative;
padding:10px 20px;
background-color:#d7f1d5
}
.team-horizontal .team .team-detail .detail-social {
position:absolute;
width:100%;
height:0;
bottom:100%;
left:0;
text-align:center;
background-color:#a8ca00;
overflow:hidden
}
.team-horizontal .team:hover .team-detail .detail-social {
height:30px
}
.team-horizontal .owl-controls .owl-buttons {
right:15px
}
.blog-horizontal .post, .team-horizontal.owl-carousel .team {
padding:0 15px
}
.blog-horizontal .post .post-photo, .blog-horizontal .post .post-photo img {
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
position:relative;
overflow:hidden
}
.blog-horizontal .post .post-photo figcaption {
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
overflow:hidden
}
.blog-horizontal .post .post-media iframe {
width:100%;
border:0;
overflow:hidden
}
.blog-horizontal .post .post-gallery .owl-pagination {
margin-top:0;
padding-top:15px;
background-color:#FFF
}
.blog-horizontal .post .post-desc h3 {
margin-top:10px;
font-size:18px
}
.blog-horizontal .post .post-desc h3 a {
display:block;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.blog-horizontal .post .post-info {
font-size:12px;
font-weight:700
}
.blog-horizontal .post .post-info .fa {
margin-right:10px
}
.blog-horizontal .post .post-info .info-date {
line-height:30px
}
.blog-horizontal .post .post-info .info-count ul li {
margin-left:10px
}
.blog-horizontal .post .post-info .info-count ul li a {
display:block;
height:30px;
line-height:30px;
padding:0 15px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
background-color:#f3f3f2
}
.blog-horizontal .post .post-info .info-count ul li a:hover {
background-color:#d7f1d5;color:#262626;
}
.blog-horizontal .owl-controls .owl-buttons {
right:15px
}
.blog-horizontal.blog-list .post {
margin-bottom:30px
}
.blog-horizontal.blog-list .post .post-photo, .blog-horizontal.blog-list .post .post-photo figcaption, .blog-horizontal.blog-list .post .post-photo img {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.blog-horizontal.blog-list .post .post-desc, .blog-horizontal.blog-list .post .post-info {
background-color:#FFF;
padding:15px
}
.blog-horizontal.blog-list .post .post-desc h3, .blog-horizontal.blog-list .post .post-desc p {
margin:0
}
.blog-horizontal.blog-list .post .post-desc h3 {
font-size:16px;
font-weight:700;
margin-bottom:10px
}
.blog-horizontal.blog-list .post .post-desc h3 a {
white-space:inherit;
text-overflow:inherit;
overflow:inherit
}
.blog-horizontal.blog-list .post .post-info {
border-top:1px solid #e1e1e1
}
.team-half .team-half-detail>div {
display:none
}
.team-half .team-half-detail>.active {
display:block
}
.team-half .team-half-detail .team-header .team-photo {
width:90px;
margin-right:20px;
border:4px solid #fff
}
.team-half .team-half-detail .team-header .team-name h4 {
margin-top:10px;
font-size:24px;
font-weight:500
}
.team-half .team-half-detail .team-desc {
margin:20px 0
}
.team-half .team-half-list .team-member {
margin-bottom:30px;
border:4px solid #FFF
}
.team-half .team-half-list .team-member.active {
border-color:#d7f1d5
}
.team-half .team-half-list .team-member .zoom-effect:after {
display:none
}
.price-table .table-item {
text-align:center
}
/*
Generic Styling, for Desktops/Laptops
*/
.table-vertical {
width: 100%;
height:auto;
border-collapse: collapse;
}
/* Zebra striping */
.table-vertical>tbody>tr:nth-of-type(odd) {
}
.table-vertical>thead>tr>th {
background: #fff;
color: #000;
font-weight: bold;
}
.table-vertical>tbody>tr>td, .table-vertical>thead>tr>th {
padding: 6px;
border-top: 1px solid #ddd;
text-align: left;
vertical-align: middle;
border: 1px solid #000;
}
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.table-vertical thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.table-vertical>thead>tr, .table-vertical>tbody>tr{ border: 1px solid #ccc; }
.table-vertical>thead>tr>td, .table-vertical>tbody>tr>td{
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
}
.table-vertical>tbody>tr>td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/*
Label the data
*/
.table-vertical>tbody>tr>td:before { content: attr(data-th); }
}
.advantage-bx table{ border: 1px solid #ddd;}
.advantage-bx table th{border-top: 0px solid #ddd !important; }
.advantage-bx table td{border-top: 0px solid #ddd !important; }
.clr-green{color:#76bd2a !important;}
.price-table .table-item .table-header {
color:#fff;
background-color:#262626;
border-left:1px solid #111
}
.price-table .table-item .table-header .header-price, .price-table .table-item .table-header .header-title {
padding:10px 20px
}
.price-table .table-item .table-header .header-title {
font-size:24px;
font-weight:800;
background-color:rgba(0,0,0,.3)
}
.price-table .table-item .table-header .header-price {
font-size:30px;
font-weight:800;
color:#ffc740
}
.price-table .table-item .table-header .header-price p, .price-table .table-item .table-header .header-price small {
font-size:18px;
font-weight:600;
color:#999
}
.price-table .table-item .table-content {
color:#262626;
border-left:1px solid #e1e1e1;
background-color:#f3f3f2
}
.price-table .table-item .table-content ul li {
line-height:40px;
padding:0 20px;
border-bottom:1px solid #e1e1e1
}
.price-table .table-item .table-content ul li:last-child {
border-bottom:none
}
.price-table .table-item .table-content ul li:nth-child(even) {
background-color:#FFF
}
.price-table .table-item .table-footer {
border:1px solid #e1e1e1;
border-right:0;
padding:20px;
background-color:#FFF
}
.price-table .table-item.active {
position:relative;
z-index:2;
top:-10px;
-webkit-box-shadow:0 0 20px rgba(50,50,50,.3);
-moz-box-shadow:0 0 20px rgba(50,50,50,.3);
box-shadow:0 0 20px rgba(50,50,50,.3)
}
.price-table .table-item.active .table-header {
background-color:#ffc740;
border-color:transparent
}
.price-table .table-item.active .table-header .header-title {
background-color:rgba(0,0,0,.1);
padding-top:15px;
padding-bottom:15px
}
.price-table .table-item.active .table-header, .price-table .table-item.active .table-header .header-price, .price-table .table-item.active .table-header .header-price p, .price-table .table-item.active .table-header .header-price small {
color:#333
}
.price-table>div:last-child .table-item .table-header {
border-right:1px solid #000
}
.price-table>div:last-child .table-item .table-content, .price-table>div:last-child .table-item .table-footer {
border-right:1px solid #e1e1e1
}
.blog-archive h4, .blog-category h4, .blog-recents h4, .blog-search h4, .blog-tags h4 {
font-weight:700;
margin-bottom:20px
}
.blog-category, .blog-recents, .blog-search, .blog-tags {
margin-bottom:40px
}
.blog-archive ul li, .blog-category ul li, .blog-recents ul li {
margin-bottom:10px
}
.blog-category ul li {
margin-bottom:5px
}
.blog-archive ul li:last-child, .blog-category ul li:last-child, .blog-recents ul li:last-child {
margin-bottom:0
}
.blog-archive ul li a, .blog-recents ul li a {
color:#666
}
.blog-archive ul li a:hover, .blog-recents ul li a:hover {
color:#262626
}
.blog-search form {
position:relative
}
.blog-search input[type=text] {
width:100%;
height:36px;
padding:10px 36px 10px 10px;
border:1px solid #e1e1df;
outline:0;
font-size:14px
}
.blog-search input[type=text]:focus, .blog-search input[type=text]:hover {
border-color:#ffc740
}
.blog-search .search-btn {
width:34px;
height:34px;
position:absolute;
top:1px;
right:1px;
padding:0;
border:0;
outline:0;
color:#666;
background:0 0
}
.blog-search .search-btn:hover .fa {
color:#262626
}
.blog-category ul li a {
padding: 0 10px;
font-size: 14px;
width: 100%;
text-align: left;
}
.blog-recents ul li a {
display:block;
padding-bottom:10px;
border-bottom:1px solid #e1e1e1
}
.blog-recents ul li a span {
display:block;
font-size:12px;
margin-top:10px;
color:#999
}
.blog-recents ul li a span .fa {
margin-right:10px
}
.blog-recents ul li:last-child a {
padding-bottom:0;
border-bottom:0
}
.blog-archive ul li a {
display:block
}
.blog-archive ul li a:hover {
color:#181819
}
.post-detail .post-media.type-parallax {
padding:100px 0
}
.post-detail .post-comments .comment-list {
margin-bottom:20px
}
.post-detail .post-comments .comment-list .comment {
position:relative;
padding-left:90px
}
.post-detail .post-comments .comment-list .comment .comment-avatar {
width:70px;
height:70px;
position:absolute;
top:0;
left:0
}
.post-detail .post-comments .comment-list .comment .comment-info {
padding:15px;
margin-bottom:20px;
background-color:#f3f3f2;
position:relative
}
.post-detail .post-comments .comment-list .comment .comment-info:before {
position:absolute;
display:inline-block;
content:'';
top:18px;
left:-10px;
width:0;
height:0;
border-top:15px solid transparent;
border-right:15px solid #f3f3f2;
border-bottom:15px solid transparent
}
.post-detail .post-comments .comment-list .comment .comment-info .comment-date, .post-detail .post-comments .comment-list .comment .comment-info .comment-message {
margin-bottom:10px
}
.post-detail .post-comments .comment-list .comment .comment-info .comment-date {
display:block;
margin-bottom:10px;
font-size:14px;
color:#999
}
.post-detail .post-comments .comment-list .comment .comment-info .comment-reply .btn {
font-size:12px;
height:30px;
line-height:30px
}
.post-detail.row .post-tags {
margin-bottom:30px
}
.post-detail.row .post-comments .comment-list .comment .comment-info .comment-message {
font-size:14px
}
.site-nav {
display:none;
width:250px;
height:100%;
position:fixed;
top:0;
left:-250px;
z-index:100;
padding-top:30px;
background-color:#1a1919
}
.site-nav ul.nav-default {
margin-bottom:30px
}
.site-nav ul.nav-default li {
float:none
}
.site-nav ul.nav-default li a {
display:block;
white-space:nowrap;
text-overflow:ellipsis;
height:30px;
line-height:30px;
font-size:12px;
font-weight:600;
letter-spacing:2px;
color:#FFF;
padding:0 20px;
position:relative
}
.site-nav ul.nav-default li.active>a, .site-nav ul.nav-default li:hover>a {
color:#d7f1d5
}
.site-nav ul.nav-default li ul {
display:none;
padding:15px 0;
background-color:#141313
}
.site-nav>ul.nav-default>li>a:before {
display:inline-block;
content:" ";
width:0;
height:2px;
position:absolute;
left:0;
top:50%;
margin-top:-1px;
background-color:#ffc740
}
.site-nav>ul.nav-default>li:hover>a:before, .site-nav>ul.nav-default>li>a.opened:before {
width:10px
}
.site-nav .header-search, .site-nav ul.address-list, .site-nav ul.social-icons {
border-top:1px solid #141313;
padding:15px
}
.site-nav .header-search {
display:block
}
.site-nav .header-search input[type=text] {
width:100%;
background-color:#0c0c0c
}
.site-nav ul.address-list li, .site-nav ul.address-list li a {
font-size:14px;
color:#666
}
.site-nav ul.address-list li {
margin:0
}
.site-nav ul.address-list li:hover a {
color:#d7f1d5
}
.site-nav ul.social-icons li {
float:left
}
.site-nav ul.social-icons li a {
display:inline-block;
background-color:transparent;
border:1px solid #666;
color:#FFF;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.site-nav ul.social-icons li a:hover {
border-color:transparent
}
.header-search {
font-size:11px;
display:inline-block
}
.header-search form {
position:relative
}
.header-search input[type=text] {
width:180px;
height:28px;
line-height:18px;
margin:0;
outline:0;
padding:5px 40px 5px 15px;
border:none;
color:#FFF;
background:#1a1919;
-webkit-border-radius:14px;
-moz-border-radius:14px;
border-radius:14px;
-webkit-box-shadow:1px 1px 0 0 rgba(57,56,56,.4);
-moz-box-shadow:1px 1px 0 0 rgba(57,56,56,.4);
box-shadow:1px 1px 0 0 rgba(57,56,56,.4)
}
.header-search input[type=text]:active, .header-search input[type=text]:focus, .header-search input[type=text]:hover, .header-search:hover input[type=text] {
border-color:#000;
background-color:#000
}
.header-search button {
width:40px;
height:28px;
color:#999;
position:absolute;
top:0;
right:0;
text-align:center;
}
.header-search:hover button {
color:#fff;
}
#site-container.site-sticky #site-header, #site-container.site-sticky #site-header.fixed {
position:fixed;top: 0px;
}
.top-br{background:#0057a3; padding: 0px 0px;
color: #fff;}
.top-br a{color:#fff;}
/*.header-logo img{box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.16);}*/
#site-header {
width:100%;
}
#site-header .header-inner {
/*background-color:#a8ca00;*/
background:#76bd2a;
border-bottom: 4px solid #fff500;
}
#site-header .wrapper {
padding:0 40px;
}
.nav-pad{ padding: 46px 0px;}
#site-header .header-logo {
/*position:absolute;
z-index:99*/
}
.header-inner {
padding: 0px !important;
}
#site-header .header-search {
position:absolute;
top:-42px;
right:40px;
}
#site-header .header-nav {
display:none;
width: 30px;
height: 30px;
line-height: 30px;
/* overflow: hidden; */
text-align: center;
color: #FFF;
cursor: pointer;
padding-top: 40px;
float: right;
}
#site-header .header-nav.active {
color:#1a1919;
}
#site-slider .slide-caption {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
/*background:-moz-linear-gradient(to right, rgba(0, 0, 0, 0.19) 0, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.06) 100%);
background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(20%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
background:-webkit-linear-gradient(to right, rgba(0, 0, 0, 0.19) 0, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.06) 100%);
background:-o-linear-gradient(to right, rgba(0, 0, 0, 0.19) 0, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.06) 100%);
background:-ms-linear-gradient(to right, rgba(0, 0, 0, 0.19) 0, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.06) 100%);
background:linear-gradient(to right, rgba(0, 0, 0, 0.19) 0, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.06) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);*/
background:rgba(0, 0, 0, 0.36);
}
#site-slider .slide-caption h2 {
font-size:48px;
font-weight:700;
color:#fff;
margin:20px 0;
}
#site-slider .slide-caption h3 {
color:#fff;
margin-bottom:40px;
}
#site-slider .slide-caption h5 {
font-weight:500;
color:#fff;
margin-top:0;
}
#site-slider .slide-caption h5:after {
left:0;
width:20px;
margin-left:0
}
#site-slider .slide-caption .v-center {
width:100%
}
#site-footer .wrapper {
padding:0 40px
}
#site-footer .footer-top {
padding:40px 0
}
#site-footer{background:#25272b;}
#site-footer .footer-top .top-logo {
margin:-40px 20px 0 0;
float:left
}
#site-footer .footer-top .top-menu {
margin-bottom:30px
}
#site-footer .footer-top .top-menu ul li {
margin-left:10px
}
#site-footer .footer-top .top-menu ul li a {
display:inline-block;
height:30px;
line-height:30px;
font-size:12px;
letter-spacing:2px;
font-weight:600;
position:relative
}
#site-footer .footer-top .top-menu ul li a:after {
content:"";
width:0;
height:2px;
position:absolute;
left:0;
bottom:0;
background-color:#d5f1c8;
}
#site-footer .footer-top .top-menu ul li:hover a:after {
width:50%
}
#site-footer .footer-top .top-menu ul li:first-child {
margin-left:0
}
#site-footer .footer-top .top-newsletter {
position:relative
}
#site-footer .footer-top .top-newsletter button, #site-footer .footer-top .top-newsletter input[type=text] {
display:inline-block;
height:40px;
font-size:13px;
border:1px solid silver;
background-color:#cacaca
}
#site-footer .footer-top .top-newsletter button {
width:40px;
position:absolute;
top:0;
right:0
}
#site-footer .footer-top .top-newsletter input[type=text] {
width:240px;
padding:10px 50px 10px 10px;
-webkit-box-shadow:1px 1px 0 0 rgba(218,218,218,1);
-moz-box-shadow:1px 1px 0 0 rgba(218,218,218,1);
box-shadow:1px 1px 0 0 rgba(218,218,218,1)
}
#site-footer .footer-top .top-newsletter button:focus, #site-footer .footer-top .top-newsletter button:hover {
outline:0;
background-color:#c1c1c1
}
#site-footer .footer-top .top-newsletter input[type=text]:focus, #site-footer .footer-top .top-newsletter input[type=text]:hover {
outline:0;
background-color:#e8e8e8
}
#site-footer .footer-bottom, #site-footer .footer-middle {
padding:20px 0
}
#site-footer .footer-middle {
border-top:1px solid silver;
border-bottom:1px solid silver
}
.footer-wrapper {
background: #25272b;
padding-top: 60px;
background-attachment: fixed;
padding-bottom: 50px;
}
.footer-wrapper h3 {
color: #fff;
font-weight: 300;
font-size: 20px;
margin: 0 0 25px 0;
border-bottom: 1px dashed #737374;
padding-bottom: 15px;
}
.footer-wrapper p, .footer-wrapper a {
color: #acacac;
margin: 0 0 5px;
}
.footer-wrapper ul {
margin: 0;
}
.footer-wrapper li {
list-style: none;
padding: 0 0 5px 0;
}
.footer-wrapper p, .footer-wrapper a {
color: #acacac;
margin: 0 0 5px;
}
.footer-wrapper a:hover {
color: #a8ca00;
letter-spacing: 1px;
font-weight: normal;
}
.footer-wrapper p strong {
color: #fff;
font-weight: 400;
}
.footer-wrapper p, .footer-wrapper a {
color: #acacac;
margin: 0 0 5px;
}
footer {
padding: 7px 0 7px 0;
float: left;
width: 100%;
background: #141618;
}
footer p {
margin: 0px 0 0 0;
color: #6c6c6c;
font-size: 16px;
text-align: left;
padding: 10px 0px;
}
.powerdby {
width: 100%;
text-align: right;
float: left;
color: #7f7f7f;
margin-top: 0px; padding:10px 22px 10px 0px;
}
.powerdby a {
color: #aa15fb !important;
}
.back-padding{
padding: 150px 0 !important;
}