* {
    margin: 0px;
    padding: 0px;
}


/* poppins-100 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-100.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-100.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-100.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-100italic - latin */

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-100italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-100italic.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-100italic.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-200 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-200.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-200.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-200.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-200italic - latin */

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-200italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-200italic.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-200italic.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-300 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-300.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-300.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-300italic - latin */

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-300italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-300italic.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-regular - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-regular.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-italic - latin */

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-italic.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-500 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-500.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-500.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-500italic - latin */

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-500italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-500italic.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-500italic.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-600 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-600.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-600.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-600italic - latin */

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-600italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-600italic.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-700 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-700.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-700italic - latin */

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-700italic.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-800 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-800.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-800.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-800.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-800italic - latin */

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-800italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-800italic.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-900 - latin */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-900.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-900.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-900.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* poppins-900italic - latin */

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    src: url('../lib/poppins-v15-latin/poppins-v15-latin-900italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/poppins-v15-latin/poppins-v15-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/poppins-v15-latin/poppins-v15-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-900italic.woff') format('woff'), /* Modern Browsers */
    url('../lib/poppins-v15-latin/poppins-v15-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/poppins-v15-latin/poppins-v15-latin-900italic.svg#Poppins') format('svg');
    /* Legacy iOS */
}


/* roboto-300 - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../lib/roboto-v27-latin/roboto-v27-latin-300.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/roboto-v27-latin/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/roboto-v27-latin/roboto-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/roboto-v27-latin/roboto-v27-latin-300.svg#Roboto') format('svg');
    /* Legacy iOS */
}


/* roboto-300italic - latin */

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('../lib/roboto-v27-latin/roboto-v27-latin-300italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/roboto-v27-latin/roboto-v27-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/roboto-v27-latin/roboto-v27-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/roboto-v27-latin/roboto-v27-latin-300italic.svg#Roboto') format('svg');
    /* Legacy iOS */
}


/* roboto-regular - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../lib/roboto-v27-latin/roboto-v27-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/roboto-v27-latin/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/roboto-v27-latin/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/roboto-v27-latin/roboto-v27-latin-regular.svg#Roboto') format('svg');
    /* Legacy iOS */
}


/* roboto-italic - latin */

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../lib/roboto-v27-latin/roboto-v27-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/roboto-v27-latin/roboto-v27-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/roboto-v27-latin/roboto-v27-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/roboto-v27-latin/roboto-v27-latin-italic.svg#Roboto') format('svg');
    /* Legacy iOS */
}


/* roboto-500 - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../lib/roboto-v27-latin/roboto-v27-latin-500.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/roboto-v27-latin/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/roboto-v27-latin/roboto-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/roboto-v27-latin/roboto-v27-latin-500.svg#Roboto') format('svg');
    /* Legacy iOS */
}


/* roboto-700 - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../lib/roboto-v27-latin/roboto-v27-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/roboto-v27-latin/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/roboto-v27-latin/roboto-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/roboto-v27-latin/roboto-v27-latin-700.svg#Roboto') format('svg');
    /* Legacy iOS */
}


/* roboto-700italic - latin */

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('../lib/roboto-v27-latin/roboto-v27-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/roboto-v27-latin/roboto-v27-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/roboto-v27-latin/roboto-v27-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/roboto-v27-latin/roboto-v27-latin-700italic.svg#Roboto') format('svg');
    /* Legacy iOS */
}


/* roboto-900 - latin */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('../lib/roboto-v27-latin/roboto-v27-latin-900.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/roboto-v27-latin/roboto-v27-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/roboto-v27-latin/roboto-v27-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-900.woff') format('woff'), /* Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/roboto-v27-latin/roboto-v27-latin-900.svg#Roboto') format('svg');
    /* Legacy iOS */
}


/* roboto-900italic - latin */

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('../lib/roboto-v27-latin/roboto-v27-latin-900italic.eot');
    /* IE9 Compat Modes */
    src: local(''), url('../lib/roboto-v27-latin/roboto-v27-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../lib/roboto-v27-latin/roboto-v27-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-900italic.woff') format('woff'), /* Modern Browsers */
    url('../lib/roboto-v27-latin/roboto-v27-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../lib/roboto-v27-latin/roboto-v27-latin-900italic.svg#Roboto') format('svg');
    /* Legacy iOS */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
}

body {
    width: 100%;
    margin: 0px auto;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}



.sub-header {
    width: 100%;
    background-color: #1B4678;
    margin-left: 0px;
    margin-right: 0px;
}

.track-icon {
    background: #fff;
    border-radius: 100px;
    width: 57px;
    height: 57px;
    border: 2px solid #13B4E5;
    margin: 25px 25px;
    text-align: center;
    padding: 10px;
    display: inline-block;
    line-height: 30px;
    float: left;
}

.icon-info {
    display: inline-block;
}

.icon-info p {
    color: #fff;
    padding-top: 25px;
    margin: 0px;
    font-size: 14px;
}

.icon-info h4 {
    color: #13B4E5;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
}

.rout-info {
    margin: 0px 0px 15px 0;
    border-bottom: 1px solid #E6E6E6;
}

.rout-info h4 {
    background-color: #DCDCDC;
    color: #152D54;
    padding: 10px 25px;
    font-size: 18px;
    font-weight: 600;
}

.info-para p {
    color: #656565;
    padding: 0px 15px;
    margin: 5px 0px;
    font-size: 14px;
}

.info-para p strong {
    font-weight: 600;
}

.location-map {
    width: 100%;
  /*  background-image: url(../images/location.jpg);*/
    /* background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */
    min-height: 500px;
    position: relative;

    overflow: hidden;
}
.location-map #map{position: initial !important;}

.tracking-location {
    background-color: rgb(27 70 120 / 68%);
    width: 100%;
    min-height: 90px;
    margin-left: 0px;
    position: absolute;
    bottom: 0px;
}

.tracking-icon {
    width: 32px;
    height: 32px;
    background-color: #00C4FF;
    border-radius: 100px;
    text-align: center;
    padding: 8px 8px;
    margin-left: 45px;
    margin-top: 10px;
}

.tracking-title h5 {
    color: #fff;
    font-size: 13px;
    margin-top: 10px;
    font-weight: 500;
    min-width: 100px;
    text-align: center;
}

.completed-icon {
    background-color: #62B70F;
}

.status-list ul {
    list-style: none;
}

.status-list ul li:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    z-index: 99;
    background: #13b4e5;
    border-radius: 100px;
    left:0px;
    margin-top: 50px;
}

.status-list ul:after {
    content: '';
    border-left: 1px solid #D9E0E2;
    min-height: 300px;
    position: absolute;
    left: -3px;
    right: 0px;
}

.status-block h5 {
    color: #152D54;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 20px;
}

.list-box {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 1px 5px #929292;
    border-radius: 5px;
    margin-bottom: 20px;
    display: inline-block;
    z-index: 2;
    position: relative;
    width: 100%;
}

.btn-pickup {
    background: #B6E8F8;
    border: 1px solid #13B4E5;
    padding: 4px 10px;
    margin: 0px;
    font-size: 12px;
    color: #152D54;
    border-radius: 15px;
}

.d-title {
    font-size: 12px;
    color: #152D54;
    font-weight: 600;
    padding: 0px 0px 0 10px;
}

.date {
    font-size: 12px;
    color: #152D54;
    font-weight: 600;
    padding: 0px 0px;
}

.address {
    color: #656565;
    font-size: 12px;
    padding: 4px 10px;
    border-bottom: 1px solid #E8E8E8;
}

.location-add {
    color: #152D54;
    font-size: 11px;
    padding: 0px 2px;
}

.item-weight {
    color: #152D54;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    float: right;
}

.btn-delivery {
    background: #AFC8F1;
    border: 1px solid #84A0CE;
    padding: 4px 10px;
    margin: 0px;
    font-size: 12px;
    color: #152D54;
    border-radius: 15px;
}

.pickup-block {
    margin-bottom: 6px;
    position: relative;
}

.delery-block {
    position: relative;
}

.shiment-title {
    background: linear-gradient(to right, #152d54 0%, #13b4e5 100%);
    color: #fff;
    padding: 10px 10px;
}

.routing_col {
    background: #fff;
    padding: 15px 0;
}

.shiment-title h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
}

.list-details-box {
    box-shadow: 0px 1px 10px rgb(26 47 71 / 50%);
    margin-bottom: 25px;
    padding: 10px 6px;
    border-radius: 4px;
}

.list-details-box ul {
    list-style: none;
}

.pic-icon {
    display: inline-block;
    float: left;
    width: 25px;
    height: 25px;
    text-align: center;
    border: 1px solid #13b4e5;
    border-radius: 100px;
    margin: 2px 5px 2px 2px;
}

.shiment-icon h6 {
    font-size: 14px;
    color: #152D54;
    font-weight: 700;
    padding: 4px;
    margin: 0px;
}

.shiment-icon p {
    font-size: 12px;
    color: #13B4E5;
    padding: 0px 0px 0px 35px;
    font-weight: 700;
    margin: 0px;
}

.shiment-icon {
    padding-top: 5px;
    padding-left: 5px;
}

.num-val h6 {
    font-size: 11px;
}

.val-num h6 {
    font-size: 11px;
}

.vehicle-info-block {
    width: 98%;
    background: #fff;
    box-shadow: 2px 2px 8px rgb(21 45 84 / 50%);
    margin: 0px auto;
    padding-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.vehicle-icon {
    width: 36px;
    height: 36px;
    background: #00c4ff;
    border-radius: 100%;
    float: left;
    display: inline-block;
}

.vehicle-icon {
    width: 36px;
    height: 36px;
    background: #00c4ff;
    border-radius: 100px;
    float: left;
    text-align: center;
    display: flex;
    padding: 8px;
    margin: 0px 7px 0px 0px;
}

.vehicle-infoIcon h5 {
    color: #152D54;
    margin: -4px 0px 0px 0px;
    font-size: 15px;
    font-weight: 700;
}

.vehicle-infoIcon p {
    color: #656565;
    padding: 0px 0px 0px 25px;
    font-size: 14px;
    font-weight: 400;
}

.Vinfo-title {
    padding: 15px 0px;
    color: #1b4678;
    font-size: 18px;
    font-weight: 700;
}

.tracking-location:before {
    content: '';
    background-color: #62B70F;
    position: absolute;
    width: 80%;
    height: 10px;
    top: 25px;
    margin: 0px auto;
    right: 0px;
    left: 0px;
    border: 2px solid #152D54;
    border-radius: 30px;
}



.shipment-overview-block {
    background: #F6F6F6;
    padding: 15px 15px;
}

.num-val1 h6 {
    font-size: 11px;
}

.pickup-block span.item-weight {
    position: absolute;
    right: 0px;
    top: 4px;
}

.delery-block span.item-weight {
    position: absolute;
    right: 0px;
    top: 4px;
}

.searchbar {
    position: relative;
    min-width: 50px;
    width: 0%;
    height:48px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s
}

.searchbar-input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: #13263e;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0px 55px 0px 20px;
    font-size: 20px;
    color: #fff
}

.searchbar-input::-webkit-input-placeholder {
    color: #fff
}

.searchbar-input:-moz-placeholder {
    color: #fff
}

.searchbar-input::-moz-placeholder {
    color: #fff
}

.searchbar-input:-ms-input-placeholder {
    color: #fff
}

.searchbar-icon,
.searchbar-submit {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    font-family: verdana;
    font-size: 22px;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #12263e;
}

.searchbar-open {
    width: 100%
}

.vehicle-icon svg {
    text-align: center;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 3px;
}

.section {
    position: relative;
}

.error-box {
    padding: 50px 0 50px;
    background: #eaedf0;
}

.error-box h1 {
    color: #2c3740;
    font-size: 36px;
    letter-spacing: -0.5px;
    margin: 92px 0 3px;
}

.error-box span {
    font-size: 15px;
    letter-spacing: -0.3px;
}

.error-box .button {
    margin: 24px auto 0;
}

.home-link {
    border: 1px solid transparent;
}

.center {
    text-align: center;
    margin: 0 auto;
}

.query {
    padding: 20px 0;
}

.button {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    width: 174px;
    padding: 15px 0;
    text-align: center;
    background: #e04622;
    display: block;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    border: 1px solid transparent;
    font-weight: 800;
}

.ellipsisText{text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 200px;
    display: inline-block;}

.routing-block{overflow: hidden;}
.tracking-location{min-height: 102px;}
.tracking-icon{    padding: 9px 0px;}
.pic-icon{padding: 5px;}



/* TRACKING SEARCH */
.loginImg{margin:auto; display:block; padding-top:0%;     width: 80%;}
.searchbar-input::-webkit-input-placeholder {
    color:#535353;
    font-weight:500;
    font-size: 16px;
}

.searchbar-input:-moz-placeholder {
    color:#535353;
    font-weight:500;
    font-size: 16px;
}

.searchbar-input::-moz-placeholder {
    color:#535353;
    font-weight:500;
    font-size: 16px;
}

.searchbar-input:-ms-input-placeholder {
    color:#535353;
    font-weight:500;
    font-size: 16px;
}


.trackingSearch{margin-top:20px;}
.trackingSearch .searchbar{
    width: 550px;
    margin: auto;
    display: block;
    float: inherit;
    border-radius: 30px;
    overflow: hidden;
    border: solid 2px #9098A9;
}

.trackingSearch .searchbar-input{ 
    border:transparent;
       border-radius: 30px;
    background: #fff; 
    color: #535353;
    font-size: 17px;
font-weight:600;
font-family: 'Poppins', sans-serif;
}

