@font-face{

	font-family: 'TitilliumWeb-Bold';

	src: url('../fonts/TitilliumWeb-Bold.ttf');

}



@font-face{

	font-family: 'TitilliumWeb-Light';

	src: url('../fonts/TitilliumWeb-Light.ttf');

}



@font-face{

	font-family: 'TitilliumWeb-Regular';

	src: url('../fonts/TitilliumWeb-Regular.ttf');

}



@font-face{

	font-family: 'TitilliumWeb-SemiBold';

	src: url('../fonts/TitilliumWeb-SemiBold.ttf');

}



@font-face{

	font-family: 'HelveticaNeue';

	src: url('../fonts/HelveticaNeue.ttf');

}



@import url('https://fonts.googleapis.com/css?family=proxima_nova_regular-webfont:400,700');



/*@font-face {

	font-family: 'proxima_nova_regular-webfont';

	src: url('../fonts/proxima_nova_regular-webfont.eot');

	src: local('proxima_nova_regular-webfont'), url('../fonts/proxima_nova_regular-webfont.woff') format('woff'), url('../fonts/proxima_nova_regular-webfont.ttf') format('truetype');

}*/



@font-face {

	font-family: 'proximanova-thin-webfont';

	src: url('../fonts/proximanova-thin-webfont.woff');	

}



@font-face {

	font-family: 'proxima_nova_regular-webfont';

	src: url('../fonts/proxima_nova_regular-webfont.woff');	

}



/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_12950">Text with this font applied</p> */

.fontsforweb_fontid_12950 {

	font-family: 'proxima_nova_regular-webfont' !important;

}



/* Font downloaded from FontsForWeb.com */



/***MENU ICON TRANSITION ***/

/*** mobile menu animation ***/

.navbar-toggle {

	border: none;

	background: transparent !important;

}

.navbar-toggle:hover {

	background: transparent !important;

}

.navbar-toggle .icon-bar {

	width: 22px;

	transition: all 0.2s;

}

.navbar-toggle .top-bar {

	transform: rotate(45deg);

	transform-origin: 10% 10%;

}

.navbar-toggle .middle-bar {

	opacity: 0;

}

.navbar-toggle .bottom-bar {

	transform: rotate(-45deg);

	transform-origin: 10% 90%;

}

.navbar-toggle.collapsed .top-bar {

	transform: rotate(0);

}

.navbar-toggle.collapsed .middle-bar {

	opacity: 1;

}

.navbar-toggle.collapsed .bottom-bar {

	transform: rotate(0);

}



nav.navbar-inverse{

	margin-bottom: 0;

	background: black;

	/*padding-top: 40px;*/

}



nav.navbar-inverse .nav.navbar-nav li>a{

	/*font-family: 'TitilliumWeb-Regular';*/

	font-family: 'proxima_nova_regular-webfont';

	/*font-family: 'montserrat';*/

	font-size: 19px;

}



nav.navbar-inverse li>a{

	padding: 0px;

	margin: 15px;	

	margin: 17px 15px 15px 15px;

}



.navbar-inverse .navbar-nav>li>a{

	color: white;

}



nav.navbar-inverse .navbar-collapse .navbar-underline li>a:after{

	content:'';

	display:block;

	margin-left: 50%;

	height:1px;

	width:0;

	background:#fff;

	transition:margin-left .5s ease,width .5s ease,background-color .5s ease;

	position:absolute;

	bottom:-6px;

	bottom: -3px;

}



nav.navbar-inverse .navbar-collapse .navbar-underline li:hover>a:after{

	content:'';

	display:block;

	margin-left: 0%;

	height:1px;

	width:100%;

	background:#fff;

	transition: margin-left .5s ease,width .5s ease,background-color .5s ease;

	position:absolute;

	bottom:-6px;

	bottom: -3px;

}



nav.navbar-inverse .navbar-collapse .navbar-underline li.active>a:after{

	content:'';

	display:block;

	margin-left: 0%;

	height:1px;

	width:100%;

	background:#fff;

	transition:margin .5s ease,width .5s ease,background-color .5s ease;

	position:absolute;

	bottom:-6px;

	bottom: -3px;

}



#intro{

	/*//background:  url('../images/map.jpg') right center;*/

	background-repeat: no-repeat;

	background-size: cover;

	padding-top: 65px;

}



#services-section{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#02cee9+0,016f88+84 */

	background: #02cee9; /* Old browsers */

	background: #EF6359;

	/*

	background: -moz-linear-gradient(top, #02cee9 0%, #016f88 84%); /* FF3.6-15 *

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02cee9), color-stop(84%,#016f88)); /* Chrome4-9,Safari4-5 *

	background: -webkit-linear-gradient(top, #02cee9 0%,#016f88 84%); /* Chrome10-25,Safari5.1-6 

	background: -o-linear-gradient(top, #02cee9 0%,#016f88 84%); /* Opera 11.10-11.50 *

	background: -ms-linear-gradient(top, #02cee9 0%,#016f88 84%); /* IE10 preview *

	background: linear-gradient(to bottom, #02cee9 0%,#016f88 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02cee9', endColorstr='#016f88',GradientType=0 ); /* IE6-9 */

	color: white;

}



