@import 'normalize.css';

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*
NEGATIVE
 */
.no-bg { background: none !important; }
.no-border { border:0 !important; }

/**
POSITION
 */
.relative { position: relative; }
.absolute { position: absolute;}
.fixed { position: fixed; }
.inline-block { display: inline-block; }
.inline { display: inline; }

/**
Width / Height
 */
.w100 { width: 100% !important; }
.w50 { width: 50% !important; }
.h100 { height: 100% !important; }
.h50 { width: 50% !important; }
/**
SHOW / HIDE
 */
.show { display: block !important; }
.hide { display: none !important;}

/**
FLOAT
 */
.fl-left { float: left; }
.fl-right { float:right; }
.fl-none { float: none !important; }

/**
Row
 */
.row:before,
.row:after { display: table; content:''; clear: both; }

.form-row:before,
.form-row:after { display: table; content:''; clear: both; }

/**
ALERT
 */
.alert { padding: 20px; text-align: center; display: block; }
.alert.inline { display: inline-block; }

/** Columns */
[class*='column-'] {
    float: left;
    position:relative;
}

body.Ar [class*='column-'] {
    float: right;
    position:relative;
}

.column-1 { width: 100%; float: none !important; }
.column-2 { width: 50%; }
.column-3 { width: 33.33% }
.column-4 { width: 25%; }
.column-5 { width: 20%; }
.column-6 { width: 16.66%; }

/** Column Paddings */
.row > .column-2.w-pad:nth-of-type(2n-1) { padding-right: 15px; }
.row > .column-2.w-pad:nth-of-type(2n) { padding-left: 15px; }

.row > .column-3.w-pad:nth-of-type(3n-2) { padding-right: 15px; }
.row > .column-3.w-pad:nth-of-type(3n-1) { padding: 0 7.5px; }
.row > .column-3.w-pad:nth-of-type(3n) { padding-left: 15px; }

.row > .column-4.w-pad:nth-of-type(4n-3),
.row > .column-4.w-pad:nth-of-type(4n-2),
.row > .column-4.w-pad:nth-of-type(4n-1) { padding-right: 15px; margin-right:5px }
.row > .column-4.w-pad:nth-of-type(4n) { padding-left:15px; margin-left:-15px; }

body.Ar .row > .column-2.w-pad:nth-of-type(2n-1) { padding-right: 0px; padding-left: 15px; }
body.Ar .row > .column-2.w-pad:nth-of-type(2n) { padding-left: 0px; padding-right: 15px; }

body.Ar .row > .column-3.w-pad:nth-of-type(3n-2) { padding-right: 0px; padding-left: 15px; }
body.Ar .row > .column-3.w-pad:nth-of-type(3n-1) { padding: 0 7.5px; }
body.Ar .row > .column-3.w-pad:nth-of-type(3n) { padding-left: 0px; padding-right: 15px; }

body.Ar .row > .column-4.w-pad:nth-of-type(4n-3),
body.Ar .row > .column-4.w-pad:nth-of-type(4n-2),
body.Ar .row > .column-4.w-pad:nth-of-type(4n-1) { padding-left: 15px; margin-left:5px; padding-right: 0; margin-right:0; }
body.Ar .row > .column-4.w-pad:nth-of-type(4n) { padding-right:15px; margin-right:-15px; padding-left:0; margin-left:0; }

.col-half-section { width: 100%; }
.col-half-section-full { max-width: 100%; }

/** CONTENTS */
[class*='content-']:before,
[class*='content-']:after {
    display: table; content:''; clear: both;
}
.content-10 { width: 100%; }
.content-9 { width: 90%; }
.content-8 { width: 80%; }
.content-7 { width: 70%; }
.content-6 { width: 60%; }
.content-5 { width: 50%; }
.content-4 { width: 40%; }
.content-3 { width: 30%; }
.content-2 { width: 20%; }
.content-1 { width: 10%; }

/** BulutWebContent */
.Content { width: 100%; }
.Content img,
.Content embed,
.Content table,
.Content iframe { max-width: 100% !important; height: auto !important; }
.FluidContent { width: 100%; position: relative; }
.FluidContent iframe,
.FluidContent embed,
.FluidContent table { width: 100% !important; }

/** Video Content */
.VideoContent { width: 100%; position: relative; font-size: 0; }
.VideoContent iframe { width: 100% !important;  }

