/* CSS RESET */
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;/*vertical-align: baseline;*/}
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
    body {line-height: 1;}
    ol, ul {list-style: none;}
    blockquote, q {quotes: none;}
    blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
    table, td, th, tr {border-collapse: collapse;border-spacing: 0; border:none; padding:0; border-style:none;}
    .clear, .clr {clear: both;}

/*******************
GRID
********************/

body {
    background-color:#ffffff;
    margin:0 auto;
	padding: 0px;
	overflow-x: hidden;
	font-family: "Trebuchet MS";
}

html {
    height:100%;
    width:100%;
    margin:none;
    padding:none;
}


a,
a:hover,
a:active,
a:visited {
 outline: none !important;
 text-decoration: none;
}

header, footer {
    margin: 0 auto;
    padding: 0px;
    position: relative;
    line-height: 100%;
    vertical-align: top;
    text-align: left;
}

header .container {
	position: relative;
}

/*** SIDEBAR ***/
#sidebarCollapse {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
}
#sidebar {
    width: 210px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    background: #2F3132;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	opacity: 0.9;
}

#sidebar.active {
    left: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
	/*background: #4385B7;*/
	background: #2F3132;
    position: absolute;
    top: 10px;
	right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#dismiss:hover {
    background: #fff;
	/*color: #7386D5;*/
	color: #2F3132;
}
#dismiss i {
	margin: -5px 0 0 0;
}

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    display: none;
}

#sidebar .sidebar-header {
    padding: 15px 15px 11px 15px;
	/*background: #4A6980;*/
	background: #2F3132;
	line-height: 100%;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #fff;
}

.wrapSocial a,
.wrapSocial a:hover {
	color: #fff;
}
.wrapSocial a i {
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.wrapSocial a i:hover {
	color: #fff;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
	display: block;
	color: #9EACB2 !important;
	text-decoration: none;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#sidebar ul li a:hover {
    color: #000 !important;
	background: #fff;
	text-decoration: none;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}


#sidebar a[data-toggle="collapse"] {
    position: relative;
}

#sidebar a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}
#sidebar a[aria-expanded="true"]::before {
    content: '\e260';
}


#sidebar ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
a.download {
    background: #fff;
    color: #7386D5;
}
a.article, a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

#sidebar img.logo {
	max-width: 110px !important;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
	margin: 0;
}
/*** SIDEBAR ***/

/*** CONTENT ***/
#content {
    width: 100%;
    padding: 0;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}
/*** CONTENT ***/

/*******************
GRID
********************/

/*** HEADER ***/
/*header .container {
	margin-top: -1px;
}*/
	
.brand-logo {
	float: none;
	outline: none;
	margin: auto;
}
.navbar-header {
	min-height: 95px;
	width: 100%;
	text-align: center;
}

.wrapHead {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 998;
}

/* SLIDER */
.slider {
	width: 50%;
	margin: 100px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

/* SLIDER */

header.subpage {
	min-height: 200px;
}
header.subpage .logo {
	max-width: 280px;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
	margin: 18px 0 0 0;
}

header.subpage .flowerImgSmall {
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 0;
	display: block;
	height: 210px;
}

header.subpage h2 {
	width: 100%;
    text-align: right;
    font-family: "Trebuchet MS";
    font-weight: 400;
    line-height: 1.2em;
    color: #fff;
    font-size: 56px;
    margin: 70px 0 0 0;
    z-index: 10;
    text-shadow: 1px 1px 4px #000000;
}

@media only screen and (max-width: 991px) {	
	header.subpage a {
		text-align: center;
		width: 100%;
		float: left;
	}
	header.subpage h2 {
		font-size: 32px;
		margin: 15px 0 10px 0;
		text-align: center;
	}
	header.subpage .flowerImgSmall {
		display: none;
	}
	header.subpage .logo {
		max-width: 230px;
	}
}

/*** HEADER ***/


/*** MAINPAGE ***/

/* Carousel item */

.item {
	height: 100vh;
	min-height: 300px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.item img.logo {
	max-width: 800px !important;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
}

.wrapLogo,
.wrapLogoTXT {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.wrapLogo {
	width: 58.33333333%;
	float: left;
}
.wrapLogo a {
	z-index: 9999;
}

.wrapLogoTXT div {
	text-align: left;	
}

.wrapLogoTXT img {
	display: none;
}

.wrapLogoTXT div h2 {
	text-align: left;
	font-family: "Trebuchet MS";
	font-weight: 400;
	line-height: 1.2em;
	color: #fff;
	font-size: 3.2vw;
	margin: 0;
	z-index: 10;
	text-shadow: 1px 1px 4px #000000;
}
.wrapLogoTXT div p {
	margin: 10px 0 0 0;
	text-align: left;
	font-family: "Trebuchet MS";
	font-weight: 400;
	line-height: 1.2em;
	color: #fff;
	font-size: 1.5vw;
	opacity: 0.8;
	width: 90%;
	z-index: 10;
}

.service1 {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8102', endColorstr='#ED5503',GradientType=0 ); /* IE6-9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#FF8102), to(#ED5503)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FF8102, #ED5503); /* for firefox 3.6+ */ 
	background-image: -o-linear-gradient(top, #FF8102, #ED5503);
}
.service2 {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67B5F1', endColorstr='#3C80B2'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#67B5F1), to(#3C80B2)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #67B5F1, #3C80B2); /* for firefox 3.6+ */ 
	background-image: -o-linear-gradient(top, #67B5F1, #3C80B2);	
}
.service3 {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9CB5B6', endColorstr='#627677'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#9CB5B6), to(#627677)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #9CB5B6, #627677); /* for firefox 3.6+ */ 
	background-image: -o-linear-gradient(top, #9CB5B6, #627677);
}
.service4 {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE5B5C', endColorstr='#F2272B'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FE5B5C), to(#F2272B)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FE5B5C, #F2272B); /* for firefox 3.6+ */ 
	background-image: -o-linear-gradient(top, #FE5B5C, #F2272B);
}

.item .fa {
	display: block;
	text-align: center;
	color:#fff;
	font-size: 5em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	opacity: 0.3;
   }
	
   .bounce {
	position: relative;
    bottom: -90px;
    left: -15%;
    margin-left: 0;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
	cursor: pointer;
   }
 
   .flowerImg {
	   position: absolute;
	   top: 10px;
	   right: 10px;
	   z-index: -1 !important;
	   display: block !important;
   }
	.btn-brand {
		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2aabd2', endColorstr='#4A6980'); 
		background: -webkit-gradient(linear, left top, left bottom, from(#2aabd2), to(#4A6980)); 
		background: -moz-linear-gradient(top, #2aabd2, #4A6980);  
		background-image: -o-linear-gradient(top, #2aabd2, #4A6980);*/
		/*background: #4385B7;*/
		background: #2F3132;
		color: #fff;
		border: none;
		outline: none;
		padding: 5px 6px 3px 6px;
		-webkit-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
	}
	.btn-brand:hover {
		background: #fff;
		/*color: #4385B7;*/
		color: #2F3132;
	}

   @-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
   }
	
   @-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
   }
	
   @-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
   }
   @keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
   }


@media only screen and (max-width: 1200px) {
	.flowerImg {
		top: unset;
		bottom: 10px;
		width: 100vw;
	}
}
@media only screen and (max-width: 1100px) {
	.wrapLogoTXT div h2 {
		font-size: 4vw;
	}
	.wrapLogoTXT div p {
		font-size: 2vw;
	}
}
@media only screen and (max-width: 991px) {
	.wrapLogo {
		display: none;
	}
	.wrapLogoTXT img {
		display: block;
	}
	.item img.logo {
		max-width: 400px !important;
		margin: 0 auto;
	}
	.wrapLogoTXT div h2,
	.wrapLogoTXT div p {
		position: relative;
		width: 100%;
		text-align:  center;
	}
	.wrapLogoTXT div h2 {
		font-size: 3em;
		margin: 20px 0 0 0;
	}
	.wrapLogoTXT div p {
		font-size: 1.6em;
	}
	.bounce {
		right: 5px;
		bottom: -5px;
		left: inherit;
		position: absolute;
	}
	.item .fa {
		font-size: 4em;
	}
}
@media only screen and (max-width: 640px) {
	.flowerImg {
		width: 200vw;
	}
}
@media only screen and (max-width: 400px) {
	.wrapLogoTXT div h2 {
		font-size: 2.5em;
	}
}

@media only screen and (max-height: 500px) {
	.item img.logo {
		max-width: 230px !important;
	}
	.wrapLogoTXT div h2 {
		font-size: 2em;
	}
	.wrapLogoTXT div p {
		font-size: 1.2em;
	}
}




/* /Carousel item */

/* Counter */

.counterDetail {
	text-align: center;
	font-family: "Trebuchet MS";
}

.counterDetail p {
	font-weight: 400;
	font-size: 64px;
	color: #fff;
	padding: 0;
	margin: 0;
	text-shadow: 1px 1px 4px #000000;
}

.counterDetail h3 {
	font-weight: 400;
	font-size: 22px;
	/* color: #4385B7;*/
	color: #fff;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1pt;
	text-shadow: 1px 1px 4px #000000;
}

.counterDetail i {
	/* color: #4385B7;*/
	color: #fff;
	text-shadow: 1px 1px 4px #000000;
}

section#wrapCounter {
	position: relative;
	padding: 0;
	width: 100%;
    height: 300px;
    background-image: url("../images/img_section_counter.jpg");
    background-repeat: no-repeat !important;
    background-size: cover;
	background-position: 55% 0%; background-attachment: fixed;
	-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}

section#wrapCounter .container {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

section#wrapCounter .overlayCounter {
	position: absolute;
	background-color:rgba(0,0,0,0.6);
	width: 100%;
	height: 300px;
}


@media only screen and (max-width: 767px) {
	.counterDetail {
		margin: 0 0 20px 0;
	}
	section#wrapCounter,
	section#wrapCounter .overlayCounter {
		height: 780px;
	}
	section#wrapCounter {
		background-position: 65% 0%; background-attachment: fixed;
	}
}

@media only screen and (min-width: 1200px) {
	section#wrapCounter .container .col-sm-3 {
		min-width: 292.5px;
	}	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	section#wrapCounter .container .col-sm-3 {
		min-width: 242.5px;
	}
}


/* /Counter */

section {
	padding: 45px 0;
}

section h2 {
	font-family: "Trebuchet MS";
	font-weight: 500;
	font-size: 30px;
    color: #fff;
	line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: normal;
	text-decoration: none;
	float: left;
	width: 100%;
	margin: 0 0 25px 0;
	text-align: center;
}

section h4 {
	text-align: center;
	font-family: "Trebuchet MS";
	font-weight: 700;
	line-height: 1.2em;
	color: #4385B7;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
}
section#webDev h4 {
	color: #ED5503;
}
section#portfolio.webDev h4 {
	color: #ED5503;
}
section#webHost h4 {
	color: #627677;
}
section#webDomain h4 {
	color: #F2272B;
}