#portolio-section{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,b0b6b7+100 */

	background: #fefefe; /* Old browsers */

	background: #69ABF8;/*

	background: -moz-linear-gradient(top, #fefefe 0%, #b0b6b7 100%); /* FF3.6-15 *

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#b0b6b7)); /* Chrome4-9,Safari4-5 *

	background: -webkit-linear-gradient(top, #fefefe 0%,#b0b6b7 100%); /* Chrome10-25,Safari5.1-6 *

	background: -o-linear-gradient(top, #fefefe 0%,#b0b6b7 100%); /* Opera 11.10-11.50 *

	background: -ms-linear-gradient(top, #fefefe 0%,#b0b6b7 100%); /* IE10 preview *

	background: linear-gradient(to bottom, #fefefe 0%,#b0b6b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#b0b6b7',GradientType=0 ); /* IE6-9 */

}



#hosting-section{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2c983+0,f38f91+100,fefefe+100 */

	background: #f2c983; /* Old browsers */

	background:  #FED008;



	/*

	background: -moz-linear-gradient(top, #f2c983 0%, #f38f91 100%, #fefefe 100%); /* FF3.6-15 *

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2c983), color-stop(100%,#f38f91), color-stop(100%,#fefefe)); /* Chrome4-9,Safari4-5 *

	background: -webkit-linear-gradient(top, #f2c983 0%,#f38f91 100%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 *

	background: -o-linear-gradient(top, #f2c983 0%,#f38f91 100%,#fefefe 100%); /* Opera 11.10-11.50 *

	background: -ms-linear-gradient(top, #f2c983 0%,#f38f91 100%,#fefefe 100%); /* IE10 preview *

	background: linear-gradient(to bottom, #f2c983 0%,#f38f91 100%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c983', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

}



#company-section{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#229794+0,023359+100,fefefe+100 */

	background: #229794; /* Old browsers */

background: #73D5B8;

	/*

	background: -moz-linear-gradient(top, #229794 0%, #023359 100%, #fefefe 100%); /* FF3.6-15 *

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#229794), color-stop(100%,#023359), color-stop(100%,#fefefe)); /* Chrome4-9,Safari4-5 *

	background: -webkit-linear-gradient(top, #229794 0%,#023359 100%,#fefefe 100%);  Chrome10-25,Safari5.1-6 

	background: -o-linear-gradient(top, #229794 0%,#023359 100%,#fefefe 100%); /* Opera 11.10-11.50 *

	background: -ms-linear-gradient(top, #229794 0%,#023359 100%,#fefefe 100%); /* IE10 preview *

	background: linear-gradient(to bottom, #229794 0%,#023359 100%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#229794', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

}



#contact-section{

	background: white;

	padding-top: 0;



}



#contact-section h2, #contact-section label{

	color: black;

}



/*.fp-tableCell{

	vertical-align: middle;

	padding-top: 60px;

	text-align: center;

}



/*.fp-section{

	vertical-align: middle;



	}*/



	.section{

		padding: 0;

		padding-top: 100px;

	}



	.section h1{
		margin-bottom: 20px;

	}



	h1{

		font-size: 34px;

		font-size: 50px;

		font-family: 'TitilliumWeb-Bold';

		font-family: 'proxima_nova_regular-webfont';

		font-family: 'proximanova-thin-webfont';

		/*font-family: 'montserrat';*/

		text-transform: capitalize;

	}



	h2{

		font-size: 22px;

		font-family: 'TitilliumWeb-Bold';

		font-family: 'proxima_nova_regular-webfont';	

		text-transform: uppercase;

		text-align: center;

	}



	.section p{

		font-size: 15px;

		font-family: 'TitilliumWeb-Light';

		font-family: 'proxima_nova_regular-webfont';

		/*font-family: 'proximanova-thin-webfont';*/

	}





	#services-block p[align="center"]{

		font-family: 'TitilliumWeb-Regular';

		font-family: 'proxima_nova_regular-webfont';

		font-family: 'proxima_nova_regular-webfont';

	}



	#services-block{

		margin-top: 60px;

	}



	#services-block .col-sm-4{

		text-align: center;	

	}



	#hosting-section h1{

		color: #6f4503;

		margin-bottom: 60px;

		/*margin-top: 100px;*/

		text-transform: capitalize;

	}



	#hosting-section .hosting-block h2{

		font-size: 26px;

	}



	#hosting-section .hosting-block .price{

		height: 60px;

		border-bottom: 1px solid #007273;	

	}



	#hosting-section .hosting-block.featured .price{

		border-bottom: 1px solid #ffffff;	

	}



	.col-xs-15,

	.col-sm-15,

	.col-md-15,

	.col-lg-15 {

		position: relative;

		min-height: 1px;

		padding-right: 2px;

		padding-left: 2px;

	}



	.col-xs-15 {

		width: 20%;

		float: left;

	}







	.hosting-block{

		padding-top: 72px;



		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#840261+14,dc6767+100 */

		background: #840261; /* Old browsers */

		background: -moz-linear-gradient(top,  #840261 14%, #dc6767 100%); /* FF3.6-15 */

		background: -webkit-linear-gradient(top,  #840261 14%,#dc6767 100%); /* Chrome10-25,Safari5.1-6 */

		background: linear-gradient(to bottom,  #840261 14%,#dc6767 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#840261', endColorstr='#dc6767',GradientType=0 ); /* IE6-9 */

		text-align: center;

		color: white;

		padding-left: 3px;

		padding-right: 3px;

		padding-bottom: 72px;

	}



	.hosting-block.featured{

		padding-left: 10px;

		padding-right: 10px;

		top: -8px;

		padding-top: 75px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dc6767+0,840261+86 */

		background: #dc6767; /* Old browsers */

		background: -moz-linear-gradient(top,  #dc6767 0%, #840261 86%); /* FF3.6-15 */

		background: -webkit-linear-gradient(top,  #dc6767 0%,#840261 86%); /* Chrome10-25,Safari5.1-6 */

		background: linear-gradient(to bottom,  #dc6767 0%,#840261 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc6767', endColorstr='#840261',GradientType=0 ); /* IE6-9 */

		width: 238px;

		z-index: 1049;

		position: absolute;

		left: -2px;

		padding-bottom: 100px;

	}



	.btn-get-more, .btn-get-more:hover, .btn-get-more:focus{

		background: #840261;

		border: none;

		color: white;

	}



	.hosting-block.featured .btn-get-more, .btn-get-more:hover, .btn-get-more:focus{

		background: #be819f;

		color: #491d3d;

	}



	.hosting-block > h2{

		height: 60px;

	}



	#company-section{

		color: white;

	}





	#company-section h1{

		margin-bottom: 60px;

	}



	#company-section p{

		margin-bottom: 30px;

	}



	#contact-section{

		padding-top: 58px;

	}



	#contact-section h2{

		font-size: 18px;

		font-family: 'TitilliumWeb-Bold';

		font-family: 'proxima_nova_regular-webfont';

		text-align: left;

	}



	#contact-section p{

		font-size: 15px;

	}



	#contact-section label{

		font-family: 'TitilliumWeb-Regular';

		font-family: 'proxima_nova_regular-webfont';

		font-size: 14px;

		font-weight: normal;

	}



	#contact-section input, #contact-section textarea{

		/*margin-top: 10px;*/

	/*background: #e0e3e3;

	border: none;*/

}



.btn-send, .btn-send,.wpcf7-submit:hover{

	background: #e6eaeb;	

	border-radius: 6px;

	font-size: 16px;		

}





.wpcf7-text{





	background-color: #fff;

	background-image: none;

	border: 1px solid #ccc;

	border: 1px solid #EF6359;

	border-radius: 0px;

	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

	color: #555;

	display: block;

	font-size: 14px;

	height: 34px;

	line-height: 1.42857;

	padding: 6px 12px;

	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

	width: 100%;

	border-radius: 6px;



}





.wpcf7-textarea{





	background-color: #fff;

	background-image: none;

	border: 1px solid #EF6359;

	border-radius: 0px;

	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/

	color: #555;

	display: block;

	font-size: 14px;

	height: 80px;

	line-height: 1.42857;

	padding: 6px 12px;

	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

	width: 100%;

	border-radius: 6px;



}



.wpcf7-textarea:focus{

	outline: none

	box-shadow: none;

	-webkit-box-shadow: none;

}



