/*
TEMPLATE FOR MEDIA QUERIES
	@media screen and (min-width:1180px) {}
	@media screen and (min-width:880px) and (max-width:1179px) {}
    @media screen and (max-width:879px) {}

INDEX
	- OUR TEAM
*/
        /*-----------------------------------------------------------  OUR TEAM ------------------------*/
        
        .content dl dt {
            position: relative;
        }
        
        .content dt form {
            position: absolute;
            bottom: 0;
            width: 100%;
        }
        
        .content dt form a i {
            font-size: 16px;
            color: var(--color_pl2);
            padding: 4px 5px;
            background: var(--white);
            border-radius: 5px 5px 0;
        }
        
        .content dt form a:hover i {
            color: var(--color_p);
        }
        
        .content dd em {
            font-size: 17px;
            color: var(--color_c);
            font-weight: bold;
        }
        
        .content .extention,
        .content dd i {
            font-size: 14px !important;
            color: var(--color_cd5);
            font-weight: normal !important;
        }
        
        .content .fx_4 {
            text-align: center;
        }
        
        .content .flexC {
            padding: 15px 0 50px 0;
        }
        
        .mainline {
            background: var(--color_p);
            color: #FFFFFF;
            text-align: center;
            width: 100%;
            border-radius: 7px;
        }
        
        .mainline span {
            background: url(../images/phone-icon.png) no-repeat center left;
            padding: 10px 10px 10px 46px;
        }

        .mainline a:hover{
           color: var(--color_al) !important; 
        }
        
        a img:hover {
            opacity: 0.8;
        }
        
        section p {
            margin: 3px 0 12px 0;
        }
        
        .js_fixPosition {
            position: fixed;
            top: 96px;
            left: calc(50% - 138px);
        }
        
        form.email-area a {
            display: flex;
            font-size: 12px;
            justify-content: flex-start;
            background: white;
            align-items: center;
            max-width: 150px;
            margin: 0 auto;
            overflow: hidden;
        }

        @media (min-width: 600px) {
            .mainline {
                font-size: 20px;
                padding: 0 10px 0 5px;
            }
        }
        
        @media (max-width: 599px) {
            .mainline {
                font-size: 16px;
            }
            .mainline span {
                display: block;
            }
        }