section h5 {
	text-align: center;
	font-family: "Trebuchet MS";
	font-weight: 700;
	line-height: 1.2em;
	color: #000;
	font-size: 32px;
	text-transform: uppercase;
	margin: 5px 0 25px 0;
}

@media only screen and (max-width: 400px) {
	section h5 {
		font-size: 28px;
	}
}

/* Services */
#service {
	background: #f8f9fa;
}

#service .col-md-6 a,
#service .col-md-6 a:hover,
#service .col-md-6 a:active,
#service .col-md-6 a:visited {
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	height: 100%;
	text-decoration: none !important;
}

.wrapService {
	background: url("../images/4brainz_flower.png");
    background-repeat: no-repeat !important;
	background-size: cover;
	background-position: right bottom;
	background-attachment: fixed;
	background-color: #2F3132;
	float: left;
	width: 100%;
	min-height: 250px;
	padding: 10px;
	-webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

@-moz-document url-prefix() {
	.wrapService {
		background: url("../images/4brainz_flower.png");
		background-repeat: no-repeat !important;
		background-size: contain;
		background-position: right bottom;
		background-attachment: fixed;
		background-color: #2F3132;
		float: left;
		width: 100%;
		min-height: 250px;
		padding: 10px;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
}

.wrapService:hover,
.wrapService:visited {
	/*background: #2F3132;*/
	text-decoration: none;
	
}

.wrapService.service1:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8102', endColorstr='#ED5503',GradientType=0 ); /* IE6-9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#FF8102), to(#ED5503)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FF8102, #ED5503); /* for firefox 3.6+ */ 
	background-image: -o-linear-gradient(top, #FF8102, #ED5503);
	text-decoration: none;
}
.wrapService.service2:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67B5F1', endColorstr='#3C80B2'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#67B5F1), to(#3C80B2)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #67B5F1, #3C80B2); /* for firefox 3.6+ */ 
	background-image: -o-linear-gradient(top, #67B5F1, #3C80B2);	
	text-decoration: none;
}
.wrapService.service3:hover  {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9CB5B6', endColorstr='#627677'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#9CB5B6), to(#627677)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #9CB5B6, #627677); /* for firefox 3.6+ */ 
	background-image: -o-linear-gradient(top, #9CB5B6, #627677);
	text-decoration: none;
}
.wrapService.service4:hover  {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE5B5C', endColorstr='#F2272B'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FE5B5C), to(#F2272B)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FE5B5C, #F2272B); /* for firefox 3.6+ */ 
	background-image: -o-linear-gradient(top, #FE5B5C, #F2272B);
	text-decoration: none;
}

#service .col-md-6:nth-child(3),
#service .col-md-6:nth-child(4) {
	margin: 20px 0 0 0;
}

.wrapService h3 {
	text-align: center;
	font-family: "Trebuchet MS";
	font-weight: 400;
	line-height: 1.2em;
	color: #fff;
	font-size: 40px;
	margin: 0;
	text-shadow: 1px 1px 4px #000000;
	text-decoration: none;
}
.wrapService p {
	text-align: center;
	font-family: "Trebuchet MS";
	font-weight: 400;
	line-height: 1.4em;
	color: #fff;
	font-size: 22px;
	margin: 15px 0 0 0;
	text-decoration: none;
}


@media only screen and (max-width: 991px) {
	#service .col-md-6 {
		margin: 0 0 20px 0 !important;
		float: left;
		width: 100%;
	}
	#service .col-md-6:first-child {
		margin: 0;
	}
}
@media only screen and (max-width: 400px) {
	.wrapService h3 {
		font-size: 33px;
	}
}
/* /Services */

/* Portfolio */
#myCarousel2 .item {
	height: 300px;
}
#myCarousel2 .item div {
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	height: 100%;
}

#myCarousel2 .item .col-md-7 div {
    justify-content: left;
}

#myCarousel2 .item .col-md-7 a,
#myCarousel2 .item .col-md-7 a:hover {
	text-align: left;
	margin: 0;
	width: 95%;
	text-decoration: none;
}