.wpcf7-submit {

	background: #e6eaeb;	

	border-radius: 0;

	font-size: 16px;

	color: black;

	

	display: inline-block;

	font-size: 14px;

	font-weight: 400;

	line-height: 1.42857;

	margin-bottom: 0;

	padding: 6px 24px;

	text-align: center;

	vertical-align: middle;

	white-space: nowrap;	

	border-radius: 6px;

}





#scrollbar{



  /* // height:150px;

    //overflow-y:scroll;

    //  overflow-x: hidden;*/

    

    

}



/*#scrollbar::-webkit-scrollbar-thumb{

background-color:#B03C3F;

border-radius:10px;

}

#scrollbar::-webkit-scrollbar-thumb:hover{

background-color:#BF4649;

border:1px solid #333333;

}

#scrollbar::-webkit-scrollbar-thumb:active{

background-color:#A6393D;

border:1px solid #333333;
} 	



 #scrollbar::-webkit-scrollbar-track{

border:1px gray solid;

border-radius:10px;

-webkit-box-shadow:0 0 6px gray inset;

}    */





#start-project-modal .modal-dialog{

	width: 100%;

	height: 100%;

	margin: 0;



}



#start-project-modal .modal-dialog .modal-content{

	min-height: 100%;

	height: auto;

	border-radius: 0;

	border: none;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#88bfe8+16,d3d7f6+99 */

	/*background: #88bfe8; /* Old browsers *

	background: -moz-linear-gradient(top,  #88bfe8 16%, #d3d7f6 99%); /* FF3.6-15 *

	background: -webkit-linear-gradient(top,  #88bfe8 16%,#d3d7f6 99%); /* Chrome10-25,Safari5.1-6 *

	background: linear-gradient(to bottom,  #88bfe8 16%,#d3d7f6 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#d3d7f6',GradientType=0 ); /* IE6-9 */

	background: white;

	font-family: 'TitilliumWeb-SemiBold';

	font-family: 'proxima_nova_regular-webfont';



	font-size: 18px;

	font-size: 15px;

	/*text-transform: uppercase;*/

}



#start-project-modal .modal-dialog .modal-content .checkbox{

	width: auto;

	float: left;

	margin-top: 7px;

}



#start-project-modal .modal-dialog .modal-header{

	border-bottom: none;

}



#start-project-modal .modal-dialog .modal-content input[type="text"], #start-project-modal .modal-dialog .modal-content textarea, #start-project-modal .modal-dialog .modal-content input[type="email"]{

	/*background: #e0f9f9;*/

	/*border: 1px solid #c7c7c7;*/

	border-radius: 0;

	margin-bottom: 20px;

	border: 1px solid #EF6359;

	border-radius: 6px;

}



.heading{

	font-size: 25px;

	font-size: 20px;

	/*margin-top: 20px;*/

}



#start-project-modal .modal-dialog .modal-content .checkbox+.checkbox{

	margin-top: 7px;

	margin-left: 40px;

}





#hosting-section .table-striped{

	color: #840261;

	/*font-size: 18px;*/

	font-size: 15px;

	/*text-transform: uppercase;	*/

	font-family: 'TitilliumWeb-Regular';

	font-family: 'proxima_nova_regular-webfont';

}



#hosting-section .table>tbody>tr>td, #hosting-section .table>tbody>tr>th, #hosting-section .table>tfoot>tr>td, #hosting-section .table>tfoot>tr>th, #hosting-section .table>thead>tr>td, #hosting-section .table>thead>tr>th{

	border: none;

	/*padding-top: 15px;

	padding-bottom: 15px;*/

	padding-top: 10px;

	padding-bottom: 10px;

}

#hosting-section .table>tbody>tr>td:nth-child(1){

	/*padding-left: 88px;*/

	padding-left: 40px;

}



#hosting-section .table>tbody>tr>td:nth-child(2){

	background: #840261;	

	color: 	#eb8083;

	text-align: center;

	margin-right: 22px;

}



#hosting-section .table>tbody>tr>td:nth-child(3){

	background: #840261;	

	color: 	#eb8083;

	text-align: center;

	margin-right: 22px;

}



#hosting-section .table>tbody>tr>td:nth-child(4){

	background: #840261;	

	color: 	#eb8083;

	text-align: center;

}



#hosting-section .table-striped>tbody>tr:nth-of-type(odd){

	/*background: #ef9e88;*/

	background: rgba(217,100,103,0.1);

}



#hosting-section .table-striped>tbody>tr:nth-child(1){

	background: transparent;

}



#hosting-section .table-striped>tbody>tr:nth-of-type(odd)>td:nth-child(2), #hosting-section .table-striped>tbody>tr:nth-of-type(odd)>td:nth-child(3),#hosting-section .table-striped>tbody>tr:nth-of-type(odd)>td:nth-child(4){

	background: #8d0c62;

}



#hosting-section .table>tbody>tr:nth-child(2)>td:nth-child(2){

	background: #840261;

}



#hosting-section .container{

	/*background: rgba(243,145,145,0.3);*/

}



#hosting-section .table-striped>tbody>tr:nth-child(1)>td:first-child(1){

	background: transparent;

	vertical-align: middle;

}



.headings{

	font-size: 25px;

	font-family: 'TitilliumWeb-Bold';

	font-family: 'proxima_nova_regular-webfont';

}



#hosting-section .table-striped>tbody>tr:nth-child(1) td:nth-child(1){

	text-align: center;

	vertical-align: middle;

	padding-left: 15px;

}



#hosting-section .table-striped>tbody>tr:nth-child(2) td:nth-child(1){

	background: #840261;

	padding-left: 8px;

	color: #eb8083;

	text-align: center;

}



#hosting-section{

	padding-top: 0;

}



#portfolio-section{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,b0b6b7+100 */

	background: #fefefe; /* Old browsers */

	background: #fff;

	/*

	background: -moz-linear-gradient(top,  #fefefe 0%, #b0b6b7 100%); /* FF3.6-15 *

	background: -webkit-linear-gradient(top,  #fefefe 0%,#b0b6b7 100%); /* Chrome10-25,Safari5.1-6 *

	background: linear-gradient(to bottom,  #fefefe 0%,#b0b6b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#b0b6b7',GradientType=0 ); /* IE6-9 */

	

}



#portfolio-section h1{

	color: #EF6359;

}



/*** for portfolio ***/

.portfolio button{

	background: white;

	border: 1px solid #EF6359;

	color: #EF6359;

	margin-right: 4px;

	font-family: 'TitilliumWeb-Regular';	

	font-family: 'proxima_nova_regular-webfont';

	font-size: 17px;

	transition: background ease 250ms;

}

.portfolio button:hover, .portfolio button:focus{

	border-color: #EF6359;

	background:#EF6359;

	color: white;

}



.portfolio button.active{

	color: white;

	background:#EF6359;

	border-color:#EF6359;

}



/*.portfolio button[data-sort-by="original-order"]*/



