@charset "utf-8";
/*
	Title # KNB Online
	Date  # 09 January 2019
*/


*{ padding: 0px; margin: 0px; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body{ padding: 0px; margin: 0px; background: #333333; font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; }

.header-full{ width: 100%; float: left; position: relative; background: #1c1c1c; z-index:999; }
.top-full{ width: 100%; float: left; position: relative; background: #000; min-height:409px; }
.body-full{ width: 100%; float: left; position: relative; background: #fff; }
.body-full2{ width: 100%; float: left; position: relative; background: #1c1c1c; }
.body-full3{ width: 100%; float: left; position: relative; background: #333333; }
.body-full4{ width: 100%; float: left; position: relative; background: #ebebeb; }
.bottom-full{ width: 100%; float: left; position: relative; background: #1c1c1c; }
.footer-full{ width: 100%; float: left; position: relative; background: #333333; }


.wrapper{
	  width: 1360px;
	  margin: auto;
	  text-align: left;
	}
	
.wrapper2{
	  width: 1260px;
	  margin: auto;
	  text-align: left;
	}
	
.wrapper-1160{
			  width: 1160px;
			  margin: auto;
			  text-align: left;
			}
	
.wrapper3{
	  width: 760px;
	  margin: auto;
	  text-align: left;
	}
	
.wrapper4{
	  width: 500px;
	  margin: auto;
	  text-align: left;
	}
	
	
@media screen and (max-width: 1399px) {

.wrapper{
	  width: 92%;
	}
	
}

@media screen and (max-width: 1299px) {

.wrapper2{
	  width: 92%;
	}
	
}

@media screen and (max-width: 1199px) {
	
.top-full{ min-height:inherit; }

.wrapper-1160{
			  width: 92%;
			}
	
}

@media screen and (max-width: 767px) {

.wrapper3{
	  width: 92%;
	}
	
}


@media screen and (max-width: 550px) {

.wrapper4{
	  width: 92%;
	}
	
}	
	
	
@font-face {
  font-family: 'FontAwesome';
  src: url('../font/FontAwesome/fontawesome-webfont.eot?v=4.5.0');
  src: url('../font/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../font/FontAwesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../font/FontAwesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../font/FontAwesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../font/FontAwesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

h1,h2,h3,h4,h5,h6{ padding: 0px; margin: 0px; }
p{ padding: 0px; margin: 0px; }

address{ padding: 0px; margin: 0px; }

pre{ padding: 0px; margin: 0px; }

ul,ol{ padding: 0px; margin: 0px; }

a{ color: #FF0000; text-decoration: none; }
a img{ border: 0px; }

img{ max-width: 100%; height: auto; }

hr{ border: #FF0000; }

q{ font-size: 12px; }

s{ color: #FF0000; }

strike{ color: #F00; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

.clear {clear: both;}	

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0px;
  font-size: 17px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}




table, table th, table td, cellpadding, cellspacing, border{
    border: medium none;
    border-collapse: collapse;
    padding: 0;
}

h1{ font-size: 36px; color: #000; line-height: 40px; margin-bottom: 20px; }
h2{ font-size: 30px; color: #000; line-height: 35px; margin-bottom: 20px; }
h3{ font-size: 24px; color: #000; line-height: 30px; margin-bottom: 20px; }
h4{ font-size: 18px; color: #000; line-height: 24px; margin-bottom: 20px; }
h5{ font-size: 18px; color: #000; line-height: 18px; margin-bottom: 20px; }
h6{ font-size: 12px; color: #000; line-height: 18px; margin-bottom: 20px; }
p{ font-size: 15px; color: #000; line-height: 22px; margin-bottom: 20px; }

ul{ margin-bottom: 20px; margin-left: 20px; }
li{ font-size: 15px; color: #000; line-height: 20px; list-style: disc; margin-bottom: 10px; }

	
header, footer, section, aside, nav, article {
display: block;
}	


header, nav, footer {
	margin: 0px 0px;
}


a[href^=tel] {
			text-decoration:inherit;
			color: inherit;
			}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Text <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.prepand{ padding-top: 5px; }
.prepand2{ padding-top: 10px; }
.prepand3{ padding-top: 15px; }
.prepand4{ padding-top: 20px; }
.prepand5{ padding-top: 25px; }

.align-center{ text-align:center; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Text <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

header{
	 width: 100%;
	 padding: 20px 0px;
	 float: left;
	 position: relative;
	}
	
.logo{
	 width: 18%;
	 float: left;
	 position: relative;
	 line-height:0px;
	}
	
.phonenumber{
			 width: auto;
			 padding:10px 0px 0px 5%;
			 float: left;
			 position: relative;
			 font-size: 20px; color: #4ed38a; line-height: 25px; font-weight:700;
			}
	
	.phonenumber .fa { font-size: 25px; color: #4ed38a; line-height: 25px; padding-right: 5px; vertical-align:text-top; }
	
/* --------------- Start Navigation ----------------- */

nav {
	width: auto;
	padding:12px 0px 0px;
	float: right;
	position: relative;	
}


nav ul { margin: 0px; padding: 0px; }

nav ul li { position: relative; display: inline-block; list-style: none; font-size: 16px; font-weight: 400; font-style: normal; color: #fff; line-height:22px; margin: 0px; padding: 0px; margin-left:30px; }

	nav ul li a, nav ul li span { display: block; position: relative; /*padding: 5px 20px;*/ color: #2d2b2b; text-decoration: none; }

	nav ul li a:link, nav ul li a:visited { color: #fff; }

	/*nav ul li:hover > a { background: #a83a34; }*/
	
	/*nav ul li a:hover, nav ul li a:hover{ color:#4ed38a; }
	nav ul li a.active, nav ul li a.active{ color:#4ed38a; }*/


nav ul li ul {
			position: absolute;
			left: 0px;
			top: auto;
			opacity: 0;
			width: 220px;
			visibility: hidden;
			-webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
			transition: opacity .3s, visibility 0s .3s, left 0s .3s;
			}

nav ul li:hover > ul {
					visibility: visible;
					left: 0;
					opacity: 1;
					-webkit-transition: opacity .5s;
					transition: opacity .5s;
					}

nav ul li ul li { display: list-item; float: none; }


nav ul li ul li ul {
					top: 0;
					left: 0;
					}

/*nav ul ul li:hover > a { background: #70402E; }*/


nav ul ul li:hover > ul {
						left: 100%;
						}

nav ul li ul li{ margin-left:0px; }

nav ul li ul li a { font-size: 14px; font-weight: 400; color: #fff; line-height:20px; /*padding: 10px 15px;*/ margin: 0px; background: #9B5323; }


nav ul li > a { padding-right: 0px; }

nav ul li > a:only-child { padding-right: 0px; }

nav ul li > a:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #FFFFFF;
    top: 50%;
    right: 8px;
}

nav ul li > a:only-child:after {
    display: none;
}

nav ul li ul li > a:after {
    border-top-color: transparent;
    border-left-color: #FFFFFF;
    top: 40%;
    right: 8px;
}




.btn{ display: none; }


@media (max-width: 1359px) {
	
.logo{
	 width: 244px;
	}
	
.phonenumber{
			 float: right;
			}
			
nav {
	width: 100%;
	padding:30px 0px 0px;
	text-align:center;
}	

 nav ul li{ margin-left:18px; margin-right:18px; }

	
}


@media (max-width: 990px) {
	

 nav ul li{ margin-left:10px; margin-right:10px; }

	
}



@media (max-width: 767px) {
	
/*.logo{
	 width: 85%;
	}*/
	   
nav{ padding:0px 4% 20px; background:#333333; position:absolute; left:-4%; top:85px; z-index:999; }	

	nav ul li{ width: 100%; border: none; text-align: left; margin-left:0px; margin-top:20px; }
	
	nav ul li a, nav ul li span { display: block; position: relative; /*padding: 5px 5px;*/ border:0px; }

    nav ul li ul {
				width: 100%;
				position: relative;
				border-top: 2px solid #eee;
				display: none;
				}

    nav ul li:hover > ul {
						display: block;
						left: 0 !important;
						top: auto;
    					}

    nav ul ul li:hover > ul {
							left: 0 !important;
							top: auto;
							}
	


nav ul li ul li > a:after {
						content: "";
						position: absolute;
						height: 0;
						width: 0;
						border: 5px solid transparent;
						border-top-color: #FFFFFF;
						}
	

nav{
	display: none;
	}	
	
.btn{
	  width: auto;
	  float: right;
	  position: absolute;
	  right:0px;
	  top:25px;
	  padding: 0px 0px;
	  display: block;		  
	  line-height:20px; text-align: center; text-transform: uppercase;
	  /*background:#2FBC6E url(../images/knb-green.gif) repeat;*/
	  cursor: pointer;
	  border-radius:5px;
	  z-index:2;	  
}

	.btn .fa{ font-size:35px; color:#d8d8d8; line-height:35px; }

#myslidemenu2{
	display: none;
	}
	
.phonenumber{
			 position:absolute;
			 padding:0px;
			 right:0px;
			 top:12px;
			 z-index:1;
			 display:none;
			}	
	
	
}



/*@media (max-width: 479px) {

.logo{
	 width: 50%;
	}
	
.phonenumber{
			 font-size:15px; line-height:20px;
			 top:8px;
			}
			
	.phonenumber .fa{ font-size:18px; line-height:20px; }
	
.btn{
	top:34px;
	padding: 5px 8px;
	line-height:16px;
	}
		
	.btn .fa{ font-size:15px; line-height:16px; }
			
}*/



/* --------------- End Navigation ------------------- */

				
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Top <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.top{
	 width: 100%;
	 padding: 12% 0px;
	 float: left;
	 position: relative;
	 text-align:center;
	}
	
	.top h1{ font-size:50px; font-weight:300; line-height:61px; color:#FF835E; margin-bottom:5px; }	
	.top h1 strong{ font-weight:700; color:#2FBC6E; font-style:italic; }	
	
	.top p{ font-size:20px; font-weight:400; line-height:28px; color:#fff; margin-bottom:20px; }	
	
	.lets-talk{ font-size:20px; font-weight:400; line-height:24px; color:#fff; margin-top:20px; padding:13px 55px; background:#2FBC6E url(../images/knb-green.gif) repeat; display:inline-block; border-radius:30px; }	


@media (max-width: 1023px) {	

.top h1{ font-size:35px; line-height:40px; }	

}
	
	
@media (max-width: 767px) {	

.top{
	 padding: 50px 0px;
	}
	
	.top h1{ font-size:35px; line-height:40px; }	
			 		
}
					
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Top <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Web Results <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.web-results{
			 width: 100%;
			 padding: 20px 0px;
			 float: left;
			 position: relative;
			}	
			
	.web-results img{ float:left; margin-right:30px; vertical-align:middle; }
	
	.web-results p{ font-size:13px; font-weight:300; line-height:19px; color:#F0F0F0; margin-bottom:0px; font-style:italic; }	
	
@media (max-width: 1023px) {
	
.web-results{
			 text-align:center;
			}	
			
	.web-results img{ float:none; margin-right:0px; display:inline-block; margin-bottom:20px; }	
	
}
			 		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Web Results <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Custom Marketing <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.custom-marketing{
				 width: 100%;
				 padding: 45px 0px;
				 float: left;
				 position: relative;
				 text-align:center;
				}	
			
	.custom-marketing ul{ padding:0px; margin:0px; }
	.custom-marketing li{ padding:0px; margin:0px; display:inline-block; list-style:none; width:30%; float:left; margin-left:5%; }
	.custom-marketing li:nth-child(1){ margin-left:0px; }
	
	.custom-marketing li img{ margin-bottom:25px; height:177px; }	
	.custom-marketing li h2{ font-size:24px; font-weight:600; line-height:29px; color:#1C1C1C; margin-bottom:20px; }	
	.custom-marketing li p{ font-size:16px; font-weight:400; line-height:28px; color:#1C1C1C; margin-bottom:0px; }	
	
@media (max-width: 767px) {
	
.custom-marketing{
				 padding: 30px 0px;
				}
						
	
.custom-marketing li{ width:100%; margin-left:0; margin-top:35px; }
	.custom-marketing li:nth-child(1){ margin-left:0px; margin-top:0px; }
	
}
			 		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Custom Marketing <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
		
		

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Strategy <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.strategy-body{
				 width: 100%;
				 padding: 65px 0px 45px;
				 float: left;
				 position: relative;
				}
				
	.strategy-left{
				 width: 42%;
				 padding-top:25px;
				 float: left;
				 position: relative;
				 line-height:0px;
				}
	
	.strategy-right{
				 width: 52%;
				 float: right;
				 position: relative;
				}
	
		.strategy-right h2{ font-size:46px; font-weight:300; line-height:56px; color:#2FBC6E; margin-bottom:20px; }	
		.strategy-right h3{ font-size:18px; font-weight:500; line-height:28px; color:#F0F0F0; margin-bottom:10px; }		
		.strategy-right p{ font-size:16px; font-weight:400; line-height:28px; color:#F0F0F0; margin-bottom:20px; }		
			
		.strategy-right ul{ padding:0px; margin:0px; margin-left:6%; margin-bottom:25px; }
		.strategy-right li{ padding:0px; margin:0px; display:inline-block; list-style:none; font-size:18px; font-weight:700; color:#F0F0F0; line-height:28px; width:100%; }
			.strategy-right li a{ color:#F0F0F0; }
			
		.strategy-right li::before {
								content: '\2022';
								display: inline-block;
								position: relative;
								max-width: 0px;
								max-height: 0px;
								left: -10px;
								top: -0px;
								color: #F0F0F0;
								font-size: 18px;
								}
	
	
@media (max-width: 1023px) {
	
.strategy-body{
				 padding: 35px 0px;
				 text-align:center;
				}
				
	.strategy-left{
				 width: 100%;
				 padding:0px;
				 margin-bottom:20px;
				}
				
		.strategy-left img{ width:519px; }
	
	.strategy-right{
				 width: 100%;
				}
	
		.strategy-right h2{ font-size:35px; line-height:40px; }	
		
		.strategy-right ul{ margin-left:0; }
		
		
		
.strategy-right ul { margin-left: 12px; }	
	.strategy-right li{ text-align:left; }
	
.strategy-right p{ text-align:left; }

.customer-left li{ text-align:left; }		
				
	
}


@media (max-width: 767px) {
	
.strategy-left{ display:none; }
	
.strategy-right h2{ font-size:30px; line-height:35px; }	
.strategy-right img{ width:519px; }

.customer-left li::before {
							/*top: 2px !important;
							left: -14px !important;
							font-size: 28px !important;*/
							top: 0px !important;
							left: -10px !important;
							font-size: 16px !important;
							}
							

.strategy-right li::before {
							top: 0px !important;
							left: -10px !important;
							font-size: 16px !important;						
							}

}
			 		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Strategy <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */	
		
		
		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Strategy <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.customer-body{
				 width: 100%;
				 padding: 50px 0px;
				 float: left;
				 position: relative;
				}
				
	.customer-left{
				 width: 75%;
				 float: left;
				 position: relative;
				}
				
		.customer-left h2{ font-size:46px; font-weight:300; line-height:56px; color:#FF835E; margin-bottom:20px; }	
		.customer-left h2 span{ color:#2FBC6E; }
		.customer-left p{ font-size:16px; font-weight:400; line-height:28px; color:#1C1C1C; margin-bottom:20px; }		
			
		.customer-left ul{ padding:0px; margin:0px; margin-left:6%; margin-bottom:25px; }
		.customer-left li{ padding:0px; margin:0px; display:inline-block; list-style:none; font-size:18px; font-weight:700; color:#1C1C1C; line-height:28px; width:100%; }
			.customer-left li a{ color:#1C1C1C; }
			
		.customer-left li::before {
								content: '\2022';
								display: inline-block;
								position: relative;
								max-width: 0px;
								max-height: 0px;
								left: -10px;
								top: -0px;
								color: #1C1C1C;
								font-size: 18px;
								}
	
	.customer-right{
				 width: 22%;
				 float: right;
				 position: relative;
				 line-height:0px;
				}
				
				
.customer-img{ display:none; }		
	
	
@media (max-width: 1023px) {
	
.customer-body{
				 padding: 35px 0px;
				 text-align:center;
				}
				
	.customer-left{
				 width: 60%;
				}
				
		.customer-left h2{ font-size:35px; line-height:40px; text-align:left; }	
		.customer-left p{ text-align:left; }
		
		.customer-left ul{ /*margin-left:0;*/ margin-left:12px; }	
	
	.customer-right{
				 width: 35%;
				 margin-top:10%;				 
				}	
				
		/*.customer-right img{ width:281px; }*/
		
	
}


@media (max-width: 767px) {
				
.customer-left{
			 width: 100%;
			}
				
		.customer-left h2{ font-size:30px; line-height:35px; text-align:center; }
	
.customer-right{
			 width: 100%;
			 margin-top:20px;
			 margin-bottom:20px;	
			 display:none;			 
			}	
			
	.customer-right img{ width:281px; }
	
.customer-img{ display:inline-block; }
	.customer-img img{ width:281px; margin-bottom:25px; }
		
	
}



			 		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Strategy <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */	



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start ROAS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.roas-body{
		 width: 100%;
		 padding: 50px 0px;
		 float: left;
		 position: relative;
		}
				
		.roas-body h2{ font-size:46px; font-weight:300; line-height:56px; color:#2FBC6E; margin-bottom:25px; }	
		.roas-body p{ font-size:16px; font-weight:400; line-height:28px; color:#F0F0F0; margin-bottom:25px; }
			.roas-body p a{ color:#F0F0F0; }
		.roas-body p strong{ color:#2FB; font-size:20px; font-weight:700; }
		.roas-body p b{ color:#FF835E; font-size:20px; font-weight:700; }
		
		
.roas-image{
			width:71%;
			float:left;
			position:relative;
			}
			
.roas-image2{
			width:29%;
			float:right;
			position:relative;
			}
			


@media (max-width: 767px) {
	
.roas-body{
		 padding: 30px 0px;
		}
		
	.roas-body h2{ font-size:30px; line-height:35px; text-align:center; margin-bottom:15px; }	
	.roas-body p{ text-align:center; }
	

.roas-image{
			width:100%;
			text-align:center;
			margin-bottom:25px;
			}
			
	/*.roas-image img{ width:904px; }*/
			
.roas-image2{
			width:100%;
			text-align:center;
			margin-bottom:20px;
			}
			
	/*.roas-image2 img{ width:355px; }*/
			
	
}
		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End ROAS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Let’s get in touch <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.touch-body{
		 width: 100%;
		 padding: 50px 0px;
		 float: left;
		 position: relative;
		 text-align:center;
		}
				
		.touch-body h2{ font-size:46px; font-weight:300; line-height:56px; color:#1C1C1C; margin-bottom:45px; }	
		.touch-body h3{ font-size:33px; font-weight:500; line-height:40px; color:#FF835E; margin-bottom:25px; }	
		.touch-body p{ font-size:16px; font-weight:400; line-height:28px; color:#1C1C1C; margin-bottom:25px; }
			.touch-body p a{ color:#1C1C1C; }
			
		.touch-body label{ font-size:16px; font-weight:400; line-height:28px; color:#1C1C1C; margin:5px 0px; }
		.touch-inputbox{ font-size:16px; font-weight:400; line-height:28px; color:#1C1C1C; width: 100%; padding: 5px 10px; display: inline-block; border: 1px solid #979797; border-radius: 0px; box-sizing: border-box; resize: none; margin-bottom:20px; }
		.touch-textarea{ font-size:16px; font-weight:400; line-height:28px; color:#1C1C1C; width: 100%; padding: 5px 10px; display: inline-block; border: 1px solid #979797; height:150px; border-radius: 0px; box-sizing: border-box; resize: none; margin-bottom:20px; }
		
@media (max-width: 767px) {
	
.touch-body{
		 padding: 30px 0px;
		}
		
	.touch-body h2{ font-size:30px; line-height:35px; margin-bottom:15px; }
	.touch-body h3{ font-size:30px; line-height:35px; margin-bottom:15px; }	
	.touch-body p{ margin-bottom:15px; }	
	
}
		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Let’s get in touch <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Block Body <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.block-body{
			 width: 100%;
			 padding: 60px 0px;
			 float: left;
			 position: relative;
			}
					
.main-body{
			width: 100%;
			float: left;
			position: relative;
			}
			
@media (max-width: 767px) {
	
.block-body{
			 padding: 30px 0px;
			}
	
}
				
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Block Body <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Bottom <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.bottom{
		 width: 100%;
		 padding: 25px 0px;
		 float: left;
		 position: relative;
		}
		
	.bottom-phonen{
				 width: 215px;
				 padding:15px 0px 0px;
				 float: left;
				 position: relative;
				 font-size: 20px; color: #4ED38A; line-height: 25px; font-weight:700;
				}
				
		.bottom-phonen a{ color: #4ED38A; }
	
		.bottom-phonen .fa{ font-size: 25px; color: #4ed38a; line-height: 25px; padding-right: 5px; vertical-align:text-top; }
			.bottom-phonen .fa a{ color: #4ed38a; }
		
	.bottom-icon{
				 width: 285px;
				 padding:10px 0px 0px;
				 float: left;
				 position: relative;
				 text-align:center;
				}
				
		.bottom-icon .fa{ font-size: 35px; color: #a1a1a1; line-height: 35px; padding-right: 10px; margin-left:10px; vertical-align:text-top; }
				
	.bottom-adress{
				 width: 208px;
				 float: right;
				 position: relative;
				}
				
		.bottom-adress p{ font-size: 14px; font-weight: 400; font-style: normal; color: #FFF; line-height:18px; margin:0px; margin-top:0px; }
		

@media (max-width: 767px) {
	
.bottom-phonen{
				 width: 100%;
				 padding:0px 0px 0px;
				 text-align:center;
				}
	
		.bottom-phonen .fa{ font-size: 25px; color: #4ed38a; line-height: 25px; padding-right: 5px; vertical-align:text-top; }
		
	.bottom-icon{
				 width: 100%;
				 padding:20px 0px 20px;
				}
				
	.bottom-adress{
				 width: 100%;
				 text-align:center;
				}
	
}
					
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Bottom <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Footer <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

footer{
	 width: 100%;
	 padding: 20px 0px;
	 float: left;
	 position: relative;
	 text-align:center;
	}
	
	footer img{ width:116px; }
	
	footer p{ font-size: 12px; font-weight: 400; font-style: normal; color: #FFF; line-height:20px; margin:0px; margin-top:20px; }
	
	footer ul { margin: 0px; padding: 0px; }

	footer ul li { display: inline-block; list-style: none; font-size: 16px; font-weight: 400; font-style: normal; color: #FFFFFF; line-height:20px; margin: 0px 18px 20px; padding: 0px; }
		footer ul li a{ color: #FFFFFF; }
			footer ul li a:hover{ color: #fff; }
				
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Footer <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Strategy <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


.formulating-plan{
				  width:100%;
				  padding:0px 0px 30px 0px;
				  float:left;
				  position:relative;
				  border-bottom:1px solid #D4D4D4;
				}


.strategy-business-left{
					 width: 66%;
					 float: left;
					 position: relative;
					}
				
		.strategy-business-left h2{ font-size:46px; font-weight:300; line-height:56px; color:#2FBC6E; margin-bottom:20px; }	
		/*.strategy-business-left h2 span{ color:#2FBC6E; }*/
		.strategy-business-left p{ font-size:16px; font-weight:400; line-height:28px; color:#1C1C1C; margin-bottom:20px; }
			.strategy-business-left p span{ font-size:30px; }		
			
		.strategy-business-left ul{ padding:0px; margin:0px; margin-left:6%; margin-bottom:25px; }
		.strategy-business-left li{ padding:0px; margin:0px; display:inline-block; list-style:none; font-size:18px; font-weight:700; color:#1C1C1C; line-height:28px; width:100%; }
			.strategy-business-left li a{ color:#1C1C1C; }
			
		.strategy-business-left li::before {
								content: '\2022';
								display: inline-block;
								position: relative;
								max-width: 0px;
								max-height: 0px;
								left: -10px;
								top: -0px;
								color: #1C1C1C;
								font-size: 18px;
								}
	
	.strategy-business-right{
							 width: 22%;
							 float: right;
							 position: relative;
							 line-height:0px;
							 margin-top:6%;
							}		
	
	

	

.strategy-target{
				 width: 100%;
				 padding: 50px 0px 45px;
				 float: left;
				 position: relative;
				}
				
	.strategy-target h2{ font-size:46px; font-weight:300; line-height:56px; color:#FF835E; margin-bottom:20px; }	
	.strategy-target h3{ font-size:18px; font-weight:700; line-height:28px; color:#F0F0F0; margin-bottom:10px; }		
	.strategy-target p{ font-size:16px; font-weight:400; line-height:28px; color:#F0F0F0; margin-bottom:20px; }		
		.strategy-target p a{ color:#2FBC6E; }		
			.strategy-target p a:hover{ color:#F0F0F0; }	
	.strategy-target p span{ color:#2FBC6E; font-style:italic; }	
			
	.strategy-target ul{ padding:0px; margin:0px; margin-left:6%; margin-bottom:25px; }
	.strategy-target li{ padding:0px; margin:0px; display:inline-block; list-style:none; font-size:18px; font-weight:700; color:#F0F0F0; line-height:28px; width:100%; }
		.strategy-target li a{ color:#F0F0F0; }
		
	.strategy-target li::before {
							content: '\2022';
							display: inline-block;
							position: relative;
							max-width: 0px;
							max-height: 0px;
							left: -10px;
							top: -0px;
							color: #F0F0F0;
							font-size: 18px;
							}
				
	.strategy-target-left{
						 width: 28%;
						 padding:10% 0px 0px;
						 float: left;
						 position: relative;
						 line-height:0px;
						}
	
	.strategy-target-right{
						 width: 60%;
						 padding:20px 0px 0px;
						 float: right;
						 position: relative;
						}
						
						
.strategy-social{
				 width: 100%;
				 padding: 45px 0px 0px;
				 float: left;
				 position: relative;
				 text-align:left;
				}
				
	.strategy-social h2{ font-size:46px; font-weight:300; line-height:56px; color:#2FBC6E; margin-bottom:15px; }
	.strategy-social h3{ font-size:18px; font-weight:700; line-height:28px; color:#1C1C1C; margin-bottom:10px; }		
	.strategy-social p{ font-size:16px; font-weight:400; line-height:28px; color:#1C1C1C; margin-bottom:20px; }		
		.strategy-social p a{ color:#1C1C1C; border-bottom:1px solid #1C1C1C; }
			.strategy-social p a:hover{ border-bottom:0px; }
	.strategy-social p span{ font-size:17px; }
	
	.strategy-social-left{
						 width: 6%;
						 padding:35px 0px 0px;
						 float: left;
						 position: relative;
						 line-height:0px;
						}
						
	.strategy-social-right{
						 width: 91%;
						 padding:25px 0px 0px;
						 float: right;
						 position: relative;
						}
						
				
@media (max-width: 1199px) {	

.strategy-business-left{
					 width: 66%;
					}			
						
.strategy-business-right{
						 width: 26%;
						}
						
						
.strategy-target-left{
					 width: 32%;
					 padding:18% 0px 0px;
					}
					
.strategy-target-right{
						 width: 62%;
						}					
							
}
	
	
@media (max-width: 1023px) {
	
				
.strategy-business-left{
						 /*width: 60%;*/
						 width: 100%;
						}
			
	.strategy-business-left h2{ font-size:35px; line-height:40px; /*text-align:left;*/ text-align:center; }
	.strategy-business-left p{ text-align:left; }		
	.strategy-business-left ul{ /*margin-left:0;*/  margin-left:12px; }	
	.strategy-business-left li{ text-align:left; }

.strategy-business-right{
						 /*width: 35%;
						 margin-top:15%;*/
						 width:100%;
						 margin-top:20px;
						}	
						
	.strategy-business-right img{ width:273px; }
	
	
	
.strategy-target{
				 padding: 35px 0px 20px;
				 text-align:center;
				}
				
	.strategy-target h2{ font-size:35px; line-height:40px; text-align:center; }
	
	.strategy-target ul{ /*margin-left:0;*/ margin-left:12px;}
	.strategy-target li{ text-align:left; }	
	
	.strategy-target p{ text-align:left; }
				
	.strategy-target-left{
						 /*width: 40%;
						 padding:15% 0px 0px;*/
						 width:100%;
						 padding:20px 0px;
						}
						
		.strategy-target-left img{ width:273px; }
	
	.strategy-target-right{
						 /*width: 55%;
						 text-align:left;*/
						 width:100%;
						}
		
		
	.strategy-social h2{ text-align:center; }
	
	.strategy-social p{ text-align:left; }

	
}



@media (max-width: 767px) {
	
.strategy-target img{ width:273px; }
	
.strategy-target h2{ font-size:30px; line-height:35px; text-align:center; }

.strategy-target li::before {
							top: 0px !important;
							left: -10px !important;
							font-size: 16px !important;
							}

.strategy-social{
				 padding: 30px 0px 0px;
				 text-align:center;
				}
				
	.strategy-social h2{ font-size:30px; line-height:35px; }
	
	.strategy-social-left{
						 width: 100%;
						 padding:15px 0px 0px;
						}
						
		.strategy-social-left img{ width:72px; }
						
	.strategy-social-right{
						 width: 100%;
						 padding:20px 0px 0px;
						}
						
						
.strategy-business-left{
						 width: 100%;
						}
						
	.strategy-business-left img{ /*width:273px;*/ width:230px; }
			
	.strategy-business-left h2{ font-size:30px; line-height:35px; text-align:center; }
	
	.strategy-business-left li::before {
										top: 0px !important;
										left: -10px !important;
										font-size: 16px !important;
										}
	
	

.strategy-business-right{
						 width: 100%;
						 margin-top:25px;
						 text-align:center;
						 display:none;
						}	
						
	.strategy-business-right img{ /*width:273px;*/ width:230px; }
	
	
.strategy-target-left{
					 width: 100%;
					 padding:20px 0px;
					 display:none;
					}
						
		.strategy-target-left img{ width:273px; }
	
	.strategy-target-right{
						 width: 100%;
						}
						
		.strategy-target h3{ text-align:center; }
						
						
}

			 		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Strategy <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Brand <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.brand-left{
			 width: 20%;
			 padding:3% 0px 0px;
			 float: left;
			 position: relative;
			 line-height:0px;
			}

.brand-right{
			 width: 68%;
			 float: right;
			 position: relative;
			}
			

.brand-defining-right{
					 width: 22%;
					 float: right;
					 position: relative;
					 line-height:0px;
					 margin-top:5%;
					}
		

@media (max-width: 1199px) {
	
.brand-left{
			 width: 24%;
			}

.brand-right{
			 width: 70%;
			 float: right;
			 position: relative;
			}
			

.brand-defining-right{
					 width: 24%;
					}	
	
}



@media (max-width: 1023px) {
	
.brand-left{
			 /*width: 30%;
			 padding:15% 0px 25px;*/
			 width:100%;
			 padding:0px 0px 25px;
			}
			
	.brand-left img{ width:259px; }

.brand-right{
			 /*width: 65%;*/
			 width:100%;
			}
			
.brand-defining-right{
					 /*width: 35%;
					 margin-top:10%;*/
					 width:100%;
					 margin-top:0px;
					 margin-bottom:20px;
					}	
					
	.brand-defining-right img{ width:259px; }
	
}


@media (max-width: 767px) {
	
.brand-left{
			 width: 100%;
			 padding:0 0px 25px;
			}
			
	.brand-left img{ /*width:259px;*/ width:230px; }

.brand-right{
			 width: 100%;
			}
			
.brand-defining-right{
					 width: 100%;
					 margin-top:20px;
					 display:none;
					}	
					
	.brand-defining-right img{ /*width:259px;*/ width:230px; }
	
}
						
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Brand <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Case Studies <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.case-studies-block{
				 width: 100%;
				 padding: 50px 0px;
				 float: left;
				 position: relative;
				}
				
.case-studies-body{
				 width: 100%;
				 float: left;
				 position: relative;
				 margin-bottom:40px;
				 line-height:0px;
				}
				
		/*.case-studies-body img{ width:100%; }*/
				
		.case-studies-body h2{ font-size:46px; font-weight:300; line-height:56px; color:#2FBC6E; margin-bottom:25px; }	
		.case-studies-body p{ font-size:16px; font-weight:400; line-height:28px; color:#1C1C1C; margin-bottom:25px; }
			.case-studies-body p a{ color:#F0F0F0; }
		
@media (max-width: 767px) {
	
.case-studies-block{
				 padding: 30px 0px;
				}
		
.case-studies-body h2{ font-size:30px; line-height:35px; }	
	
}
		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Case Studies <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Team <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
		
.team-left{
			 width: 12%;
			 float: left;
			 position: relative;
			 line-height:0px;
			 margin-bottom:70px;
			}
			
.team-right{
			 width: 86%;
			 float: right;
			 position: relative;
			 margin-bottom:70px;
			}
			
	.team-right h3{ font-size:18px; font-weight:700; line-height:28px; color:#1C1C1C; margin-bottom:10px; }	
	.team-right p{ font-size:16px; font-weight:400; line-height:28px; color:#1C1C1C; margin-bottom:15px; }
		.team-right p a{ color:#1C1C1C; }			
	
		
@media (max-width: 767px) {
	
.team-left{
			 width: 24%;
			 margin-bottom:30px;
			}
			
.team-right{
			 width: 72%;
			 margin-bottom:30px;
			}
			
	.team-right p{ text-align:left; }
	
}


@media (max-width: 479px) {
	
.team-left{
			 width: 100%;
			 margin-bottom:20px;
			 text-align:center;
			}
			
.team-right{
			 width: 100%;
			 margin-bottom:20px;
			 text-align:center;
			}
	
}
				
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Team <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Articles <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
		
.articles-left{
			 width: 58%;
			 float: left;
			 position: relative;
			 line-height:0px;
			}
			
	.articles-left .img{ width:110px; height:110px; background:#f6f6f6; padding:6px 6px; margin-bottom:15px; border:1px solid #ebebeb; border-radius:50%; float:left; margin-right:20px; }
	
	.articles-left h2{ font-size:46px; font-weight:300; line-height:56px; color:#2FBC6E; margin-bottom:25px; }	
	.articles-left p{ font-size:16px; font-weight:400; line-height:28px; color:#1C1C1C; margin-bottom:25px; }	
	
	.articles-left .post{ font-size:18px; font-weight:400; line-height:28px; color:#1C1C1C; text-align: left; }
	.articles-left .post strong{ font-weight:600; color:#d7765b; }	
	
	.articles-left ul{ padding:0px; margin:0px; }
	.articles-left li{ padding:0px; margin:0px; display:inline-block; list-style:none; font-size:18px; font-weight:400; color:#4A90E2; line-height:28px; width:100%; margin-bottom:20px; }
		.articles-left li a{ color:#4A90E2; }			
			.articles-left li a:hover{ color:#1C1C1C; }
			
.articles-right{
			 width: 36%;
			 float: right;
			 position: relative;
			 margin-top:10%;
			}
			
	.articles-right h2{ font-size:46px; font-weight:300; line-height:56px; color:#2FBC6E; margin-bottom:25px; }	
	
	.articles-right ul{ padding:0px; margin:0px; }
	.articles-right li{ padding:0px; margin:0px; display:inline-block; list-style:none; font-size:18px; font-weight:400; color:#4A90E2; line-height:28px; width:100%; margin-bottom:20px; }
		.articles-right li a{ color:#4A90E2; }			
			.articles-right li a:hover{ color:#1C1C1C; }			
	
		
@media (max-width: 1023px) {
	
.articles-left h2{ font-size:35px; line-height:40px; }	
.articles-left p{ text-align:left; }

.articles-right h2{ font-size:35px; line-height:40px; }

.articles-right li{ text-align:left; }	
	
}


@media (max-width: 767px) {
	
.articles-left{
			 width: 100%;
			 text-align:center;
			}
			
	.articles-left img{ margin-bottom:15px; }
			
.articles-right{
			 width: 100%;
			 text-align:center;
			 margin-top:20px;
			}
	
}

				
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Articles <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Portfolio <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.company-logo{
			  width:100%;
			  padding:30px 0px;
			  float:left;
			  position:relative;
			}
			
	.company-arrow{
					width:2%;
					float:left;
					position:relative;
					}
					
	.company-logo-list{
						width:96%;
						padding:0px 30px;
						float:left;
						position:relative;
						overflow:hidden;
						}
						
		.company-logo-list ul{ padding:0px; margin:0px; height:66px; overflow:hidden; }
		.company-logo-list li{ padding:0px; margin:0px; display:inline-block; list-style:none; line-height:0px; width:198px; float:left; height:66px; margin-left:10px; }	
		.company-logo-list li:first-child{ margin-left:0px; }
		
		
.vidal-candies{
				width:100%;
				padding:40px 0px;
				float:left;
				position:relative;
				text-align:center;
				}
				
	.vidal-candies h2{ font-size:46px; font-weight:300; line-height:56px; color:#2FBC6E; margin-bottom:25px; }	
	.vidal-candies p{ font-size:16px; font-weight:400; line-height:28px; color:#1C1C1C; margin-bottom:25px; }	
	
	
.vidal-candies-body{
				width:100%;
				padding:0px 65px;
				float:left;
				position:relative;
				text-align:center;
				margin-bottom:40px;
				}
						
		.vidal-candies-body ul{ padding:0px; margin:0px; }
		.vidal-candies-body li{ padding:0px; margin:0px; display:inline-block; list-style:none; line-height:0px; width:100%; float:left; }
		
.vidal-left-arrow{
				width:6%;
				float:left;
				position:absolute;
				left:0px;
				top:35%;
				z-index:1;
				text-align:left;
				}
				
.vidal-right-arrow{
				width:6%;
				float:left;
				position:absolute;
				right:0px;
				top:35%;
				z-index:1;
				text-align:left;
				}	
		
		
@media (max-width: 1199px) {
	
.company-logo-list li{ width:192px; margin-left:10px; }	
	
}

@media (max-width: 1099px) {
	
.company-logo-list li{ width:192px; margin-left:30px; }	
	
}

@media (max-width: 1023px) {
	
.company-logo-list li{ width:170px; margin-left:68px; }	
	
}

@media (max-width: 767px) {
	

.company-arrow{
				width:5%;
				}
				
.company-logo-list{
					width:90%;
					padding:0px 20px;
					}
					
.company-logo-list li{ width:50%; margin-left:0px; text-align:center; padding:0px 10px; }	



.vidal-left-arrow{				
				top:30%;
				}
				
.vidal-right-arrow{
				top:30%;
				}
	
}


@media (max-width: 479px) {
	
.company-logo{
			  padding:15px 0px;
			}
	

.company-arrow{
				width:5%;
				padding-top:5px;
				}
				
.company-logo-list{
					width:90%;
					padding:0px 20px;
					}

.company-logo-list li{ width:100%; margin-left:0px; text-align:center; padding:0px 10px; }	




.vidal-candies-body{
				padding:0px 10%;
				}

.vidal-left-arrow{				
				top:30%;
				}
				
.vidal-right-arrow{
				top:30%;
				}
	
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Portfolio <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Button <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.button{ font-size:16px; font-weight:400; line-height:20px; color:#fff; margin-top:20px; padding:10px 40px; background:#2FBC6E url(../images/knb-green.gif) repeat; display:inline-block; border-radius:30px; }	
.button2{ font-size:16px; font-weight:400; line-height:20px; color:#fff; margin-top:20px; padding:10px 40px; background:#2FBC6E url(../images/knb-orange.gif) repeat; display:inline-block; border-radius:30px; }	

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Button <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */