@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  src: local('Exo 2 Light'), local('Exo2-Light'), url(../fonts/exo2-Light.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(../fonts/exo2-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: local('Exo 2 Bold'), local('Exo2-Bold'), url(../fonts/exo2-Bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
*/
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url(../fonts/exo2-SemiBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*GENERAL TEMPLATES*/


/*GLOBAL RESET*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; position: relative; }
ul, ol { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { /*border-bottom:1px dotted;*/ cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ul, ol { /*margin-left: 1.8em;*/ }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; }
pre, code { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 dan 2.1*/ word-wrap: break-word; /* IE */ }
input, select { vertical-align: middle; }
.ie6 input { vertical-align: text-bottom; }
textarea { overflow: auto; }
input[type="radio"] { vertical-align: middle; }
input[type="checkbox"] { vertical-align: middle; }
.ie7 input[type="checkbox"] { vertical-align: middle; }
label, input[type=button], input[type=submit], button { cursor: pointer; } label{display:inline-block;}
button, input, select, textarea { margin: 0; padding: 0; border: 0; background: none; }
input:invalid, textarea:invalid { border-radius: 1px; /*-moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;*/ }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
img { border: none; vertical-align: top; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: bottom; background: transparent; color: inherit; }
a:link, a:hover, a:visited { text-decoration: none; outline: none; }
p { padding-bottom: 10px; }
td, th { text-align: left; vertical-align: top; line-height: 120%; }
[onclick] { cursor: pointer; }

/*FONTS*/

p{font-size:inherit!important}
small{font-size:11px}

.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.text-justify{text-align:justify}

/*clear HEADINGS , fonts , etc*/
h1, h2, h3, h4, h5, h6 { font-size: 100%; text-decoration: none; display: inline; font-weight: inherit; }

.fwThin{font-weight:100;}
.fwLight{font-weight:300;}
.fwNormal{font-weight:400;}
.fwBold{font-weight:700;}

.tdunderline{text-decoration:underline !important;}

.font10{font-size:10px} .font11{font-size:11px}
.font12{font-size:12px} .font13{font-size:13px}
.font14{font-size:14px} .font15{font-size:15px}
.font16{font-size:16px} .font18{font-size:18px}
.font20{font-size:20px} .font22{font-size:22px}
.font24{font-size:24px} .font32{font-size:32px}
.font36{font-size:36px} .font48{font-size:48px}

.h5 { height: 5px; } .h10 { height: 10px; } .h15 { height: 15px; } .h20 { height: 20px; } .h25 { height: 25px; }
.h30 { height: 30px; } .h35 { height: 35px; }.h40 { height: 40px; } .h45 { height: 45px; } .h50 { height: 50px; }

/*COLUMN FROM BOOTSTRAP*/
*{-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}

.column-1,.column-2,.column-3,.column-4,.column-5,.column-6,.column-7,.column-8,.column-9,.column-10,.column-11,.column-12{position:relative;min-height:1px;float:left;padding:0;margin:0}

/*UNIVERSAL COLUMN*/
.column-12{width:100%} .column-11{width:91.66666667%} .column-10{width:83.33333333%} .column-9{width:75%} .column-8{width:66.66666667%} .column-7{width:58.33333333%} .column-6{width:50%} .column-5{width:41.66666667%} .column-4{width:33.33333333%} .column-3{width:25%} .column-2{width:16.66666667%} .column-1{width:8.33333333%}


.cell-1{width:5%;} .cell-2{width:10%;}
.cell-3{width:15%;} .cell-4{width:20%;}
.cell-5{width:25%;} .cell-6{width:30%;}
.cell-7{width:35%;} .cell-8{width:40%;}
.cell-9{width:45%;} .cell-10{width:50%;}
.cell-11{width:55%;} .cell-12{width:60%;}
.cell-13{width:65%;} .cell-14{width:70%;}
.cell-15{width:75%;} .cell-16{width:80%;}
.cell-17{width:85%;} .cell-18{width:90%;}
.cell-19{width:95%;} .cell-20{width:100%;}

.table{display:table; width:100%; border-collapse: collapse; border-spacing:0;}
.table-row{display:table-row;}
.table-row .cell , .table-head .cell{display:table-cell; position:relative;}

.cell.vt{vertical-align:top !important;} .cell.vm{vertical-align:middle !important;} .cell.vb{vertical-align:bottom  !important;}

.container{margin-right:auto;margin-left:auto}

@media (max-width: 767px) {
	/*.container{padding-left: 10px; padding-right: 10px;}*/
	.column-xs-fl{float:left;}
}

@media (min-width: 768px) {
	.container{width:750px}
}
@media (min-width: 992px) {
	.container{width:970px}
}
@media (min-width: 1200px) {
	.container{width:1170px}
}

.column-xs-1,.column-sm-1,.column-md-1,.column-lg-1,.column-xs-2,.column-sm-2,.column-md-2,.column-lg-2,.column-xs-3,.column-sm-3,.column-md-3,.column-lg-3,.column-xs-4,.column-sm-4,.column-md-4,.column-lg-4,.column-xs-5,.column-sm-5,.column-md-5,.column-lg-5,.column-xs-6,.column-sm-6,.column-md-6,.column-lg-6,.column-xs-7,.column-sm-7,.column-md-7,.column-lg-7,.column-xs-8,.column-sm-8,.column-md-8,.column-lg-8,.column-xs-9,.column-sm-9,.column-md-9,.column-lg-9,.column-xs-10,.column-sm-10,.column-md-10,.column-lg-10,.column-xs-11,.column-sm-11,.column-md-11,.column-lg-11,.column-xs-12,.column-sm-12,.column-md-12,.column-lg-12{position:relative;min-height:1px;}
.column-xs-1,.column-xs-2,.column-xs-3,.column-xs-4,.column-xs-5,.column-xs-6,.column-xs-7,.column-xs-8,.column-xs-9,.column-xs-10,.column-xs-11,.column-xs-12{float:left}
.column-xs-12{width:100%}
.column-xs-11{width:91.66666667%}
.column-xs-10{width:83.33333333%}
.column-xs-9{width:75%}
.column-xs-8{width:66.66666667%}
.column-xs-7{width:58.33333333%}
.column-xs-6{width:50%}
.column-xs-5{width:41.66666667%}
.column-xs-4{width:33.33333333%}
.column-xs-3{width:25%}
.column-xs-2{width:16.66666667%}
.column-xs-1{width:8.33333333%}
@media (min-width: 768px) {
	.column-sm-1,.column-sm-2,.column-sm-3,.column-sm-4,.column-sm-5,.column-sm-6,.column-sm-7,.column-sm-8,.column-sm-9,.column-sm-10,.column-sm-11,.column-sm-12{float:left}
	.column-sm-12{width:100%}
	.column-sm-11{width:91.66666667%}
	.column-sm-10{width:83.33333333%}
	.column-sm-9{width:75%}
	.column-sm-8{width:66.66666667%}
	.column-sm-7{width:58.33333333%}
	.column-sm-6{width:50%}
	.column-sm-5{width:41.66666667%}
	.column-sm-4{width:33.33333333%}
	.column-sm-3{width:25%}
	.column-sm-2{width:16.66666667%}
	.column-sm-1{width:8.33333333%}
}
@media (min-width: 992px) {
	.column-md-1,.column-md-2,.column-md-3,.column-md-4,.column-md-5,.column-md-6,.column-md-7,.column-md-8,.column-md-9,.column-md-10,.column-md-11,.column-md-12{float:left}
	.column-md-12{width:100%}
	.column-md-11{width:91.66666667%}
	.column-md-10{width:83.33333333%}
	.column-md-9{width:75%}
	.column-md-8{width:66.66666667%}
	.column-md-7{width:58.33333333%}
	.column-md-6{width:50%}
	.column-md-5{width:41.66666667%}
	.column-md-4{width:33.33333333%}
	.column-md-3{width:25%}
	.column-md-2{width:16.66666667%}
	.column-md-1{width:8.33333333%}
}
@media (min-width: 1200px) {
	.column-lg-1,.column-lg-2,.column-lg-3,.column-lg-4,.column-lg-5,.column-lg-6,.column-lg-7,.column-lg-8,.column-lg-9,.column-lg-10,.column-lg-11,.column-lg-12{float:left}
	.column-lg-12{width:100%}
	.column-lg-11{width:91.66666667%}
	.column-lg-10{width:83.33333333%}
	.column-lg-9{width:75%}
	.column-lg-8{width:66.66666667%}
	.column-lg-7{width:58.33333333%}
	.column-lg-6{width:50%}
	.column-lg-5{width:41.66666667%}
	.column-lg-4{width:33.33333333%}
	.column-lg-3{width:25%}
	.column-lg-2{width:16.66666667%}
	.column-lg-1{width:8.33333333%}
}
.center-block{display:block;margin-right:auto;margin-left:auto; float:none !important;}

.nopadding{padding:0}
.nomargin{margin:0}

/*RESPONSIVE VISIBILITY*/
.show{display:block!important}
.invisible{visibility:hidden}

.visible-xs,.visible-sm,.visible-md,.visible-lg ,.hide{display:none!important}
@media (max-width: 767px) {
	.visible-xs{display:block!important}
	.xs-fr{float:right  !important}
}
@media (min-width: 768px) and (max-width: 991px) {
	.visible-sm{display:block!important}
	.sm-fr{float:right  !important}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.visible-md{display:block!important}
	.md-fr{float:right  !important}
}
@media (min-width: 1200px) {
	.visible-lg{display:block!important}
	.lg-fr{float:right !important}
}

@media (max-width: 767px) {	.hidden-xs{display:none!important}}
@media (min-width: 768px) and (max-width: 991px) {	.hidden-sm{display:none!important}}
@media (min-width: 992px) and (max-width: 1199px) {	.hidden-md{display:none!important}}
@media (min-width: 1200px) {	.hidden-lg{display:none!important}}

button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;  outline: none; }
button::-moz-focus-inner { border: 0;  padding: 0;}

.p5 { padding: 5px !important; } .pb5{padding-bottom: 5px !important;} .pt5{padding-top:5px !important;}  .pl5{padding-left:5px !important;} .pr5{padding-right:10px !important}
.p10 { padding: 10px !important; } .pb10{padding-bottom: 10px !important;} .pt10{padding-top:10px !important;} .pl10{padding-left:10px !important;} .pr10{padding-right:10px !important;}
.p15 { padding: 15px !important; } .pb15{padding-bottom: 15px !important;} .pt15{padding-top:15px !important;} .pl15{padding-left:15px !important;} .pr15{padding-right:15px !important;}
.p20 { padding: 20px !important; } .pb20{padding-bottom: 20px !important;} .pt20{padding-top:20px !important;} .pl20{padding-left:20px !important;} .pr20{padding-right:20px !important;}
.p25 { padding: 25px !important; } .pb25{padding-bottom: 25px !important;} .pt25{padding-top:25px !important;} .pl25{padding-left:25px !important;} .pr25{padding-right:25px !important;}
.p30 { padding: 30px !important; } .pb30{padding-bottom: 30px !important;} .pt30{padding-top:30px !important;} .pl30{padding-left:30px !important;} .pr30{padding-right:30px !important;}
.p35 { padding: 35px !important; } .pb35{padding-bottom: 35px !important;} .pt35{padding-top:35px !important;} .pl35{padding-left:35px !important;} .pr35{padding-right:35px !important;}
.p40 { padding: 40px !important; } .pb40{padding-bottom: 40px !important;} .pt40{padding-top:40px !important;} .pl40{padding-left:40px !important;} .pr40{padding-right:40px !important;}
.p45 { padding: 45px !important; } .pb45{padding-bottom: 45px !important;} .pt45{padding-top:45px !important;} .pl45{padding-left:45px !important;} .pr45{padding-right:45px !important;}
.p50 { padding: 50px !important } .pb50{padding-bottom: 50px !important;} .pt50{padding-top:50px !important;} .pl50{padding-left:50px !important;} .pr50{padding-right:50px !important;}

.clearfix:before, .grid:before, .clearfix:after, .container:after , .row:before, .row:after { content: "\0020"; display: block; height: 0;visibility: hidden; }
.clearfix:after, .container:after , .row:after{ clear: both; }
.clearfix, .container , .row{ zoom: 1; }
.clearleft{clear:left} .clearright{clear:right} .clear{clear:both}
 
.thumbcontainer {display:block; position: relative; overflow: hidden; } .thumbcontainer img{width:100%;}

.fr { float: right; } .fl { float: left; }

::-webkit-input-placeholder {color: #ccc; font-weight:300; font-family:inherit; font-size:80%;}
:-moz-placeholder { /* Firefox 18- */color: #ccc; font-weight:300;  font-family:inherit;font-size:80%;}
::-moz-placeholder {  /* Firefox 19+ */color: #ccc;  font-weight:300;  font-family:inherit;font-size:80%;}
:-ms-input-placeholder {  color: #ccc;  font-weight:300;  font-family:inherit;font-size:80%;}