.trackingSearch .searchbar-icon, .searchbar-submit{
    border-radius: 30px;
    background: #8497B0 !important;
    line-height: 20px;
    width: 151px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.mainTrackingDataBlock.trackingDatawrapp{margin-top:12px;  }
.trackStatusWrapp .col-lg-3{flex: 0 0 20%;  max-width: 20%;}
.trackStatusWrapp .col-lg-6{flex: 0 0 60%; max-width: 60%;    padding: 0px 5px 0px 5px; }
.tracking-location.trackingStatusLoc{position: relative; min-height: auto;  background:#fff;   border-radius: 6px;
    box-shadow: 0px 3px 6px #00000029;}
.plr-15{padding-left:15px; padding-right:15px;  }

.trackCard{background:#4B607C; border-radius:6px; display:flex;     align-items: center;     min-height: 74px;  padding: 10px 10px;}
.trackCardInfo{margin-left:10px;}
.trackCardInfo p{color:#D5DCEB; margin:0px 0px 3px 0px;     font-size: 12px;}
.trackCardInfo h4{color:#fff; margin:0px;     font-size: 13px;}
.trackCard img{filter: brightness(0) invert(1);     width: 24px; opacity:0.9;}
.tsLocFlex{display:flex;     justify-content: space-between;}
.tsLoc{display:flex;     position: relative;}
.trackStatusWrapp{margin-bottom:12px;}
.tsLoc .tracking-title h5{color:#61748E; text-align:left; padding-right: 7px;    padding-left:0px;
    background: #fff;
    display: inline;}

.tracking-location.trackingStatusLoc:before{top: 30px; height: 2px;  background-color: #61748E;
display:none;}
.tsLoc .tracking-title {padding-top: 22px;  width:98px;  position: relative;    z-index: 1;}
.tsLoc .tracking-icon{background:#fff; border-radius:0;}
.tsLoc  .tracking-icon.completed-icon{background-color:#fff;}
.tsLoc .tracking-icon.completed-icon svg{ filter:invert(5%) sepia(54%) saturate(2436%) hue-rotate(86deg) brightness(105%) contrast(121%); }
.tsLoc .tracking-icon.completed-icon .tracking-title h5{color:#2CBC57;}

/* filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%); */



.location-map{ min-height: 410px;}

.loginTrakingRight{padding-left:0px !important;}

  

  
.loginTrakingRight .card .card-header .btn-header-link:after {
    content: "\f107";
    font: normal normal normal 20px / 1 FontAwesome;
    float: right;
  }
  
.loginTrakingRight .card .card-header .btn-header-link.collapsed:after {
    content: "\f106";
  }
  
.loginTrakingRight .card-header{    padding: 0px;}
.loginTrakingRight .card-header a.btn-header-link{  
    width: 100%;
    text-align: left;
    background: #869cb9;
    padding: 9px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.loginTrakingRight .card-body{ padding: 10px;}
.loginTrakingRight .pic-icon{border:none;  padding:5px 0px; margin: 0px;}
.loginTrakingRight .list-group{list-style: none;     margin-bottom:10px;}
.loginTrakingRight .shiment-icon{padding-top: 0px; padding-left:0px;     margin-left: -4px;}
.loginTrakingRight .shiment-icon h6{font-size: 13px; color: #61748E; font-weight: 500;}
.loginTrakingRight .shiment-icon p {font-size: 12px;  color: #1B428A;}
.loginTrakingRight .status-list{  margin-left:0px;  padding-left: 0px;
    overflow-y: auto;
 min-height: 256px; 
    max-height: 256px;
}
.loginTrakingRight .status-list ul:after{display:none;}
.loginTrakingRight .status-list ul li:after{
    content: "";
    border-left: 2px solid #BFC2C3;
    position: absolute;
    width: 2px;
    height: 100%;
    top: 22px;
    left: 11px;
}
.loginTrakingRight .status-list ul li:before{    background: #BFC2C3;     width: 24px;
    height: 24px;}
.loginTrakingRight .pic-icon svg{width: 12px;  height: 18px;}
.loginTrakingRight .fa-long-arrow-down{ color:#0097D6;   text-align: left;
    display: block;
    padding-left: 68px;
    font-size: 14px;
    margin:5px 0px;}
    .loginTrakingRight .shiment-icon p{padding: 0px 0px 0px 26px;}

    .loginTrakingRight .d-title{color: #61748E;    display: block;   padding:4px 0px 0 0px;}
    .loginTrakingRight .date{color:#61748E; font-weight:400;     padding: 0px 0px 2px 0px;}
    .loginTrakingRight .list-box{box-shadow:none;   background: transparent;  margin-bottom: 5px;
        padding-left: 30px;}
    .loginTrakingRight  .status-list ul li:before {       font-size: 16px; content: "\2713" !important; font-family:FontAwesome; }

    .loginTrakingRight .status-list ul{position:relative;}
    .loginTrakingRight .status-list ul:after{left: 10px;}
    .loginTrakingRight .btn-pickup{display:none;}
    .loginTrakingRight .address{ display:none;}
    .loginTrakingRight .item-weight{
        
    border-left: solid 1.4px #a1acbb;
    padding-left: 10px;
    margin-left: 10px;
    color: #61748E;
    position: initial !important;
    float: none;
    text-align: left;
    font-weight: 400;
    }
    .loginTrakingRight .location-add{ color: #61748E;}
    .transitStatusBl{display: flex; justify-content: space-between;}
    .transitStatusBl h3{color:#61748E; font-weight:600; font-size:16px; }
    .faDotsStatus{display:flex;}
    .transitStatusBl .greenDot{color:#4AD14E;}
    .transitStatusBl .grayDot{color:#BFC2C3;}
    .transitStatusBl .blueDot{color:#0097D6;}
    .faDotsStatus .fa{margin-left: 5px; font-size: 14px;}
    .transitStatusBl .status-list ul:after{min-height: calc(100% - 38px);}

    .loginTrakingRight .trackCard{  margin-bottom: 7px;  align-items: flex-start;}
    .loginTrakingRight .trackCard img {margin-top: 3px;}
.valNumBlock{display:flex; margin-top:7px;}
.valNumBlock .val-num{margin-right: 17px;   }
.valNumBlock  .val-num h6{margin-bottom: 2px;  color: #D5DCEB;}
.valNumBlock  .val-num p{    color:#fff; font-weight:600;     font-size: 12px;}
.valNumBlock  .num-val1 h6{ margin-bottom: 2px;    color: #D5DCEB;}
.valNumBlock  .num-val1 p{    color:#fff; font-weight:600;     font-size: 12px;}
  
.cardTransitStatusBl{box-shadow: 0px 2px 8px #00000029;     padding: 10px;}
.vehicleInfoWrapp{    margin-top: 4px;}
.vehicleInfoWrapp p{color: #61748E;
margin:0px 0px 0px 0px;
font-size: 12px;
font-weight: 500;
padding:0px;
}

.vehicleInfoWrapp h5{color:#1B428A;
margin:0px 0px 0px 0px;
font-size: 12px;
font-weight: 600;
line-height: 18px;
}

.vehicleInfoWrapp .vehicle-info-block{width:100%;     padding: 12px 0px;}
.vehicleInfoWrapp .vehicle-infoIcon{display:flex;     align-items: flex-start;}
.vehicleInfoWrapp .vehicle-infoIcon img{margin-top: 3px;   width: 22px; margin-right: 10px;}

.mobileAppTrackingWrap .loginImg{
    width:auto;
    display:block;
    margin:auto;
}

/*--@media only screen and (min-width: 992px) and (max-width: 1500px) {

    .trackStatusWrapp .col-lg-8.leftLogin{flex: 0 0 69.666667%; max-width: 69.666667%;}
    .trackStatusWrapp .col-lg-4.rightLoginSvk{flex: 0 0 30.333333%; max-width: 30.333333%;}
    .trackCard{padding: 10px 9px;}
    .transitStatusBl h3{    font-size: 14px;}
    .trackCard img{    width: 25px;}
    .rightLoginSvk img{ width: 200px;}
    .rightLoginSvk h6{    font-size: 13px;}
    .trackStatusWrapp .col-lg-6{    padding: 0px 0px 0px 0px;}
    .tracking-title h5{    font-size: 13px;}
    .tracking-icon { width: 32px;}
        .tracking-icon svg{width: 19px;}
        .tsLoc .tracking-title {width:98px;}
        .tsLoc .tracking-icon:before{width: 33px !important;left: -31px !important;}
        .tracking-icon.completed-icon:before{width: 33px !important;left: -31px !important;}
        .loginTrakingRight .d-title{font-size: 10px;}
        .loginTrakingRight .date {font-size: 9px;}
        .loginTrakingRight .location-add{font-size: 10px;}
        .loginTrakingRight .item-weight{font-size: 10px;}
        .loginTrakingRight .status-list ul li:before{width: 20px; height: 20px;}
        .loginTrakingRight .status-list ul li:before {font-size: 13px;}
        .loginTrakingRight .list-box{    padding-left: 24px;}
        .loginTrakingRight .status-list ul li:after{    left: 9px;}
        .trackCardInfo h4{    font-size: 12px;}
}--*/



.tsLoc .tracking-icon:before {left: -98px !important; width: 96% !important;}
.trackStatusWrapp .col-lg-3.pickUpCard{    padding-right: 10px;}
.trackStatusWrapp .col-lg-3.etaCard{    padding-left: 10px;}
.tracking-icon .svgBgIcon{background-color:#fff;     position: relative;}


/*---
.tsLoc .tracking-icon:before{ left: -31px !important;   width: 31px !important;}
@media (min-width: 1480px) {
    .tsLoc .tracking-icon:before {
    left: -48% !important;
    width: 42% !important;
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tsLoc .tracking-icon:before {
        left: -63px !important;
        width: 59px !important;
    }
}--*/