/*  
Theme Name: neteo-simi 1.2.5
Theme URI: http://neteo.eu
Description: Flexible and simply wordpress theme
Author: INFORD
Author URI: http://INFORD.eu/
*/


  

body {
 width:100%;
 margin:0;
 padding:0; 
 /*font-family: 'Noto Sans', sans-serif;*/
 font-family: 'Open Sans Condensed', sans-serif;
 width:100%;
 /*background: #fff url(images/bg2.jpg) no-repeat center center fixed;
 background-size: cover;*/
 font-size:15px;
 color: #fff;
} 




@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}




 
a {
 text-decoration: none;
 color: #2F302E; 
}

a img {
 border:none;
}


a:hover {
 color: #113559;
}


h1, h2, h3, h4, h5, h6 {
 font-weight: 400; 
 line-height:1;
}


h3 {font-weight: 600;}

h1 {
 font-size:31px;
}

.alignleft {
 float: left;
 margin-right:10px;
}

.alignright {
 float: right;
 margin-left:10px;
}

.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.left {
 float: left;
 display: inline-block;
}

.right {
 float: right;
 display: inline-block;
}

/*---------------layout--------------------*/



.col-box {
 
}

.col {
 border:0px solid #cc0000;
 float: left;
 margin-right: 60px; 
}

.col:last-child {
 margin-right: 0;
 border:none!important;
}

.col_2 { width: 530px; }
.col_3 { width: 332px; }
.col_2:nth-child(2n) { margin:0;}
.col_4 { width: 235px;}
.col_4:nth-child(4n) { margin:0;}



.secBtn { 
 text-align: center;
 width: 40px;
 height:40px;
 display: block;
 position: absolute;
 top:-20px;
 left:50%; margin-left:-20px; 
 font-size:40px;
 color: #45AEE5; 
 z-index:999;
 opacity: 0.90;
 filter: alpha(opacity=90);
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;	  
}

.secBtn:hover {
 color: #FFA525;
}



#head {
 margin:0;
 padding:0; 
 position: relative;
 width:100%;
 box-sizing: border-box;
}


.logo-container {
 width:100%;
 box-sizing: border-box; 
 position: absolute; 
 text-align: center;
 z-index:99;
 padding-top:30px;
}


.logo {
 animation-duration: 5s;
 -webkit-animation-duration: 5s;
 animation: logo 3.0s 1;
 -webkit-animation: logo 3.0s 1;   
 opacity: 1;
}


@keyframes logo
			{
				0%   {opacity:0.0;}
				60%  {opacity: 0.0}
				100% {opacity:1.0;}
			}
			@-webkit-keyframes logo 
			{
				0%   {opacity:0.0;}
				60%  {opacity: 0.0}
				100% {opacity:1.0;}
			}


			
.logo-container-slid-off {
 width:100%;
 box-sizing: border-box; 
 text-align: center;
 z-index:99;
 padding-top:30px;
}			
			
	
#mobile-menu {
 display: none;
}
	
	
/* Category menu*/	
#catmenucontainerRoll {
 width:100%;
 z-index:999999;
 background :#333; 
 position: fixed;
 top:0;
 left:0;
 z-index:9999;
 box-sizing: border-box;
 padding:5px;
 -webkit-box-shadow: 0px 3px 4px 0px rgba(50, 45, 49, 0.75);
 -moz-box-shadow:    0px 3px 4px 0px rgba(50, 45, 49, 0.75);
 box-shadow:         0px 3px 4px 0px rgba(50, 45, 49, 0.75);
 display: none;
 opacity: 0.95;
 filter: alpha(opacity=95);
}
	
	
#catmenucontainer{
 width:100%;
 z-index:999;
 box-sizing: border-box;
 padding:5px;
 margin: auto; 
 background:#333;	
}		
		
#catmenu{
 margin:auto;
 box-sizing: border-box;
 max-width:1100px;
 min-width:300px;
 z-index:101;	
}
		
#catmenu ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
}
	
#catmenu li {
 float:left;
 list-style: none;
 margin: 0px;
 padding: 0px;
}
	
#catmenu li a, #catmenu li a:link, #catmenu li a:visited {
 display: block;
 font-size:20px;	
 font-weight:600;
 padding: 20px 9px 15px 9px;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
}

#catmenu li a:hover, #catmenu li a:active {	
  color: #FFA525;	
}

#catmenu li.current-menu-item a {
  color: #FFA525; 
}

.current-menu-ancestor {
 border-bottom:0!important;
}