.portfolio-item .item{

	border: 2px solid transparent;

}



/*** TRAPEZOID ***/

.trap180 {

	color: white;

	font: normal bold 13px Arial;

	float: left;

	line-height: 30px;

	height: 30px;

	padding: 0 4px;

	background: #fa1d26;

	position: relative;

}



.trap180 {

	float: right;

	margin: 20px 0 0 0;

}



.trap180:after {

	content: '';

	position: absolute;

	height: 0px;

	width: 40px;

	top: 0;

}



.trap180:after {

	left: -30px;

	border-top: 30px solid #fa1d26;

	border-left: 30px solid transparent;

	z-index: -10;

}



.social-media li a{

	padding-left: 5px;

	padding-right: 5px;

}



.social-media li:nth-child(2) a, .social-media li:nth-child(3) a{

	font-size: 20px;

}



.social-media li:nth-child(1) a:hover{	

	color: #3b5998;

}



.social-media li:nth-child(2) a:hover{	

	color: #55acee;

}



.social-media li:nth-child(3) a:hover{	

	color: #0077B5;

}



#services1{

	/*-webkit-transform: translate3d(-300px, 0px, 0px);

	-moz-transform: translate3d(-300px, 0px, 0px);

	-ms-transform:translate3d(-300px, 0px, 0px);

	transform: translate3d(-300px, 0px, 0px);*/

	opacity: 0;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

	transform: scale(0.5);

}



#services1.active{

	opacity: 1;

	transform: scale(1);

	/*-webkit-transform: translate3d(0px, 0px, 0px);

	-moz-transform: translate3d(0px, 0px, 0px);

	-ms-transform:translate3d(0px, 0px, 0px);

	transform: translate3d(0px, 0px, 0px);*/

}



#services2{

	transform: scale(0.75);

	/*-webkit-transform: translate3d(-600px, 0px, 0px);

	-moz-transform: translate3d(-600px, 0px, 0px);

	-ms-transform:translate3d(-600px, 0px, 0px);

	transform: translate3d(-600px, 0px, 0px);*/

	opacity: 0;

	-webkit-transition: all 0.75s ease-in-out;

	-moz-transition: all 0.75s ease-in-out;

	-o-transition: all 0.75s ease-in-out;

	transition: all 0.75s ease-in-out;

}



#services2.active{

	transform: scale(1);

	opacity: 1;

	/*-webkit-transform: translate3d(0px, 0px, 0px);

	-moz-transform: translate3d(0px, 0px, 0px);

	-ms-transform:translate3d(0px, 0px, 0px);

	transform: translate3d(0px, 0px, 0px);*/

}



#services3{

	transform: scale(0.75);

	/*-webkit-transform: translate3d(-900px, 0px, 0px);

	-moz-transform: translate3d(-900px, 0px, 0px);

	-ms-transform:translate3d(-900px, 0px, 0px);

	transform: translate3d(-900px, 0px, 0px);*/

	opacity: 0;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;	

}



#services3.active{

	transform: scale(1);

	/*-webkit-transform: translate3d(0px, 0px, 0px);

	-moz-transform: translate3d(0px, 0px, 0px);

	-ms-transform:translate3d(0px, 0px, 0px);

	transform: translate3d(0px, 0px, 0px);*/

	opacity: 1;

}



#trapezoid .text{

	font-family: 'proxima_nova_regular-webfont';

	font-size: 17px;

}


#trapezoid-wrapper{
	-webkit-transform: translate3d(0px, 0px, 0px);
}


#trapezoid{

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;



	-webkit-transform: translate3d(-300px, 0px, 0px);

	-moz-transform: translate3d(-300px, 0px, 0px);

	-ms-transform:translate3d(-300px, 0px, 0px);

	transform: translate3d(-300px, 0px, 0px);

	transform-style: preserve-3d;

	opacity: 0;

}



#trapezoid.active{

	-webkit-transform: translate3d(0px, 0px, 0px);

	-moz-transform: translate3d(0px, 0px, 0px);

	-ms-transform:translate3d(0px, 0px, 0px);

	transform: translate3d(0px, 0px, 0px);

transform-style: preserve-3d;

	opacity: 1;

}

#caption{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

	-webkit-transform: translate3d(-300px, 0px, 0px);
	-moz-transform: translate3d(-300px, 0px, 0px);
	-ms-transform:translate3d(-300px, 0px, 0px);
	transform: translate3d(-300px, 0px, 0px);
	opacity: 0;
}

#caption.active{
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform:translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	opacity: 1;
}



span.wpcf7-list-item{

	margin-left: 0.9em;

}



span.wpcf7-list-item.first{

	margin-left: 0;

}



.search{

	top: 70px;

}





.btn {

	border: none;

	font-family: inherit;

	font-size: inherit;

	color: inherit;

	background: none;

	cursor: pointer;

	padding: 25px 80px;

	display: inline-block;

	margin: 15px 30px;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 700;

	outline: none;

	position: relative;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



.btn:after {

	content: '';

	position: absolute;

	z-index: -1;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



/* Button 1 */

.btn-1 {

	border: 3px solid #fff;

	color: #fff;

}





/* Button 1c */

.btn-1c:after {

	width: 0%;

	height: 100%;

	top: 0;

	left: 0;

	background: #fff;

}



.btn-1c:hover,

.btn-1c:active {

	color: #0e83cd;

}



.btn-1c:hover:after,

.btn-1c:active:after {

	width: 100%;

}



#trapezoid{

	position: relative;

	display: inline-block;

 /* padding: 1em;

 margin: 2em;  */

/*  width: 500px;

height: 150px;*/

width: 380px;

/*height: 130px;*/

height: 100px;

text-align: center;

/*padding-top: 46px;*/

/*padding-top: 38px;*/

top: 41%;

position: absolute;

}

#caption{
top: 41%;
position: absolute;
}




#trapezoid::before {

	content: ''; /* To generate the box */

	position: absolute;

	top: 0; right: 0; bottom: 0; left: 0;

	z-index: 2;

	background: #fa1d26;

	transform: perspective(36px) rotateX(-1deg);

	-webkit-transform: perspective(36px) rotateX(-1deg);

	-ms-transform: perspective(36px) rotateX(-1deg);

	-moz-transform: perspective(36px) rotateX(-1deg);

	-o-transform: perspective(36px) rotateX(-1deg);  

transform-style: flat;.

}

#trapezoid::after{

	width: 380px;

	/*height: 130px;*/

	height: 100px;

	content: ''; /* To generate the box */

	position: absolute;

	top: 7px; left: 7px;

	z-index: 1;

	background: #a8a8a7;

	transform: perspective(36px) rotateX(-1deg);

	-webkit-transform: perspective(36px) rotateX(-1deg);

	-ms-transform: perspective(36px) rotateX(-1deg);

	-moz-transform: perspective(36px) rotateX(-1deg);

	-o-transform: perspective(36px) rotateX(-1deg);  

