381 lines
15 KiB
CSS
381 lines
15 KiB
CSS
|
||
/* ==== Google font ==== */
|
||
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900);
|
||
@import url('http://fonts.googleapis.com/css?family=Ek+Mukta:400,600,700');
|
||
|
||
/* ---------------------------------------------------------------------------- */
|
||
/* ------------------------------------Html-Body------------------------------- */
|
||
/* ---------------------------------------------------------------------------- */
|
||
body {font-family: 'Ek Mukta', sans-serif;color: #666;background-color: #F5F5F5;font-size: 16px;line-height: 1.6em;font-weight: 400;}
|
||
html, body {width:100%; padding:0; margin:0;}
|
||
|
||
/* ---------------------------------------------------------------------------- */
|
||
/* ---------------------------------------------------------------------------- */
|
||
/* ---------------------------------------------------------------------------- */
|
||
html { -webkit-text-size-adjust: none;}
|
||
.video embed,.video object,.video iframe { width: 100%; height: auto;}
|
||
img{max-width:100%; height: auto;width: auto\9; /* ie8 */}
|
||
|
||
h1 {font-size: 38px;}
|
||
h2 {font-size: 36px;}
|
||
h3 {font-size: 32px;}
|
||
h4 {font-size: 28px;}
|
||
h5 {font-size: 24px;}
|
||
h6 {font-size: 20px;}
|
||
|
||
h1,h2,h3,h4,h5,h6 {font-family: 'Roboto', sans-serif;font-weight: 600;color: #333;}
|
||
|
||
p {margin: 0 0 20px; color:#816943;}
|
||
|
||
a {
|
||
color: #666;
|
||
-webkit-transition: all .2s ease-in-out;
|
||
-moz-transition: all .2s ease-in-out;
|
||
transition: all .2s ease-in-out;
|
||
}
|
||
|
||
a:hover,
|
||
a:focus {color: #E84C3D;text-decoration: none;}
|
||
|
||
.center{text-align: center; margin: 0 auto;}
|
||
.f-right{float: right;}
|
||
.f-left{float: left;}
|
||
.t-right{text-align: right;}
|
||
.t-left{text-align: left;}
|
||
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
|
||
.post{}
|
||
.post:after, .post:before, article:after, article:before, section:after, section:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
|
||
|
||
.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
|
||
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
|
||
|
||
.box-shadow{box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.1), 3px 3px 5px 1px transparent inset;}
|
||
.box-shadow:hover{}
|
||
/* ---------------------------------------------------------------------------- */
|
||
/* ---------------------------------Header+Nav--------------------------------- */
|
||
/* ---------------------------------------------------------------------------- */
|
||
header{background: #E84C3D;min-height: 140px;color: #fff;padding: 40px 0;}
|
||
header strong.contact-phone{font-size: 40px;}
|
||
header strong.contact-phone i.fa{ margin-right: 5px;}
|
||
header a.logo img{min-height: 70px;}
|
||
|
||
.navbar-default{border: none;background-color: #fff;box-shadow: 0 5px 11px rgba(0, 0, 0, 0.05);margin-bottom: 30px;padding: 5px;font-weight: bold;font-size: 18px;}
|
||
.navbar-default{border: none;background-color: #fff;box-shadow: 0 5px 11px rgba(0, 0, 0, 0.05);margin-bottom: 30px;padding: 5px;font-weight: bold;font-size: 18px;}
|
||
|
||
|
||
.slide{}
|
||
/* Carousel Styles */
|
||
.carousel{margin-bottom: 30px;}
|
||
.carousel-inner img {width: 100%;max-height: 550px;}
|
||
|
||
.carousel-control {width: 0;}
|
||
.carousel-control.left,
|
||
.carousel-control.right {opacity: 1;filter: alpha(opacity=100);background-image: none;background-repeat: no-repeat;text-shadow: none;}
|
||
.carousel-control .glyphicon-chevron-left,
|
||
.carousel-control .glyphicon-chevron-right,
|
||
.carousel-control .icon-prev,
|
||
.carousel-control .icon-next {position: absolute;top: 45%;z-index: 5;display: inline-block;}
|
||
.carousel-control .glyphicon-chevron-left,
|
||
.carousel-control .icon-prev {left: 30px;}
|
||
.carousel-control .glyphicon-chevron-right,
|
||
.carousel-control .icon-next {right: 30px;}
|
||
.carousel-control.left span:hover,
|
||
.carousel-control.right span:hover {opacity: .7;filter: alpha(opacity=70);}
|
||
|
||
.carousel-indicators .active {background-color: #DA251D;}
|
||
.carousel-indicators {bottom: 10px;}
|
||
|
||
.carousel-inner > .item {margin-left:0;margin-top:0;margin-bottom:0;padding-left: 0;width: 100%;height: auto;}
|
||
.carousel-inner > .item > img,
|
||
.carousel-inner > .item > a > img {display: block;max-width: 100%;height: auto;margin-left:0;padding-left: 0;}
|
||
|
||
|
||
/* ---------------------------------------------------------------------------- */
|
||
/* -------------------------------------Content-------------------------------- */
|
||
/* ---------------------------------------------------------------------------- */
|
||
|
||
#page-content{}
|
||
.index-page {}
|
||
|
||
.archives-page,
|
||
.single-page {padding: 30px 0;}
|
||
|
||
.single-page blockquote {position: relative;padding: 30px 120px;text-align: center;font-size: 33px; margin: 20px 0;border:none;}
|
||
.single-page blockquote:before, .single-page blockquote:after {position: absolute;width: 60px;height: 60px;font-size: 120px;line-height: 1; }
|
||
.single-page blockquote:before {top: 0;left: 0;content: "\201C"; }
|
||
.single-page blockquote:after {top: 0;right: 0;content: "\201D"; }
|
||
@media only screen and (max-width: 1100px) {
|
||
.single-page blockquote {
|
||
font-size: 25px; } }
|
||
@media only screen and (max-width: 960px) {
|
||
.single-page blockquote {
|
||
padding: 30px 60px;
|
||
font-size: 18px; }
|
||
blockquote:before, blockquote:after {
|
||
width: 30px;
|
||
height: 30px;
|
||
font-size: 60px; } }
|
||
@media only screen and (max-width: 690px) {
|
||
.single-page blockquote {
|
||
padding: 10px 30px;
|
||
font-size: 16px; }
|
||
.single-page blockquote:before, .single-page blockquote:after {
|
||
font-size: 30px; } }
|
||
|
||
.service-page article,
|
||
.service-page article .art-header{padding: 0;}
|
||
.service-page article .art-content{padding: 0 30px 30px;}
|
||
.service-page article .art-content h3{margin: 0 0 10px;}
|
||
|
||
/* ---HomePage--- */
|
||
.box-content {margin-bottom: 40px;}
|
||
|
||
.box-content.box-style-1{background: url(../images/box-style-1.jpg) no-repeat fixed 100% 100%; }
|
||
.box-content.box-style-2{background: url(../images/box-style-2.jpg) no-repeat fixed 100% 100%; }
|
||
|
||
.box-content.box-1 {}
|
||
.box-content.box-1 .service{padding: 50px 30px 20px;text-align: center;background:#fff;-webkit-box-shadow: 0px 56px 36px -60px #121D12; -moz-box-shadow: 0px 56px 36px -60px #121D12; -o-box-shadow: 0px 56px 36px -60px #121D12;min-height: 450px;}
|
||
.box-content.box-1 .service h3{color: #363638;font-size:25px;text-transform:uppercase;}
|
||
.box-content.box-1 .service img{display: inline-block;margin-bottom:10px;}
|
||
|
||
.box-content.box-2,
|
||
.box-content.box-4 {text-align: center;padding: 70px 30px;}
|
||
|
||
.box-content.box-2 h3,
|
||
.box-content.box-2 p,
|
||
.box-content.box-4 h3,
|
||
.box-content.box-4 p{color:#fff;}
|
||
|
||
.box-content.box-2 h3,
|
||
.box-content.box-4 h3{margin: 30px 0 40px;font-size: 40px;}
|
||
|
||
.box-content.box-3 {background: #fff;padding: 40px;}
|
||
.box-content.box-3 h4{margin: 0 0 15px;}
|
||
.box-content.box-3 ul li{margin-bottom: 15px;}
|
||
.box-content.box-3 ul li a{color: #00bbd3;}
|
||
.box-content.box-3 ul li a:hover{color: #E84C3D;}
|
||
.box-content.box-3 ul li a i.fa{font-size: 22px; margin-right: 10px;}
|
||
|
||
.box-content.box-4{}
|
||
|
||
.box-content.box-5{background: #fff;padding: 40px;}
|
||
.box-content.box-5 img.testimonials{max-width: 200px;}
|
||
.box-content.box-5 .box-comment:before{color: #e8e6e6;content: "“";display: inline-block;font-size: 124px;line-height: inherit;padding: 0 14px 0 0;position: relative;top: 22px;vertical-align: top;}
|
||
.box-content.box-5 .box-comment{ font-size: 24px;line-height: 42px;margin-bottom: 24px;padding: 6px 0 0;}
|
||
|
||
/* ----------------- */
|
||
/* ---MainContent--- */
|
||
#main-content {margin-bottom: 30px;}
|
||
|
||
article{background:#ffffff;padding: 20px 40px 40px;margin-bottom:30px;}
|
||
article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
|
||
article .info {margin: 5px 0 10px 0;}
|
||
article .info a{text-decoration: underline;}
|
||
article .info a:hover {}
|
||
article h2 {font-size: 30px;}
|
||
|
||
article .art-header{padding: 5px 0px;}
|
||
|
||
article .art-content {}
|
||
article .art-content img{margin-bottom: 20px;}
|
||
|
||
article .art-content h2 {font-size: 1.7em;line-height: 2em;padding: 0px 20px;}
|
||
article .art-content ol {float: left;text-align: justify;margin: 10px 50px;font-size: 16px;list-style-type: circle;}
|
||
|
||
article .excerpt {border-bottom: 1px dashed #aaa;border-top: 1px dashed #aaa;margin: 20px 0;}
|
||
article .excerpt p{color: #888;}
|
||
article .dropcap {font-size: 70px;line-height: 70px;font-weight: 500;float: left;margin-right: 20px;}
|
||
|
||
|
||
/* ---------------------------------------------------------------------------- */
|
||
/* ------------------------------------Footer---------------------------------- */
|
||
/* ---------------------------------------------------------------------------- */
|
||
footer {}
|
||
footer p,
|
||
footer a {color: #f8f8f8;}
|
||
footer a:hover {text-decoration: underline;color: #fff;}
|
||
footer ul{padding: 0;}
|
||
footer ul li{list-style:none;margin-bottom: 15px;}
|
||
footer ul li a{}
|
||
footer ul li a i.fa{height: 33px; width: 33px; background: #fff; color: #E84C3D; border-radius: 50%; font-size: 18px;text-align: center;line-height: 33px;margin-right: 5px;}
|
||
|
||
footer .wrap-footer {padding: 60px 50px 20px 50px;background-color: #E84C3D;}
|
||
|
||
footer .col-footer{margin-bottom: 50px;}
|
||
footer .col-footer .footer-heading{margin-bottom:25px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
|
||
footer .col-footer .footer-heading h4 {color: #fffeff;font-size: 24px;font-weight: 500;padding-bottom: 5px}
|
||
|
||
footer .col-footer.footer-1{}
|
||
footer .col-footer.footer-1 img{margin: 10px 0;}
|
||
|
||
footer .col-footer.footer-2{}
|
||
|
||
footer .col-footer.footer-3 {}
|
||
|
||
footer .col-footer.footer-4 {}
|
||
|
||
.coppy-right{color:#fff;padding-top:20px;text-align: center;}
|
||
|
||
/* ---------------------------------------------------------------------------- */
|
||
/* -------------------------------------BackTop-------------------------------- */
|
||
/* ---------------------------------------------------------------------------- */
|
||
#backTop{
|
||
width:35px;
|
||
height:35px;
|
||
padding:10px;
|
||
border-radius:4px;
|
||
text-indent:-9999px;
|
||
cursor:pointer;
|
||
z-index:999999999;
|
||
display:none;
|
||
box-sizing:content-box;
|
||
-webkit-box-sizing:content-box;
|
||
}
|
||
#backTop.white{
|
||
background:url(../images/uparr-48-b.png) no-repeat center center rgba(255,255,255,0.8);
|
||
border:1px solid #ccc;
|
||
}
|
||
#backTop.black{
|
||
background:url(../images/uparr-48-w.png) no-repeat center center rgba(0,0,0,0.8);
|
||
border:1px solid #ccc;
|
||
}
|
||
#backTop.red{
|
||
background:url(../images/uparr-48-w.png) no-repeat center center rgba(218,37,29,0.8);
|
||
border:1px solid #fff;
|
||
}
|
||
#backTop.green{
|
||
background:url(../images/uparr-48-b.png) no-repeat center center rgba(81,217,187,0.9);
|
||
border:1px solid #fff;
|
||
}
|
||
|
||
/* ---------------------------------------------------------------------------- */
|
||
/* -------------------------------------Contact-------------------------------- */
|
||
/* ---------------------------------------------------------------------------- */
|
||
.contact h2{font-size: 34px; font-weight: 500;letter-spacing: 3px;padding-top: 20px ;text-align: center;}
|
||
|
||
#contact_form {padding:25px;}
|
||
|
||
#ff label {cursor:pointer;margin:px 0;display:block;font-weight:bold;}
|
||
#ff input {display:block;width:90%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; color:#000;border:1px solid #DA251D;padding:10px;margin: 5px 0 25px 0;}
|
||
#ff textarea {border:1px solid #DA251D;display:block;width:90%;height:200px; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#fff; color:#000;padding:10px;margin: 5px 0 25px 0;}
|
||
|
||
#ff .sendButton {border: none;cursor:pointer;background-color: #DA251D;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;;width:100px;color:#ffffff;}
|
||
#ff .sendButton:hover {opacity: 0.8;}
|
||
|
||
.message{text-align: center;}
|
||
.message .wrap{ padding: 50px; background: #ffffff; border: 1px solid #333333;display: inline-block;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;-khtml-border-radius: 5px;}
|
||
.message .text{font-size: 35px; margin-bottom: 30px;}
|
||
|
||
/* ---------------------------------------------------------------------------- */
|
||
/* ------------------------------------Button---------------------------------- */
|
||
/* ---------------------------------------------------------------------------- */
|
||
.btn {
|
||
border-radius: 2px;
|
||
position: relative;
|
||
display: inline-block;
|
||
outline: none;
|
||
color: #fff;
|
||
text-decoration: none;
|
||
text-transform: uppercase;
|
||
letter-spacing: 1px;
|
||
font-weight: 400;
|
||
text-shadow: 0 0 1px rgba(255,255,255,0.3);
|
||
font-size: 14px;
|
||
}
|
||
a.btn:focus{outline: 0;}
|
||
|
||
.btn-1 {color: #000;background-color: #fff;margin: 30px 15px 0 0;min-width: 170px;line-height: 26px;}
|
||
.btn-1:hover {color: #fff;background-color: #E84C3D;}
|
||
|
||
.btn-2 {background: #E84C3D;border: 2px solid transparent;margin:20px 0 10px 0;}
|
||
.btn-2:hover {color:#333;border:2px solid #E84C3D;background:transparent;}
|
||
|
||
.btn-3 {color:#333;margin-top:0px;margin-top:15px;font-weight:bold;color:#E84C3D;padding:6px 0;font-size: 16px;}
|
||
|
||
.btn-4 {background: #E84C3D;border: 2px solid transparent;margin:20px 0 10px 0;font-size:25px;}
|
||
.btn-4:hover {color:#333;border:2px solid #E84C3D;background:transparent;}
|
||
|
||
/* ---------------------------------------------------------------------------- */
|
||
/* --------------------------------------Zoom---------------------------------- */
|
||
/* ---------------------------------------------------------------------------- */
|
||
.zoom-container {
|
||
position: relative;
|
||
overflow: hidden;
|
||
display: inline-block;
|
||
font-size: 16px;
|
||
vertical-align: top;
|
||
box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
margin-bottom: 20px;
|
||
}
|
||
.zoom-container img {
|
||
display: block;
|
||
width: 100%;
|
||
height: auto;
|
||
-webkit-transition: all .5s ease; /* Safari and Chrome */
|
||
-moz-transition: all .5s ease; /* Firefox */
|
||
-ms-transition: all .5s ease; /* IE 9 */
|
||
-o-transition: all .5s ease; /* Opera */
|
||
transition: all .5s ease;
|
||
|
||
}
|
||
.zoom-container .zoom-caption {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
z-index: -1;
|
||
font-size: 15px;
|
||
-webkit-transition: all .5s ease; /* Safari and Chrome */
|
||
-moz-transition: all .5s ease; /* Firefox */
|
||
-ms-transition: all .5s ease; /* IE 9 */
|
||
-o-transition: all .5s ease; /* Opera */
|
||
transition: all .5s ease;
|
||
}
|
||
.zoom-container .zoom-caption h3{font-family: 'Shadows Into Light', cursive;}
|
||
.zoom-container .zoom-caption a{font-size: 20px; color: #fff;}
|
||
.zoom-container .zoom-caption i{
|
||
display: block;
|
||
text-align: center;
|
||
font-size: 40px;
|
||
letter-spacing: -1px;
|
||
color: #fff;
|
||
|
||
}
|
||
|
||
.zoom-container .zoom-caption i.icon-play:hover {
|
||
background-color: rgba(210, 0, 0, 0.9);
|
||
}
|
||
.zoom-container:hover img {
|
||
-webkit-transform:scale(1.25); /* Safari and Chrome */
|
||
-moz-transform:scale(1.25); /* Firefox */
|
||
-ms-transform:scale(1.25); /* IE 9 */
|
||
-o-transform:scale(1.25); /* Opera */
|
||
transform:scale(1.25);
|
||
}
|
||
.zoom-container:hover .zoom-caption {
|
||
background: rgba(255, 223, 0, 0.7);
|
||
z-index: 10;
|
||
color: #fff;
|
||
}
|
||
.caption-inner {
|
||
display: table;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.caption-inner1 {
|
||
display: table-cell;
|
||
width: 100%;
|
||
height: 100%;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
|
||
/* ---------------------------------------------------------------------------- */
|
||
/* --------------------------------Google-Map---------------------------------- */
|
||
/* ---------------------------------------------------------------------------- */
|
||
.maps iframe{
|
||
pointer-events: none;
|
||
} |