/* main css
written by : Abhishek Singh; */
@font-face {
    font-family: 'Muli';
    src: url('../font/Muli-ExtraBold.eot');
    src: url('../font/Muli-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../font/Muli-ExtraBold.woff2') format('woff2'),
        url('../font/Muli-ExtraBold.woff') format('woff'),
        url('../font/Muli-ExtraBold.ttf') format('truetype'),
        url('../font/Muli-ExtraBold.svg#Muli-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}
/* @font-face {
    font-family: 'Muli';
    src: url('../font/Muli-Black.eot');
    src: url('../font/Muli-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/Muli-Black.woff2') format('woff2'),
        url('../font/Muli-Black.woff') format('woff'),
        url('../font/Muli-Black.ttf') format('truetype'),
        url('../font/Muli-Black.svg#Muli-Black') format('svg');
    font-weight: 900;
    font-style: normal;
} */
@font-face {
    font-family: 'Muli';
    src: url('../font/Muli-Bold.eot');
    src: url('../font/Muli-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Muli-Bold.woff2') format('woff2'),
        url('../font/Muli-Bold.woff') format('woff'),
        url('../font/Muli-Bold.ttf') format('truetype'),
        url('../font/Muli-Bold.svg#Muli-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Muli';
    src: url('../font/Muli-Light.eot');
    src: url('../font/Muli-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/Muli-Light.woff2') format('woff2'),
        url('../font/Muli-Light.woff') format('woff'),
        url('../font/Muli-Light.ttf') format('truetype'),
        url('../font/Muli-Light.svg#Muli-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Muli';
    src: url('../font/Muli-Regular.eot');
    src: url('../font/Muli-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Muli-Regular.woff2') format('woff2'),
        url('../font/Muli-Regular.woff') format('woff'),
        url('../font/Muli-Regular.ttf') format('truetype'),
        url('../font/Muli-Regular.svg#Muli-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*,*:before,*:after{box-sizing: border-box;}
body{font-family: "Muli";margin: 0;padding: 0;font-size: 14px;}
button, input, optgroup, select, textarea {font-family: 'Muli' !important;font-size: 100%;line-height: 1.15;margin: 0;}

/* anchor tag style */
a{color: #202020;margin: 0;padding: 0;outline: none;}
a:hover,a:focus{color: rgb(235, 26, 58);text-decoration: none;}

/* input style */
input[type="text"],input[type="submit"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

/* Select style */
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;background: url(../images/down-arrow.png) no-repeat center right 0px;border: none;padding-right: 15px;}

/* ul style */
ul,ol{padding: 0;margin: 0;list-style: none;}

/* Font Family */
.font1{font-family: 'Muli';}

/* Image Style */
img{max-width: 100%;}

/* Font size */
.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;}
.font17{font-size: 17px;}
.font18{font-size: 18px;}
.font19{font-size: 19px;}
.font20{font-size: 20px;}
.font21{font-size: 21px;}
.font22{font-size: 22px;}
.font23{font-size: 23px;}
.font24{font-size: 24px;}
.font25{font-size: 25px;}
.font26{font-size: 26px;}
.font27{font-size: 27px;}
.font28{font-size: 28px;}
.font29{font-size: 29px;}
.font30{font-size: 30px;}
.font32{font-size: 32px;}
.font34{font-size: 34px;}
.font36{font-size: 36px;}
.font38{font-size: 38px;}
.font40{font-size: 40px;}

/* Font Weight */

.extrabold{font-weight: 800;}

/* background-images */
.icons, .iconsPudo::before, .iconsPudo::after{background: url("../images/css_sprites.png") no-repeat top left;}
.iconsPudo::before, .iconsPudo::after{content: '';position: absolute;}

/* background colors */
.bgWhite{background: #fff;}
.bgBlack{background: #000;}
.bgButton{background: #253678;}
.bgContact{background: #f2f4f5;}
.bgAbout{background: #d3d7e4;}

/* colors */
.colorWhite{color: #fff;}
.colorBlack{color: #000;}
.colorTwoZero{color: #202020;}
.colorTheme{color: #253678;}
.colorTriple5{color: #555;}

/* borders */
.border1{border: 1px solid #253678;}
.border2{border: 1px solid #dbdbdb;}
.borderTop1{border-top: 1px solid #d4d4d4;}

/* placeholder color change */
::-webkit-input-placeholder {color:#555;}/* Chrome/Opera/Safari*/
::-moz-placeholder {color: #555;}/* Firefox 19+*/
:-ms-input-placeholder {color: #555;}/* IE 10+*/
:-moz-placeholder {color: #555;}/*Firefox 18-*/

/* -----------------------------------------------------------------Footer----------------------------------------------------------------------- */

.fa.fa-chevron-up {width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}

/* ------------------------------------------------------------------Home------------------------------------------------------------------------ */

.bannerBg{background: url(../images/home/banner.jpg) no-repeat center center;height: 670px;}
.solutionBg{background: url(../images/home/atmSolutionsImg.jpg) no-repeat center center;height: 543px;}
.enquireForm button:hover {color: #eb1a3a;}
.close {position: absolute;right: 10px;top: 0;}
.enquireForm .form-group {	position: relative;margin-bottom: 0.5rem;}
.enquireForm i.fa.fa-caret-down {	position: absolute;	right: 12px;	top: 12px;}

/* ----------------------------------------------------------------About------------------------------------------------------------------------- */

.aboutBanner{background: url(../images/about/aboutBanner.png) no-repeat center center;height: 318px;}
.aboutMichiAtm ul {list-style-type: disc;padding-left: 20px;margin-bottom: 25px;}
.thisBookSlice {box-shadow: 0 7px 10px rgba(0,0,0,0.2);}
.thisBookSlice .userImg {width: 70px;height: 70px;}
.missionVissionblock ul {list-style-type: disc;padding-left: 17px;}

/* -------------------------------------------------------------------Contact-------------------------------------------------------------------- */

.contactBanner{background: url(../images/contact/contactBanner.jpg)no-repeat center center;height: 318px;}
.contact-Page .footerBlue {display: none;}
.svgBlock img {max-width: 15px;margin-top: 5px;}
.map300{height: 300px;}

/* ---------------------------------------------------------------Media query-------------------------------------------------------------------- */

@media screen and (min-width:1199px)
{
    /* .missionVissionblock::before {content: "";background: #fff;position: absolute;height: 35px;width: 100%;top: -12px;left: 0;}
    .missionVissionblock::after {content: "";background: #fff;position: absolute;height: 35px;width: 100%;bottom: -14px;left: 0;} */
    .aboutMichiContentPart{max-width: 510px;}
    .thisBookSlice {        min-height: 493px;    }
    .sliceHead {        height: 90px;    }
}

@media screen and (min-width:992px)
{
    .contactFormblock {margin-top: -100px;background: #fff;border-radius: 5px;box-shadow: 0 15px 10px rgba(0,0,0,0.1);overflow: hidden;}
    .contactTop {margin-top: -75px;}
    .contactFormblock .col-lg-7 {padding-right: 30px;padding-left: 30px;}
}

@media screen and (min-width:576px) and (max-width:991px)
{
    .aboutGilsImg img {max-width: 500px;display: flex;margin: 20px auto;}
}

@media screen and (max-width:575px)
{
    .MenuBlock {position: fixed;left: -120%;flex-direction: column;top: 0;z-index: 9;background: #fff;height: 100%;width: 320px;padding: 30px 10px;box-shadow: 0 0 3px rgba(0,0,0,0.5);transition: all 0.5s;}
    .MenuBlock ul {flex-direction: column;}
    .fa-times-rectangle::before, .fa-window-close::before {content: "\f2d3";font-size: 22px;color: #253678;}
    .closeIcon {position: absolute;top: 10px;right: 10px;cursor: pointer;}
    .toggleMenu {position: absolute;left: 15px;top: 25px;cursor: pointer;}
    .fa-navicon::before, .fa-reorder::before, .fa-bars::before {content: "\f0c9";color: #253678;font-size: 22px;}
    .MenuBlock.show{left: 0px;}
    /*.botmToTop {position: fixed;bottom: 54px;right: 30px;}*/
    .bannerBg {background-position: top center;height: 640px;}
}