#catmenu li:last-child a {
 margin-right:0;
}
	
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
	background: #444;	
	min-width:180px;
	/*color: #fff;	*/
  	float:none;
	margin: 0px;
	font-size:18px;
	padding: 10px 9px 10px 9px;
	text-align: left;
	border-bottom: 1px solid #777;
}

#catmenu li li a:last-item {
 border:none;
}
	
#catmenu li li a:hover, #catmenu li li a:active {
  	/*color: #FFA525;
	background: #555;		*/
		
}

#catmenu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0px;	
	padding: 0px;
	padding-top:5px;
	width:285px;
}

#catmenu li li { 

}

#catmenu li ul a { 
 text-align: left;
}

#catmenu li ul a:hover, #catmenu li ul a:active { 
	}

#catmenu li ul ul {
 margin: -31px 0 0 170px;
}

#catmenu li:hover ul ul, #catmenu li:hover ul ul ul, 
#catmenu li.sfhover ul ul, #catmenu li.sfhover ul ul ul {
 left: -999em;
	}

#catmenu li:hover ul, #catmenu li li:hover ul, 
#catmenu li li li:hover ul, #catmenu li.sfhover ul, 
#catmenu li li.sfhover ul, #catmenu li li li.sfhover ul {
	left: auto;
	}

#catmenu li:hover, #catmenu li.sfhover { 
	position: static;
}	
	
			

.container {
 max-width:1140px;
 min-width:100px;
 padding:50px 10px 60px 10px;
 box-sizing: border-box;
 margin: auto;
 position: relative; 
 /*text-align: center;*/
 display: block;
}


.c-section {
 width:100%;
 /*min-width:300px;*/
 padding:50px 10 60px 10px;
 box-sizing: border-box;
 position: relative;
} 

.parallax-container {
 width:100%;
 min-width:300px;
 box-sizing: border-box;
 min-height: 400px;
 background: transparent;
 /*position: relative;*/
}


#homeOffer {
 background: #fff;
 color: #333;
 font-size:17px;
 /*text-align: center;*/
 box-sizing: border-box;
 /*-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.55);
 -moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.55);
 box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.55);*/
} 




.offerBox {
 padding-top:100px;
 position: relative;
 text-align: center;
}


.tiThumb {
 width:100px;
 height:100px;
 position: absolute;
 top:0;
 left:50%;	
 margin-left:-50px;
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease; 
}


.tiThumb:hover {
 opacity: 0.80;
 filter: alpha(opacity=90);
 width:110px;
 height:110px;
}

.home-page-content {
 text-align: auto;
}



#why {
 background: transparent;
 color: #fff;
 font-size:17px;
 text-align: center;
 position: relative;
}

#why h1 {
 padding-bottom:20px;
 color:#fff;
}


#why ul {
 margin:0;
 padding:0;
 list-style:none;
 text-align: left;
}

#why ul li{
 padding:20px 5px 20px 40px;
 border-bottom: 1px solid rgba(255, 255, 255, .1);
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;	  
 background: url(images/bg_wyp.png) no-repeat left center;
}

#why ul li:hover {
 color: #45AEE5;
 padding:20px 5px 20px 60px;
 background: url(images/bg_wyp.png) no-repeat 28px; center;	
} 



#homeMore {
 background: #fff;
 color: #333;
 font-size:17px;
 text-align: center;
 box-sizing: border-box;
 /*-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.55);
 -moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.55);
 box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.55);*/
} 

	.hmIcon {
	 font-size:35px;
	}

#about {
 background: #cc0000;
 color: #333;
 font-size:17px;
}





#howwework {
 width:100%;
 min-width:300px;
 padding:30px 10px 30px 10px;
 box-sizing: border-box;
 color: #fff;
 font-size:21px;
 text-align: center;
}
 

#howwework h2 { 
 text-align: center;
 font-size:34px;
 color: #111;
}

   .hww-box {
	 display: inline-block;
	 max-width: 320px;
	 min-width:300px;
	 box-sizing: border-box;
	 padding:20px;
	 color: #fff;
	}
	
	.hww-box img {
	 width:200px;
	 heighT: auto;
	 margin-bottom:10px;
	 /* Firefox */
	 -moz-transition: all .5s ease;
	 /* WebKit */
	 -webkit-transition: all .5s ease;
	 /* Opera */
	 -o-transition: all .5s ease;
	 /* Standard */
	 transition: all .5s ease;
	}
	
	.hww-box img:hover {
	 /* Firefox */
	 -moz-transform: scale(1.1) rotate(360deg) translate(0px);
	 /* WebKit */
	 -webkit-transform: scale(1.1) rotate(360deg) translate(0px);
	 /* Opera */
	 -o-transform: scale(1.1) rotate(360deg) translate(0px);
	 /* Standard */
	 transform: scale(1.1) rotate(360deg) translate(0px);
	}
		
	.hww-bo > p {
	 background: #f3f3f3;
	 color: #111;
	 border-radius:2px;
	 -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.55);
    opacity: 0.90;
	}
		
	.hww2-box {
	 display: inline-block;
	 max-width: 320px;
	 min-width:300px;
	 box-sizing: border-box;
	 padding:20px;
	 background: #f3f3f3;
	 color: #111;
	 border-radius:2px;
	 -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.55);
    opacity: 0.90;
	 -moz-transition: all .5s ease;
	 -webkit-transition: all .5s ease;
	 -o-transition: all .5s ease;
	 transition: all .5s ease;	 
	}
	
	.hww2-box:hover {
	 background: #cc0000;
	 color: #fff;
	}
	



#contactUs {
 background: transparent;
 color: #fff;
 font-size:17px;
 text-align: center;
 position: relative;
}

#contactUs .col_2 {
 /*text-align: left;*/
 font-size:25px;
}




#contactUs h2 { 
 text-align: center;
 font-size:34px;
 color: #fff;
}

#home-contact-form INPUT[type=text], #home-contact-form INPUT[type=email], #home-contact-form INPUT[type=url] {
 max-width:300px;
 min-width:200px;
 height: 30px;
 border-radius:1px;
 border:none;
 padding:3px;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.55);
 -moz-box-shadow:    0px 0px 1px 0px rgba(50, 50, 50, 0.55);
 box-shadow:         0px 0px 1px 0px rgba(50, 50, 50, 0.55);
 -moz-transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 transition: all .5s ease;	 
}

#home-contact-form INPUT:focus {
 background: #A5E0FE;
 -moz-transform: scale(1.2) ;
 -webkit-transform: scale(1.2); 
 -o-transform: scale(1.2); 
 transform: scale(1.2);
 margin-left:10px;
} 



#home-contact-form textarea {
 max-width:300px;
 min-width:200px;
 height: 100px;
 border-radius:3px;
 border:none;
 padding:3px;
 -webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.55);
 -moz-box-shadow:    0px 0px 1px 0px rgba(50, 50, 50, 0.55);
 box-shadow:         0px 0px 1px 0px rgba(50, 50, 50, 0.55);
 -moz-transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 transition: all .5s ease;	 
}

#home-contact-form TEXTAREA:focus {
 background: #A5E0FE;
 -moz-transform: scale(1.1) ;
 -webkit-transform: scale(1.1); 
 -o-transform: scale(1.1); 
 transform: scale(1.1);
 margin-left:10px;
}

.wpcf7-submit {
 border:none;
 background: #45AEE5;
 color: #fff;
 padding: 10px 20px; 
 border-radius:3px;
 cursor: pointer;
 margin-top:20px;
 -moz-transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 transition: all .5s ease;	 
}

.wpcf7-submit:hover {
 -moz-transform: scale(1.2) ;
 -webkit-transform: scale(1.2); 
 -o-transform: scale(1.2); 
 transform: scale(1.2);
 background:#FFA525;
 color: #111;
}


.wpcf7-quiz, .myQuiz {
 width:50px!important; 
 max-width:50px!important;
 min-width:20px!important;
}

.wpcf7-response-output {
 border:2px solid #cc0000!important;

}

.wpcf7-not-valid-tip {
 color: #cc0000!important;
}

 
#content {
 width:100%;
 min-width:300px;
 padding:30px 10px 30px 10px;
 box-sizing: border-box;
 color: #333;
 font-size:17px; 
} 
 
 
.readMore {
 float: right;
 padding: 5px 10px;
 background: #45AEE5;
 color: #fff;
 margin-top:20px;
 -moz-transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -o-transition: all .5s ease;
 transition: all .5s ease;	 
} 

.readMore:hover {
 background: #FFA525;
 color: #fff; 
}
 
 
.page-with-sid-content {
 display: inline;
 display: block;
 float: left;
 min-height:400px;
 max-width:68%;
 min-width:300px;
}
 
/*------------sidebar-----------------*/ 




#sidebar {
 /*width:320px;*/
 width:30%;
 max-width:320px;
 box-sizing: border-box;
 padding-left:20px;
 display: inline; 
 float: right;
}
 
 
/*------------archive-----------------*/
  
