/*@font-face {
    font-family: "Raleway";
    src: url(http://www.sdn.cidecho.ro/fonts/Raleway-Regular.ttf) format("truetype");
}*/
@font-face {
    font-family: "Raleway";
    src: url(../fonts/Raleway-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "RalewayH";
    src: url(../fonts/Raleway-Heavy.ttf) format("truetype");
}
@font-face {
    font-family: "RalewayR";
    src: url(../fonts/Raleway-Regular.ttf) format("truetype");
}
/*@font-face {
    font-family: "RalewayH";
    src: url(http://www.sdn.cidecho.ro/fonts/Raleway-Heavy.ttf) format("truetype");
}
@font-face {
    font-family: "RalewayR";
    src: url(http://www.sdn.cidecho.ro/fonts/Raleway-Regular.ttf) format("truetype");
}*/

* {
    font-family: "Raleway", Verdana, Tahoma!important;
}

body { 
	font-size: 62.5%; 
		
	height: 100%!important;
	background-image: url("../images/bg4.png");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: repeat;
    background-size: auto auto;
    color: #727272;
}

.cabnet{
	background:#1FBEF0!important;
	color:#000!important;
	padding: 0px!important;
	margin: 0px!important;
	margin-bottom: 0.25em !important;
}

.cabnet .one, .cabnet .two, .cabnet .three
{
	width: 33%!important;
	display: inline!important;
	float:left!important;	
}

/* start navbar */
.navbar-custom
{
	padding-top: 1.3em;
	color:#fff!important;
}
.navbar-text-cid-img img
{
	width: 98%;
	height:98%;		 
}

.top-menu-under
{
	background:#36CEFE!important;
}

.navbar .active a
{
	background:#fff!important;	
	/*filter: brightness(85%);*/
	margin-bottom: 1px solid #c85e8e!important;
	color: #000!important;
	
}

.navbar ul li a {
	color:#000!important;
}

.navbar ul li a:hover {
	color:#000!important;
	filter: brightness(55%);
}

.top-menu-under li.active a:hover
{
	color:#000!important;	
}

.navbar-text-cid-img{
	margin: 0px!important;
	margin-left: 48%!important;
	margin-right: 1.5em!important;
	padding:0.3em!important;
	
	height: 4.43em!important; 
	width: 7em!important;
	
}
.navbar-text-cid-img:hover {
	margin: 0px!important;
	margin-left: 48%!important;
	margin-right: 1.5em!important;
	padding:0.3em!important;
	
	height: 4.43em!important; 
	width: 7em!important;	
}

.navbar.navbar-default
{
	margin-bottom: 0.25em!important;
}


/* end navbar */

/* start gallery */
.a-link-color {
	color:#84C1D3!important;
	text-decoration: underline;
}

.gal
{
width:99.99%;
list-style-type: none;
padding-bottom: 15px;
}

.gal-ul
{
list-style-type: none;
/*margin-right:0px!important;
padding-left:15px!important;*/
}

.gal-li1
{
margin-right:0px!important;
padding-left:0px!important;
padding-right:0px!important;
}
/* end gallery */
/* start front page */
.span-relative-custom
{
	width:60%;
	height:30%;
	background: red;
}


.front-class{	
	margin:0px;
	padding-top : 0px!important;
	padding-left : 0px!important;
	padding-right : 0px!important;
	padding-bottom:0.3em;	
}
.front-class img {
	width:100%;
	height:42.231075%;
}

.front-class span
{
	display: inline-block;
	position: absolute;
    top: 0;
    right: 0;
}

.front-class span text
{
	position: absolute;
    top: 0!important;
    left: 0;
	font-size: 3em;
	
}

.front-class span a
{
	position: absolute;
    top: 100!important;
    left: 0;
}

/*
.front-class span{
	position:absolute;
	z-index:100000;
	vertical-align:middle;
	top:30%;
	left:27%;
	font-size:4em;
	color: #fff;
}

.front-class span span{
	
	vertical-align:middle;	
	color: #fff;
}

.front-class span a{	
	background: #CA5E90;
	color:#fff;
	border: 0px;
}
*/
.footer-element
{
	padding-top: 2em!important;
	text-align: left!important;
	list-style-type: none!important;
	
}

.footer-ul li a{
	color:#000!important;
}

.h10p
{
	height: 20%!important;
	width: 100%!important;
	background: red!important;
}
.front-menu-class{	
	margin:0px!important;
	padding : 0px!important;
	
	padding-bottom:0.3em!important;	
}
.front-menu-class img {
	width:33%;	
	height:24.701195%;
}
.three-class
{
	height:24.701195%!important;
	padding: 0px!important;
}

.three-class div
{
	padding-left: 0px!important;
	padding-right: 0.3em!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	height:24.701195%!important;
}

#three-class-main.one
{
	background:url('../images/unu.png') no-repeat center center!important;
}

#three-class-main.two
{
	background:url('../images/doi.png') no-repeat center center!important;
}

#three-class-main.three
{
	background:url('../images/trei.png') no-repeat center center!important;
}

#three-class-main
{	
    background-size:cover!important;
    width:100%!important;
	height:24.701195%!important;
    padding-top:20%!important;
    padding-bottom:20%!important	;
}



#three-class-main div h4
{
	color:#fff!important;
}

.front-menu-class div {
	width:33%!important;	
	height:24.701195%!important;
}

.fl{
	float:left!important;
}
.fr{
	float:right!important;
}

.footer-first-li
{
	color:#999;
	font-weight: bold;
	float:left;
}

.footer-li
{
	float:left;
}

.footer-ul
{
	list-style-type: none;
	float:left;
	padding: 0px;
	font-size: 0.85em;
}

.pdt1em
{
	padding-top: 1em;
}

.no-list-show{
	list-style-type: none;
}
/*<!-- facebook-->	*/
.menu-items-a
{
	overflow: auto!important;
	padding: 0px;
}

.menu-items-a li {
    list-style-type: none!important;
    float: left!important;
}
 
.menu-items-a li a i {
    background: #CA5E90!important;
    color: #fff!important;
    width: 30px!important;
    height: 30px!important;
    border-radius: 20px!important;
    font-size: 21px!important;
    text-align: center!important;
    margin-right: 10px!important;
    padding-top: 10%!important;
    transition: all 0.2s ease-in-out!important;
	font: normal normal normal 18px/1 FontAwesome!important;
}

.fa-facebook {
    background:#3b5998
} 
.fa-linkedin {
    background:#007bb6
}
.fa-twitter {
    background:#00aced
}
.google-plus {
    background:#dd4b39
}
.menu-items-a li a i:hover {
    opacity: .7;
}

/*<!-- facebook-->	*/

.small-create-text
{
	font-size:0.85em;
}

.footer-element{
	height:24%!important;
}

/* end front page */



/* start message */

.square-box{
    position: relative;
    width: 50%;
    overflow: hidden;
    background: #4679BD;
	
}
.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}
.square-content div {
   display: table;
   width: 100%;
   height: 100%;
   
   background-color: white;
background-image: url('../images/stas.png');
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
}
.square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white
}


