/*Css Document*/

@font-face {
    font-family: 'CircularMedium';
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/webfont/circular/Circular-Medium.eot");
    src: url("../fonts/webfont/circular/Circular-Mediumd41d.eot?#iefix") format("embedded-opentype"),
    url("../fonts/webfont/circular/Circular-Medium.woff") format("woff"),
    url("../fonts/webfont/circular/Circular-Medium.ttf") format("truetype"),
    url("../fonts/webfont/circular/Circular-Medium.svg#Circular-Medium") format("svg");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'CircularBold';
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/webfont/circular/Circular-Bold.eot");
    src: url("../fonts/webfont/circular/Circular-Boldd41d.eot?#iefix") format("embedded-opentype"),
    url("../fonts/webfont/circular/Circular-Bold.woff") format("woff"),
    url("../fonts/webfont/circular/Circular-Bold.ttf") format("truetype"),
    url("../fonts/webfont/circular/Circular-Bold.svg#Circular-Bold") format("svg");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'circular';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/webfont/circular/Circular-Book.eot");
    src: url("../fonts/webfont/circular/Circular-Bookd41d.eot?#iefix") format("embedded-opentype"),
    url("../fonts/webfont/circular/Circular-Book.woff") format("woff"),
    url("../fonts/webfont/circular/Circular-Book.ttf") format("truetype"),
    url("../fonts/webfont/circular/Circular-Book.svg#Circular-Book") format("svg");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: 'CircularLight';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/webfont/circular/Circular-Light.eot");
    src: url("../fonts/webfont/circular/Circular-Lightd41d.eot?#iefix") format("embedded-opentype"),
    url("../fonts/webfont/circular/Circular-Light.woff") format("woff"),
    url("../fonts/webfont/circular/Circular-Light.ttf") format("truetype"),
    url("../fonts/webfont/circular/Circular-Light.svg#Circular-Light") format("svg");
    text-rendering: optimizeLegibility
}

.font-normal,.font-normal em, .font-normal i
{
    font-style:normal !important;
}
.font-circular,.font-circular a{
    font-family: 'circular' !important;
}
.font-circularbold,.font-circularbold a{
    font-family: 'CircularBold' !important;
}
.font-circularmedium,.font-circularmedium a{
    font-family: 'CircularMedium' !important;
}
.font-circularlight,.font-circularlight a{
    font-family: 'CircularLight' !important;
}
ul, ol{
    list-style: none;
}

.b-overlay { background-color: rgba(0,0,0,0.5); opacity: 0;}
/*.b-overlay { background-color: rgba(23,83,132,0.7); }*/

/*brand colors*/
.brand-alspat, .brand-alspat a{
    color: #1F3662 !important;
}
.brand-blue, .brand-blue a{
    color: #1A6ABA !important;
}
.brand-green, .brand-green a{
    color: #36c78a !important;
}
.brand-orange, .brand-orange a{
    color: #f04b38 !important;
}
.brand-yellow{
    color: #FFAE00 !important;
}
.brand-dark{
    color: #5F6F7F !important;
}
.brand-neutral{
    color: #9AA7B2  !important;
}


.bg-brand-alspat{
    background-color: #1F3662 !important;
}

.bg-brand-neutral {
    background-color: #9AA7B2 !important;
}
.bg-brand-blue {
    background-color: #1A6ABA !important;
}
.bg-brand-green{
    background-color: #36c78a !important;
}
.bg-brand-orange{
    background-color: #f04b38 !important;
}
.bg-brand-dark{
    background-color: #5F6F7F !important;
}
.bg-brand-yellow{
    background-color: #FFAE00 !important;
}

.m-auto {
    margin: auto !important; }

.mt-auto,
.my-auto {
    margin-top: auto !important; }

.mr-auto,
.mx-auto {
    margin-right: auto !important; }

.mb-auto,
.my-auto {
    margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
    margin-left: auto !important; }

.blog-big-item{
    border: 1px solid rgba(0,0,0,0.15);

    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

.blog-big-item img{
    border-top-left-radius: 0.2em;
    border-top-right-radius: 0.2em;
    width: 100%;
}

.blog-image{
    height: 260px;
    overflow-y: hidden;
}

.blog-social-links{
 width: 100%;
}

.blog-social-links a.link{
    margin: 0 0.5rem;
    color: #9AA7B2;
}

.blog-social-links a.link:first-child{
    margin-left: 0;
}
#blog .artitcle-title{
    margin-top: 1rem;
}
#blog .button{
    padding: .25rem 1.5rem;
}

.blog-small-item{
    height: 230px;
    overflow: hidden;
    margin-bottom: 1.5rem;

    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

.blog-small-item img{
    border-top-left-radius: 0.2em;
    border-top-right-radius: 0.2em;
    height: 99.98%;
}
.blog-small-content{
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    padding: 1rem;
    border-bottom-left-radius: 0.2em;
    border-bottom-right-radius: 0.2em;

    opacity: 0;

    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;

    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.blog-small-item:hover .blog-small-content{

    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.blog-small-item:hover, .blog-big-item:hover{
    -webkit-transform: scale(0.98);
}
.form input, form input,
.form select, form select,
.form textarea, form textarea{
    border-radius: 5px !important;
}

.contact_info .icon_title, .about_content .icon_title{
    margin-left: 1em;
}
.logo img{
    width: 150px !important;
}
[class*='btn']{
    border-radius: 100px !important;
}
.btn-primary { border-color: transparent !important; }