/* = !CONTENTS
---------------------------------------------------------------- */
/*
*
* Based on the work of:
* Normalize - https://github.com/necolas/normalize.css
* Bootstrap Sass - http://github.com/twbs/bootstrap-sass
*
* NORMALIZE.............Normalize our defaults
* TYPOGRAPHY............Import brand font files
* BASE..................Base typography & standard html elements
* BUTTONS...............Choose a Button set
* ICONS.................Choose an Icon set
* CLEARS & HELPERS......Clears, Selection colors, Helpers
* GRID/COLUMN SYSTEM....Choose a Grid system
* HEADER................Site Header styles
* CONTENT...............Site Content area styles
* FOOTER................Site Footer styles
* SHAME.................IE and IE related fixes
* RESPONSIVE............Site Responsive overrides
* RESPONSIVE UTILITIES..Site Responsive Visibility
* PRINT.................Site Print overrides
*
*/

/* = !NORMALIZE
---------------------------------------------------------------- */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }
img{max-width: 100%;}

/* = !BASE
---------------------------------------------------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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


/* = !GRID/COLUMN SYSTEM
---------------------------------------------------------------- 
.xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12, 
.sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12, 
.md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12, 
.lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12{ 
 float: left; position: relative; width: 100%; min-height: 1px; 
	padding-left: 12px; padding-right: 12px;
}
*/

.xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12, 
.sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12, 
.md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12, 
.lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12{ 
 float: left; position: relative; 
	width:calc(100%/2 - 2% - 6px); margin:0 1%;min-height: 1px; 
	padding-left: 12px; padding-right: 12px;
}

@media (min-width: 569px) { 
.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 { 
	width:calc(100%/2 - 2% - 6px); margin:0 1%; }
}
@media (min-width: 769px) { 
  .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12 { 
	width:calc(100%/3 - 2% - 6px); margin:0 1%; }
}

@media (min-width: 1200px) { 
  .lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12 { 
	width:calc(100%/3 - 2% - 6px); margin:0 1%; }
}


/*mg*/
.mg-space-init{max-width:1440px; margin: auto;}
.mg-rows {
    position:relative;
}
.mg-trigger{
    cursor: pointer;
}
.mg-space {
    display:none;
    position:relative;
    width:100%;
    float:left;
	margin-top: -300px;
}
.mg-target {
    display:none;
	border-top: 3px solid #0e75bc;
	background-color: #fff;
	margin: -300px 13%;
}
.mg-target-open {
    position:absolute;
    top:0;left:0;right:0;
}
.mg-indicator {
    border-bottom: 20px solid #0e75bc;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
	margin-top: -30px;
}
.mg-close {
    display: none;
	background:url(../../images/ico_close.png) no-repeat center;
	background-size: 60%;
    cursor: pointer;
    position: absolute;
    right: 35%;
    top: 60px;
	border-radius: 70px;
    padding: 30px;
    border: 2px solid #0e75bc;
    z-index: 2;
}
.mg-close:hover {
    opacity: .5;
	background:url(../../images/ico_close_hover.png) no-repeat center;
	background-size: 60%;
	background-color: #0e75bc;
}

@media screen and (max-width: 1440px) {
.mg-space-init{max-width:1000px;}
.mg-target {margin: -300px 8% 0;}
.mg-indicator {	}
}
@media screen and (max-width: 1153px) {
.mg-target {margin: -300px 3% 0;}
.mg-close { top: 40px; padding: 20px; border: 1px solid #0e75bc;}
}
@media screen and (max-width: 970px) {
.mg-space {margin: -100px 0 0;}
.mg-target {margin: -100px 0 0;}
.mg-indicator { margin-top: -20px;	}
.mg-close {right: 5%;}
	}