#myCarousel2 .item a h3 {
	text-align: left;
    font-weight: 400;
    color: #4385B7;
	font-size: 20px;
	margin: 0 0 2px 0;
	width: 100%;
}

#myCarousel2 .item a p {
	float: left;
    text-align: left;
    font-family: "Trebuchet MS";
    font-weight: 400;
    line-height: 1.3em;
    color: #000;
	font-size: 18px;
	margin: 0;
	width: 100%;
	text-decoration: none;
}

#myCarousel2 .item a span {
	float: left;
    color: #000;
	font-size: 14px;
	margin: 0 0 2px 0;
	width: 100%;
}

#myCarousel2 .carousel-control {
	width: 5%;
	opacity: 1;
	background-image: none;
	color: #000;
}
#myCarousel2 .carousel-control.left i {
	left: 0;
}
#myCarousel2 .carousel-control.right i {
	right: 0;
}

#myCarousel2 .carousel-control i {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	opacity: 1;
	background: #2F3132;
	color: #fff;
	width: 35px;
}

#myCarousel2 .carousel-control:hover i {
	background: #fff;
	color: #2F3132;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
	transition: all 0.3s;
}
#myCarousel2 .carousel-indicators {
	bottom: 0;	
}
#myCarousel2 .carousel-indicators li {
	border: 1px solid #000;
	border-radius: 0;
	background: #000;
	width: 12px;
	height: 12px;
	margin: 0 1px;
}
#myCarousel2 .carousel-indicators .active {
	background: #fff;
	border: 2px solid #000;
}

/*#myCarousel2.carousel .carousel-control { visibility: hidden; }
#myCarousel2.carousel:hover .carousel-control { visibility: visible; }*/

#myCarousel2 img {
	transition: all 0.3s;
	overflow-y: scroll;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
	width: 100%;
	max-width: 350px;
	height: auto;
}

@media only screen and (max-width: 991px) {
	#myCarousel2 .item {
		height: auto;
	}
	#myCarousel2 .item p {
		width: 100%;
		margin: 25px 0 0 0;
	}
	#myCarousel2 .carousel-indicators {
		/*bottom: -40px;*/
		position: relative;
	}
	#myCarousel2 .carousel-control i {
		top: -7px;
		left: 0;
		font-size: 30px;
		width: 30px;
	}
	#myCarousel2 .carousel-control.right {
		right: 15px;
	}
}



@media only screen and (max-width: 991px) {
	#myCarousel2 .item a h3 {
		margin: 20px 0 5px 0;
	}
}
@media only screen and (max-width: 400px) {
	#myCarousel2 .carousel-indicators li,
	#myCarousel2 .carousel-indicators .active {
		width: 15px;
		height: 15px;
		margin: 0 2px;
	}
}

/* /Portfolio */

/* Contact */
#contact {
	background: #f8f9fa;
}

section#contact {
	position: relative;
	padding: 0;
	width: 100%;
    height: 300px;
    background-image: url("../images/img_section_contact.jpg");
    background-repeat: no-repeat !important;
    background-size: cover;
	background-position: 55% 0%; background-attachment: fixed;
	-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}

section#contact .container {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

section#contact .overlayContact {
	position: absolute;
	background-color:rgba(0,0,0,0.6);
	width: 100%;
	height: 300px;
}

section#contact h4 p {
	text-align: center;
    font-family: "Trebuchet MS";
    font-weight: 700;
    line-height: 1.2em;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 40px 0;
}
section#contact h4 span {
	text-align: center;
    font-family: "Trebuchet MS";
    font-weight: 400;
    line-height: 1.2em;
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    margin: 5px 0 25px 0;
}

section#contact p.service {
	margin: 0;
	font-family: "Trebuchet MS";
	font-weight: 400;
	line-height: 1.2em;
	color: #67B5F1;
	font-size: 48px;
	text-transform: normal;
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	height: 100%;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	/*text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;*/
}
section#contact .col-md-6:last-child p.service  {
	color: #FF8102;
}
section#contact span {
	font-family: "Trebuchet MS";
	font-weight: 400;
	line-height: 1.2em;
	color: #fff;
	font-size: 32px;
	text-transform: uppercase;
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
section#contact span i {
	margin: 0 15px 0 0;
}

label {
    display: inline-block;
	max-width: 100%;
	font-family: 'Trebuchet MS' !important;
	font-weight: 400 !important;
	font-size: 18px !important;
    color: #252525 !important;
	padding: 0;
	margin: 0 0 10px 0 !important;
	text-transform: none;
}

input[type="text"],
input[type="name"],
input[type="email"],
input[type="tel"],
select,
textarea {
	border: 1px solid #666;
	outline-color: #4385B7;
	width: 100%;
	padding: 0.5em;
	margin: 0 0 15px 0 !important;
	resize: none;
	font-family: 'Trebuchet MS';
	font-weight: 400;
	font-size: 16px  !important;
    color: #000;
	padding: 7px;
	float: left;
	line-height: 1.37em;
}
.webDev input[type="text"],
.webDev input[type="name"],
.webDev input[type="email"],
.webDev input[type="tel"],
.webDev select,
.webDev textarea {
	outline-color: #ED5503;
}
.webHost input[type="text"],
.webHost input[type="name"],
.webHost input[type="email"],
.webHost input[type="tel"],
.webHost select,
.webHost textarea {
	outline-color: #627677;
}
.webDomain input[type="text"],
.webDomain input[type="name"],
.webDomain input[type="email"],
.webDomain input[type="tel"],
.webDomain select,
.webDomain textarea {
	outline-color: #F2272B;
}
.form-group .chekbx {
	margin: 18px 0 0 0;
	float: left;
	width: 100%;
}
label.checkbox {
	margin: 0;
	padding-left: 0;
	font-size: 1.1em;
	line-height: 35px;
	cursor: pointer;
	float: left;
	position: relative;
	font-family: 'Trebuchet MS';
	font-weight: 400;
	font-size: 14px;
    color: #000;
}
label.checkbox a,
label.checkbox a:hover {
	font-family: 'Trebuchet MS';
	font-weight: 400;
	font-size: 18px;
    color: #4385B7;
	text-decoration: underline;
	opacity: 1;
	display: inline-block;
}
.webDev label.checkbox a,
.webDev label.checkbox a:hover {
    color: #ED5503;
}
.webHost label.checkbox a,
.webHost label.checkbox a:hover {
    color: #627677;
}
.webDomain label.checkbox a,
.webDomain label.checkbox a:hover {
    color: #F2272B;
}
label.checkbox a:hover {
	text-decoration: none;
}
.checkbox:last-child {
	margin-bottom: 0;
}

label.checkbox span {
	margin: 0 0 0 35px;
}
.checkbox i {
	position: absolute;
	bottom: 7px;
	left: 0;
	display: block;
	width:25px;
	height:25px;
	outline: none;
	border: 1px solid #AAAAAA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.checkbox input + i:after {
	content: '';
	background: url("../images/tick.png") no-repeat 1px 2px;
	top: 2px;
	left: 2px;
	width: 20px;
	height: 20px;
	font: normal 14px/16px FontAwesome;
	text-align: center;
}
.checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.checkbox input {
	position: relative;
	/*left: 6px;
	top: 12px;*/
	left: 6px;
	top: 12px;
    margin-left: 0 !important;
    opacity: 0;
}
.checkbox input:checked + i:after {
	opacity: 1;
}

