@charset "utf-8";
/* CSS Document */

@import "font-awesome-sprockets";
@import "font-awesome";

body{
margin:0px;
padding:0px;
background-image:url(../images/midel_bg.jpg); background-repeat:repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, p {padding: 0px; margin: 0px; color:#fff;}
ul, li { list-style: none; padding: 0px; margin: 0px;}
a {text-decoration: none; color:#000;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
a:hover {text-decoration: none;}
.clear {clear: both;}
img {border: 0px; max-width:100%; width: 100%;}
.left { float: left;}
.right {float: right;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}

/* Home page Styles Start Here */
header {background-image: url(../images/topbg_1.jpg); background-repeat: repeat-x; border-top: 7px solid #eda93e; height: auto;
 min-height: 107px; overflow: hidden; vertical-align: top;}
.container {width: 100%; max-width: 888px; margin: 0px auto;}
.top-header{margin:0px; padding:0px;}
.top-header .lt-top-header{float:left;}
.top-header .lt-top-header a img{width:100%; max-width:223px;}
.top-header .rt-top-header {float: right; margin: 53px 10px 0px 0px;}
.rt-top-header ul {margin: 0px; padding: 0px;}
.rt-top-header ul li {margin: 0px; padding: 0px; display: inline-block; list-style-type: none; border-right: 1px solid #fff;
line-height: 11px; vertical-align:middle;}
.top-header .rt-top-header ul li a {text-decoration: none; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 0px 6px;}
.top-header .rt-top-header ul li a:hover{color:#f0ce59; text-decoration:underline;}
.top-header .rt-top-header ul li:last-child{border-right:0px;}
.white-stip {background: #FFF; height: 3px; width: 100%; margin-top: -3px; padding: 0px;}

/* Menu styles start Here */
.toggleMenu {display: none; background: #111; padding: 10px 15px; color: #fff;}
.menu { list-style: none; *zoom: 1; margin: 16px 0px 0px 0px; float:right;}
.menu:before, .menu:after { content: " ";  display: table;}
.menu:after { clear: both;}
.menu ul { list-style: none; width: 9em;}
.menu a { padding: 6px 15px; color:#fff;}
.menu li { position: relative;}
.menu > li { float: left;}
.menu > li > .parent {background-image: url("http://mike.php5.sk/public/menu/downArrow.png"); background-repeat: no-repeat; background-position: right;}
.menu > li > a {display: block; font-family: 'Open Sans', sans-serif; font-size: 15px; text-transform: uppercase; color:#474747;}
.menu li  ul { position: absolute; left: -9999px;}
.menu > li.hover > ul { left: 0;}
.menu li li.hover > ul {left: 100%; top: 0;}
.menu li li a {display: block; background: #222; position: relative; z-index:100; border-top: 1px solid #111;}
.menu li li li a {background:#333; border-top: 1px solid #222;}
.menu li li li li a { background:#444; border-top: 1px solid #333;}
.menu li li li li li a { background:#555; border-top: 1px solid #444;}

/* Slider Styles Start Here */
.slider-sec .container {margin: 15px auto;}
.slider-sec .lt-slider {float: left; width: 70%; position:relative;}
.lt-slider .slidesjs-container {height: 272px !important; max-width: 636px; min-height: 272px; width: 100% !important;}
.slidesjs-pagination {display: none;}
.slider-sec .rt-slider {float: left; width: 30%;}

.lt-slider .slidesjs-previous.slidesjs-navigation {color: #fff; font-size: 15px; left: 5%; position: absolute; top: 55%;
 z-index: 9999; }
.lt-slider .slidesjs-next.slidesjs-navigation {color: #fff; font-size: 15px; position: absolute; right: 5%; top: 55%;
 z-index: 9999;}
.slider-sec .rt-slider{float:left; width:30%; background-image:url(../images/news.jpg); background-repeat:repeat-y; height:auto; min-height:293px; position:relative; background-size:cover}
.service_btn {width: 100%; max-width: 166px; display: block; margin-left: 15px; margin-top: 15px;}
.rt-home-content {width: 100%; max-width: 232px; margin: 15px auto;}
.rt-home-content p {color: #000; padding: 0px 22px 0px 0px; text-align: justify; line-height: 20px;}
.rt-home-content h3 {font-size: 13px; font-weight: bold; line-height: 22px; margin-top:15px;}
.home-readmore{
background: #ea9339; /* Old browsers */
background: -moz-linear-gradient(top,  #ea9339 0%, #dd3721 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ea9339 0%,#dd3721 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ea9339 0%,#dd3721 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9339', endColorstr='#dd3721',GradientType=0 ); /* IE6-9 */
width: 100%;max-width: 105px; height: auto; min-height: 28px; display: block; line-height: 28px; text-align: center; border: 2px solid #e0d7c3; border-radius: 15px; float: right; margin: 15px 20px 0px 0px; color:#fff; font-size:12px; font-family: 'Open Sans', sans-serif; font-weight:bold;}

.welcome-sec .lt-welcome {width: 70%; float: left; padding:0px 10px 0px 15px;}
.welcome-sec .lt-welcome h3 {border-bottom: 1px solid #a6a6a6; color: #232323; font-family: "Open Sans",sans-serif; font-size: 18px; font-weight: normal; letter-spacing: -1px; padding: 30px 0 15px;}

.welcome-sec .lt-welcome h3 span{color:#8cb046;}
.lt-welcome p {color: #312400; text-align: justify; padding: 15px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif;
 font-size: 12px; line-height: 18px;}
.welcome-sec .lt-welcome .home-readmore{
background: #ea9339; /* Old browsers */
background: -moz-linear-gradient(top,  #ea9339 0%, #dd3721 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ea9339 0%,#dd3721 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ea9339 0%,#dd3721 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9339', endColorstr='#dd3721',GradientType=0 ); /* IE6-9 */
width: 100%;max-width: 105px; height: auto; min-height: 28px; display: block; line-height: 28px; text-align: center; border: 2px solid #e0d7c3; border-radius: 15px; float: right; margin: 10px 20px 10px 0px; color:#fff; font-size:12px; font-family: 'Open Sans', sans-serif; font-weight:bold;}
.welcome-sec .rt-welcome {width: 30%; float: left;}
.contact-bnt {margin-bottom: 15px;}
.welcome-sec .rt-welcome a img {width: 100%; max-width: 178px; margin: 20px 0px 20px 10px;}
.welcome-sec .rt-welcome h3{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #434343; font-weight: bold;
text-shadow: 0px 0px 5px #8a8985; margin-left: 20px;}
.welcome-sec .rt-welcome h3 span{color: #c80c09; text-shadow: 0px 0px 1px #e1b0a7;}

footer{background-image:url(../images/botom_bg.jpg); background-repeat:repeat-x; height:auto; min-height:37px; line-height:37px; text-align:right;}
footer p{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin-right:15px;}


/* Home page Styles End Here */

/* About-Us page Styles Start Here */
.about-us .inner-banner img {margin: 20px 0;}
.inner-banner h3 {border-bottom: 1px solid #a6a6a6; color: #8cb046; font-family: "Open Sans",sans-serif; font-size: 18px;
margin-bottom: 20px; padding: 10px 0; font-weight:bold;}
.inner-about-cont {display: block; margin: 0 auto; max-width: 826px; width: 100%;}
.inner-banner p {color: #312400; font-size: 12px; line-height: 18px; padding-bottom: 20px; text-align: justify;}
.activeSelected{background: #ea9339; /* Old browsers */
background: -moz-linear-gradient(top,  #ea9339 0%, #dd3721 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ea9339 0%,#dd3721 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ea9339 0%,#dd3721 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9339', endColorstr='#dd3721',GradientType=0 ); /* IE6-9 */ border-radius:25px; color:#fff; border: 2px solid #ded8c2;}
.menu > li.activeSelected a {color: #fff;}
.menu > li.activeSelected a {color: #fff; height: auto; /*max-width: 109px;*/ min-height: 31px; width: 100%;}
/* About-Us page Styles End Here */


/* Timber page Styles Start Here */
.timber-list {margin: 0; padding: 0;}

.timber .timber-list .timber-cont {margin-bottom: 20px; overflow: hidden;}
.timber .timber-list .timber-cont .lt-timber {float: left; margin-right: 15px; width: 16%;}
.timber .timber-list .timber-cont .lt-timber img{margin:0px; width:100%; max-width:128px;}
.timber .timber-list .timber-cont .rt-timber {float: left; margin: 0; padding: 0; width: 82%;}
.timber .timber-list .timber-cont .rt-timber ul{margin:0px; padding:0px;}
.timber .timber-list .timber-cont .rt-timber ul li {color: #312400; font-family: Arial,Helvetica,sans-serif; font-size: 12px;
line-height: 30px; position: relative; text-align: justify; margin:0px; padding:0px;}
.timber .timber-list .timber-cont .rt-timber ul li i {margin-right: 5px; color:#b86e73; font-size:14px;}
.inner-banner p {color: #312400; font-size: 12px; line-height: 18px; padding-bottom: 20px; text-align: justify;}
.timber .timber-list .timber-cont .rt-timber p span{color: #c80c09; font-family: Arial,Helvetica,sans-serif;
 font-size: 16px; font-weight: bold; text-shadow: 0 0 1px #e1b0a7;}
/* Timber page Styles End Here */

/* Services page Styles Start Here */
.services .timber-list h2{color: #c80c09; font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; text-shadow: 0 0 1px #e1b0a7; padding:18px 0 11px; line-height:24px;}
.services .timber-list ul li {color: #312400; font-family: Arial,Helvetica,sans-serif; font-size: 12px;
line-height: 30px; position: relative; text-align: justify; margin:0px; padding:0px;}
.services .timber-list ul {margin: 0 0 0 10px;}
.services .timber-list ul li i {margin-right: 5px; color:#b86e73; font-size:14px;}
.service-wood-img {max-width: 128px; width: 100%;}
/* Services page Styles End Here */

/* Contactus page Styles Start Here */
.contact-cont{}

.administrative {margin: 0 0 15px; overflow: hidden; padding: 0; width: 100%;}
.administrative .lt-adminstrative {float: left; width: 50%; border-right:1px solid #a6a6a6;}
.administrative .lt-adminstrative h2, .administrative .rt-adminstrative h2 {padding: 0px;}
.administrative .lt-adminstrative p {line-height: 22px; padding-left: 12px;}
.administrative .rt-adminstrative {float: left; width: 50%;}
.administrative .rt-adminstrative {margin: 0; padding: 0 0 0 35px;}
.administrative .rt-adminstrative p {line-height: 22px; padding-left: 12px;}
.contact-cont hr{height:2px; border:1px solid #000;}

.feedback-cont {border-top: 1px solid #a6a6a6; padding: 20px 0 0;}
.feedback-cont .lt-feedback{float:left; width:50%; border-right:1px solid #a6a6a6;}
.feedback-cont .rt-feedback{float:left; width:50%;}
.feedback-cont .lt-feedback .table {display: table; width: 100%;}
.feedback-cont .lt-feedback .table .row{margin-bottom:15px;}
.feedback-cont .lt-feedback .cell{box-sizing: border-box; color: #454545; display: table-cell; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 18px; vertical-align: middle;}

.feedback-cont .lt-feedback .fd-gap-1 {width: 140px;}
.feedback-cont .lt-feedback .fd-gap-2 {width: 20px;}
.feedback-cont .lt-feedback .text-field-2 {background-color: #f8f8f8; border: 1px solid #cfcecd; color: #7c7c7c;
font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 0; padding: 6px 7px; width: 220px;}
.cell.submit-bnt1 {display: block !important; width: 100%;}
.cell.submit-bnt1 input { display: block; margin: 0 auto; max-width: 90px; width: 100%;}
.contact .lt-feedback h2 {padding: 0 0 15px;}
.contact .feedback-cont .rt-feedback h2 {margin: 0; padding: 0 0 10px 15px;}


.sitemap .timber-list ul li a {color: #121212; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold;
text-decoration: none;}
.sitemap .timber-list ul {margin: 0;}

/* Contactus page Styles End Here */

/* Media Queries Start Here */
@media screen and (max-width: 1024px) {}

@media screen and (max-width: 800px) {
.top-header .lt-top-header { float: left; padding-left: 10px;}
footer{text-align:center;}
.inner-about-cont{padding:0px 15px;}
}

@media screen and (max-width: 768px) {
.timber .timber-list .timber-cont .lt-timber {display: block; float: none; margin: 0 auto 10px; text-align: center; width: 100%;}
.timber .timber-list .timber-cont .rt-timber {float: none; margin: 0; padding: 0; width: 100%;}
.feedback-cont .lt-feedback .fd-gap-1 {width: 110px;}
.administrative {border-bottom: 1px solid #a6a6a6; }
.administrative .lt-adminstrative {border-right: 0 none; float: none; margin: 0 auto; width: 100%;}
.administrative .rt-adminstrative { border-top: 1px solid #a6a6a6; display: block; float: none; margin: 0 auto; padding: 0;
width: 100%;}
.feedback-cont {border-top: 0 none; }
.feedback-cont .lt-feedback {border-bottom: 1px solid #a6a6a6; border-right: 0 none; float: none; width: 100%;}
.cell.submit-bnt1 input {display: block; float: left; margin: 0 auto 10px; max-width: 90px; width: 100%;}
.feedback-cont .rt-feedback {float: none; margin: 15px 0 0; width: 100%;}
.administrative .lt-adminstrative h2, .administrative .rt-adminstrative h2 {padding: 10px 0;}
}

@media screen and (max-width: 640px) {
header {background-attachment: fixed; background-image: url("../images/topbg_1.jpg"); background-position: 0 7px; background-repeat: repeat-y; border-top: 7px solid #eda93e; min-height: 100%; overflow: hidden;}
.top-header .lt-top-header {display: block; float: none; padding-left: 10px; text-align: center; width: 100%;}
.top-header .rt-top-header {display: block; float: none; margin: 20px auto; text-align: center;}
.toggleMenu {float: right; margin-right: 10px;}
.menu {width:100%;}
.menu li { display: block; margin: 0 auto; position: relative; text-align: center; width: 100%;}
.lt-banner #myslides1 {height: auto !important; max-width: 632px !important; width: 100% !important;}
.slider-sec .lt-slider, .slider-sec .rt-slider {display: block; float: none; margin: 0 auto; text-align: center; width: 100%;}
.slider-sec .rt-slider {background-image: url("../images/news.jpg"); background-repeat: repeat-y; margin-top: 20px; padding-top:20px;}
.service_btn {display: block; margin: 0 auto; max-width: 166px; width: 100%;}
.menu > li.activeSelected a {max-width: 100%; }
}
@media screen and (max-width: 480px) {
.active {display: block;}
.menu > li {float: none;    }
.menu > li > .parent {background-position: 95% 50%;}
.menu li li .parent {background-image: url("http://mike.php5.sk/public/menu/downArrow.png"); background-repeat: no-repeat; background-position: 95% 50%;}
.menu ul { display: block; width: 100%;}
.menu > li.hover > ul , .menu li li.hover > ul {position: static;}
.lt-slider .slidesjs-container {height: 160px !important; max-width: 636px; min-height: 100px; width: 100% !important;}
.slider-sec .rt-slider {}
.welcome-sec .lt-welcome {display: block; float: none; margin: 0 auto 0px; padding: 0 20px; width: 100%;}
.welcome-sec .rt-welcome {display: block; float: none; margin-top: 0px; text-align: center; width: 100%;}
.welcome-sec .rt-welcome h3{margin-left:0px;}
.welcome-sec .lt-welcome .home-readmore {float: none; margin: 10px auto 0;}
.welcome-sec .rt-welcome .home-readmore{ float: none; margin: 10px auto;}

}

@media screen and (max-width: 360px) {
.rt-top-header ul li{line-height:normal;}
.slider-sec .rt-slider {}
}