transform-style: flat;.

}



#trapezoid .text-wrapper{

	position: absolute;

	z-index: 4;

	color: white;

	width: 100%;

	height: 100%;

	text-align: center;

	display: table;

	transform-style: flat;.

}



#trapezoid .text-wrapper .text{

	display: table-cell;

	vertical-align: middle;

	text-align: center;

}



nav.navbar-inverse .nav.navbar-nav li>a{

		font-size: 15px;	

	}



@media (max-width: 767px) {

	#services-section h2{

		margin-top: 10px;

	}

	.navbar-nav{

		text-align: center;

	}

	.social-media li{

		display: inline-block;

	}

	nav.navbar-inverse .social-media li>a{

		margin-top: 0;

		margin-bottom: 0;

	}

	.navbar-underline{

		width: 120px;

		margin: 0 auto;

	}

	#start-project-modal .modal-dialog .modal-content{

		/*height: auto;*/

	}

	#hosting-section .table>tbody>tr>td:nth-child(1){

		padding-left: 15px;

	}

	.table-responsive{

		border: none;

	}

	#trapezoid::after, #trapezoid{

		width: 275px;

	}

	h1{

		font-size: 20px;



	}



	h2{

		font-size: 16px;



	}



	.section p{

		font-size: 13px;	

	}

	#hosting-section .table-striped{

		font-size: 13px;

	}

	.headings{

		font-size: 16px;

	}

	.section .container-wrapper .container{		

		display: inherit;

		vertical-align: inherit;

	}

	#contact-section label{

		font-siz: 13px;		

	}

	#contact-section h2{

		font-size: 16px;

	}

	.portfolio button{

		font-size: 13px;

	}

	#services-section{

		padding-top: 0;

	}

	#services-block img{

		width: 50% !important;

		height: auto !important;

	}

	#services-block{

		margin-top: 0;

	}

	.section{

		padding-top: 0px;

	}

}



@media (min-width: 768px) {

	#start-project-modal .modal-dialog .modal-content{

		/*height: 100%;*/

	}



	.section{

		width: 100%;

		display: table;

		padding-top: 51px;

	}



	.section#contact-section{

		display: inherit;

		width: auto;

		height: auto;

		vertical-align: inherit;

	}



	.section .container-wrapper{

		/*width: 90%;*/

		height: 100%;

		display: table;		

		margin: 0 auto;

	}



	.section .container-wrapper .container{

		/*width: 100%;*/

		height: 100%;

		display: table-cell;

		vertical-align: middle;

	}



	.section .container-wrapper .container .portfolio .container{

		width: auto;

		height: auto;

		display: block;

		vertical-align: inherit;

	}





/*.slimScrollDiv{

	display: table-cell;

	vertical-align: middle;

	width: 100%;

	}*/

	.col-sm-15 {

		width: 20%;

		float: left;

	}

}

@media (min-width: 992px) {

	.col-md-15 {

		width: 20%;

		float: left;

	}

	nav.navbar-inverse .social-media{

		margin-left: 60px;

	}

}

@media (min-width: 1200px) {

	.col-lg-15 {

		width: 20%;

		float: left;

	}

}



@media (min-width: 992px) and (max-width: 1199px){

	nav.navbar-inverse .nav.navbar-nav li>a{

		font-size: 15px;

	}

}



@media (min-width: 768px) and (max-width: 991px){

	nav.navbar-inverse .nav.navbar-nav li>a{

		font-size: 13px;

		margin: 15px 8px;

		font-family: 'proxima_nova_regular-webfont';

	}

	#menu .container{

		width: 95%;

	}	

	nav.navbar-inverse .social-media li a{

		margin: 15px 5px;

	}



	nav.navbar-inverse .social-media{

		margin-left: 0;

	}

}

.ios-checkbox{

	position: relative;

	display: block;

	/*margin-right: 20px;*/

	margin-bottom: 5px;

}



.ios-checkbox .wrapper{

	display: inline-block;

}



.ios-checkbox .label-text{

	display: inline-block;

	font-weight: normal;

	margin-left: 5px;

}



.mb5{

	margin-bottom: 5px;

}



/*** floating ***/

.floating{

	animation-name: floating;

	-webkit-animation-name: floating;



	animation-duration: 1.5s;	

	-webkit-animation-duration: 1.5s;



	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

}



@keyframes floating {

	0% {

		transform: translateY(0%);	

	}

	50% {

		transform: translateY(8%);	

	}	

	100% {

		transform: translateY(0%);

	}			

}



@-webkit-keyframes floating {

	0% {

		-webkit-transform: translateY(0%);	

	}

	50% {

		-webkit-transform: translateY(8%);	

	}	

	100% {

		-webkit-transform: translateY(0%);

	}			

}



@-moz-keyframes floating {

	0% {

		-webkit-transform: translateY(0%);	

	}

	50% {

		-webkit-transform: translateY(8%);	

	}	

	100% {

		-webkit-transform: translateY(0%);

	}			

}



#contact-section input[type="submit"], #start-project-modal input[type="submit"]{

	font-family: 'proxima_nova_regular-webfont';

	border: 1px solid #EF6359;

	color: #EF6359;

	background: transparent;

	font-size: 15px;

	text-transform: uppercase;

	transition: all ease 250ms;

	border-radius: 6px;

}



#start-project-modal input[type="submit"]{

	padding: 10px 15px;

}



#contact-section input[type="submit"]:hover, #start-project-modal input[type="submit"]:hover{

	background:#EF6359;

	color: white;

	font-size: 15px;

	text-transform: uppercase;

}



#start-project-modal .modal-dialog .modal-content .panel-title a:hover, #start-project-modal .modal-dialog .modal-content .panel-title a:focus{

	text-decoration: none;

}



#start-project-modal a h4{

	margin-bottom: 0;

	color: #333 !important;

	font-size: 15px !important;

padding-bottom: 10px;

}



#start-project-modal a:hover, #start-project-modal a:focus{

	color: black !important;

	text-decoration: none;

}




#start-project-modal .modal-dialog .modal-content .panel-heading{

	border-bottom: 1px solid #ddd;

	border-bottom: 1px solid #EF6359;

/*	margin-bottom: 10px;*/

}

#start-project-modal .modal-dialog .modal-content .panel-body{
	padding-top: 10px;
}

#accordion{

	margin-bottom: 30px;

}



#start-project-modal .modal-dialog .modal-content #accordion textarea{

	resize: vertical;

}



#start-project-modal a h4 i{

	color: #EF6359 !important;

}




#start-project-modal a:hover h4 i{
	/*color: #000;*/

	color: #E7413C !important;

}



#start-project-modal h4 a i:hover{

	color: #E7413C;

}



.navbar-brand{

	padding-left: 15px;

	padding-top: 18px;

	padding-bottom: 0;

	padding-right: 0;	

}



