/**
 * ========================================
 * GENERAL STYLES
 * ========================================
 */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600&subset=latin,latin-ext);*/
body {
	font-family: "Arial", sans-serif;
	font-size: 16px;
    font-weight: 400;
	line-height: 1;
	color: #2b2b2b;
    background:  #fff;
    min-width: 970px;
}

a {
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
    color: #2b2b2b;
}
a:focus, a:hover {
	text-decoration: none;
	outline: 0;
    color: #f18200;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #222;
	margin-bottom: 10px;
	line-height: 1.5;
}
img {
	max-width: 100%;
	height: auto;
}
p, ul, ol {
	margin-bottom: 25px;
}
iframe {
	max-width: 100%;
	border: none;
}
p{margin-bottom: 0;}
.btn:focus{color: inherit}
.acenter{text-align: center;}

h2.title{font-size: 40px; line-height: 36px; text-align: center;  color: #070003; padding-bottom: 15px; margin-bottom: 30px; position: relative; font-weight: 400; }
h2.title span{ color: #39b1f8}
h2.title.white{color: #fff}
h2.title.black{color: #000}
h2.title.red{color: #d4246d; text-shadow: 1px 1px 0px #ac1856}

.container{width: 970px}
section{padding: 30px 0 30px 0}

/**
 * ========================================
 * COMMON CLASSES
 * ========================================
 */


header {
    min-height: 70px;
}
header .phone{ margin-top: 10px; text-align: right; font-weight: 400 }
header .phone .number{font-size: 30px; line-height: 1em; color: #ec7404; margin-bottom: 3px }
header .phone .number i{display: inline-block; width: 12px; height: 20px; vertical-align: baseline; background: url(../images/icon-phone.png) no-repeat}
header .phone  .mail{font-size: 18px; color: #000000; font-weight: 400 }

.logo{margin: 0px 0; position: relative; top: 15px}
.main{background: url(../images/main.jpg) no-repeat center; background-size:cover; }
.slogan{
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    color: #006699;
    margin-top: 5px;

}
.line-or{background-color: #ec7404; height: 37px; padding: 10px 0}
.lang{color: #fff; font-weight: 700;}
.lang a{color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase}

.cl-or{color: #ff6600}
.cl-bl{color: #41b4f8}

.formular{  position: relative; margin-top: 50px; }
.body-form{background: rgba(255,255,255,0.6); border-radius: 10px; padding: 30px 10px 10px;}
.formular .titlu{font-size: 26px; line-height: 1.2em; color: #000; text-align: center; font-weight: 400; margin-bottom: 10px; margin-top: 10px;}
.formular .body-form h4{color: #ff6600; font-size: 24px; font-weight: 700; text-align: center;}
.formular .form-row{margin-bottom: 10px; padding: 0 20px}
.formular .form-control{border: none; border-radius: 6px; font-size: 16px; background-color: #cdeafe; padding: 10px 10px 10px 10px; height: 34px}
.formular .submit{margin-bottom: 20px}
.form-icon{background: url(../images/icon--form.png) no-repeat; width: 103px; height: 95px; position: absolute; left: -50px; top: -50px}

.oferta{margin-bottom: 80px; position: relative; text-align: left; padding-top: 50px;}
.oferta .text{ padding: 30px 0 30px 30px; line-height: 1.3em; border: 2px solid #ec7404; background-color: #fff}
.oferta .text p{margin-bottom: 3px;}
.oferta .text p i{color: #41b4f8 }

.dece{padding-bottom: 0}
.dece .bg{background: url(../images/dece_bg.jpg) no-repeat center bottom; padding-bottom: 140px; background-size: cover}
.dece .title{ margin-bottom: 0; padding-bottom: 0; bottom: -4px}
.dece .item{position: relative; margin-bottom: 20px;  padding: 10px 0 10px 65px }
.dece .item>span{position: absolute; left: 15px; top: 10px; width: 40px; height: 40px; border-radius: 50%; background-color: #39b1f8; text-align: center; padding: 8px 0; color: #fff; font-weight: 700; font-size: 25px; box-shadow: 0 2px 0 #508bc6}
.dece .item p{font-size: 22px; line-height: 1.2em; text-align: justify}

.products{background-color: #cdf0f7;}
.tab-prod{margin-bottom: 30px}
.tab-prod > li > a{background-color: #39b1f8; color: #fff; box-shadow: 0 3px 0 #508bc6; font-size: 25px;  margin: 0 2px 10px 2px}
.tab-prod > li > a:hover,.tab-prod > li > a:focus{color: #fff; background-color: #68c7ff}
.tab-prod > li > a.active{background-color: #508bc6; color: #fff}


.products-box{margin-bottom: 30px}
.products-box .products-item>div{ background-color: #fff; border-radius: 10px; text-align: center; margin: 3px;    padding: 15px;}
.products-box .products-item p{font-size: 20px; color: #ec7404; margin-bottom: 20px}
.products-box .products-item .btn-read-more{background-color: #cdeafe; font-size: 20px; color: #006699}

.col-3-space .products-item {width: 25%;  }

.cum-lucram{background: url(../images/cum-lucram.jpg) no-repeat center;}
.cum-lucram ol{margin: 0; padding: 0 0 0 50px;  counter-reset: li-counter;  list-style-type: none;}
.cum-lucram li{font-size: 25px; line-height: 1.2em; color: #006699; margin-bottom: 15px; position: relative}
.cum-lucram li:before{
    background-color: #508bc6;
    border-radius: 50%;
    color: #cdeafe;
    content: counter(li-counter, decimal);
    counter-increment: li-counter;
    font-size: 26px;
    font-weight: 700;
    height: 40px;
    width: 40px;
    left: -50px;
    line-height: 30px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 0;

}

.clients{background-color: #cdf2f8;}
.clients .c-box{background-color: #fff; border-radius: 10px; border: 1px solid #bae5ed; box-shadow: 0 3px 0 #bae5ed; padding: 15px; margin-bottom: 30px}
.clients .c-box  table{width: 100%}
.clients .c-box  table td{width: 20%; text-align: center; vertical-align: middle}
.clients .c-box  table td img{width: 80%}

#product-info{padding: 5px; min-height: 230px}
#product-info img{float: left; margin: 0 20px 10px 0}
#product-info h3{font-size: 26px; margin-top: 0;}
#product-info p{margin-bottom: 10px; line-height: 1.2em}




.footer{padding: 10px 0 0 0; background-color: #fff}
.footer .footer-logo{margin: 10px 0}
.footer .slogan{font-size: 30px; line-height: 1.15em; color: #006699; font-weight: 400; text-align: center; margin-top: 0px; }
.footer .phone{ margin-top: 8px; text-align: right; font-weight: 400 }
.footer .phone .number{font-size: 30px; line-height: 1em; color: #ec7404; font-weight: 400 }
.footer .phone .number i{display: inline-block; width: 13px; height: 23px; vertical-align: baseline; background: url(../images/icon-phone.png) no-repeat}
.footer .phone  .mail{font-size: 18px; line-height: 20px; color: #000; font-weight: 400 }

.testimoniale {
 background-color: #fff;
}
.testimoniale .item {
    border: 5px solid #007cc0;
    margin-bottom: 40px;
    margin-left: 110px;
    padding: 10px 10px 5px 75px;
    position: relative;
}
.testimoniale .item img {
    border: 1px solid #007cc0;
    left: -95px;
    position: absolute;
    top: -15px;
    width: 150px;
}
.testimoniale .item p {
    font-size: 18px;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.testimoniale .item .nume {
    color: #007cc0;
    font-size: 25px;
    font-weight: 600;
}



.sispune{margin: 20px 0 10px 0; text-align: center}
.h15px{height: 15px}
.fb-like>span{vertical-align: top!important;}

.btn-danger{background-color: #ff6666; border: none; box-shadow: 0 3px 0 #cc3333; position: relative; top: 0}
.btn-danger:hover{background-color: #cc0000; box-shadow: 0 3px 0 #990000}
.btn-danger:active{top: 3px; box-shadow: none}
.btn-danger:focus{background-color: #cc0000; color: #fff}

.btn-warning{background-color: #ffa836;  box-shadow: 0 3px 0 #e5731f; color: #fff; }
.btn-warning:hover{background-color: #ff3333; color: #fff; box-shadow: 0 3px 0 #cc3300}
.btn-warning:active{background-color: #ff3333;  color: #fff; outline: none;}


.btn{border: none; 	transition: all ease 0.25s; font-size: 30px; line-height: 28px; font-weight: 400; padding: 8px 25px 5px 25px; white-space:normal }
.btn:focus,.btn:active:focus{outline: none;}
.btn-lg{padding: 18px 25px 12px 25px}
.btn-center{font-size: 20px; padding: 15px 0}
.btn-center:hover{background-color: transparent}

.scroll{visibility: hidden}
.scroll.animated{visibility: visible}


/* ---------------------------------------------- /*
 * Countdown
/* ---------------------------------------------- */
.contor-box{margin:  5px 0 15px 0px; padding: 15px 10px; background: rgba(255,255,255,0.7); text-align: center; position: relative;  }
#countdown {
    margin: 0;
    line-height: 1;
}

#countdown > div {
    display: inline-block;
    margin: 0 2px;
    width: 75px;
    height: 75px;
    background: #ec7404;
    text-align: center;
    color: #fff;
    border-radius: 1px;
    position: relative;
    vertical-align: middle;
    letter-spacing: 0px;
}

#countdown > div > div {
    padding: 0 5px;
    margin-left: 5px;
    margin-top: 6px;
    margin-bottom: 5px;
    font-size: 35px;
    line-height: 40px;
    font-weight: 600;
    position: relative;
    letter-spacing: 5px;
}
#countdown > div > div:before{position: absolute; width: 1px; height: 100%; background: #fff; display: block; left: 45%; top: 1px; content: "";}
#countdown em{color: #fff; font-size: 50px; font-style: normal; margin: 0 3px; width: 6px; height: 20px; vertical-align: middle; padding-bottom: 5px; background: url(../images/puncte.png) no-repeat; display: inline-block}
#countdown > div > i {
    left: 0;
    right: 0;
    bottom: 0px;
    font-style: normal;
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}
.desc-contor{ color: #000000; font-size: 25px; font-weight: 400; margin-top: 5px; text-align: center; margin-bottom: 10px }