/*.checkbox input[type=checkbox] {
    position: relative !important
}*/


@media only screen and (max-width: 991px) {
	section#contact,
	section#contact .overlayContact {
		height: 400px;
	}
	section#contact .col-md-6:last-child p.service  {
		margin: 10px 0 0 0;
	}
}
@media only screen and (max-width: 440px) {
	section#contact p.service {
		font-size: 36px;
	}
	section#contact span {
		color: #fff;
		font-size: 25px;
	}
}

/* /Contact */

/* webRent */
section#webRent-Info {
	background: #f8f9fa;
}
section#webRent-Info .borderRight {
	border-right: 1px solid rgba(0, 0, 0, .2);
}
section#webRent-Info .borderBottom {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	margin: 0 0 25px 0;
}

/*section#webRent-Info h4 {
	float: left;
	width: 100%;
}*/
section#webRent-Info .col-md-6 h4 {
	margin: 0 0 20px 0;
	line-height: 100%;
}
section#webRent-Info p {
    text-align: left;
    font-family: "Trebuchet MS";
    font-weight: 400;
	line-height: 1.5em;
    color: #000;
    font-size: 16px;
	margin: 0 0 25px 0;
	opacity: 0.8;
}

section#webRent-Info p span {
    font-weight: 700;
}

section#webRent-Info ul li {
	font-family: "Trebuchet MS";
	font-weight: 400;
	list-style: disc;
	margin: 0 0 0 20px;
	line-height: 1.6em;
	font-size: 15px;
}

section#webRent-Info .col-md-6 ul  {
	float: left;
	width: 100%;
	margin: 0;
}

section#webRent-Features {
	box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}
section#webRent-Features .col-md-3  {
	text-align: center;
}

section#webRent-Features .row.row-item .col-md-3 {
	margin: 0 0 25px 0;
}

section#webRent-Features .col-md-3 h5 {
	font-family: "Trebuchet MS";
	font-weight: 400;
	text-align: center;
	font-size: 22px;
	margin: 0 0 15px 0;
}
section#webRent-Features .col-md-3 p {
	margin: 0;
	font-size: 15px;
}

.circle{
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    display: inline-block;
    font-size: 42px;
    color: #ffffff;
    border-radius: 50px;
	margin-bottom: 15px;
	opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.circle:hover {
	opacity: 0.7;
}
.circle:visited,
.circle:active {
	color: #ffffff;
}
.circle.item-1 {
	background: #e74c3c;
}
.circle.item-2 {
	background:  #27ae60;
}
.circle.item-3 {
	background: #1bbae1;
}
.circle.item-4 {
	background: #e67e22;
}
.circle.item-5 {
	background: #af64cc;
}
.circle.item-6 {
	background:  #FF8102;
}
.circle.item-7 {
	background: #1ec1b8;
}
.circle.item-8 {
	background: #4385B7;
}


@media only screen and (max-width: 991px) {
	section#webRent-Info .col-md-6 h4 {
		float: left;
		width: 100%;
		line-height: 1.2em;
	}
	section#webRent-Info .col-md-6:last-child h4 {
		margin: 20px 0;
	}
	section#webRent-Features .row .col-md-3 {
		margin: 0 0 25px 0;
	}
	section#webRent-Features .row.row-item .col-md-3:last-child {
		margin: 0 0 25px 0;
	}
	section#webRent-Features .row .col-md-3:last-child {
		margin: 0;
	}
}

section#webRent-Order {
	background: #f8f9fa;
}