.close-modal{

	cursor: pointer;

	padding-right: 15px;

}



.close-modal .lr{

	z-index: 1051;

	width: 1px;

	height: 35px;

	margin-left: 35px;

	background-color: #2c3e50;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}



.close-modal .lr .rl {

	z-index: 1052;

	width: 1px;

	height: 35px;

	background-color: #2c3e50;

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	transform: rotate(90deg);

}



.hosting-row{

	font-family: 'proxima_nova_regular-webfont';

	/*border: 1px solid #324D5C;*/

	border: 1px solid #DE5B49;



}



.hosting-row .col-xs-6 table tr td{

	color: #840261;

	padding: 10px 8px;

}



.hosting-row .col-xs-6, .hosting-row .col-xs-2{

	padding-left: 0;

	padding-right: 0;

	font-size: 15px;

}



.hosting-row .col-xs-2 table tr td{

	text-align: center;

	padding: 10px 8px;

}



.hosting-row .col-xs-2 table tr:nth-child(odd) td{

	background: #8d0c62;

	background: #E37B40;	

	color: #eb8083;

}



.hosting-row .col-xs-2 table tr:nth-child(even) td{

	background: #840261;

	background:	#DE5B49;

	color: #eb8083;

}



.hosting-row .col-xs-2 table.featured tr:nth-child(odd) td{

	background: #324D5C;

	background: #46B29D;

}



.hosting-row .col-xs-2 table.featured tr:nth-child(even) td{

	background: #324D5C;

	background: #46B29D;

	background: #259e86;

}



.hosting-row .col-xs-2 table{

	width: 101%;

	/*border: 1px solid #8D0C62;*/

}



.hosting-row .col-xs-6 table tr td{

	padding-left: 60px;	

}



.hosting-row .col-xs-6 table tr:nth-child(even) td{

	background: rgba(217,100,103,0.1);

}



.featured{

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);	

	top: -15px;

	width: 238px;

	z-index: 1049;

	position: absolute;

	left: -0px;

}



.hosting-row .col-xs-2 table.featured{

	width: 110%;

}



a{

	outline: none !important;

}



#contact-section label{

	margin-top: 10px;

}

#contact-section span.wpcf7-list-item label{

	margin-top: 0;

	margin-bottom: 0;

}



#contact-section input[type="submit"]{

	margin-top: 10px;

}



div.wpcf7-response-output{

	margin: 1em 0;

	padding-top: 10px;

	padding-bottom: 10px;

}



div.wpcf7-validation-errors{

	border: 1px solid red;

	color: red;

	font-family: 'proxima_nova_regular-webfont';

	display: none;

}



span.wpcf7-not-valid-tip{

	font-family: 'proxima_nova_regular-webfont';

	font-size: 12px;

}



/*** Animations on the map ***/

.circle{

	width: 16px;

	height: 16px;

	background: white;

	border-radius: 16px;

	position: absolute;

}



.circle#one{

	top: 20%;

	left: 10%;

	-moz-animation: circle-one-animation 3s linear infinite;

	-moz-animation-iteration-count: infinite;

	-webkit-animation: circle-one-animation 3s linear infinite;

	-webkit-animation-iteration-count: infinite;

}



.circle#two{

	top: 20%;

	left: 12%;

	-moz-animation: circle-two-animation 3s linear infinite;

	-moz-animation-iteration-count: infinite;

	-webkit-animation: circle-two-animation 3s linear infinite;

	-webkit-animation-iteration-count: infinite;

}



.circle#three{

	top: 20%;

	left: 14%;

	-moz-animation: circle-three-animation 3s linear infinite;

	-moz-animation-iteration-count: infinite;

	-webkit-animation: circle-three-animation 3s linear infinite;

	-webkit-animation-iteration-count: infinite;

}



.circle#four{

	top: 20%;

	left: 16%;

	-moz-animation: circle-four-animation 3s linear infinite;

	-moz-animation-iteration-count: infinite;

	-webkit-animation: circle-four-animation 3s linear infinite;

	-webkit-animation-iteration-count: infinite;

}



.circle#five{

	top: 20%;

	left: 18%;

	-moz-animation: circle-five-animation 3s linear infinite;

	-moz-animation-iteration-count: infinite;

	-webkit-animation: circle-five-animation 3s linear infinite;

	-webkit-animation-iteration-count: infinite;

}



@-webkit-keyframes circle-one-animation{

	0% {



		background: #eee;	

	}



	20%{			



		background: #fff;	



	}

}



@-webkit-keyframes circle-two-animation {

	20% {



		background: #eee;	

	}



	40%{			



		background: #fff;	



	}

}



@-webkit-keyframes circle-three-animation {

	40% {



		background: #eee;	

	}



	60%{			



		background: #fff;	



	}

}



@-webkit-keyframes circle-four-animation {

	60% {



		background: #eee;	

	}



	80%{			



		background: #fff;



	}

}



@-webkit-keyframes circle-five-animation {

	80% {



		background: #eee;	

	}



	100%{			



		background: #fff;	



	}

}





@-moz-keyframes circle-one-animation{

	0% {



		background: #eee;	

	}



	20%{			



		background: #fff;	



	}

}



@-moz-keyframes circle-two-animation {

	20% {



		background: #eee;	

	}



	40%{			



		background: #fff;	



	}

}



@-moz-keyframes circle-three-animation {

	40% {



		background: #eee;	

	}



	60%{			



		background: #fff;	



	}

}



@-moz-keyframes circle-four-animation {

	60% {



		background: #eee;	

	}



	80%{			



		background: #fff;



	}

}



@-moz-keyframes circle-five-animation {

	80% {



		background: #eee;	

	}



	100%{			



		background: #fff;	



	}

}



.circle-container{

	position: absolute;

	top: 25%;

	left: 50%;	

	width: 100px;

	height: 100px;

}



.circle-container .circle{

	width: 10px;

	height: 10px;

	border-radius: 10px;

	top: 50%;

	left: 50%;

	margin-left: -50px;

	margin-top: -50px;

}



.circle-container .outline-circle{

	width: 10px;

	height: 10px;

	background: transparent;

	border-radius: 10px;

	border:1px solid white;

	-moz-animation: outline-circle-animation 2s linear infinite;

	-moz-animation-iteration-count: infinite;

	-webkit-animation: outline-circle-animation 2s linear infinite;

	-webkit-animation-iteration-count: infinite;

	top: 50%;

	left: 50%;

	margin-left: -50px;

	margin-top: -50px;

	position: absolute;

}



@-webkit-keyframes outline-circle-animation{

	0% {



		width: 10px;

		height: 10px;

		border-radius: 10px;

		opacity: 1;

	}



	100%{			



		width: 100px;

		height: 100px;

		border-radius: 100px;

		border: 3px solid white;

		margin-left: -96px;

		margin-top: -90px;

		opacity: 0;



	}

}