#hungry {
    background:url('../images/main.png') no-repeat center center;
    background-size:cover;
    width:100%;
    padding-top:15%;
    padding-bottom:25%;	
}

#hungry1 {
    background:url('../images/unu.png') no-repeat center center;
    background-size:cover;
    width:100%;
    padding-top:15%;
    padding-bottom:25%;
}

#hungry2 {
    background:url('../images/doi.png') no-repeat center center;
    background-size:cover;
    width:100%;
    padding-top:15%;
    padding-bottom:25%;
}

#hungry3 {
    background:url('../images/trei.png') no-repeat center center;
    background-size:cover;
    width:100%;
    padding-top:15%;
    padding-bottom:25%;
}

.btn-responsive {
		color:#FFFFFF!important;
		background: #C85E8E!important;
		border:0px!important;
}

#hungry h1
{
	color:#fff!important;
}

.oneD{
	/*background:url('../images/unu.png') no-repeat center center;*/
	height: 100px;
	position: absolute;
	bottom: 4%;
	left:0;
	color: #fff;
}
.oneD h4 {
	line-height: 1!important;
	font-size: 1.5em;
	padding-bottom: 0.3em;
}
.twoD{
	background:url('../images/doi.png') no-repeat center center;
}
.threeD{
	background:url('../images/trei.png') no-repeat center center;
}