.post {
 margin-bottom:20px;
}	
	
.arThumb {
 float: left;
 width:200px;
 height: auto;
 margin-right: 15px;
}

.arThumb:hover {
 opacity: 0.90;
 filter: alpha(opacity=90);
} 



/*-----------------search--------------------*/

.search-post {
 padding-bottom:20px;
 border-bottom:1px solid #f3f3f3;
 margin-bottom:20px;
} 
 
 
.search-post h3 {
 margin:0;
 padding:0;
} 
 
 
.lastItem {
 margin:0;
 border:none;
} 
 
 
#footer {
 width:100%;
 color: #fff; 
 background: #333;
 text-align: center;
 box-sizing: border-box;
}

#footer .c-section {
 padding:20px 10 20px 10px;
}

#footer .container {
 padding:20px 10 20px 10px;
}



#footer a {
 color: #fff;
}

#footer-social {
 margin-bottom:20px;
}

#footer-social .soc-ico {
 font-size:25px;
 margin:5px;
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;	
}

#footer-social .soc-ico:hover {
 color: #45AEE5;
}

#copyright {
 display: inline-block;
 vertical-align: top;
}
 
#design {
 display: inline-block;
 vertical-align: top; 
}


.buttonTop {
 font-size:45px;
 color: #444;
 position: fixed;
 bottom:15px;
 /*left:50%; margin-left:-15px;*/
 right:10px;
 z-index:9999;
 display: none;
 opacity: 0.90;
 filter: alpha(opacity=90);
 -moz-transition: all .3s ease;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;	  
}


.buttonTop:hover {
 color: #45AEE5; 
}
 
#cookie_info {
 width:100%;
 opacity:0.8;
 filter:alpha(opacity=80); /* For IE8 and earlier */
 background: #111;
 padding:10px;
 font-size:11px;
 position: fixed!important;
 bottom:0px;
 left:0px;
 color: #fff; 
 z-index:99999999;
}

#cookie_info a {
 color: #fff;
}

#cookie_close, #cookie_closeH {
 float: right;
 margin-right:20px;
 margin-left:10px;
 font-size:15px;
 font-weight: bold;
 cursor: pointer;
}


#cookie_close {
 float: right;
 margin-right:20px;
 margin-left:10px;
 font-size:15px;
 font-weight: bold;
 cursor: pointer;
} 
 

.cl {
 clear: both;
}

.cl10 {
 clear: both;
 height:10px;
}

.cl20 {
 clear: both;
 height:20px;
}

.cl30 {
 clear: both;
 height:30px;
}

.cl50 {
 clear: both;
 height:50px;
}


@media all and (max-width:1100px) {
 
 .col {
 border:0px solid #cc0000;
 float: left;
 margin-right: 2%; 
}

.col:last-child { margin-right: 0; border:none!important; }

.col_2 { width: 48%;}
.col_3 { width: 31.5%; }
.col_2:nth-child(2n) { margin:0;}
.col_4 { width: 23%; min-height:240px; overflow: hidden; vertical-align: bottom;}
.col_4:nth-child(4n) { margin:0;}


}/*media 1100--*/


@media all and (max-width:800px) { 

.col {
 float: left;

}

.col:last-child { margin-right: 0; border:none!important; }

.col_2 { width: 98%; }
.col_3 { width: 98%; }
.col_4 { width: 98%;}




#catmenucontainer, #catmenu {
	display:none;  
  }	

	
	
#catmenucontainer, #catmenu {
	display:none;  
  }	
	  
  .menu-button {
	cursor: pointer;
	padding:5px 2px 5px 2px;
	display: block;
	z-index:9999;
	background: #333;	
	}	
	
  #mobile-menu	{
	color: #fff;
	display: block;
	clear: both;
	z-index:99;
	background: #333;
  }
	  
	
  #mobile-menu ul {
   list-style:none;
	margin:0;
	padding:0px;
	display: none;	
  }	
	
	
  #mobile-menu ul li a {
    display: block;
	 width:auto;
	 padding:2px;
	 font-weight: bold;
	 color: #fff; 	
	}	
	
  #mobile-menu ul li a:hover {
   background: #444;	
	}	   
	
  #mobile-menu ul li li a {	
    padding-left:8px;
	 font-weight: normal;
	  	
	}			

}/*--media 800--*/




@media all and (max-width:650px) {
    
 #sidebar, .page-with-sid-content {
  float: left;
  width:100%;
  max-width:100%;	
 }	  
  

	
}/*-----media 650-----*/