@-moz-keyframes outline-circle-animation{

	0% {



		width: 10px;

		height: 10px;

		border-radius: 10px;

		opacity: 1;

	}



	100%{			



		width: 100px;

		height: 100px;

		border-radius: 100px;

		border: 3px solid white;

		margin-left: -96px;

		margin-top: -90px;

		opacity: 0;



	}

}



.featured.bordered tr td{

	/*border-bottom: 1px solid transparent;*/

}



.hosting-row .col-xs-2 table.featured.bordered tr td{

	padding-top: 10px;

}



#start-project-modal input[type="checkbox"],

#start-project-modal input[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

}



/* CUSTOM CSS CHECKBOXES */

form p {

  margin-bottom: 10px;

  text-align: left;

}



form p:last-child {

  margin-bottom: 0;

}



/* Remove default checkbox */

#start-project-modal input[type="checkbox"]:not(:checked),

#start-project-modal input[type="checkbox"]:checked {

  position: absolute;

  left: -9999px;

  visibility: hidden;

}



#start-project-modal input[type="checkbox"] {

  /* checkbox aspect */

}



#start-project-modal input[type="checkbox"] + label {

  position: relative;

  padding-left: 30px;

  cursor: pointer;

  display: inline-block;  

  -webkit-user-select: none;

  /* webkit (safari, chrome) browsers */

  -moz-user-select: none;

  /* mozilla browsers */

  -khtml-user-select: none;

  /* webkit (konqueror) browsers */

  -ms-user-select: none;

  /* IE10+ */

  font-weight: normal;

}



#start-project-modal input[type="checkbox"] + label:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 18px;

  height: 18px;

  z-index: 0;

  border: 2px solid #5a5a5a;

  border-radius: 0px;

  margin-top: 2px;

  transition: .2s;

}



#start-project-modal input[type="checkbox"]:not(:checked):disabled + label:before {

  border: none;

  background-color: rgba(0, 0, 0, 0.26);

}



#start-project-modal input[type="checkbox"]:checked + label:before {

  top: -4px;

  left: -3px;

  width: 12px;

  height: 22px;

  border-top: 2px solid transparent;

  border-left: 2px solid transparent;

  border-right: 2px solid #ccc;

  border-bottom: 2px solid #ccc;

  -webkit-transform: rotate(40deg);

          transform: rotate(40deg);

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

  -webkit-transform-origin: 100% 100%;

          transform-origin: 100% 100%;

}



#start-project-modal input[type="checkbox"]:checked:disabled + label:before {

  border-right: 2px solid rgba(0, 0, 0, 0.26);

  border-bottom: 2px solid rgba(0, 0, 0, 0.26);

}



/* Indeterminate checkbox */

#start-project-modal input[type="checkbox"]:indeterminate + label:before {

  left: -10px;

  top: -11px;

  width: 10px;

  height: 22px;

  border-top: none;

  border-left: none;

  border-right: 2px solid #ccc;

  border-bottom: none;

  -webkit-transform: rotate(90deg);

          transform: rotate(90deg);

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

  -webkit-transform-origin: 100% 100%;

          transform-origin: 100% 100%;

}



#start-project-modal input[type="checkbox"]:indeterminate:disabled + label:before {

  border-right: 2px solid rgba(0, 0, 0, 0.26);

  background-color: transparent;

}



#start-project-modal input[type="checkbox"].filled-in + label:after {

  border-radius: 0px;

}



#start-project-modal input[type="checkbox"].filled-in + label:before,

#start-project-modal input[type="checkbox"].filled-in + label:after {

  content: '';

  left: 0;

  position: absolute;

  /* .1s delay is for check animation */

  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;

  z-index: 1;

}



#start-project-modal input[type="checkbox"].filled-in:not(:checked) + label:before {

  width: 0;

  height: 0;

  border: 3px solid transparent;

  left: 6px;

  top: 10px;

  -webkit-transform: rotateZ(37deg);

  transform: rotateZ(37deg);

  -webkit-transform-origin: 20% 40%;

  transform-origin: 100% 100%;

}



#start-project-modal input[type="checkbox"].filled-in:not(:checked) + label:after {

  height: 20px;

  width: 20px;

  background-color: transparent;

  border: 1px solid #EF6359;

  top: 0px;

  z-index: 0;

}



#start-project-modal input[type="checkbox"].filled-in:checked + label:before {

  top: 0;

  left: 1px;

  width: 8px;

  height: 13px;

  border-top: 2px solid transparent;

  border-left: 2px solid transparent;

  border-right: 2px solid #fff;

  border-bottom: 2px solid #fff;

  -webkit-transform: rotateZ(37deg);

  transform: rotateZ(37deg);

  -webkit-transform-origin: 100% 100%;

  transform-origin: 100% 100%;

}



#start-project-modal input[type="checkbox"].filled-in:checked + label:after {

  top: 0px;

  width: 20px;

  height: 20px;

  border: 2px solid #0067A8;

  border: 2px solid #EF6359;  

  background-color: #0067A8;

  background-color: #EF6359;  

  z-index: 0;

}



#start-project-modal input[type="checkbox"].filled-in:disabled:not(:checked) + label:before {

  background-color: transparent;

  border: 2px solid transparent;

}



#start-project-modal input[type="checkbox"].filled-in:disabled:not(:checked) + label:after {

  border-color: transparent;

  background-color: #0067A8;

}



#start-project-modal input[type="checkbox"].filled-in:disabled:checked + label:before {

  background-color: transparent;

}



#start-project-modal input[type="checkbox"].filled-in:disabled:checked + label:after {

  background-color: #0067A8;

  border-color: #0067A8;

}















/* Remove default checkbox */

#contact-section input[type="checkbox"]:not(:checked),

#contact-section input[type="checkbox"]:checked {

  position: absolute;

  left: -9999px;

  visibility: hidden;

}



#contact-section input[type="checkbox"] {

  /* checkbox aspect */

}



#contact-section input[type="checkbox"] + label {

  position: relative;

  padding-left: 30px;

  cursor: pointer;

  display: inline-block;  

  -webkit-user-select: none;

  /* webkit (safari, chrome) browsers */

  -moz-user-select: none;

  /* mozilla browsers */

  -khtml-user-select: none;

  /* webkit (konqueror) browsers */

  -ms-user-select: none;

  /* IE10+ */

  font-weight: normal;

}



#contact-section input[type="checkbox"] + label:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 18px;

  height: 18px;

  z-index: 0;

  border: 2px solid #5a5a5a;

  border-radius: 0px;

  margin-top: 2px;

  transition: .2s;

}



#contact-section input[type="checkbox"]:not(:checked):disabled + label:before {

  border: none;

  background-color: rgba(0, 0, 0, 0.26);

}