#navbar .navbar-right
{
	margin-right: 7em!important;
}


/* Large desktops and laptops */
@media only screen and (min-width: 1200px) {
	#hungry {
		background:url('../images/main.png') no-repeat center center;
		background-size:cover;
		width:100%;
		padding-top:14%;
		padding-bottom:26%;
	}
	#hungry h1 {		
		font-size:3.45em;
	}
}

/* start btn resp */
  
.splash-element
{
	padding: 1em!important;
	height: 24%!important;
}
.splash-element div
{
	padding: 1em!important;
	padding-top: 0.3em!important;
}

.splash-element div img
{
	margin-top: 1em;
}


.main-splash-element
{
	padding: 0px!important;
	height: 20%!important;
}
.main-splash-element div
{
	background: #CCCCCC;
	padding: 0px!important;
	padding-top: 0.3em!important;
}
.main-splash-element div img
{
	padding: 0px!important;
	width: 100%!important;
}


.main-btn-element{
	position: absolute;
	bottom:35%;
	left:45%;
}


/* end btn resp */



/* Landscape tablets and medium desktops */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.cabnet .one, .cabnet .three
	{
		width: 39%!important;
		display: inline!important;
		float:left!important;
	}
	
	.cabnet .two
	{
		width: 19%!important;
		display: inline!important;
		float:left!important;
	}

	#hungry {
		background:url('../images/main.png') no-repeat center center;
		background-size:cover;
		width:100%;
		padding-top:13%;
		padding-bottom:27%;
	}
	#hungry h1 {
		font-size: 3em!important;
	}
	
	.btn-responsive {
		padding:2px 4px!important;
		font-size:95%!important;		
		line-height: 2!important;
	  }
	  
	  .oneD h4 {
			line-height: 1!important;
			font-size: 1.5em;
		}
		
			#navbar .navbar-right
			{
				margin-right: 6em!important;
			}
}

/* Portrait tablets and small desktops */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cabnet .one, .cabnet .three
	{
		width: 39%!important;
		display: inline!important;
		float:left!important;
	}
	
	.cabnet .two
	{
		width: 19%!important;
		display: inline!important;
		float:left!important;
	}
	
	#hungry {
		background:url('../images/main.png') no-repeat center center;
		background-size:cover;
		width:100%;
		padding-top:12%;
		padding-bottom:28%;
	}
	
	#hungry h1 {
		font-size: 2.45em!important;
	}
	
	.btn-responsive {
		padding:2px 4px!important;
		font-size:90%!important;		
		line-height: 2!important;
	  }
	  
	  .oneD h4 {
			line-height: 0.2!important;
			font-size: 1.1em;
		}
		
		.navbar-text-cid-img{
			margin-left: 35%!important;
		}
		
		.navbar-text-cid-img:hover {
			margin-left: 35%!important;
		}
		
		#navbar .navbar-right
		{
			margin-right: -3em!important;
		}
}

/* Landscape phones and portrait tablets */
@media only screen and (max-width: 767px) {
	.cabnet .one, .cabnet .three
	{
		width: 39%!important;
		display: inline!important;
		float:left!important;
	}
	
	.cabnet .two
	{
		width: 19%!important;
		display: inline!important;
		float:left!important;
	}
	#hungry {
		background:url('../images/main.png') no-repeat center center;
		background-size:cover;
		width:100%;
		padding-top:8%;
		padding-bottom:32%;
	}
	
	#hungry h1 {
		font-size: 2.5em!important;
	}
	
	.btn-responsive {
		padding:2px 4px!important;
		font-size:85%!important;	
		line-height: 2!important;
	  }
	  
	  .oneD h4 {
			line-height: 1!important;
			font-size: 0.85em;
			color: black!important;			
		}
		.oneD
		{
			bottom: 7%;
		}
		
		.navbar-text-cid-img{
		margin: 0px!important;
		margin-left: 12%!important;
		margin-right: 1.5em!important;
		padding:0.3em!important;
		/*background: #fff;*/
		height: 2.8em!important; 
		width: 4.2em!important;

	}
	.navbar-text-cid-img:hover {
		margin: 0px!important;
		margin-left: 12%!important;
		margin-right: 1.5em!important;
		padding:0.3em!important;
		/*background: #fff!important;*/
		height: 2.8em!important; 
		width: 4.2em!important;	
	}
	
	.main-photo-element
	{
		height:12em!important;
	}
	
	
	.main-btn-element{
		position: absolute!important;
		bottom:30%!important;
		left:37%!important;
	}
		
	#navbar .navbar-right
		{
			margin-right: 0em!important;
		}
		
}