.pricingTable{
    color: #009DD2;
    background-color: #fff;
    font-family: "Trebuchet MS";
    text-align: center;
    margin: 0 20px;
    overflow: hidden;
    position: relative;
	transition: all 0.3s ease 0s;
	/*border: solid 1px #6e7684;*/
	border: 1px solid rgb(0, 0, 0, .3);
}
.pricingTable:hover,
.pricingTable.active { 
	box-shadow: 0 0 20px -5px #000;
}
.pricingTable .pricingTable-header{ padding: 20px 0; max-height: 110px; }
.pricingTable .title{
    font-size: 45px;
    text-transform: uppercase;
    margin: 0;
}
.pricingTable .month{
    font-size: 15px;
    text-transform: uppercase;
    display: block;
}
.pricingTable .price-value{
    color: #fff;
    background-color: #009DD2;
    padding: 13px 0;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
	float: left;
	width: 100%;
}
.pricingTable .price-value:before,
.pricingTable .price-value:after{
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(140deg,#019CD2 25%, #0EB1DC 26%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.pricingTable .price-value:after{
    background: rgba(69,211,235,0.6);
    width: 160%;
    transform: rotate(-60deg);
}
.pricingTable .amount{
    font-size: 55px;
	font-weight: 600;
	margin: 0;
}
.pricingTable .amount sub{
	font-size: 32px;
	bottom: -.1em;
	margin: 0 0 0 5px;
}
.pricingTable .amount:before,
.pricingTable .amount:after{
    content: '';
    height: 100%;
    width: 100%;
    background: rgba(69,211,235,0.5);
    transform: rotate(85deg);
    position: absolute;
    left: -70px;
    top: 0;
    z-index: -1;
}
.pricingTable .amount:after{
    background: rgba(69,211,235,0.2);
    left: -100px;
}
.pricingTable .amount span{
    font-size: 35px;
    font-weight: 600;
    vertical-align: top;
    margin-left: -5px;
    display: inline-block;
}
.pricingTable .pricing-content{
    font-size: 18px;
    text-transform: none;
    text-align: left;
    line-height: 40px;
    letter-spacing: 1px;
    padding: 10px;
    margin: 25px 0;
    border-top: 2px solid #009DD2;
    border-bottom: 2px solid #009DD2;
    list-style: none;
	display: inline-block;
	width: 95%;
}
.pricingTable .pricing-content i {
	font-size: 16px;
}

.pricingTable .pricing-content li.txt {
	letter-spacing: 0;line-height: 1.6em;
	font-size: 15px;
	color: #000;
	border-top: 1px solid rgba(0, 0, 0, .2);
	padding: 15px 0 0 0;
	margin: 10px 0 0 0;
	float: left;
}

.pricingTable .pricingTable-signup{
    background-color: #009DD2;
    padding: 30px 0;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.pricingTable .pricingTable-signup:before,
.pricingTable .pricingTable-signup:after{
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(140deg,#019CD2 25%, #0EB1DC 26%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.pricingTable .pricingTable-signup:after{
    background: rgba(69,211,235,0.6);
    width: 160%;
    transform: rotate(-60deg);
}
.pricingTable .pricingTable-signup span {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 7px 15px;
    border: 2px solid #fff;
    display: inline-block;
    transition: all 0.3s ease;
}
.pricingTable .pricingTable-signup span:before,
.pricingTable .pricingTable-signup span:after {
    content: '';
    height: 100%;
    width: 100%;
    background: rgba(69,211,235,0.5);
    transform: rotate(-85deg);
    position: absolute;
    left: -70px;
    top: 0;
    z-index: -1;
}
.pricingTable .pricingTable-signup span:after{
    background: rgba(69,211,235,0.2);
}
.pricingTable .pricingTable-signup span:hover,
.pricingTable:hover .pricingTable-signup span,
.pricingTable.active .pricingTable-signup span {
    color: #fff;
    letter-spacing: 1px;
    box-shadow:  0 0 20px -1px #fff;
}
.pricingTable.yellow{ color: #F2B705; }
.pricingTable.yellow .pricing-content{ border-color: #F2B705; }
.pricingTable.yellow .price-value{ background-color: #F7B403; }
.pricingTable.yellow .price-value:before{
    background: linear-gradient(140deg,#F19900 25%, #F5C906 26%);
}
.pricingTable.yellow .price-value:after{ background: rgba(250,215,9,0.8); }
.pricingTable.yellow .amount:before{ background: rgba(250,215,9,0.5); }
.pricingTable.yellow .amount:after{ background: rgba(250,215,9,0.2); }
.pricingTable.yellow .pricingTable-signup{ background-color: #F1BD25; }
.pricingTable.yellow .pricingTable-signup:before{
    background: linear-gradient(140deg,#F19900 25%, #F5C906 26%);
}
.pricingTable.yellow .pricingTable-signup:after{ background: rgba(250,215,9,0.8); }
.pricingTable.yellow .pricingTable-signup span:before{ background: rgba(250,215,9,0.5); }
.pricingTable.yellow .pricingTable-signup span:after{ background: rgba(250,215,9,0.2); }
.pricingTable.red{ color: #EA003F; }
.pricingTable.red .pricing-content{ border-color: #EA003F; }
.pricingTable.red .price-value{ background-color: #EA003F; }
.pricingTable.red .price-value:before{
    background: linear-gradient(140deg,#EA003F 25%, #F392B1 26%);
}
.pricingTable.red .price-value:after{ background: rgba(248,172,200,0.8); }
.pricingTable.red .amount:before{ background: rgba(248,172,200,0.5); }
.pricingTable.red .amount:after{ background: rgba(248,172,200,0.2); }
.pricingTable.red .pricingTable-signup{ background-color: #EA003F; }
.pricingTable.red .pricingTable-signup:before{
    background: linear-gradient(140deg,#EA003F 25%, #F392B1 26%);
}
.pricingTable.red .pricingTable-signup:after{ background: rgba(248,172,200,0.8); }
.pricingTable.red .pricingTable-signup span:before{ background: rgba(248,172,200,0.5); }
.pricingTable.red .pricingTable-signup span:after{ background: rgba(248,172,200,0.2); }
 
@media only screen and (max-width: 991px){
	.pricingTable{ margin-bottom: 30px; }
}
@media only screen and (max-width: 479px){
	.pricingTable{ margin: 0 0 30px; }
	.pricingTable .amount {
		font-size: 48px;
	}
}

section#webRent-Order .wrapPanelDown {
	display: none;	
	font-weight:normal;
	margin-top:15px;
	font-size: 13px;
	float: left;
	width: 100%;
}

section#webRent-Order .wrapPanelDown p {
	margin: 0 0 5px 0;
	float: left;
	width: 100%;
}

section#webRent-Order .panelDownBtn {
	font-family: "Trebuchet MS";
	font-weight: 400;
	font-size: 16px;
	background: #009DD2;
    color: #fff;
	line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: normal;
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 10px 0;
	float: left;
	width: 100%;
	text-align: center;
	opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
section#webRent-Order .panelDownBtn.yellow {
	background: #F2B705;
}


section#webRent-Order .panelDownBtn:hover {
	opacity: 0.7;
}

section#webRent-Order p.txt {
	width: 100%;
	float: left;
    text-align: center;
    font-family: "Trebuchet MS";
    font-weight: 700;
    line-height: 1.2em;
    color: #000;
    font-size: 14px;
	text-transform: none;
	opacity: 0.3;
	padding: 0;
	margin: 30px 0 0 0;
}
section#webRent-Order span.txt {
	width: 100%;
	float: left;
    text-align: center;
    font-family: "Trebuchet MS";
    font-weight: 700;
    line-height: 1.2em;
    color: #000;
    font-size: 14px;
	text-transform: none;
	font-style: italic;
	opacity: 0.3;
	padding: 0;
	margin: 15px 0 0 0;
}

p.orderInfo {
	position: relative;
	top: 0;
	left: 0;
    text-align: center;
    font-family: "Trebuchet MS";
    font-weight: 700;
    line-height: 1.2em;
    color: #000;
    font-size: 64px;
	text-transform: none;
	opacity: 0.1;
	margin: 0 0 25px 0;
}

section#webRent-Template {
	position: relative;
}

section#webRent-Template .container .row:first-child .col-md-4 {
	margin-bottom: 23px;
}

section#webRent-Template .col-md-4 div.wrapTemplate {
	display: inline-block;
	max-width: 360px;
	/*border: solid 1px #6e7684;*/
	border: 1px solid rgb(0, 0, 0, .3);
	text-decoration: none;
	transition: all 0.3s ease 0s;
	text-align: left;
}

section#webRent-Template .col-md-4 div.wrapTemplate:hover,
section#webRent-Template .col-md-4 div.wrapTemplate.active {
	box-shadow: 0 0 20px -5px #000;
}

section#webRent-Template .col-md-4 a img {
	float: left;
	width: 100%;
	max-width: 360px;
	height: auto;
	/*border-bottom: solid 1px #6e7684;*/
	border-bottom: 1px solid rgb(0, 0, 0, .3);
}

section#webRent-Template .col-md-4 div.wrapTemplate div {
	float: left;
	width: 100%;
	padding: 10px;
	margin: 0;
}

section#webRent-Template .col-md-4 div.wrapTemplate div p {
	float: left;
	width: 100%;
	text-align: left;
    font-family: "Trebuchet MS";
	font-weight: 400;
	font-size: 15px;
    line-height: 1.5em;
	color: #000;
	padding: 0;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid rgba(0, 0, 0, .2);
}

section#webRent-Template .col-md-4 div.wrapTemplate div ul {
	margin: 0;
	min-height: 86px;
}

section#webRent-Template .col-md-4 div.wrapTemplate div ul li {
	font-family: "Trebuchet MS";
	font-weight: 400;
	font-size: 15px;
	color: #000;
	text-align: left;
	line-height: 1.8em;
}

section#webRent-Template .col-md-4 div.wrapTemplate div ul li i {
	color: #4385B7;
}
section#webRent-Template .col-md-4 div.wrapTemplate div ul li i.yellow {
	color: #F2B705;
}

section#webRent-Template .btnTemplate {
	font-family: "Trebuchet MS";
	font-weight: 400;
    background-color: #009DD2;
    padding: 30px 0;
    display: block;
    overflow: hidden;
    position: relative;
	z-index: 1;
	text-align: center;
	float: left;
    width: 100%;
}

section#webRent-Template .btnTemplate.yellow {
    background-color: #F2B705;
}

section#webRent-Template .pricingTable-signup.yellow {
    background-color: #F2B705;
}


section#webRent-Template .btnTemplate:before,
section#webRent-Template .btnTemplate:after{
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(140deg,#019CD2 25%, #0EB1DC 26%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
section#webRent-Template .btnTemplate.yellow:before,
section#webRent-Template .btnTemplate.yellow:after{
    background: linear-gradient(140deg,#F19900 25%, #F5C906 26%);
}
section#webRent-Template .btnTemplate:after{
    background: rgba(69,211,235,0.6);
    width: 160%;
    transform: rotate(-60deg);
}

section#webRent-Template .btnTemplate span{
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 7px 15px;
    border: 2px solid #fff;
    display: inline-block;
    transition: all 0.3s ease;
}
section#webRent-Template .btnTemplate span:before,
section#webRent-Template .btnTemplate span:after{
    content: '';
    height: 100%;
    width: 100%;
    background: rgba(69,211,235,0.5);
    transform: rotate(-85deg);
    position: absolute;
    left: -70px;
    top: 0;
    z-index: -1;
}

