/* Main Matthiola Base Widgets */

/* Columns */
.mt-base-widget .columns-wrap {
    margin-left: 0;
    margin-right: -30px;
}
.mt-base-widget .columns-wrap  > [class*="column-"] {
    display:inline-block;
    vertical-align:top;
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mt-base-widget .column-1, .mt-base-widget .column-1_1, .mt-base-widget .column-2_2, .mt-base-widget .column-3_3, .mt-base-widget .column-4_4, .mt-base-widget .column-5_5, .mt-base-widget .column-6_6, .mt-base-widget .column-7_7, .mt-base-widget .column-8_8, .mt-base-widget .column-9_9, .mt-base-widget .column-10_10, .mt-base-widget .column-11_11, .mt-base-widget .column-12_12	{ width:100%; }
.mt-base-widget .column-1_2, .mt-base-widget .column-2_4, .mt-base-widget .column-3_6, .mt-base-widget .column-4_8, .mt-base-widget .column-5_10, .mt-base-widget .column-6_12	{ width:50%; }
.mt-base-widget .column-1_3, .mt-base-widget .column-2_6, .mt-base-widget .column-3_9, .mt-base-widget .column-4_12								{ width:33.33333333%; }
.mt-base-widget .column-2_3, .mt-base-widget .column-4_6, .mt-base-widget .column-8_12											{ width:66.66666667%; }
.mt-base-widget .column-1_4, .mt-base-widget .column-2_8, .mt-base-widget .column-3_12											{ width:25%; }
.mt-base-widget .column-3_4, .mt-base-widget .column-6_8, .mt-base-widget .column-9_12											{ width:75%; }
.mt-base-widget .column-1_5, .mt-base-widget .column-2_10														{ width:20%; }
.mt-base-widget .column-2_5, .mt-base-widget .column-4_10														{ width:40%; }
.mt-base-widget .column-3_5, .mt-base-widget .column-6_10														{ width:60%; }
.mt-base-widget .column-4_5, .mt-base-widget .column-8_10														{ width:80%; }
.mt-base-widget .column-1_6, .mt-base-widget .column-2_12														{ width:16.66666667%; }
.mt-base-widget .column-5_6, .mt-base-widget .column-10_12														{ width:83.33333333%; }
.mt-base-widget .column-1_7																		{ width:14.28571429%; }
.mt-base-widget .column-2_7																		{ width:28.57142857%; }
.mt-base-widget .column-3_7																		{ width:42.85714286%; }
.mt-base-widget .column-4_7																		{ width:57.14285714%; }
.mt-base-widget .column-5_7																		{ width:71.42857143%; }
.mt-base-widget .column-6_7																		{ width:85.71428571%; }
.mt-base-widget .column-1_8																		{ width:12.5%; }
.mt-base-widget .column-3_8																		{ width:37.5%; }
.mt-base-widget .column-5_8																		{ width:62.5%; }
.mt-base-widget .column-7_8																		{ width:87.5%; }
.mt-base-widget .column-1_9																		{ width:11.11111111%; }
.mt-base-widget .column-2_9																		{ width:22.22222222%; }
.mt-base-widget .column-3_9																		{ width:33.33333333%; }
.mt-base-widget .column-4_9																		{ width:44.44444444%; }
.mt-base-widget .column-5_9																		{ width:55.55555556%; }
.mt-base-widget .column-6_9																		{ width:66.66666667%; }
.mt-base-widget .column-7_9																		{ width:77.77777778%; }
.mt-base-widget .column-8_9																		{ width:88.88888889%; }
.mt-base-widget .column-1_10																	{ width:10%; }
.mt-base-widget .column-3_10																	{ width:30%; }
.mt-base-widget .column-7_10																	{ width:70%; }
.mt-base-widget .column-9_10																	{ width:90%; }
.mt-base-widget .column-1_11																	{ width: 9.09090909%; }
.mt-base-widget .column-2_11																	{ width:18.18181818%; }
.mt-base-widget .column-3_11																	{ width:27.27272727%; }
.mt-base-widget .column-4_11																	{ width:36.36363636%; }
.mt-base-widget .column-5_11																	{ width:45.45454545%; }
.mt-base-widget .column-6_11																	{ width:54.54545455%; }
.mt-base-widget .column-7_11																	{ width:63.63636364%; }
.mt-base-widget .column-8_11																	{ width:72.72727273%; }
.mt-base-widget .column-9_11																	{ width:81.81818182%; }
.mt-base-widget .column-10_11																	{ width:90.90909091%; }
.mt-base-widget .column-1_12																	{ width: 8.33333333%; }
.mt-base-widget .column-5_12																	{ width:41.66666667%; }
.mt-base-widget .column-7_12																	{ width:58.33333333%; }
.mt-base-widget .column-11_12																	{ width:91.66666667%; }


/* Article */
.mt-base-widget .post-article {
    overflow:hidden;
    text-align:left;
    margin-bottom: 0;
    background-color: transparent;
    position:relative;
}
.mt-base-widget .post-article {
    overflow:hidden;
    text-align:left;
    margin-bottom: 0;
    background-color: transparent;
    position:relative;
}
.mt-base-widget .post-article + .post-article {
    margin-top:0.7em;
    padding-top:0.7em;
}
.mt-base-widget .post-article.without-thumb {
    margin-top: -1em;
}
.mt-base-widget .post-article + .post-article.without-thumb {
    border-top: 1px solid #c7cbca;
    margin-top: 1.4em;
    padding-top: 0.3em;
}
.mt-base-widget .post-article .post-content {
    overflow:hidden;
}
.mt-base-widget .post-article .post-thumb {
    float:none;
    width: 100%;
    margin:0 0 5px 0;
    overflow:hidden;
    position: relative;
}
.mt-base-widgeta .post-article .post-thumb > a {
    display: block;
}
.mt-base-widget .post-article .post-thumb img {
    width:100%;
}
.mt-base-widget .post-article .post-title {
    font-size: 1em;
    line-height: 1.4em;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.mt-base-widget .post-article .post-info {
    font-size: 14px;
    line-height: 25px;
    margin-bottom:0;
}
.mt-base-widget .post-category a {
    background-color: #435e8d;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 5px 5px 0;
    padding: 0 10px 2px;
}
.mt-base-widget .post-category {
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    z-index: 2;
    box-sizing: border-box;
    display: inline-block;
}
.mt-base-widget .without-thumb .post-category {
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin-top: 5px;
}



/* Widget About */
.mt-base-widget-about {
    background-color: #282f39;
    clear: both;
    color: #ffffff;
    text-align: center;
    padding: 3.3em 0 2em;
}
.mt-base-widget-about .about-logo {
    margin: 0 auto;
    max-width: 174px;
    padding-bottom: 3em;
}
.mt-base-widget-about .about-description {
    margin: 2em 0 0;
}



/* Widget Google Map */
.mt-googlemap .gm-style .gm-style-iw {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.mt-googlemap .gm-style .gm-style-iw * {
    color: #435e8d;
}

/* style normal */
.style-normal.mt-googlemap .mt-header {
    text-transform: uppercase;
    background: #435e8d;
    text-align: center;
    overflow: hidden;
    padding: 2.6em 0 3.3em;
}
.style-normal.mt-googlemap .mt-title {
    font-weight: 700;
    font-size: 2.667em;
    margin: 0;
    color: #ffffff;
    line-height: 1.4em;
}
.style-normal.mt-googlemap .mt-subtitle {
    font-weight: 400;
    font-size: 1em;
    margin: 0;
    color: #ffffff;
    line-height: 1.4em;
}
.style-normal.mt-googlemap .mt-conent {
    padding: 1em;
}

/* style columns */
.style-columns.mt-googlemap .mt-header {
    margin-bottom: 0.95em;
}
.style-columns.mt-googlemap .mt-title {
    font-weight: 700;
    font-size: 2.667em;
    margin: 0;
    color: #435e8d;
    line-height: 1.4em;
}
.style-columns.mt-googlemap .mt-subtitle {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.333em;
    margin: 0;
    color: #303032;
    line-height: 1.4em;
}
.style-columns.mt-googlemap .mt-conent {
    font-size: 0.889em;
    line-height: 1.5em;
}
.style-columns.mt-googlemap .mt-conent p {
    margin-bottom: 1.5em;
}
.style-columns.mt-googlemap .half {
    width: 50%;
    float: left;
}
.wrap-style {
    left: 25%;
    margin: 6.3em 0 1em;
    position: relative;
    width: 55%;
    display: block;
    overflow: hidden;
    top: 0;
}