/* Portrait phones and smaller */
@media only screen and (max-width: 480px) {
	.cabnet .one
	{
		width: 48%!important;
		display: inline!important;
		float:left!important;
	}
	 .cabnet .three
	 {
		width: 50%!important;
		display: inline!important;
		float:left!important;
	 }
	
	.cabnet .two
	{
		width: 1%!important;
		display: inline!important;
		float:left!important;
	}
	#hungry {
		background:url('../images/main.png') no-repeat center center;
		background-size:cover;
		width:100%;
		padding-top:5%;
		padding-bottom:35%;
	}
	#hungry h1 {
		font-size: 1.75em!important;
	}
	
	.btn-responsive {
		padding:1px 3px!important;
		font-size:80%!important;
		line-height: 2!important;
	  }
	  
	  .navbar-text-cid-img{
		margin: 0px!important;
		margin-left: 12%!important;
		margin-right: 1.5em!important;
		padding:0.3em!important;
		/*background: #fff;*/
		height: 2.8em!important; 
		width: 4.2em!important;

	}
	.navbar-text-cid-img:hover {
		margin: 0px!important;
		margin-left: 12%!important;
		margin-right: 1.5em!important;
		padding:0.3em!important;
		/*background: #fff!important;*/
		height: 2.8em!important; 
		width: 4.2em!important;	
	}
	
	.oneD h4 {
			line-height: 0.1!important;
			font-size: 1.1em;
			color: greenyellow!important;
		}
}

/* Portrait phones and smaller */
@media only screen and (max-width: 320px) {
	.cabnet .one
	{
		width: 40%!important;
		display: inline!important;
		float:left!important;
	}
	 .cabnet .three
	 {
		width: 58%!important;
		display: inline!important;
		float:left!important;
	 }
	
	.cabnet .two
	{
		width: 1%!important;
		display: inline!important;
		float:left!important;
	}
	
	#hungry {
		background:url('../images/main.png') no-repeat center center;
		background-size:cover;
		width:100%;
		padding-top:5%;
		padding-bottom:35%;
	}
	#hungry h1 {
		font-size: 1.45em!important;
	}
	
	.btn-responsive {
		padding:0.5px 1.5px!important;
		font-size:70%!important;
		line-height: 2!important;
	  }
	  
	  .navbar-text-cid-img{
		margin: 0px!important;
		margin-left: 12%!important;
		margin-right: 1.5em!important;
		padding:0.3em!important;
		/*background: #fff;*/
		height: 2.8em!important; 
		width: 4.2em!important;

	}
	.navbar-text-cid-img:hover {
		margin: 0px!important;
		margin-left: 12%!important;
		margin-right: 1.5em!important;
		padding:0.3em!important;
		/*background: #fff!important;*/
		height: 2.8em!important; 
		width: 4.2em!important;	
	}
	
	.oneD h4 {
			line-height: 0.1!important;
			font-size: 1.1em;
			color: blanchedalmond!important;
		}
}

/* end message */

/*start about*/
.first-text-mode .btn{
	margin-bottom: 0.75em;
	float: left!important;
}
.modal-first-text-mode img{
	padding-bottom: 3em!important;	
}
.modal-first-text-mode
{
	background: #fff!important;
	padding: 0px!important;
	height: 60%!important;	
	padding-top: 2em!important;
}

.first-text-mode
{
	background: #f1f8fb!important;
	padding: 0px!important;
	height: 60%!important;	
	
	
}