section#webRent-Template .btnTemplate span:after{
    background: rgba(69,211,235,0.2);
}
section#webRent-Template .btnTemplate.yellow span:before,
section#webRent-Template .btnTemplate.yellow span:after{
    background: rgba(250,215,9,0.2);
}
section#webRent-Template .btnTemplate span:hover,
section#webRent-Template .col-md-4 div.wrapTemplate:hover .btnTemplate span,
section#webRent-Template .col-md-4 div.wrapTemplate.active .btnTemplate span {
    color: #fff;
    letter-spacing: 1px;
    box-shadow:  0 0 20px -1px #fff;
}

section#webRent-Template .col-md-4 div.wrapTemplate a {
	float: left;
    position: relative;
}

section#webRent-Template .templateNumber {
	position: absolute;
	top: 0;
	left: 0;
    font-family: "Trebuchet MS";
	font-weight: 400;
	font-size: 64px;
    line-height: 1.2em;
	color: #000;
	opacity: 1;
	margin: 0;
	padding: 0;
	width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.4);
}
section#webRent-Template .templateNumber span {
	opacity: 0.4;
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
	section#webRent-Template .col-md-4 div.wrapTemplate div p {
		margin-bottom: 23px;
		text-align: center;
		/*min-height: 144px;*/
		/*width: 200px;*/
	}
	section#webRent-Template .col-md-4 div.wrapTemplate div ul {
		min-height: 108px;
	}
}

@media only screen and (max-width: 991px) {
	section#webRent-Template .container .row .col-md-4 {
		margin-bottom: 23px;
		text-align: center;
	}
	section#webRent-Template .container .row:last-child .col-md-4:last-child {
		margin-bottom: 0;
	}
	section#webRent-Order p.txt {
		margin: 0;
	}
	section#webRent-Template .col-md-4 div.wrapTemplate div ul {
		min-height: none;
	}
}

@media only screen and (max-width: 767px) {
	p.orderInfo {
		font-size: 8.7vw;
	}
}

section#webRent-Form {
    background: #f8f9fa;
}

section#webRent-Form p.orderTxt {
    text-align: left;
    font-family: "Trebuchet MS";
    font-weight: 400;
    line-height: 1.5em;
    color: #000;
    font-size: 16px;
    margin: 0 0 25px 0;
	opacity: 0.8;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 0 0 15px 0;
}

section#webRent-Form.webHost p.orderTxt {
    text-align: center;
}

section#webRent-Form .wrapPackageTemplate {
	text-align: center;
	display: none;
}
section#webRent-Form .wrapPackageTemplate div.wrapBox {
	width: 100%;
	float: none;
	padding: 0;
	margin: 0 0 25px 0;
	display: inline-block;
	max-width: 410px;
	overflow: hidden;
	box-shadow: 0 0 20px -5px #000;
}
section#webRent-Form .wrapPackageTemplate div.wrapBox div:before,
section#webRent-Form .wrapPackageTemplate div.wrapBox div:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

section#webRent-Form .wrapPackageTemplate div.wrapBox.standard div:before,
section#webRent-Form .wrapPackageTemplate div.wrapBox.standard div:after {
    background: linear-gradient(140deg,#019CD2 25%, #0EB1DC 26%);
}

section#webRent-Form .wrapPackageTemplate div.wrapBox.webshop div:before,
section#webRent-Form .wrapPackageTemplate div.wrapBox.webshop div:after {
    background: linear-gradient(140deg,#F19900 25%, #F5C906 26%);
}

section#webRent-Form .wrapPackageTemplate div.wrapBox.webhost div:before,
section#webRent-Form .wrapPackageTemplate div.wrapBox.webhost div:after {
    background: linear-gradient(140deg,#627677 25%, #9CB5B6 26%);
}


section#webRent-Form .wrapPackageTemplate div.wrapBox.standard div:after {
    background: rgba(69,211,235,0.6);
    width: 160%;
    transform: rotate(-60deg);
}
section#webRent-Form .wrapPackageTemplate div.wrapBox.webshop div:after {
    background: rgb(241, 153, 0,0.4);
    width: 160%;
    transform: rotate(-60deg);
}

section#webRent-Form .wrapPackageTemplate div.wrapBox.webhost div:after {
    background: rgba(98,118,119,0.8);
    width: 160%;
    transform: rotate(-60deg);
}

section#webRent-Form .wrapPackageTemplate div.wrapBox div {
	float: left;
	position: relative;
	width: 100%;
	/*border: solid 1px #6e7684;*/
	border: 1px solid rgb(0, 0, 0, .5);
	transition: all 0.3s ease 0s;
	text-align: left;
	box-shadow: 0 0 20px -5px #000;
	height: 82px;
	overflow: hidden;
}

section#webRent-Form .wrapPackageTemplate p {
	width: 100%;
	float: left;
    font-family: "Trebuchet MS";
    font-weight: 400;
    line-height: 100%;
	color: #fff;
	font-size: 40px;
    padding: 0 0 0 80px;
    margin: 0;
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
	text-decoration: none !important;
	z-index: 5;
	text-transform: uppercase;
}
section#webRent-Form.webHost .wrapPackageTemplate div.wrapBox p {
    padding: 0;
}
section#webRent-Form .wrapPackageTemplate p span {
	z-index: 5;
}
section#webRent-Form .wrapPackageTemplate img {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	/*border-right: solid 1px #000;*/
	border-right: 1px solid rgb(0, 0, 0, .3);
}

section#webRent-Form .wrapPackageTemplate span.number {
	font-family: "Trebuchet MS";
    font-weight: 400;
    line-height: 100%;
    color: #000;
	font-size: 32px;
	text-transform: uppercase;
	opacity: 1;
	z-index: 10;
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.4);
	max-width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-decoration: none !important;
}

section#webRent-Form .form-group label {
    font-family: "Trebuchet MS";
    font-weight: 400;
    color: #000;
    font-size: 14px;
}

section#webRent-Form .form-group  {
    font-family: "Trebuchet MS";
    font-weight: 400;
    color: #000;
	font-size: 14px;
	float: left;
	width: 100%;
	margin-bottom: 0 !important;
}

section#webRent-Form button {
	font-family: "Trebuchet MS";
	font-weight: 400;
	font-size: 18px;
    color: #fff;
	line-height: 1.3em;
    text-transform: none;
    letter-spacing: normal;
	text-decoration: none;
	background: #4385B7;
	border: none;
	margin: 5px 0 0 0;;
	padding: 15px 0;
	float: left;
	width: 100%;
	text-align: center;
	opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
section#webRent-Form.webDev button {
	background: #ED5503;
}
section#webRent-Form.webHost button {
	background: #627677;
}
section#webRent-Form.webDomain button {
	background: #F2272B;
}
section#webRent-Form button:hover {
	opacity: 0.7;
}

section#webRent-Form .col-sm-6 .col-sm-6,
section#webRent-Form .col-sm-12 .col-sm-6 {
	padding: 0;
}


.g-recaptcha  {
	transform:scale(0.84);
	-webkit-transform:scale(0.84);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
	float: left;
    width: 100%;
} 

section#webRent-Form .col-sm-6:last-child input {
	margin: 0 !important;
}

section#webRent-Form textarea {
	margin: 0 !important;
}

section#webRent-Form .txt-result {
	margin-bottom: 20px;
	font-size: 18px;
}

section#webRent-Form .text-danger {
    color: #dc3545!important;
}

