@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

/***********************************************/
/* Snippet_1 *
/***********************************************/

.interweb_snippet_1.row {
	margin-right: 0px;
  margin-left: 0px;
}

.interweb_snippet_1 .col-md-6 {
  padding: 0px !important;
	margin: 0px !important;
}

.interweb_snippet_1 .snippet_content {
	padding: 100px 250px 100px 50px;
}


@media (max-width: 1200px) {

	.interweb_snippet_1 .snippet_content {
		padding: 100px 150px 100px 50px;
	}

}

@media (max-width: 1000px) {

	.interweb_snippet_1 .snippet_content {
		padding: 100px 50px 100px 50px;
	}

}

@media (max-width: 700px) {

	.interweb_snippet_1 .snippet_content {
		padding: 50px 30px 50px 30px;
	}

}


/***********************************************/
/* Snippet_2 *
/***********************************************/

.interweb_snippet_2.row {
	margin-right: 0px;
  margin-left: 0px;
}

.interweb_snippet_2 .col-md-6 {
  padding: 0px !important;
	margin: 0px !important;
}

.interweb_snippet_2 .snippet_content {
	padding: 100px 50px 100px 250px;
}


@media (max-width: 1200px) {

	.interweb_snippet_2 .snippet_content {
		padding: 100px 50px 100px 50px;
	}

}

@media (max-width: 1000px) {

	.interweb_snippet_2 .snippet_content {
		padding: 50px 30px 50px 30px;
	}

}

@media (max-width: 700px) {

	.interweb_snippet_2 .snippet_content {
		padding: 30px 20px 30px 20px;
	}

}


/***********************************************/
/*  *
/***********************************************/

.spacer {
	min-height: 10px;
}

.ui-sortable { margin: 0 !important; }

.mod-container { padding: 20px; position: relative; }

.mod-image.fit img { width: 100%; }
.mod-image.fix img { width: auto; }

.mod-icon i {
	font-size: 40px;
}

.mod-social ul.social {

}


/***********************************************/
/* Social *
/***********************************************/


.mod-social ul.social {
	text-align: center;
	overflow: hidden;
}

.mod-social ul.social li {
	display: inline-block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
	background: #000;
	margin: 10px 5px;
}

.mod-social ul.social li:hover {
	color: #fff;
}

.mod-social ul.social li:hover a {
	text-decoration:none;
	color: #fff !important;
}

.mod-social ul.social li a {
    display: block;
    width: 100%;
    position: relative;
    top: 0px;
    color: #fff;
 	font-size: 20px;
	line-height: 35px;
	padding-top: 7px;
}

.mod-social ul.social li {
    border-radius: 100%;
}


/***********************************************/
/* Collapse *
/***********************************************/

.collapseShow {
	position: relative;
	color: #4A94D9;
	font-size: 16px;
	font-weight: bold;
	padding-left: 30px;
	margin: 15px 0;
	display: block;
}

.collapseShow:hover {
	color: #333;
	text-decoration:none;
}

.collapseShow:before {
	font-family: FontAwesome;
	position: absolute;
	left: 8px;
	top: 0px;
	font-size: 16px;
	content: "\f068";
	color: #4A94D9;
}

.collapseHide {
	position: relative;
	color: #4A94D9;
	font-size: 16px;
	font-weight: bold;
	padding-left: 30px;
	margin: 15px 0;
	display: block;
}

.collapseHide:hover {
	color: #333;
	text-decoration:none;
}

.collapseHide:before {
	font-family: FontAwesome;
	position: absolute;
	left: 8px;
	top: 0px;
	font-size: 16px;
	content: "\f067";
	color: #4A94D9;
}

.mod-collapse .nav-toggle {
	/*margin: 20px 0;
	background: #f1f1f1;
	border: 1px solid #e5e5e5;
	padding: 20px;*/
}

.mod-collapse .collapseContent {
	margin: 20px 0;
	background: #f1f1f1;
	border: 1px solid #e5e5e5;
	padding: 20px;
}

.map {
	width: 100%;
	height: 300px;
	overflow: visible !important;
	margin: 20px 0;
}
.map img {
	max-width: none !important;
}

.interweb-edit-mode .mod-youtube { position: relative; background: #f1f1f1; padding: 40px; text-align:center; height: 300px; }

.interweb-edit-mode .mod-youtube:before {
	font-family: FontAwesome;
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 45px;
	content: "\f167";
	color: #ccc;
	width: 50px;
	height: 50px;
	text-align:center;
	margin: -25px 0 0 -25px;
}