@import url('https://fonts.googleapis.com/css?family=Muli:400,700,1000&subset=latin-ext');

body{font-family: 'Muli', sans-serif; overflow-x: hidden; font-size: 12px;}
body.homepage{background: url(../img/background_dots.jpg) no-repeat 20% 1490px;}
.background-content{background: url(../img/background.jpg) no-repeat center center; position: relative; width: 100%; height: 300px; top: 0px; left: 0px; z-index: -1;}

a{color: #7fc700;}
a:hover{color: #a3d532;}
h4{margin: 3px 0;}
h5{color: #bebebe; margin: 3px 0;}
p{line-height:20px;}
.nopadding {padding: 0 !important; margin: 0 !important;}

.navbar { background-color: transparent;   background: transparent;   border-color: transparent;}
.navbar-brand { background: url(../img/tmedia-white.png) center / contain no-repeat;  margin-top: 15px; width:183px; height: 55px; overflow: hidden;}
.navbar-inverse .navbar-nav>li>a { color: #fff;}
.navbar-inverse .navbar-nav>li>a:hover{color: #7fc700;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {	color: #7fc700; background: transparent;}
.navbar-nav { margin-top: 15px; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {	color: #7fc700;	background:transparent; }
.navbar-inverse .navbar-nav li.dropdown>a {cursor: pointer; color: #7fc700;}
.navbar-inverse .navbar-nav .dropdown-menu>li>a {color: #fff; }
.navbar-inverse .navbar-nav .dropdown-menu>li>a:hover { cursor: pointer; color: #000;  }
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #000; }

#page.navbar-inverse .navbar-brand {    color: rgba(255, 255, 255, 1);	background: url(../img/tmedia-color.png) center / contain no-repeat;}
#page.navbar-inverse { background-color: rgba(255, 255, 255, 1); border-width: 0px; border-radius: 4px; }
#page.navbar-inverse .navbar-nav>li>a { color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1); }
#page.navbar-inverse .navbar-nav>li>a:hover, #page.navbar-inverse .navbar-nav>li>a:focus { color: rgba(127, 199, 0, 1); background-color: rgba(255, 255, 255, 1);}
#page.navbar-inverse .navbar-nav>.active>a, #page.navbar-inverse .navbar-nav>.active>a:hover, #page.navbar-inverse .navbar-nav>.active>a:focus { color: rgba(127, 199, 0, 1); background-color: rgba(255, 255, 255, 1); }
#page.navbar-inverse .navbar-toggle { border-color: #ffffff; }
#page.navbar-inverse .navbar-toggle:hover, #page.navbar-inverse .navbar-toggle:focus { background-color: #7fc700; }
#page.navbar-inverse .navbar-toggle, #page.navbar-inverse .navbar-toggle:focus, #page.navbar-inverse .navbar-toggle:hover { background-color: #7fc700;}
#page.navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff;}
#page.navbar-inverse .navbar-toggle:hover .icon-bar, #page.navbar-inverse .navbar-toggle:focus .icon-bar { background-color: #ffffff; }
#page.navbar-inverse .navbar-nav li.dropdown>a {cursor: pointer; color: #7fc700;}

.dropdown-menu{min-width: 0; left: -16px; background: rgba(0,0,0,0.6)}
.background{background: url(../img/background.jpg) no-repeat center center; position: fixed; width: 100%; height: 704px; top: 0px; left: 0px; z-index: -1;}
.jumbotron{background: transparent; margin: 0; color: #fff; padding: 280px 0; margin: 0;}
.btn-white{background: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #000; border: 1px solid #fff; text-transform: uppercase; font-size: 12px; padding: 10px 30px; margin: 20px 0;}
.btn-white:hover{background: transparent; color: #fff; border: 1px solid #fff;}
.offer-boxes{margin-bottom: 40px; margin-top: -60px;}
.offer-boxes div{padding: 15px 0;}
.offer-boxes:hover div{cursor: pointer;}
.offer-boxes:hover div img{-webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease;}
.offer-boxes div .text{display: none; background: transparent !important; color: #fff; font-size: 14px;}
.offer-boxes div .text a { color:#fff; }
.offer-boxes div:nth-child(1):hover{cursor: auto;}
.offer-boxes div:nth-child(2){background: #ebebeb;}
.offer-boxes div:nth-child(3){background: #e4e4e4;}
.offer-boxes div:nth-child(4){background: #dcdcdc;}
.offer-boxes div:nth-child(5){background: #ebebeb;}
.offer-boxes div:nth-child(2):hover, .offer-boxes div:nth-child(3):hover, .offer-boxes div:nth-child(4):hover, .offer-boxes div:nth-child(5):hover{background: #7fc700; color: #fff;}
.offer-boxes div:nth-child(2):hover img, .offer-boxes div:nth-child(3):hover img, .offer-boxes div:nth-child(4):hover img, .offer-boxes div:nth-child(5):hover img{display: none;}
.offer-boxes div:nth-child(2):hover .text, .offer-boxes div:nth-child(3):hover .text, .offer-boxes div:nth-child(4):hover .text, .offer-boxes div:nth-child(5):hover .text{display: block; }
.offer-boxes .active-box{background: #7fc700 !important;}
.offer-boxes .active-box img{display: none;}
.offer-boxes .active-box .text{display: block;}

.text-about{margin: 40px 0; text-align: center;}
.text-about p{text-align: justify;}
.text-about img{padding: 0 0 30px 0;}

.text-offer{margin: 40px 0;}
.text-offer p { padding-top:20px; padding-bottom:20px; font-weight:700;}
.text-about ul li {margin-left: -20px; margin-bottom:15px;}
.text-about ul li { margin-left: -40px; text-align: left !important; line-height: 23px;}
.text-offer ul li ul{margin-left: -20px; margin-top: 15px; margin-bottom: 15px; line-height: 24px;}
.text-offer ul li ul li{line-height: 20px;}


#map_canvas{float: left; width: 100%; height: 350px;}
.contact-container { padding-top:30px; }
    #contact-box-info { 
            float: left;
    width: 100%;
    margin-top:25px;
    }
    #contact-box-info .box { margin-bottom: 50px;}
    #contact-box-info h4 { font-size: 16px;
    font-weight: 700;
    color: #000;
    width: 100%;
    float: left;
    position: relative;
    padding-top:10px;
    }
#contact-box-info h4::after {
    width: 40px;
    height: 2px;
    background: #7fc700;
    float: left;
    content: ' ';
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translate(-50%, 0);
}
#contact-box-info p {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 15px;
    float: left;
    width: 100%;
}
#form-box { padding-top:30px; }
#form-box input.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#form-box textarea.form-control {
    display: block;
    width: 100%;
    min-height: 200px;
    resize: vertical;
    padding: 15px 25px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#form-box form .form-control textarea {
    height:200px;
}

#form-box .form-group input {
    padding: 25px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

#form-box form button {
    border: none;
    background: #7fc700;
    color: #fff;
    float: right;
    font-family: inherit;
    padding: 15px 30px;
    cursor: pointer;
    border-radius:0;
}

.quote-text .box{background: #7fc700 url(../img/quote.jpg) no-repeat 100% 73%; padding: 60px 0; color: #fff; margin-bottom: 60px;}
.quote-text .divider{background: #7fc700 url(../img/divider.jpg) no-repeat 100% 73%; padding: 60px 0; color: #fff; margin-bottom: 60px;}
.countbox{color: #7fc700; font-size: 96px; padding: 40px 0;}

.space { padding: 30px; }
.person{height: 244px; overflow: hidden; margin: 0 3.7px; position: relative; width: 123px; float: left;}
.person img{position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%;}
.person p{display: none;}
.person:hover img{top: -100%;}
.person:hover p{display: block; position: absolute; top: 15px; left: 15px; z-index: 5px; color: #fff; font-size: 14px; text-align: left; line-height: 17px;}
.social-icons{float: left; width: 100%; margin: 40px 0 !important;}
.social-icons i{font-size: 20px; color: #dcdcdc;}
.dots {background: url(../img/background_dots.jpg) no-repeat center; height:75px; margin-top:30px; margin-bottom:30px;}
.sendmail{background: #ebebeb; padding: 60px 0;}
.sendmail button{float: left; width: 100%; background: #949999; border: 1px solid #949999; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 20px 0;}
.sendmail button:hover{background: #7fc700; border: 1px solid #7fc700;}
.sendmail .form-group{float: left; width: 100%; margin: 40px 0 0;}
.sendmail .form-group input{padding: 30px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}

footer{margin: 40px 0;}
footer p{line-height: 30px; text-transform: uppercase; color: #dcdcdc; letter-spacing: 1px; font-size: 14px; text-align: right;}
footer p a{color: #7fc700;}