@media screen and (min-width: 992px) and (max-width: 1199px) { 
	.g-recaptcha {
		transform:scale(0.7);
		-webkit-transform:scale(0.7);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		margin: 6px 0 0 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) { 
	.g-recaptcha {
		transform:scale(0.53);
		-webkit-transform:scale(0.53);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		margin: 12px 0 0 0;
	}
	section#webRent-Form.webAbout .col-sm-12 .col-sm-6 .g-recaptcha {
		transform:scale(0.84);
		-webkit-transform:scale(0.84);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		margin: 0;
	}
	 section#webRent-Form.webAbout .checkbox i {
		bottom: 0;
		left: 0;
	}
	label.checkbox { 
		line-height: 1.2em;
	}
	label.checkbox span {
		margin: 0 0 0 35px;
		display: inline-block;
	}
	
}
@media screen and (max-width: 400px) { 
	label.checkbox { 
		line-height: 1.2em;
		margin: 0 0 0 35px;
	}
	label.checkbox span {
		margin: 0 0 0 35px;
		display: inline-block;
	}
	section#webRent-Form .wrapPackageTemplate p  {
		font-size: 33px;
	}
}


section#webRent-Info p,
section#webDev p,
section#webHost p,
section#webDomain p,
section#webAbout p,
section#webPolicy p {
    text-align: left;
    font-family: "Trebuchet MS";
    font-weight: 400;
	line-height: 1.5em;
    color: #000;
    font-size: 16px;
	margin: 0 0 25px 0;
	opacity: 0.8;
}
section#webPolicy p {
	text-align: justify;
}

section#webRent-Info p span {
    font-weight: 700;
}

/* webRent */

/* webDev */
section#webDev {
	background: #fff;
}
section#webDev .borderBottom {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    margin: 0 0 25px 0;
}
section#webDev .row .col-md-12:last-child  {
	text-align: center;
}


section#webDev .col-md-12 h4 {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	line-height: 100%;
}

section#webDev ul  {
	float: none;
	width: auto;
	margin: 0 auto;
	display: inline-block;
}

section#webDev ul li {
	font-family: "Trebuchet MS";
	font-weight: 400;
	list-style: disc;
	margin: 0 0 0 20px;
	line-height: 1.6em;
	font-size: 15px;
	text-align: left;
}


@media screen and (max-width: 991px) { 
	section#webDev .col-md-12 h4 {
		line-height: 1.2em;
	}
}

/* webDev */


/* webHost */

section#webHost {
	background: #f8f9fa;
}
section#webHost a {
	color: #627677;
	font-weight: 700;
}

section#webHost .borderRight {
	border-right: 1px solid rgba(0, 0, 0, .2);
}
section#webHost .borderBottom {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	margin: 0 0 25px 0;
}

/*section#webHost h4 {
	float: left;
	width: 100%;
}*/
section#webHost .col-md-6 h4 {
	margin: 0 0 20px 0;
	line-height: 100%;
}
section#webHost p {
    text-align: left;
    font-family: "Trebuchet MS";
    font-weight: 400;
	line-height: 1.5em;
    color: #000;
    font-size: 16px;
	margin: 0 0 25px 0;
	opacity: 0.8;
}

section#webHost p span {
    font-weight: 700;
}

section#webHost ul li {
	font-family: "Trebuchet MS";
	font-weight: 400;
	list-style: disc;
	margin: 0 0 0 20px;
	line-height: 1.6em;
	font-size: 15px;
}

section#webHost .col-md-6 ul  {
	float: left;
	width: 100%;
	margin: 0;
}

section#webHost-Order {
	background: #fff;	
}

section#webHost-Order .pricingTable {
	color: #627677;
	border: 1px solid rgb(0, 0, 0, .3);
}

section#webHost-Order .pricingTable .price-value:before {
    background: linear-gradient(140deg,#627677 25%, #9CB5B6 26%);
}
section#webHost-Order .amount:after {
    background: rgba(98,118,119,0.2);
}

section#webHost-Order  .pricingTable .price-value:after {
    background: rgba(98,118,119,0.6);
}
section#webHost-Order  .pricingTable .amount:before, section#webHost-Order .pricingTable .amount:after {
    background: rgba(156,181,182,0.5);
}

section#webHost-Order .pricingTable .pricingTable-signup:before {
    background: linear-gradient(140deg,#627677 25%, #9CB5B6 26%);
}

section#webHost-Order .pricingTable .pricingTable-signup span:after {
    background: rgba(156,181,182,0.2);
}

section#webHost-Order .pricingTable .pricingTable-signup:after {
    background: rgba(98,118,119,0.8);
}
section#webHost-Order .pricingTable .pricingTable-signup span:before,
section#webHost-Order .pricingTable .pricingTable-signup span:after {
	background: rgba(156,181,182,0.5) !important;
}

section#webHost-Order .pricingTable .title {
	color: #627677;
}
section#webHost-Order .pricingTable .title p {
	margin: -10px 0 0 0;
}
section#webHost-Order .pricingTable .title span {
	font-size: 24px;
	float: left;
	width: 100%;
	margin: 5px 0 10px 0;
}

section#webHost-Order .pricingTable .pricing-content {
    font-size: 16px;
    text-transform: none;
    text-align: left;
    line-height: 40px;
    letter-spacing: 1px;
    padding: 10px;
    margin: 25px 0;
    border-top: 2px solid #627677;
    border-bottom: 2px solid #627677;
    list-style: none;
    display: inline-block;
    width: 95%;
}

section#webHost-Order p.txt {
    width: 100%;
    float: left;
    text-align: center;
    font-family: "Trebuchet MS";
    font-weight: 700;
    line-height: 1.2em;
    color: #000;
    font-size: 14px;
    text-transform: none;
    opacity: 0.3;
    padding: 0;
    margin: 30px 0 0 0;
}

@media screen and (max-width: 1199px) { 
	section#webHost-Order .pricingTable .amount {
		font-size: 42px;
	}
}

@media screen and (max-width: 991px) { 
	section#webHost-Order p.txt {
		margin: 0;
	}
}

/* webHost */

/* webDomain */
section#webDomain .borderBottom {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    margin: 0 0 25px 0;
}

section#webDomain .row .col-md-12:last-child {
    text-align: center;
}

section#webDomain ul  {
	float: none;
	width: auto;
	margin: 0 auto;
	display: inline-block;
}

section#webDomain ul li {
	font-family: "Trebuchet MS";
	font-weight: 400;
	list-style: disc;
	margin: 0 0 0 20px;
	line-height: 1.6em;
	font-size: 15px;
	text-align: left;
}

/* webDomain */

/* webAbout */

#webAbout {
	padding: 45px 0 0 0;
}

#webRent-Form.webAbout {
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}

#webAbout .borderBottom {
	line-height: 100%;
}


#webRent-Form.webAbout table {
	float: left;
	width: 100%;
}

#webRent-Form.webAbout table td {
	border: none;
	text-align: left;
    font-family: "Trebuchet MS";
    font-weight: 400;
    line-height: 1.5em;
    color: #000;
	font-size: 16px;
	padding-bottom: 0;
}

#webRent-Form.webAbout table tr td:first-child  {
	padding-left: 0;
}

#webRent-Form.webAbout p.orderInfo {
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    font-family: "Trebuchet MS";
    font-weight: 700;
    line-height: 1.2em;
    color: #000;
    font-size: 32px;
    text-transform: none;
    opacity: 1;
	margin: 0 0 25px 0;
	float: left;
    width: 100%;
}