/** OFSET */
.offset-5 { margin-left: 5% }
.offset-10 { margin-left: 10% }
.offset-15 { margin-left: 15% }
.offset-20 { margin-left: 20% }
.offset-25 { margin-left: 25% }
.offset-30 { margin-left: 30% }
.offset-35 { margin-left: 35% }
.offset-40 { margin-left: 40% }
.offset-45 { margin-left: 45% }
.offset-50 { margin-left: 50% }

/**
TEXT ALIGN
 */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-up { text-transform: uppercase; }

/**
FONT WEIGHT
 */
.font-light { font-weight: normal; }
.font-bold { font-weight: bold; }

/**
MARGINS
 */
.mar-0 { margin: 0 !important; }
.mar-5 { margin: 5px; }
.mar-10 { margin: 10px; }
.mar-15 { margin: 15px; }
.mar-20 { margin: 20px; }
.mar-25 { margin: 25px; }
.mar-30 { margin: 30px; }
.mar-40 { margin: 40px; }
.mar-50 { margin: 50px; }
.mar-60 { margin: 60px; }
.mar-75 { margin: 75px; }
.mar-100 { margin: 100px; }

.mar-top-0 { margin-top: 0; }
.mar-top-5 { margin-top: 5px; }
.mar-top-10 { margin-top: 10px; }
.mar-top-15 { margin-top: 15px; }
.mar-top-20 { margin-top: 20px; }
.mar-top-25 { margin-top: 25px; }
.mar-top-30 { margin-top: 30px; }
.mar-top-40 { margin-top: 40px; }
.mar-top-50 { margin-top: 50px; }
.mar-top-60 { margin-top: 60px; }
.mar-top-75 { margin-top: 75px; }
.mar-top-100 { margin-top: 100px; }

.mar-bottom-0 { margin-bottom: 0; }
.mar-bottom-5 { margin-bottom: 5px; }
.mar-bottom-10 { margin-bottom: 10px; }
.mar-bottom-15 { margin-bottom: 15px; }
.mar-bottom-20 { margin-bottom: 20px; }
.mar-bottom-25 { margin-bottom: 25px; }
.mar-bottom-30 { margin-bottom: 30px; }
.mar-bottom-40 { margin-bottom: 40px; }
.mar-bottom-50 { margin-bottom: 50px; }
.mar-bottom-60 { margin-bottom: 60px; }
.mar-bottom-75 { margin-bottom: 75px; }
.mar-bottom-100 { margin-bottom: 100px; }

.mar-left-0 { margin-left: 0; }
.mar-left-5 { margin-left: 5px; }
.mar-left-10 { margin-left: 10px; }
.mar-left-15 { margin-left: 15px; }
.mar-left-20 { margin-left: 20px; }
.mar-left-25 { margin-left: 25px; }
.mar-left-30 { margin-left: 30px; }
.mar-left-40 { margin-left: 40px; }
.mar-left-50 { margin-left: 50px; }
.mar-left-60 { margin-left: 60px; }
.mar-left-75 { margin-left: 75px; }
.mar-left-100 { margin-left: 100px; }

.mar-right-0 { margin-right: 0; }
.mar-right-5 { margin-right: 5px; }
.mar-right-10 { margin-right: 10px; }
.mar-right-15 { margin-right: 15px; }
.mar-right-20 { margin-right: 20px; }
.mar-right-25 { margin-right: 25px; }
.mar-right-30 { margin-right: 30px; }
.mar-right-40 { margin-right: 40px; }
.mar-right-50 { margin-right: 50px; }
.mar-right-60 { margin-right: 60px; }
.mar-right-75 { margin-right: 75px; }
.mar-right-100 { margin-right: 100px; }

/** 
PADDINGS
 */
.pad-0 { padding: 0 !important; }
.pad-5 { padding: 5px; }
.pad-10 { padding: 10px; }
.pad-15 { padding: 15px; }
.pad-20 { padding: 20px; }
.pad-25 { padding: 25px; }
.pad-30 { padding: 30px; }
.pad-40 { padding: 40px; }
.pad-50 { padding: 50px; }
.pad-60 { padding: 60px; }
.pad-75 { padding: 75px; }
.pad-100 { padding: 100px; }

.pad-top-0 { padding-top: 0; }
.pad-top-5 { padding-top: 5px; }
.pad-top-10 { padding-top: 10px; }
.pad-top-15 { padding-top: 15px; }
.pad-top-20 { padding-top: 20px; }
.pad-top-25 { padding-top: 25px; }
.pad-top-30 { padding-top: 30px; }
.pad-top-40 { padding-top: 40px; }
.pad-top-50 { padding-top: 50px; }
.pad-top-60 { padding-top: 60px; }
.pad-top-75 { padding-top: 75px; }
.pad-top-100 { padding-top: 100px; }