.modal-second-text-mode
{
	padding: 0px!important;
	padding-top: 1em!important;
	height: 60%!important;	
}


.first-text-mode h5
{
	text-align: left!important;	
	padding-bottom: 0.3em;
	padding-left:25%!important;
	line-height: 1.25;
}


.first-text-mode-img
{
	padding: 0px!important;	
		
}

.about-first-title
{
	text-align: center!important;
	padding:0px!important;
}

.about-first-img
{
	text-align: center!important;
	padding-bottom: 1em;
}

.about-first-header-img img
{	
	padding: 0px!important;
	height: 120px!important;
	width: 100%!important;
}

.about-first-header-img
{
	background:#f1f8fb url('../images/about-all.png') no-repeat center center!important;
	padding: 0px!important;
	height: 8em!important;
	background-size: 100%!important; 
}
.services-first-header-img img
{	
	padding: 0px!important;
	height: 120px!important;
	width: 100%!important;
}

.services-first-header-img
{
	background:#f1f8fb url('../images/services-all.png') no-repeat center center!important;
	padding: 0px!important;
	height: 8em!important;
	background-size: 100%!important; 
}

.blog-gutter h5 a
{
	text-decoration: none!important;
}

.blog-first-header-img img
{	
	padding: 0px!important;
	height: 120px!important;
	width: 100%!important;
}

.custom-pagination

.blog-first-header-img
{
	background:#f1f8fb url('../images/blog-all.png') no-repeat center center!important;
	padding: 0px!important;
	height: 8em!important;
	background-size: 100%!important; 
}

.three-circle
{
	padding-left:12.5%!important;
	padding-right:9%!important;
}
.three-circle .bmargin
{
	padding-top: 2em;	
}

.footer-element
{
	padding-left:12.5%!important;
	padding-right:9%!important;
}

.modal-blog-mode
{
	padding-left:20%!important;
	padding-right:20%!important;
}

.model-contact-form
{
	padding-left:10%!important;
	padding-right:10%!important;
}

.hr-bottom
{
	padding-top: 2em!important;	
	padding-bottom: 0.3em!important;		
}
.hr-bottom hr
{
	padding-bottom: 0.3em!important;		
}

.rspan
{
	color:#c85e8e!important;
}

.bspan
{
	color:#1fbef0!important;
}

.blog-title
{
	text-align: left!important;	
}

.dieznoua
{
	color:#999!important;
}
.blog-title .dieznoua {
	font-family: "RalewayH"!important;
}

.blog-info
{
	padding: 0px!important;
	text-align: left!important;
	padding-bottom: 0.5em!important;
	font-family: "RalewayH"!important;
}

.blog-gutter
{
	padding: 0px!important;
}

.modal-blog-mode h4, .modal-blog-mode h5{
	font-family: "RalewayR"!important;
	text-align: left!important;
}

.custom-pagination .fa-circle {
 
	color: #E7E7E7!important;
	 
}

.custom-pagination .last .fa-circle {
 
	color: #1FBEF0!important;
}

.custom-pagination span
{
	
	font: normal normal normal 18px/1 FontAwesome !important;
	/*back #E7E7E7
 color #9E9E9E
	*/
	/*padding-right: 0.5em;*/ 
}

.custom-pagination a
{
	text-decoration: none!important;
}
.custom-pagination span .fa-stack-2x
{	
	font: normal normal normal 40px/1 FontAwesome !important;
	/*color: #C85E8E;*/
	/*padding-right: 0.5em;*/ 
}

.custom-pagination span .fa-stack-1x
{
	color:#fff;
	font: normal normal normal 25px/1 FontAwesome !important;
	padding-top: 0.15em;
	/*color: #C85E8E;*/
	/*padding-right: 0.5em;*/ 
}


/*custom [ag */
/*.custom-pagination .fa-inverse {
    color: #ffffff!important;
}
.custom-pagination .fa-stack-1x {
    line-height: inherit!important;
	font-size:1.33em;
}
.custom-pagination .fa-stack-1x, .fa-stack-2x {
    position: absolute!important;
    left: 0!important;
    width: 100%!important;
    text-align: center!important;
}
.custom-pagination .fa {
    display: inline-block!important;
    font-family: FontAwesome!important;
    font-style: normal!important;
    font-weight: normal!important;
	font-size:1.33em;
    line-height: 1!important;
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
}*/
/*custom pag */








