body, html{
height: 100%;
}
@media (min-width: 1200px){
.container-fluid{
max-width: 1510px;
padding: 0;
}
}
/*
ul.custom {
list-style-image: url(https://www.confidentialcontainersdev.co.uk.gridhosted.co.uk/storage/app/media/uploaded-files/index.gif);
} */
.custom-list {
list-style: none;
padding-left: 0;
}
.custom-list li {
position: relative;
padding-left: 20px;
}
.custom-list li:before {
content: '';
width: 12px;
height: 12px;
position: absolute;
background-image: url('/storage/app/media/uploaded-files/checked.png');
background-size: cover;
background-position: center;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.header .header-content .navbar-brand>img{
max-width: 280px;
}
.header .header-content .navbar-fixed-top{
background:#ffffff;
}
.navbar-header .navbar-brand{
padding-left:0;
}
.header .header-content .navbar-nav>li>a{
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 22px;
font-style: normal;
color: #000000;
}
.header .header-content .navbar-right{
padding: 30px 0;
}
.header .header-content .navbar{
min-height: 111px;
margin-bottom: 0;
border: 0;
}
.header .header-content .header-top {
border-bottom: 6px solid #3c3c3b;
}
.index .section-top{
background-image: url(/storage/app/media/home-background.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position:center;
}
/*.page-main {
margin-top: 116px;
}*/
.banner-text {
padding: 250px 0;
}
.banner-text h2 {
font-size: 47px;
color: #ffffff;
font-family: 'Emy Slab Alt';
font-weight: 900;
font-style: normal;
text-shadow: 0px 0px 0px #37979f, 0 1px 12px #37979f, 0 0 0px #37979F;
}
.banner-text p {
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 35px;
font-style: normal;
color: #000000;
text-shadow: 0px 0px 0px #37979f, 0 1px 12px #37979f, 0 0 0px #37979F;
margin-top: 30px;
text-align: center;
}
.section-title h1 {
text-align: center;
margin: 60px 0;
font-family: 'Emy Slab';
font-weight: 900;
font-style: normal;
font-size: 48px;
}
.section-product {
background: url(/storage/app/media/shutterstock_292907945.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-bottom:300px;
}
.section-product .products-grid{
background: #ffffff;
}
.section-product .product-item {
border: 8px solid #3998a0;
padding-bottom: 33px;
}
.section-product .product-item .product-name p {
font-size: 36px;
color: #3c3c3b;
font-family: 'Emy Slab Alt Black It';
font-weight: 900;
font-style: italic;
text-align: center;
padding-top: 18px;
margin: 0;
}
.section-product .product-item .product-image {
min-height: 344px;
}
.section-product .product-item .product-details {
text-align: center;
padding: 0 15px;
}
.section-product .product-item .product-details p {
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 16px;
padding: 15px 0;
min-height:95px;
}
.section-product .product-item .product-details a {
border: 1px solid #b8d583;
color: #b8d583;
padding: 5px 18px;
text-transform: uppercase;
font-size: 19px;
font-family: 'Emy Slab';
font-weight: 500;
font-style: normal;
text-decoration: none;
}
.section-product .product-item .product-details a:hover{
background: #3998a0;
border: 1px solid #3998a0;
color: #ffffff;
}
.down-arrow {
text-align: center;
padding: 60px 0
}
.down-arrow a {
font-size: 70px;
color: #c6d5df;
padding-left: 0;
}
.down-arrow a:hover {
color: #3998a0;
}
.section-excellane {
background: url(/storage/app/media/shutterstock_400868116.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-bottom:300px;
}
.excellane{
background: #ffffff;
}
.section-excellane .excellane-text{
text-align: center;
padding:0 15px;
padding-bottom: 40px;
}
.section-excellane .excellane-text p {
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 18px;
font-style: normal;
color: #717171;
text-align: left;
line-height: 30px;
}
.section-excellane .excellane-text a {
border: 1px solid #b8d583;
color: #b8d583;
padding: 5px 18px;
text-transform: uppercase;
font-size: 19px;
font-family: 'Emy Slab';
font-weight: 500;
font-style: normal;
text-decoration: none;
margin-top: 30px;
display: inline-block;
}
.section-excellane .excellane-text a:hover{
background: #3998a0;
border: 1px solid #3998a0;
color: #ffffff;
}
.news-details .news-title h3{
font-family: 'Emy Slab Alt';
font-weight: 600;
font-style: normal;
font-size: 40px;
margin: 0;
padding: 25px 0;
}
.news-image img {
width: 100%;
}
.news-details p {
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 18px;
font-style: normal;
margin-bottom: 22px;
}
.news-details ul {
padding:0;
}
.news-details ul li {
list-style-type: none;
}
.news-details a.btn-redmore {
border: 1px solid #b8d583;
color: #b8d583;
padding: 5px 18px;
text-transform: uppercase;
font-size: 19px;
font-family: 'Emy Slab';
font-weight: 500;
font-style: normal;
text-decoration: none;
margin-top: 20px;
display: inline-block;
}
.news-details a.btn-redmore:hover{
background: #3998a0;
border: 1px solid #3998a0;
color: #ffffff;
}
.section-news{
background: #ffffff;
background: url(/storage/app/media/dp-components-slider.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-bottom: 150px;
}
.section-news .home-news {
background: #ffffff;
padding-bottom: 70px;
}
.news-details .post-list h3{
font-family: 'Emy Slab Alt';
font-weight: 600;
font-style: normal;
font-size: 40px;
margin: 0;
padding: 25px 0;
}
.news-details .post-list a{
color:#333333;
}
.news-view{
margin-top: 20px;
padding-bottom:50px;
}
.news-view .featured-images img{
width: 100%;
}
.news-view .content p {
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 18px;
font-style: normal;
}
/* Product category page css start */
#thumbs .item{
height:auto;
}
.disclaimer-test {
padding: 32px 0;
}
.page-products .section-product {
padding-bottom: 100px;
}
.section-product .product-item .product-details .product-name p {
font-family: 'Emy Slab Alt';
font-weight: 600;
font-style: normal;
font-size: 40px;
}
.product .content #description.desp p {
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 16px;
font-style: normal;
color: #717171;
}
.product .custom-list li{
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 16px;
font-style: normal;
color: #717171;
}
.product .page-title h1 {
font-family: 'Emy Slab Alt';
font-weight: 600;
font-style: normal;
font-size: 40px;
padding-bottom: 33px;
text-transform: capitalize;
position:relative;
}
.product .page-title h1:after {
background: #f0f0f0;
width: 40px;
content: '';
height: 2px;
position: absolute;
bottom: 23px;
left: 0;
}
.product #description.desp h2 {
font-family: monospace;
font-family: 'Emy Slab Alt';
font-weight: 600;
font-style: normal;
font-size: 28px;
}
.free-link-today {
background: #7faa43;
text-align: center;
padding: 15px 58px;
margin-top: 40px;
}
.free-link-today p {
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 18px;
font-style: normal;
color: #ffffff;
text-transform: uppercase;
padding-bottom: 2px;
}
.free-link-today h2 {
color: #ffffff;
text-transform: uppercase;
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 25px;
border-top: 3px solid #ffffff;
display: inline-block;
margin: 0;
font-family: 'Emy Slab Alt';
font-weight: 600;
padding-top: 13px;
}
.disclaimer-test h2{
font-family: 'Emy Slab Alt';
font-weight: 600;
font-style: normal;
font-size: 28px;
}
.disclaimer-test p{
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 16px;
font-style: normal;
color: #717171;
}
/* Abouts css start */
.section-about {
background: #ffffff;
margin-top: 155px;
padding: 60px 0;
}
.section-about .about-text{
text-align: center;
}
.section-about .about-text p {
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 21px;
font-style: normal;
color: #000000;
text-align: center;
line-height: 30px;
font-family: 'Emy Slab';
font-weight: 300;
font-style: normal;
}
.about .parallax{
background-image: url(/storage/app/media/About.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.section-about .section-title h1 {
margin: 0;
padding: 20px 0;
font-family: 'Emy Slab Alt';
font-weight: bold;
font-style: normal;
font-size: 50px;
}
.section-column {
padding: 170px 0;
}
.about-content1 {
background: url(/storage/app/media/About_1.png);
text-align: center;
padding: 33px 15px;
background-repeat: no-repeat;
background-size: cover;
height:270px;
}.about-content2 { background: url(/storage/app/media/About_2.png); text-align: center; padding: 33px 15px; background-repeat: no-repeat; background-size: cover; height:270px;}
.about-content3 { background: url(/storage/app/media/About_3.png); color:#ffffff; text-align: center; padding: 33px 15px; background-repeat: no-repeat; background-size: cover; height:270px;}
.about-data-title h3 {
text-align: center;
font-family: 'Emy Slab Alt';
font-weight: bold;
font-style: normal;
font-size: 35px;
margin: 0;
padding-bottom: 17px;
}
.about-description p {
font-size: 20px;
font-family: 'Emy Slab';
font-weight: 300;
font-style: normal;
line-height: 24px;
}
/* Abouts css End */
/* news page Start */
.section-news-page {
background: #ffffff;
padding-bottom: 100px;
}
.product-category .section-product {
margin-bottom: 95px;
background:#ffffff;
padding-bottom:0;
}
.section-news-page .section-title h1 {
font-family: 'Emy Slab Alt Black It';
font-weight: 900;
font-style: italic;
text-transform: capitalize;
}
.section-news-page .news-item .news-details .news-name {
min-height: 200px;
}
.section-news-page .news-item {
border: 8px solid #3998a0;
padding-bottom: 33px;
}
.section-news-page .news-item .news-name p {
font-size: 36px;
color: #3c3c3b;
font-family: 'Emy Slab Alt Black It';
font-weight: 900;
font-style: italic;
padding-top: 18px;
margin: 0;
}
.section-news-page .news-item .news-details {
text-align: left;
padding: 0 25px;
}
.section-news-page .news-item .news-details p {
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 16px;
padding: 15px 0;
min-height: 95px;
}
.section-news-page .news-item .news-details a {
border: 1px solid #b8d583;
color: #b8d583;
padding: 5px 18px;
text-transform: uppercase;
font-size: 19px;
font-family: 'Emy Slab';
font-weight: 500;
font-style: normal;
text-decoration: none;
margin-top: 50px;
}
.section-news-page .news-item .news-details a:hover{
background: #3998a0;
border: 1px solid #3998a0;
color: #ffffff;
}
.section-news-page .news-item .news-details .news-name p {
font-family: 'Emy Slab Alt';
font-weight: 600;
font-style: normal;
font-size: 40px;
}
/* news page Start */
/* theanks page start*/
.space{
margin:290px auto;
}
.space .thanks-page{
width:100%;
margin:0 auto;
}
/* theanks page end*/
/* Faq Page css start */
.section-faq .section-title h1{
font-family: 'Emy Slab Alt Black It';
font-weight: 900;
font-style: italic;
}
.cms-faq .parallax {
background-image: url(/storage/app/media/faq_back.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.section-faq {
background: #ffffff;
margin-top: 155px;
padding: 60px 0;
margin-bottom: 150px;
padding-top: 0;
}
.section-faq .faq-text{
text-align: center;
}
.faq-collapsible ul li {
list-style-type: none;
padding: 0;
margin-bottom: 15px;
}
.faq-collapsible h3.accordion_question {
margin: 0;
font-size: 26px;
cursor: pointer;
padding: 15px 10px;
font-family: 'Emy Slab Alt';
font-weight: 600;
font-style: normal;
background-color: #7eaa36;
border-color: #7eaa36;
}
.faq-collapsible ul {
padding: 0;
}
.faq-collapsible .plusminus {
float: right;
border: 2px solid #ffffff;
padding: 0px 5px;
border-radius: 20px;
width: 28px;
height: 28px;
line-height: 20px;
font-size: 25px;
color: #ffffff;
}
.faq-collapsible .accordion_content {
border: 1px solid #7eaa37;
display: block;
padding: 15px;
}
.faq-collapsible .accordion_content p {
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 18px;
font-style: normal;
color: #717171;
line-height: 30px;
}
/* Faq Page css End */
/* Contact page */
.contact .contact-form .ContactUsForm .form-groups {
display:block !important;
}
.section-contact {
background: #ffffff;
padding-bottom: 150px;
}
.call-details h1, .email-details h1{
font-family: 'Emy Slab Alt';
font-weight: 600;
font-style: normal;
font-size: 40px;
margin-top: 0;
}
.contact-address ul{
padding:0;
}
.call-details ul li {
list-style-type: none;
font-size: 18px;
margin: 14px 0;
}
.email-details ul li {
font-family: 'Cocogoose Condensed';
font-weight: 300;
font-size: 18px;
list-style-type: none;
margin: 20px 0;
}
.contact-address {
padding-left: 82px;
}
.option1 .form-group .font {
font-family: 'Emy Slab Alt';
font-size: 18px;
font-weight: 600;
color:#000;
}
.contact-form .form-control {
display: block;
width: 100%;
height: 43px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
border: 1px solid #7eaa36;
border-radius: 0;
}
.contact-form .form-control::placeholder{
color: #000000;
font-family: 'Emy Slab Alt';
font-weight: 600;
font-size: 18px;
font-style: normal;
}
.contact-form .btn{
color: #333;
background-color: #fff;
border-color: #ccc;
border: 1px solid #b8d583;
color: #b8d583;
padding: 1px 25px;
text-transform: uppercase;
font-size: 19px;
font-family: 'Emy Slab';
font-weight: 500;
font-style: normal;
text-decoration: none;
margin-top: 0;
display: inline-block;
border-radius: 0;
float: left !important;
background: transparent;
}
.contact-form .btn:hover{
background: #3998a0;
border: 1px solid #3998a0;
color: #ffffff;
}
.contact-form textarea.form-control {
height: 110px;
}
/* chirag*/
.collapse-main {
margin: 15px;
background: #2F8596;
color:#fff;
padding-bottom: 5px;
}
.collapse-header {
padding-bottom: 20px;
}
.collapse-header h3 {
text-transform: uppercase;
font-size: 24px;
font-weight: 500;
}
.collapse-header h4 {
text-transform: uppercase;
color: #000;
}
.col-md-3.col-sm-6.col-xs-12.form-option label {
color: #000;
}
.col-md-3.col-sm-6.col-xs-12.form-option input {
width: 100%;
padding: 5px;
border: 1px solid #1a353c;
margin-bottom: 10px;
}
.collapse-header p {
color: #fff;
font-size: 15px;
font-weight: 400;
}
.collapse-main .form-group{
margin:15px
}
/* jidgfjdfgdf */
/* Contact page Css End */
/* Footer Css Start */
.footer {
border-top: 5px solid #3c3c3b;
padding: 15px 0;
}
.footer .footer-logo img{
max-width: 280px;
}
.footer .footer-link {
text-align: right;
padding: 21px 0px;
}
.footer .footer-link li {
display: inline-block;
}
.footer .footer-link li a {
color: #717171;
font-family: 'Cocogoose Condensed';
font-weight: 300;
padding: 0 4px;
font-size: 15px;
}
/* Footer Css End */
@media (max-width: 1023px) and (min-width: 767px){
.section-product .product-item .product-name p{
font-size:26px;
}
.section-product .product-item .product-image {
min-height: 200px;
}
.section-product .product-item .product-details {
padding: 0 5px;
min-height: 172px;
}
.section-product .product-item .product-details p{
min-height: 135px;
}
.section-product .product-item .product-details .product-name p{
font-size: 26px;
min-height: auto;
}
}
@media(max-width:992px) and (min-height:768px ){
.navbar-brand{
float:none;
}
.navbar-collapse.collapse{
width: 100%;
clear: both;
text-align: center;
}
.navbar-right{
float: none!important
}
.header .header-content .navbar-brand>img{
margin: 0 auto;
}
.navbar-header{
float: none;
}
.navbar-nav>li {
float: none;
display: inline-block;
}
.header .header-content .navbar-right{
padding: 20px 0;
}
.contact-address {
padding-left: 0;
}
}
@media(max-width: 767px){
.section-product .product-item .product-image {
min-height: auto;
}
.section-product .product-item .product-details .product-name p{
font-size: 32px;
min-height: auto;
}
.header {
border-bottom: 6px solid #3c3c3b;
}
.navbar-fixed-top{
position: static;
}
.navbar-toggle .icon-bar{
background-color: #000000;
}
/* .page-main {
margin-top: 0;
}*/
.header .header-content .header-top{
border: 0;
}
.header .header-content .navbar-brand>img {
max-width: 230px;
}
.header .header-content .navbar{
min-height:95px;
}
.header .header-content .header-top .navbar-toggle{
margin-top: 29px;
}
.banner-text {
padding: 95px 15px;
}
.banner-text p{
text-align:center;
font-size: 23px;
}
.banner-text p br{
display:none;
}
.banner-text h2{
font-size: 40px;
}
.section-title h1 {
margin: 40px 0;
font-size: 38px;
}
.section-product .product-item{
margin-bottom: 25px;
}
.section-news{
margin-top: 25px;
margin-bottom: 50px;
}
.section-excellane {
margin-top: 25px;
}
.footer .footer-link{
text-align: center;
}
.footer .footer-logo img {
max-width: 230px;
margin: 0 auto;
}
.section-about{
padding: 35px 15px;
margin-top: 80px;
}
.section-column {
padding: 25px 0;
}
.about-content{
margin-bottom: 25px;
}
.section-news-page .news-item{
margin-bottom: 25px;
}
.section-news-page{
padding-bottom: 25px;
}
.section-faq {
background: #ffffff;
margin-top: 80px;
padding: 0 0;
margin-bottom: 80px;
padding-bottom: 30px;
}
.contact-address {
text-align: center;
padding:0;
}
.section-contact{
padding-bottom: 80px;
}
.contact-form {
margin-top: 45px;
}
.news-view {
margin-top: 40px;
}
.free-link-today {
padding: 15px 10px;
}
#big .item, #thumbs .item{
height:auto;
}
.two-item-carousel{
position: relative;
padding-left: 0;
}
.two-item-carousel .owl-nav .owl-prev{
position: absolute;
color: #ffffff;
top: 42%;
left: 22px;
}
.two-item-carousel .owl-nav .owl-next {
position: absolute;
color: #ffffff;
top: 42%;
right: 22px;
}
.two-item-carousel .owl-nav .owl-next span {
font-size: 48px;
}
.two-item-carousel .owl-nav .owl-prev span {
font-size: 48px;
}
.cms-news .news-social-links {
background-color: #7fac33;
color: #ffff;
padding: 15px 10px;
}
.cms-news .news-social-links h2 {
text-transform: uppercase;
margin-top: 10px;
font-family: monospace;
color: white;
}
.cms-news .news-social-links p {
text-transform: uppercase;
font-size: 16px;
text-align:center;
font-family: monospace;
}
.cms-news .news-social-links button.form-control.btn-primary {
text-transform: uppercase;
font-size: 18px;
display: inline-block;
}
@media screen and (max-width: 767px) {
.cms-news .news-social-links h2 {
font-size: 28px;
}
}
i.icon-custom {
width: 24px !important;
height: 24px !important;
}
hr{
border-width:3px;
border-color: white;
width:70%;
margin-left:15% !important;
margin-right:15% !important;
}
#description.desp p{
font-size: 16px;
font-family: monospace;
/* color:#696969; */
}
#description.desp ul{
font-size: 16px;
font-family: monospace;
/* color:#696969; */
}
#description.desp h2{
font-family: monospace;
}
@media (min-width: 992px){
.container {
width: 965px;
}
}
@media (min-width: 768px){
.container {
width: 740px;
}.en_details { background-color:#3998A0;}
}
.call-details ul li a {
color: #333;
text-decoration: none;
}