.pad-bottom-0 { padding-bottom: 0; }
.pad-bottom-5 { padding-bottom: 5px; }
.pad-bottom-10 { padding-bottom: 10px; }
.pad-bottom-15 { padding-bottom: 15px; }
.pad-bottom-20 { padding-bottom: 20px; }
.pad-bottom-25 { padding-bottom: 25px; }
.pad-bottom-30 { padding-bottom: 30px; }
.pad-bottom-40 { padding-bottom: 40px; }
.pad-bottom-50 { padding-bottom: 50px; }
.pad-bottom-60 { padding-bottom: 60px; }
.pad-bottom-75 { padding-bottom: 75px; }
.pad-bottom-100 { padding-bottom: 100px; }

.pad-left-0 { padding-left: 0; }
.pad-left-5 { padding-left: 5px; }
.pad-left-10 { padding-left: 10px; }
.pad-left-15 { padding-left: 15px; }
.pad-left-20 { padding-left: 20px; }
.pad-left-25 { padding-left: 25px; }
.pad-left-30 { padding-left: 30px; }
.pad-left-40 { padding-left: 40px; }
.pad-left-50 { padding-left: 50px; }
.pad-left-60 { padding-left: 60px; }
.pad-left-75 { padding-left: 75px; }
.pad-left-100 { padding-left: 100px; }

.pad-right-0 { padding-right: 0; }
.pad-right-5 { padding-right: 5px; }
.pad-right-10 { padding-right: 10px; }
.pad-right-15 { padding-right: 15px; }
.pad-right-20 { padding-right: 20px; }
.pad-right-25 { padding-right: 25px; }
.pad-right-30 { padding-right: 30px; }
.pad-right-40 { padding-right: 40px; }
.pad-right-50 { padding-right: 50px; }
.pad-right-60 { padding-right: 60px; }
.pad-right-75 { padding-right: 75px; }
.pad-right-100 { padding-right: 100px; }


/**
HEADINGS
 */
h1 { font-size: 48px; margin: 0; }
h2 { font-size: 36px; margin: 0; }
h3 { font-size: 24px; margin: 0; }
h4 { font-size: 18px; margin: 0; }

h1.big { font-size: 60px; margin: 0; }
h2.big { font-size: 48px; margin: 0; }
h3.big { font-size: 36px; margin: 0; }
h4.big { font-size: 24px; margin: 0; }

/**
BUTTONS
 */
.blt-button { text-align: center; border:0; padding: 15px; display: inline-block; transition:background-color linear 0.2s; font-size: 24px; outline: 0; cursor: pointer; }
.blt-button.button-wide { padding: 15px 30px; }
.blt-button.button-narrow { padding: 10px 40px; font-size: 14px; }
.blt-button.button-block { display: block; width: 100%; }

/**
INPUTS
 */
.blt-input { padding:10px; border:1px solid; border-bottom-width:2px; border-radius: 2px; font-size: 14px; line-height: 1.5em; }
textarea.blt-input { min-height: 80px; }
.blt-input.input-block { width: 100%; display: block; }

.form-row { margin-bottom: 10px; }
.form-row.stripe { padding:10px; margin-bottom: 0; }
.form-row.bordered { border-bottom:1px solid; padding-bottom: 10px; }
.form-row.bordered:last-of-type { border-bottom:0; padding-bottom: 0; }
.form-row label { margin-bottom:10px; display: block; }

/**
TABLE
 */
.blt-table { display: table; border-collapse: collapse; }
.blt-table td,
.blt-table th { vertical-align: middle; padding: 10px; text-align: left; }
.blt-table.table-top td,
.blt-table.table-top th { vertical-align: top; }
.blt-table.table-border td,
.blt-table.table-border th { border:1px solid; }
.blt-table.table-stripe tr:nth-of-type(2n) td,
.blt-table.table-stripe tr:nth-of-type(2n) th { }
.blt-table.table-responsive { width: 100%; }

/**
THUMBNAIL
 */
.thumbnail { border:1px solid; padding:10px; }
.thumbnail.nostyle { padding: 0; background: transparent; border:0; }
.thumbnail img { width: 100%; }
.thumbnail.img-auto img { width: auto; }

/**
TABS
 */
.blt-tabs { display: none; }
.blt-tabs.show { display: block; }