#contact-section input[type="checkbox"]:checked + label:before {

  top: -4px;

  left: -3px;

  width: 12px;

  height: 22px;

  border-top: 2px solid transparent;

  border-left: 2px solid transparent;

  border-right: 2px solid #ccc;

  border-bottom: 2px solid #ccc;

  -webkit-transform: rotate(40deg);

          transform: rotate(40deg);

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

  -webkit-transform-origin: 100% 100%;

          transform-origin: 100% 100%;

}



#contact-section input[type="checkbox"]:checked:disabled + label:before {

  border-right: 2px solid rgba(0, 0, 0, 0.26);

  border-bottom: 2px solid rgba(0, 0, 0, 0.26);

}



/* Indeterminate checkbox */

#contact-section input[type="checkbox"]:indeterminate + label:before {

  left: -10px;

  top: -11px;

  width: 10px;

  height: 22px;

  border-top: none;

  border-left: none;

  border-right: 2px solid #ccc;

  border-bottom: none;

  -webkit-transform: rotate(90deg);

          transform: rotate(90deg);

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

  -webkit-transform-origin: 100% 100%;

          transform-origin: 100% 100%;

}



#contact-section input[type="checkbox"]:indeterminate:disabled + label:before {

  border-right: 2px solid rgba(0, 0, 0, 0.26);

  background-color: transparent;

}



#contact-section input[type="checkbox"] + label:after {

  border-radius: 0px;

}



#contact-section input[type="checkbox"] + label:before,

#contact-section input[type="checkbox"] + label:after {

  content: '';

  left: 0;

  position: absolute;

  /* .1s delay is for check animation */

  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;

  z-index: 1;

}



#contact-section input[type="checkbox"]:not(:checked) + label:before {

  width: 0;

  height: 0;

  border: 3px solid transparent;

  left: 6px;

  top: 10px;

  -webkit-transform: rotateZ(37deg);

  transform: rotateZ(37deg);

  -webkit-transform-origin: 20% 40%;

  transform-origin: 100% 100%;

}



#contact-section input[type="checkbox"]:not(:checked) + label:after {

  height: 20px;

  width: 20px;

  background-color: transparent;

  border: 1px solid #EF6359;

  top: 0px;

  z-index: 0;

}



#contact-section input[type="checkbox"]:checked + label:before {

  top: 0;

  left: 1px;

  width: 8px;

  height: 13px;

  border-top: 2px solid transparent;

  border-left: 2px solid transparent;

  border-right: 2px solid #fff;

  border-bottom: 2px solid #fff;

  -webkit-transform: rotateZ(37deg);

  transform: rotateZ(37deg);

  -webkit-transform-origin: 100% 100%;

  transform-origin: 100% 100%;

}



#contact-section input[type="checkbox"]:checked + label:after {

  top: 0px;

  width: 20px;

  height: 20px;

  border: 2px solid #0067A8;

  border: 2px solid #EF6359;  

  background-color: #0067A8;

  background-color: #EF6359;  

  z-index: 0;

}



#contact-section input[type="checkbox"]:disabled:not(:checked) + label:before {

  background-color: transparent;

  border: 2px solid transparent;

}



#contact-section input[type="checkbox"]:disabled:not(:checked) + label:after {

  border-color: transparent;

  background-color: #0067A8;

}



#contact-section input[type="checkbox"]:disabled:checked + label:before {

  background-color: transparent;

}



#contact-section input[type="checkbox"]:disabled:checked + label:after {

  background-color: #0067A8;

  border-color: #0067A8;

}



#start-project-modal, #start-project-modal label{

	color: black;

}



#contact-section input[type="text"]:focus, #start-project-modal input[type="email"]:focus, #start-project-modal textarea:focus{

	box-shadow: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	outline: none;

	/*border-color: black;*/

}



#contact-section input[type="email"]:focus, #contact-section textarea:focus{

	outline: none;

}







#contact-section a, #contact-section a:hover, #contact-section a:focus{

	color: #EF6359;

	text-decoration: none;

	transition: color ease 250ms;

	font-size: 14px;

}



#contact-section a:hover{

	color: #E7413C;

}



#start-project-modal, #start-project-modal label{

	color: black;

}



#start-project-modal input[type="text"]:focus, #start-project-modal input[type="email"]:focus, #start-project-modal textarea:focus{

	box-shadow: none;

	-webkit-box-shadow: none;

	border-color: black;

	border: 1px solid #EF6359;

}



#hosting-section .col-xs-2 table tr td{

	color: #FED008;

}



.hosting-row .col-xs-6{

	width: 47%;

}



.hosting-row .col-xs-2{

	width: 17.666667%;

}



#company-section p{

	font-size: 17px;

	text-align: center;

}



.portfolio button{

	padding-top: 4px;

	padding-bottom: 2px;

}



#services-section img{

	width: 100%;

	max-width: 400px;

	height: auto;	

}



#services-section p{

	margin-bottom: 4px;

}



.portfolio{

	margin-bottom: 60px;

	height: auto;

}



a .start-project{

	color: white;

	text-decoration: none;

	background: #EF6359;

	padding: 8px 15px;

	transition: background ease 250ms;

}



a:hover .start-project{

	text-decoration: none;

	background: #E7413C;	

}



#intro a:hover, 

#intro a:focus{     text-decoration: none; }



/*@media (min-width: 768px) and (max-width: 800px){

	nav.navbar-inverse .nav.navbar-nav li>a{

		font-size: 12px;

	}

}*/



#services-section h2{

	text-transform: capitalize;

}

	#start-your-website{ font-size: 20px; font-weight: bold; text-align: center;padding-left: 0;padding-top: 6px;padding-bottom: 7px;}

@media (max-width: 767px){
#company-section p{
	font-size: 14px;
}
	#caption{
		max-width: 360px;
		width: 80%;
	}
.hosting-row .col-xs-6 table tr td{
padding-left: 6px;
padding-right: 6px;
font-size: 12px ;
}
.hosting-row .col-xs-2 table tr td{
font-size: 12px ;
padding-left: 0px;
padding-right: 0px;
}
	#start-your-website{ font-size: 12px; padding-top: 10px; padding-bottom: 10px;padding-left: 6px;padding-right: 6px;}
/*
.section, .slimScollDiv, .fp-scrollable{
	height: auto !important;
	min-height: 100% !important;
}*/


}

@media (min-width: 1200px){
	#services-block .col-sm-4:nth-child(2){
		width: 36.33%;
padding-right: 0;
	}

	#services-block .col-sm-4:nth-child(3){
		width: 30.33%;
padding-left: 0;
padding-right: 30px;
padding-right: 58px;
	}

	#services-section #services-block .col-sm-4:nth-child(2) img{
		max-width: 359px;	
	}

	#services-section #services-block .col-sm-4:nth-child(3) img{
		height: 360px;
		width: auto;
		padding-top: 31px;
	}



}