/*start about*/
/*start contact*/
.contact-element i
{
	font: normal normal normal 18px/1 FontAwesome !important;
	color: #C1B401;
	padding-right: 0.5em; 
}
.footer-element.contact-element, .footer-element.contact-element h5, .footer-element.contact-element ul{
	text-align: center!important;
	float:none!important;
}
	
.footer-element{
	line-height:1.45em!important;	
}

.footer-element .last-element
{
	padding-right: 12px!important;
}

.model-contact-form 
{
	height:10%;
	margin-bottom: 5em;
}
.model-img-div
{
	height:26em;;
}
.model-contact-form .group
{
	margin-top: 0.3em;			
}
.model-contact-form input
{
	margin-bottom: 0.3em;			
}
.model-contact-form .group label
{
	float:left;
	font-weight:initial!important;	
}
.model-contact-form img
{
	height: 99%;
	width:100%
}

.model-contact-form button
{
	width: 190px;
	height: 33px;
	background: #1fbef0;
	color:#fff;
	float: right;
}
.model-contact-form button:hover
{
	width: 190px;
	height: 33px;
	background: #000;
	color:#fff;
	float: right;
}

.model-contact-form .spn-btn
{
	float: left;
}

.model-contact-form textarea
{
	height: 10em!important;
}

.contact-btn
{
	padding-top: 0.3em;
}


.required label:after {
    color: #e32;
    content: ' *';
    display:inline;
}

/*.formErrorContent
{
	background: #c1b401!important;
}*/

/*
 modal-first-text-mode modal-blog-mode
.modal-first-text-mode img{
	padding-bottom: 3em!important;	
}
.modal-first-text-mode
{
	background: #fff!important;
	padding: 0px!important;
	height: 60%!important;	
	padding-top: 2em!important;
}

.modal-blog-mode
{
	padding-left:20%!important;
	padding-right:20%!important;
}

.modal-blog-mode h4, .modal-blog-mode h5{
	font-family: "RalewayR"!important;
	text-align: left!important;
}

.modal-blog-mode
	{
		padding-left:10%!important;
		padding-right:10%!important;
	}
}

@media only screen and (max-width: 480px) {
	.modal-blog-mode
	{
		padding-left:2.5%!important;
		padding-right:2.5%!important;
	}
}
*/

/*end contact*/


/*start media*/


@media only screen and (max-width: 991px) {
	.first-text-mode h5
	{
		padding-left:10%!important;	
	}
	
	.three-circle
	{
		padding-left:5%!important;
		padding-right:3%!important;
	}
	
	.about-first-header-img
	{		
		background-size: auto!important; 
	}
	.services-first-header-img
	{
		background-size: auto!important; 
	}
	.blog-first-header-img
	{		
		background-size: auto!important; 
	}
	
	.footer-element
	{
		padding-left:5%!important;
		padding-right:3%!important;
	}
	
	.modal-blog-mode
	{
		padding-left:10%!important;
		padding-right:10%!important;
	}
	
	.model-contact-form 
	{
		height:10%;
		margin-bottom: 2.5em;
	}
	
	.model-img-div
	{
		height:100%;
	}
	
	.model-contact-form .spn-btn
	{
		float: auto;
	}
}

@media only screen and (max-width: 767px) {
	.model-img-div
	{
		height:100%;
	}
}

.g-recaptcha
{
	margin-top: 1em!important;
	margin-bottom: 1em!important;
}
@media screen and (max-width: 575px){
	#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

@media only screen and (max-width: 480px) {
	.modal-blog-mode
	{
		padding-left:2.5%!important;
		padding-right:2.5%!important;
	}
	
	.model-contact-form 
	{
		height:10%;
		margin-bottom: 2.5em;
	}
	.model-img-div
	{
		height:100%;
	}
	
}

.p1m
{
	padding: 1em!important;
}