#webRent-Form.webAbout p.orderInfo.contact {
	border-top: none;
	padding: 0;
}

#webRent-Form.webAbout p.orderTxt {
    text-align: left;
    font-family: "Trebuchet MS";
    font-weight: 400;
    line-height: 1.5em;
    color: #000;
    font-size: 16px;
    margin: 0 0 15px 0;
    opacity: 0.8;
    border-bottom: none;
	padding: 0 0 15px 0;
	float: left;
    width: 100%;
}

#webRent-Form.webAbout p.orderTxt.contact {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}



@media screen and (max-width: 991px) { 
	#webRent-Form.webAbout .col-md-12,
	#webRent-Form.webAbout .col-sm-12,
	#webRent-Form.webAbout .col-sm-6 {
		padding: 0;
	}
	#webRent-Form.webAbout p.orderInfo.contact {
		padding: 15px 0 0 0;
	}
}

/* webAbout */

/* webPolicy */

section#webPolicy .borderBottom {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
	margin: 0 0 15px 0;
	padding-bottom: 15px;
}

section#webPolicy .gdpr img {
	max-width: 100px;
	height: auto;
	margin: 0 10px 0 0;
	float: left;
}

section#webPolicy .gdpr {
	text-decoration: none;
	font-family: "Trebuchet MS";
    font-weight: 400;
    line-height: 1.2em;
    color: #000;
	font-size: 28px;
	float: none;
	display: inline-block;
}

section#webPolicy .gdpr span {
	float: left;
	margin: 5px 0 0 0;
}


@media screen and (max-width: 768px) { 
	section#webPolicy .gdpr {
		text-align: center;
	}
	section#webPolicy .gdpr img {
		margin: 0;
		float: none;
	}
	section#webPolicy .gdpr span {
		width: 100%;
	}
}

/* webPolicy */


/*** MAINPAGE ***/

/*** FOOTER ***/

footer {
	background: #2F3132;
	padding: 50px 0;
	text-align: center;
	border-top: #000 solid 5px;
	color: #fff;
}

footer ul {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align:  center;
	float: left;
}

footer ul li {
	text-align:left;
	vertical-align:top;
	list-style: none;
}

footer ul li a,
footer ul li a:hover  {
	float: left;
	margin: 25px 7px 5px 7px;
	font-family: "Trebuchet MS";
	font-size: 22px;
	color: #bfbfbf;
	line-height:100%;
	text-decoration: none;
	text-align: left;
	font-weight: 400;
	opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
footer ul li a:hover,
footer ul li a:visited,
footer ul li a:active,
footer ul li a:focus {
	font-weight: 400;
	opacity: 0.7;
	color: #bfbfbf !important;
	text-decoration: none !important;
}

/*footer ul li:nth-child(1) a {
	font-size: 32px;
}
footer ul li:nth-child(2) a {
	font-size: 32px;
}
footer ul li:nth-child(n+3) a {
	font-size: 24px;
    margin: 0 39px;
}*/

footer p {
	display: inline-block;
	float: left;
	font-family: "Trebuchet MS";
	font-size: 24px;
	color: #fff;
	line-height:100%;
	text-decoration: none;
	text-align: left;
	font-weight: 400;
	border-bottom: solid 1px #fff;
	padding: 0 0 7px 0;
}

footer h4 {
	font-family: "Trebuchet MS";
	font-size: 24px;
	color: #bfbfbf;
	line-height:100%;
	text-decoration: none;
	text-align: right;
	font-weight: 400;
	margin: 10px 0 0 0;
}
footer a.link,
footer a.link:hover  {
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #969798;
	line-height:100%;
	text-decoration: none;
	text-align: right;
	line-height: 1.2em;
	font-weight: 400;
	opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
footer a.link:hover,
footer a.link:visited,
footer a.link:active,
footer a.link:focus {
	font-weight: 400;
	opacity: 0.7;
	text-decoration: none !important;
	color: #969798 !important;
}
footer span  {
	margin: 0;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #969798;
	line-height:100%;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	font-weight: 400;
	line-height: 1.2em;
}

footer .col-md-12 {
	margin: 10px 0 0 0;
}
footer .col-md-12 span {
	margin: 20px 0 0 0;
	width: 100%;
	display: block;
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
	footer ul li a,
	footer ul li a:hover {
		font-size: 18px;
		margin: 25px 6px 5px 6px;
	}
/*	footer ul li:nth-child(1) a {
		font-size: 26px;
		width: 45%;
		float: left;
	}
	footer ul li:nth-child(2) a {
		font-size: 26px;
		width: 46%;
		float: left;
	}
	footer ul li:nth-child(n+3) a {
		font-size: 19px;
		margin: 0 34px;
	}*/
}

@media only screen and (max-width: 991px) {
	footer h4,
	footer a.link,
	footer a.link:hover,
	footer a.link:visited,
	footer a.active {
		text-align: center;
	}
	footer .col-md-6,
	footer .col-md-12 {
		float: left;
		width: 100%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	footer h4{
		float: left;
		text-align: center;
		width: 100%;
	}
	footer ul li a,
	footer ul li a:hover {
		font-size: 22px !important;
		margin: 5px 4px 25px 4px;
	}
/*	footer ul li:nth-child(1) a {
		width: 45.5%;
		display: inline-block;
		text-align: right;
	}
	footer ul li:nth-child(2) a  {
		width: 45.5%;
		display: inline-block;
		text-align: left;
	}
	footer ul li:nth-child(3) a  {
		width: 33%;
		font-size: 23px !important;
		text-align: right;
	}
	footer ul li:nth-child(4) a  {
		width: 33%;
		font-size: 23px !important;
		text-align: center;
	}
	footer ul li:nth-child(5) a  {
		width: 33%;
		font-size: 23px !important;
		text-align: left;
	}
	footer ul li:nth-child(n+3) a {
		margin: 0;
	}*/
	/*footer ul li:nth-child(n+3) a {
		font-size: 20px;
		width: 17%;
		font-size: 23px !important;
		text-align: center;
	}*/
	footer .col-md-12 span {
		margin: 10px 0 0 0;
	}
}

@media only screen and (max-width: 767px) {
	footer {
		padding: 25px 0;
	}
	footer ul li a,
	footer ul li a:hover {
		float: none !important;
		font-size: 22px !important;
	}
	footer ul {
		margin: 0 0 25px 0;
	}
	footer ul li {
		width: 100%;
		text-align: center;
		margin: 5px 0;
	}
	footer h4 {
		margin: 0px 0 0 0;
		float: left;
		text-align: center;
		width: 100%;
	}
	footer .col-md-12 span {
		margin: 10px 0 0 0;
	}
}

/*** FOOTER ***/


/*******************
Scrollup
********************/
.scrollup,
.scrollup:active,
.scrollup:visited {
    opacity: 1;
    position:fixed;
    bottom: 0;
	right: 0;
    display:none;
	color: #fff !important;
	z-index:100001;
	border-style: none;
	border: 0;
	outline:none;
	/*-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
	transition: all 0.3s;*/
	/*background: #4385B7;*/
	background: #2F3132;
    height: auto;
    line-height: normal;
    padding: 1px 8px 0px 8px;
}
.scrollup:hover {
	/*color: #4385B7;*/
	color: #2F3132 !important;
	background: #fff;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
	transition: all 0.3s;
}
/*******************
Scrollup
********************/

.cc-btn {
	opacity: 0.85;
}

.cc-btn:hover {
	text-decoration: none;
	opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.cc-banner .cc-message {
	flex: 0.95 1 auto !important;
}