/* ############################################################### */
/******************************************************************
 
/*------------------------------------------------------------------


[Table of conTents (dr seven ideA)]
0. fonts
1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Filter Search
6.  Team Section
7.  Single Property
8.  Single Property Details
9.  Contact
10. Footer Style


-------------------------------------------------------------------*/

/******************************************************************
/* ############################################################### */

@font-face {
    font-family: 'Roosta';
    src: url('../fonts/Roosta.ttf') format('truetype');
}


/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html,
body {
    height: 100%;
    font-family: 'Roosta';
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-align: right;
    direction: rtl
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #111111;
    font-weight: 600;
}

h1 {
    font-size: 70px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 14px;
    color: #3347aa;
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0 15px 0;
}

img {
    max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

ul,
ol {
    padding: 0;
    margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
    margin-bottom: 88px;
    text-align: center;
}

    .section-title h2 {
        color: #ccc;
        font-size: 36px;
        font-weight: 400;
        line-height: 48px;
    }

        .section-title h2 span {
            color: #30304e;
            font-weight: 500;
        }

.set-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.spad {
    padding-top: 70px;
    padding-bottom: 61px;
}

.spad-2 {
    padding-top: 50px;
    padding-bottom: 70px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
    color: #fff;
}

/* buttons */

.site-btn {
    display: inline-block;
    border: 1px solid #e9e3e3;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 20px;
    border-radius: 4px;
    color: #fff;
    line-height: normal;
    background-color: #3347aa;
}

/* Preloder */

#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: rgba(51, 71, 170, 0.84);
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    animation: loader 0.8s linear infinite;
    -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }

    50% {
        -webkit-transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }

    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

.elements-section {
    padding-top: 100px;
}

.el-title {
    margin-bottom: 75px;
}

.element {
    margin-bottom: 100px;
}

    .element:last-child {
        margin-bottom: 0;
    }

/*---------------------
  Header Section
-----------------------*/

.header-section {
    padding: 25px 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
}

.logo {
    float: right;
    display: inline-block;
}

.main-menu {
    float: left;
    display: inline-block;
}

    .main-menu li {
        display: inline-block;
        float: right;
    }

    .main-menu a {
        color: #fff;
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        margin-left: 35px;
        padding: 4px 5px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .main-menu a:hover {
            color: #00ff4e;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

.slicknav_menu {
    display: none;
}

.top-social {
    display: inline-block;
    margin-left: 55px;
}

    .top-social a {
        display: inline-block;
        color: #fff;
        font-size: 14px;
        margin-left: 2px;
        padding: 4px 3px;
        border: 2px solid transparent;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        text-align: center;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .top-social a:hover {
            border: 2px solid #fff;
        }

/*---------------------
  Hero Section
-----------------------*/

.hero-section {
    height: 633px;
    position: relative;
    z-index: 1;
}

    .hero-section .home-page {
        margin-bottom: -57px;
    }

    .hero-section:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(51, 71, 170, 0.77);
        content: "";
        z-index: -1;
    }

.hero-text {
    padding-top: 272px;
    text-align: center;
}

    .hero-text h2 {
        font-size: 48px;
        font-weight: 300;
    }

    .hero-text h1 {
        font-size: 72px;
        font-weight: 300;
    }

.hero-section.search-result,
.hero-section.about-us,
.hero-section.single-property-r,
.hero-section.blog {
    height: 400px;
}

    .hero-section.search-result .hero-text,
    .hero-section.about-us .hero-text,
    .hero-section.single-property-r .hero-text,
    .hero-section.blog .hero-text {
        padding-top: 178px;
    }

/*---------------------
  Filter Search
-----------------------*/

.filter-search {
    margin-top: -57px;
    z-index: 9;
    position: relative;
}

    .filter-search.search-opt {
        z-index: 9;
        position: absolute;
        width: 100%;
        margin-top: 0;
    }

.filter-form {
    border-radius: 4px;
    background: #fff;
    height: 115px;
    -webkit-box-shadow: 2px 15px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 15px 30px rgba(0, 0, 0, 0.1);
}

.location {
    border-right: 1px solid #F3F3F3;
    float: left;
    padding: 20px 27px 29px;
    width: 18%;
}

    .location p {
        font-weight: 300;
        margin-bottom: 20px;
    }

    .location .nice-select.filter-location {
        border-bottom: 1px solid #E7E7E7;
        float: none;
        margin-top: -10px;
        height: 34px;
        line-height: 34px;
    }

        .location .nice-select.filter-location:after {
            border-bottom: 2px solid #3F3F4B;
            border-right: 2px solid #3F3F4B;
            height: 7px;
            width: 7px;
        }

        .location .nice-select.filter-location span {
            color: #3f3f4b;
            font-size: 16px;
            font-weight: 500;
        }

        .location .nice-select.filter-location .list {
            width: 100%;
            border-radius: 0;
            margin-top: 1px;
        }

.search-type {
    border-right: 1px solid #F3F3F3;
    float: left;
    padding: 20px 27px 29px;
    width: 18%;
}

    .search-type p {
        font-size: 14px;
        color: #3347aa;
        font-weight: 300;
        margin-bottom: 20px;
    }

    .search-type .nice-select.filter-property {
        border-bottom: 1px solid #E7E7E7;
        float: none;
        margin-top: -10px;
        height: 34px;
        line-height: 34px;
    }

        .search-type .nice-select.filter-property:after {
            border-bottom: 2px solid #3F3F4B;
            border-right: 2px solid #3F3F4B;
            height: 7px;
            width: 7px;
        }

        .search-type .nice-select.filter-property span {
            color: #3f3f4b;
            font-size: 16px;
            font-weight: 500;
        }

        .search-type .nice-select.filter-property .list {
            width: 100%;
            border-radius: 0;
            margin-top: 1px;
        }

.price-range {
    border-right: 1px solid #F3F3F3;
    float: left;
    padding: 20px 65px 43px 5px;
    width: 23%;
}

    .price-range p {
        font-size: 14px;
        color: #3347aa;
        font-weight: 300;
        margin-bottom: 28px;
    }

.range-slider {
    margin-left: 5px;
}

.ui-slider .ui-slider-handle.slider-left,
.ui-slider .ui-slider-handle.slider-right {
    width: auto;
    height: 25px;
    margin-top: -8px;
    line-height: 25px;
    font-size: 12px;
    padding: 0 3px;
    border: none;
}

.ui-slider-horizontal {
    height: 2px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #30304E;
    font-weight: 500;
    color: #ffffff;
}

.bedrooms {
    border-right: 1px solid #F3F3F3;
    float: left;
    padding: 20px 25px 31px 25px;
    width: 16%;
}

    .bedrooms p {
        font-size: 14px;
        color: #61616e;
        font-weight: 300;
        margin-bottom: 13px;
    }

.bathrooms {
    float: left;
    padding: 20px 25px 31px 25px;
    width: 16%;
}

    .bathrooms p {
        font-size: 14px;
        color: #3347aa;
        font-weight: 300;
        margin-bottom: 13px;
    }

.room-filter-pagi .bf-item {
    display: inline-block;
}

    .room-filter-pagi .bf-item input[type=radio] {
        visibility: hidden;
        position: absolute;
    }

        .room-filter-pagi .bf-item input[type=radio]:checked + label {
            background: #1383d3;
        }

    .room-filter-pagi .bf-item label {
        display: inline-block;
        background: #5277a3;
        padding: 8px 9px;
        line-height: 13px;
        border-radius: 4px;
        cursor: pointer;
        color: #fff;
    }

    .room-filter-pagi .bf-item:last-child label {
        padding: 8px 5px;
    }

.room-filter-pagi a {
    display: inline-block;
    background: #3347aa;
    padding: 8px 9px;
    line-height: 13px;
    margin-right: -3px;
    border-radius: 4px;
    color: #fff;
}

    .room-filter-pagi a:last-child {
        padding: 8px 5px;
    }

    .room-filter-pagi a:nth-child(2) {
        background: #1383d3;
    }

.search-btn {
    width: 9%;
    float: left;
}

    .search-btn button[type=submit] {
        font-weight: 800;
        background: #1383d3;
        border: none;
        border-radius: 0 4px 4px 0;
        cursor: pointer;
        padding: 42px 40px 43px 31px;
        display: inline-block;
        font-size: 18px;
        color: #fff;
    }

        .search-btn button[type=submit]:hover {
            background: #3347aa;
        }

        .search-btn button[type=submit] i {
            margin-right: 10px;
        }

.nice-select {
    background-color: transparent;
    border-radius: 0;
    border-bottom: solid 1px #E7E7E7;
    border: 0;
    padding-left: 0;
}

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

.about-us .about-text-warp {
    background: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 100px 15px;
}

.about-us .about-text {
    max-width: 560px;
}

    .about-us .about-text h2 {
        color: #fff;
        font-size: 36px;
        line-height: 48px;
        font-weight: 500;
        margin-bottom: 25px;
    }

    .about-us .about-text p {
        color: #ddddde;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 32px;
    }

    .about-us .about-text .site-btn.a-btn {
        background: #1383d3;
        border: none;
        color: #fff;
    }

.about-us .about-img {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}

    .about-us .about-img img {
        display: inline-block;
        width: 70%;
        height: 337px;
        float: left;
    }

    .about-us .about-img .l-img {
        height: 399px;
    }

    .about-us .about-img .r-img {
        width: 30%;
        height: 736px;
        display: inline-block;
        margin-top: -337px;
        float: right;
    }

/*---------------------
  Team
-----------------------*/

.team-section {
    padding-top: 82px;
    padding-bottom: 70px;
}

    .team-section .single-team .membr-pic img {
        width: 100%;
    }

    .team-section .single-team .membr-info h2 {
        font-size: 30px;
        color: #30304e;
        font-weight: 500;
        margin-bottom: 2px;
    }

    .team-section .single-team .membr-info p {
        font-size: 18px;
        color: #ccc;
        font-weight: 400;
    }

    .team-section .single-team .membr-info {
        margin-bottom: 43px;
    }
/*---------------------
  Counter
-----------------------*/

.b-top {
    padding-top: 94px;
    padding-bottom: 70px;
    border-top: 1px solid #DADAE1;
}

.single-counter .counter-img {
    float: right;
}

    .single-counter .counter-img img {
        display: inline-block;
        margin-left: 25px;
    }

.single-counter .counter-info {
    display: inline-block;
}

    .single-counter .counter-info span {
        color: #30304e;
        display: inline-block;
        font-size: 60px;
        font-weight: 500;
        line-height: 45px;
        margin-bottom: 13px;
    }

    .single-counter .counter-info p {
        color: #ccc;
        font-size: 18px;
        font-weight: 400;
    }

/*---------------------
  Map
-----------------------*/

.map {
    width: 100%;
}

    .map iframe {
        width: 100%;
        height: 750px;
        border: none;
    }

/*---------------------
  Single Property
-----------------------*/

.spad-p {
    padding-bottom: 8px;
}

.single-property {
    padding-top: 36px;
}

.property-title {
    float: right;
}

    .property-title h3 {
        color: #30304e;
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 7px;
    }

    .property-title a {
        color: #ccc;
        font-weight: 400;
        font-size: 18px;
        display: inline-block;
    }

        .property-title a i {
            color: #000;
        }

.property-price {
    float: left;
}

    .property-price p {
        color: #3347aa;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: -4px;
    }

    .property-price span {
        color: #30304e;
        font-size: 30px;
        font-weight: 500;
    }

.property-img.owl-carousel .owl-item img {
    width: 100% !important;
}

.property-img.owl-carousel .owl-item img {
    border-radius: 4px;
    display: inline-block;
    width: auto;
}

.property-img .owl-nav button[type=button] {
    position: absolute;
    left: -23px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #1383d3;
    width: 44px;
    height: 44px;
    display: inline-block;
    line-height: 44px;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
}

.property-img.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -23px;
}

.popular-room-features.single-property {
    margin-bottom: 0;
}

/*---------------------
  Single Property Details
-----------------------*/

.pb-30 {
    padding-bottom: 30px;
}

.spt-40 {
    padding-top: 40px;
}

.p-ins {
    padding: 0 20px 15px 25px;
    -webkit-box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
}

.details-top {
    padding: 25px 0;
    margin-bottom: 35px;
    border-bottom: 1px solid #f3f3f3;
    margin-left: -25px;
    margin-right: -20px;
}

.t-details .register-id {
    float: left;
}

    .t-details .register-id p {
        color: #ccc;
        font-size: 18px;
        font-weight: 400;
        margin-top: 17px;
    }

        .t-details .register-id p span {
            display: inline-block;
            color: #30304e;
        }

.t-details .popular-room-features.single-property {
    padding-top: 0;
    float: right;
}

    .t-details .popular-room-features.single-property .size {
        float: left;
    }

    .t-details .popular-room-features.single-property .beds {
        float: left;
        margin-left: 30px;
    }

    .t-details .popular-room-features.single-property .baths {
        float: left;
        margin-left: 30px;
    }

    .t-details .popular-room-features.single-property .garage {
        float: left;
        margin-left: 30px;
    }

.property-description,
.property-features,
.location-map {
    margin-bottom: 28px;
}

    .property-description a {
        color: #3347aa;
    }

        .property-description a:hover {
            color: #1383d3;
        }

    .property-description b {
        color: #8224e3;
    }


    .property-description h4,
    .property-features h4,
    .location-map h4 {
        color: #30304e;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 18px;
    }

    .property-description p,
    .property-features p,
    .location-map p {
        color: #9a928a;
        font-size: 14px;
        font-weight: 300;
        margin: 0;
    }

    .property-description iframe,
    .property-features iframe,
    .location-map iframe {
        width: 100%;
        height: 355px;
        border: 0;
    }

    .property-features h4 {
        margin-bottom: 13px;
    }

    .property-features .property-table {
        margin-left: -25px;
        margin-right: -20px;
        overflow-y: auto;
    }

        .property-features .property-table table {
            width: 100%;
            min-width: 350px;
        }

            .property-features .property-table table tr:nth-child(even) {
                background: #F8F8F9;
            }

            .property-features .property-table table tr td {
                padding-top: 8px;
                padding-bottom: 9px;
                padding-left: 25px;
                font-size: 15px;
                font-weight: 400;
                color: #30304e;
                width: 120px;
            }

                .property-features .property-table table tr td img {
                    margin-right: 13px;
                    height: 16px;
                }

.location-map {
    margin-bottom: 0;
}

    .location-map h4 {
        margin-bottom: 24px;
    }

.contact-service {
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
    padding-top: 30px;
    padding-bottom: 40px;
    text-align: center;
}

    .contact-service img {
        margin-bottom: 12px;
    }

    .contact-service p {
        color: #ccc;
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 6px;
    }

    .contact-service h5 {
        color: #30304e;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .contact-service table {
        width: 100%;
        margin-bottom: 32px;
    }

        .contact-service table tr:nth-child(odd) {
            background: #F8F8F9;
        }

        .contact-service table tr td {
            color: #ccc;
            font-size: 16px;
            font-weight: 300;
            padding: 10px 0;
        }

            .contact-service table tr td span {
                color: #30304e;
                display: inline-block;
            }

    .contact-service .site-btn.list-btn {
        color: #fff;
        background: #1383d3;
        border: none;
    }

/*---------------------
  Blog
-----------------------*/

.blog-section {
    padding-top: 53px;
    padding-bottom: 55px;
}

.blog-item {
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
    margin-bottom: 45px;
}

    .blog-item:last-child {
        margin-bottom: 30px;
    }

    .blog-item .blog-pic {
        border-radius: 4px 4px 0 0;
    }

    .blog-item .blog-text {
        padding-left: 22px;
        padding-top: 29px;
        padding-bottom: 34px;
        padding-right: 11px;
        position: relative;
    }

        .blog-item .blog-text:after {
            position: absolute;
            left: 0;
            top: 97px;
            width: 100%;
            height: 2px;
            background: #f3f3f3;
            content: "";
        }

        .blog-item .blog-text .blog-title {
            margin-bottom: 30px;
        }

            .blog-item .blog-text .blog-title h5 {
                color: #30304e;
                font-size: 18px;
                font-weight: 500;
                margin-bottom: 5px;
            }

            .blog-item .blog-text .blog-title p {
                display: inline-block;
                padding: 0;
            }

            .blog-item .blog-text .blog-title .blog-time {
                margin-right: 10px;
                position: relative;
            }

                .blog-item .blog-text .blog-title .blog-time i {
                    color: #000000;
                    position: absolute;
                    top: 0;
                }

                .blog-item .blog-text .blog-title .blog-time span {
                    display: inline-block;
                    margin-right: 28px;
                    font-size: 14px;
                    font-weight: 300;
                    color: #ccc;
                }

            .blog-item .blog-text .blog-title .blog-posted {
                position: relative;
            }

                .blog-item .blog-text .blog-title .blog-posted i {
                    color: #000000;
                    position: absolute;
                    top: 0;
                }

                .blog-item .blog-text .blog-title .blog-posted span {
                    display: inline-block;
                    font-size: 14px;
                    font-weight: 300;
                    color: #ccc;
                    margin-right: 30px;
                }

    .blog-item p {
        color: #ccc;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .blog-item .site-btn.blog-btn {
        border: none;
        background: #3347aa;
        color: #fff;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .blog-item .site-btn.blog-btn:hover {
            background: #1383d3;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

.blog-pagination {
    margin-bottom: 30px;
}

    .blog-pagination a {
        color: #ccc;
        font-size: 16px;
        font-weight: 500;
        display: inline-block;
        padding: 5px 12px;
        background: #fff;
        border: 2px solid #ADADBC;
        border-radius: 4px;
        margin-right: 5px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .blog-pagination a:hover {
            background: #1383d3;
            color: #fff;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .blog-pagination a:first-child {
            background: #3347aa;
            color: #fff;
            border-color: #3347aa;
        }

.blog-right {
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
    padding-top: 22px;
    padding-left: 22px;
    padding-right: 22px;
    padding-bottom: 43px;
    margin-bottom: 33px;
}

    .blog-right .category-search {
        position: relative;
    }

        .blog-right .category-search input {
            border: none;
            border-radius: 50px;
            background: #F6F6F6;
            color: #ccc;
            display: inline-block;
            font-size: 14px;
            font-weight: 300;
            margin-bottom: 27px;
            padding: 22px;
            width: 100%;
            height: 41px;
        }

        .blog-right .category-search button {
            border: none;
            border-radius: 50px 0 0 50px;
            background: #1383d3;
            cursor: pointer;
            display: inline-block;
            padding-top: 11px;
            padding-left: 27px;
            padding-bottom: 12px;
            padding-right: 22px;
            position: absolute;
            left: 0;
            top: 0px;
            font-size: 14px;
            color: #fff;
            font-weight: 400;
        }

        .blog-right .category-search h5 {
            color: #30304e;
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 16px;
        }

        .blog-right .category-search .categories-table {
            margin-left: -22px;
            margin-right: -22px;
        }

            .blog-right .category-search .categories-table img {
                margin-right: 22px;
            }

            .blog-right .category-search .categories-table a {
                color: #3347aa;
                font-size: 16px;
                font-weight: 500;
                padding-right: 10px;
                -webkit-transition: 0.3s;
                transition: 0.3s;
            }

                .blog-right .category-search .categories-table a:hover {
                    color: #8224e3;
                    -webkit-transition: 0.3s;
                    transition: 0.3s;
                }

            .blog-right .category-search .categories-table table {
                margin-bottom: 20px;
                width: 100%;
            }

                .blog-right .category-search .categories-table table tr:nth-child(odd) {
                    background: #F8F8F9;
                }

                .blog-right .category-search .categories-table table tr td {
                    color: #ccc;
                    font-size: 16px;
                    font-weight: 300;
                    padding-left: 22px;
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

    .blog-right .instagram-info {
        margin-left: -22px;
        margin-right: -22px;
        margin-bottom: 27px;
    }

        .blog-right .instagram-info h5 {
            color: #30304e;
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 25px;
            padding-left: 22px;
        }

        .blog-right .instagram-info .instagram-pic {
            overflow: hidden;
        }

            .blog-right .instagram-info .instagram-pic img {
                display: inline-block;
                height: 114px;
                width: 114px;
                margin-bottom: 10px;
                float: left;
            }

            .blog-right .instagram-info .instagram-pic .pic-1 {
                margin-right: 4px;
            }

            .blog-right .instagram-info .instagram-pic .pic-2 {
                margin-right: 4px;
            }

            .blog-right .instagram-info .instagram-pic .pic-4 {
                margin-right: 4px;
            }

            .blog-right .instagram-info .instagram-pic .pic-5 {
                margin-right: 4px;
            }

.our-agents h5 {
    color: #30304e;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 33px;
}

.our-agents .single-agent {
    margin-bottom: 19px;
    overflow: hidden;
}

    .our-agents .single-agent:last-child {
        margin-bottom: 0;
    }

    .our-agents .single-agent .agent-pic {
        float: left;
        margin-right: 17px;
    }

    .our-agents .single-agent .agent-info {
        overflow: hidden;
        margin-top: 5px;
    }

        .our-agents .single-agent .agent-info h5 {
            color: #30304e;
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 0;
        }

        .our-agents .single-agent .agent-info p {
            color: #ccc;
            font-size: 16px;
            font-weight: 300;
            margin-bottom: 0px;
        }

            .our-agents .single-agent .agent-info p span {
                color: #30304e;
                display: inline-block;
            }

/*---------------------
  Room Items
-----------------------*/

.p-45 {
    padding-bottom: 45px;
}

.spad.search-result {
    padding-top: 50px;
    padding-bottom: 70px;
}

.found-items h4 {
    float: left;
    font-size: 24px;
    color: #ccc;
    font-weight: 400;
}

    .found-items h4 span {
        font-weight: 500;
        color: #30304e;
    }

.found-items select {
    display: inline-block;
    float: right;
}

.found-items .nice-select.date-select {
    float: right;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-top: -26px;
    color: #30304e;
    background: #EEEEFF;
    padding-left: 10px;
}

    .found-items .nice-select.date-select:after {
        border-bottom: 2px solid #777785;
        border-right: 2px solid #777785;
        height: 7px;
        margin-top: -4px;
        width: 7px;
    }

    .found-items .nice-select.date-select span {
        margin-top: 10px;
    }

    .found-items .nice-select.date-select .list {
        margin-top: 10px;
        right: -17px;
        margin-left: -50px;
    }

.room-items {
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    overflow: hidden;
}

    .room-items .room-img {
        border-radius: 4px 4px 0 0;
        height: 290px;
        position: relative;
        width: 100%;
    }

        .room-items .room-img .room-content {
            display: inline-block;
            position: absolute;
            top: 8px;
            right: 15px;
        }

            .room-items .room-img .room-content i {
                color: #fff;
                display: inline-block;
            }

                .room-items .room-img .room-content i:hover {
                    color: #d3132b;
                }

    .room-items .room-text {
        padding: 15px;
        border-radius: 0 0 4px 4px;
    }

        .room-items .room-text .room-details {
            padding-bottom: 8px;
            overflow: hidden;
            margin-bottom: 9px;
            border-bottom: 1px solid #f3f3f3;
            margin-left: -15px;
            margin-right: -15px;
        }

            .room-items .room-text .room-details .room-title {
                padding: 0 15px;
            }

                .room-items .room-text .room-details .room-title h5 {
                    color: #3347aa;
                    font-size: 18px;
                    font-weight: 500;
                    margin-bottom: 6px;
                }

                .room-items .room-text .room-details .room-title > a {
                    display: inline-block;
                    position: relative;
                    float: left;
                    margin-right: 10px;
                }

                .room-items .room-text .room-details .room-title a i {
                    display: inline-block;
                    color: #000000;
                    position: absolute;
                    top: -1px;
                }

                .room-items .room-text .room-details .room-title a span {
                    display: inline-block;
                    color: #3347aa;
                    font-size: 10px;
                    font-weight: 500;
                    margin-right: 23px;
                }

        .room-items .room-text .room-features {
            overflow: hidden;
            padding-bottom: 15px;
            margin-bottom: 12px;
            border-bottom: 1px solid #f3f3f3;
            margin-left: -30px;
            margin-right: -20px;
        }

            .room-items .room-text .room-features .room-info {
                padding-left: 30px;
                padding-right: 20px;
            }

                .room-items .room-text .room-features .room-info .size {
                    display: inline-block;
                    margin-right: 28px;
                    float: left;
                }

                    .room-items .room-text .room-features .room-info .size p {
                        font-size: 12px;
                        margin-bottom: 5px;
                    }

                    .room-items .room-text .room-features .room-info .size span {
                        color: #30304e;
                        font-size: 14px;
                        font-weight: 400;
                        margin-left: 5px;
                    }

                .room-items .room-text .room-features .room-info .beds {
                    display: inline-block;
                    margin-right: 28px;
                    float: left;
                }

                    .room-items .room-text .room-features .room-info .beds p {
                        font-size: 10px;
                        margin-bottom: 5px;
                    }

                    .room-items .room-text .room-features .room-info .beds span {
                        color: #30304e;
                        font-size: 14px;
                        font-weight: 500;
                        margin-left: 5px;
                    }

                .room-items .room-text .room-features .room-info .baths {
                    display: inline-block;
                    margin-right: 28px;
                    float: left;
                }

                    .room-items .room-text .room-features .room-info .baths p {
                        font-size: 12px;
                        margin-bottom: 5px;
                    }

                    .room-items .room-text .room-features .room-info .baths span {
                        color: #30304e;
                        font-size: 14px;
                        font-weight: 500;
                        margin-left: 5px;
                    }

                .room-items .room-text .room-features .room-info .garage {
                    display: inline-block;
                    float: left;
                }

                    .room-items .room-text .room-features .room-info .garage p {
                        font-size: 12px;
                        margin-bottom: 5px;
                    }

                    .room-items .room-text .room-features .room-info .garage span {
                        color: #30304e;
                        font-size: 14px;
                        font-weight: 500;
                        margin-left: 5px;
                    }

        .room-items .room-text .room-price {
            display: inline-block;
            float: left;
        }

            .room-items .room-text .room-price p {
                color: #8224e3;
                font-size: 13px;
                margin-bottom: 0px;
            }

            .room-items .room-text .room-price span {
                color: #3347aa;
                font-size: 18px;
                font-weight: 500;
            }

        .room-items .room-text .site-btn.btn-line {
            float: right;
            margin-top: 2px;
            margin-bottom: 10px;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .room-items .room-text .site-btn.btn-line:hover {
                color: #fff;
                background: #1383d3;
                border-color: #1383d3;
            }

/*---------------------
  Popuplar Items
-----------------------*/

.p-in {
    padding: 195px 0 150px 0;
}

.popular-items {
    background: #fff;
    border-radius: 4px;
    padding: 30px 20px 70px 30px;
}

    .popular-items .popular-room-details {
        margin-bottom: 13px;
        overflow: hidden;
        padding-bottom: 19px;
        border-bottom: 1px solid #f3f3f3;
        margin-left: -30px;
        margin-right: -20px;
    }

        .popular-items .popular-room-details .popular-room-title {
            padding-left: 30px;
            padding-right: 20px;
        }

            .popular-items .popular-room-details .popular-room-title h5 {
                color: #30304e;
                font-size: 18px;
                font-weight: 500;
                margin-bottom: 10px;
            }

            .popular-items .popular-room-details .popular-room-title a {
                display: inline-block;
                position: relative;
                float: left;
                margin-right: 10px;
            }

                .popular-items .popular-room-details .popular-room-title a i {
                    display: inline-block;
                    color: #000000;
                    position: absolute;
                    top: -1px;
                }

                .popular-items .popular-room-details .popular-room-title a span {
                    display: inline-block;
                    color: #3347aa;
                    font-size: 12px;
                    font-weight: 500;
                    margin-right: 23px;
                }

    .popular-items .popular-room-description {
        margin-bottom: 12px;
        padding-bottom: 17px;
        border-bottom: 1px solid #f3f3f3;
        margin-left: -30px;
        margin-right: -20px;
    }

        .popular-items .popular-room-description .popular-room-desc {
            padding-left: 30px;
            padding-right: 30px;
        }

            .popular-items .popular-room-description .popular-room-desc p {
                color: #6f6f89;
                font-size: 14px;
                font-weight: 300;
                line-height: 22px;
                margin-bottom: 0;
            }

    .popular-items .popular-room-features {
        overflow: hidden;
        margin-bottom: 14px;
        padding-bottom: 15px;
        border-bottom: 1px solid #f3f3f3;
        margin-left: -30px;
        margin-right: -20px;
    }

        .popular-items .popular-room-features .popular-room-info {
            padding-left: 30px;
            padding-right: 20px;
        }

            .popular-items .popular-room-features .popular-room-info .size {
                display: inline-block;
                margin-right: 28px;
                float: left;
            }

                .popular-items .popular-room-features .popular-room-info .size p {
                    font-size: 12px;
                    margin-bottom: 5px;
                }

                .popular-items .popular-room-features .popular-room-info .size span {
                    color: #30304e;
                    font-size: 14px;
                    font-weight: 400;
                    margin-right: 5px;
                }

            .popular-items .popular-room-features .popular-room-info .beds {
                display: inline-block;
                margin-right: 28px;
                float: left;
            }

                .popular-items .popular-room-features .popular-room-info .beds p {
                    font-size: 12px;
                    margin-bottom: 5px;
                }

                .popular-items .popular-room-features .popular-room-info .beds span {
                    color: #30304e;
                    font-size: 14px;
                    font-weight: 500;
                    margin-right: 5px;
                }

            .popular-items .popular-room-features .popular-room-info .baths {
                display: inline-block;
                margin-right: 28px;
                float: left;
            }

                .popular-items .popular-room-features .popular-room-info .baths p {
                    font-size: 12px;
                    margin-bottom: 5px;
                }

                .popular-items .popular-room-features .popular-room-info .baths span {
                    color: #30304e;
                    font-size: 14px;
                    font-weight: 500;
                    margin-right: 5px;
                }

            .popular-items .popular-room-features .popular-room-info .garage {
                display: inline-block;
                float: left;
            }

                .popular-items .popular-room-features .popular-room-info .garage p {
                    font-size: 12px;
                    margin-bottom: 5px;
                }

                .popular-items .popular-room-features .popular-room-info .garage span {
                    color: #30304e;
                    font-size: 14px;
                    font-weight: 500;
                    margin-right: 5px;
                }

    .popular-items .popular-room-price {
        display: inline-block;
        float: left;
        direction: rtl;
    }

        .popular-items .popular-room-price p {
            color: #3347aa;
            font-size: 16px;
            margin-bottom: -7px;
        }

        .popular-items .popular-room-price span {
            color: #3347aa;
            font-size: 24px;
            font-weight: 500;
        }

        .popular-items .popular-room-price .deal {
            color: #fff;
            display: inline-block;
            font-size: 14px;
            font-weight: 500;
            background: #8224e3;
            text-transform: uppercase;
            padding: 1px 9px;
            border-radius: 50px;
            margin-left: 11px;
        }

.site-btn.btn-line {
    float: right;
    margin-top: 6px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .site-btn.btn-line:hover {
        color: #fff;
        background: #1383d3;
        border-color: #1383d3;
    }

.slider-active.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}

.slider-active .owl-nav button[type=button] {
    position: absolute;
    left: -23px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #1383d3;
    width: 44px;
    height: 44px;
    display: inline-block;
    line-height: 44px;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
}

    .slider-active .owl-nav button[type=button]:hover {
        background: #3347aa;
    }

.slider-active.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -23px;
}

/*---------------------
  Newslatter
-----------------------*/

.newslatter-section {
    background: #30304e;
    padding: 80px 0 94px 0;
}

    .newslatter-section .newslatter-text img {
        margin-bottom: 25px;
    }

    .newslatter-section .newslatter-text h4 {
        color: #fff;
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 35px;
    }

    .newslatter-section .newslatter-text input {
        width: 385px;
        height: 51px;
        border: none;
        display: inline-block;
        padding: 18px 10px 18px 20px;
        font-size: 14px;
        color: #ccc;
        font-weight: 300;
        border-radius: 4px;
        margin-left: 20px;
    }

    .newslatter-section .newslatter-text .site-btn.news-btn {
        padding: 16px 38px;
        border: none;
        background: #3347aa;
        color: #fff;
        cursor: pointer;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }

        .newslatter-section .newslatter-text .site-btn.news-btn:hover {
            background: #1383d3;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
        }
/*---------------------
  Services
-----------------------*/

.services-section {
    padding-top: 78px;
    padding-bottom: 62px;
}

.left-side h2 {
    color: #ccc;
    font-size: 36px;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 12px;
}

    .left-side h2 span {
        color: #30304e;
        font-weight: 500;
    }

.left-side p {
    color: #ccc;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
}

.right-side ul {
    margin-top: 10px;
}

    .right-side ul li {
        color: #30304e;
        font-size: 18px;
        font-weight: 400;
        list-style: none;
        margin-bottom: 20px;
    }

        .right-side ul li img {
            margin-left: 27px;
        }

/*---------------------
  Room Pic
-----------------------*/

.room-pic img {
    width: 20%;
}

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

.contact-section {
    padding-top: 85px;
    padding-bottom: 100px;
}

.contact-form h4,
.contact-info h4 {
    color: #30304e;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 47px;
}

.contact-form input,
.contact-info input {
    width: 100%;
    height: 44px;
    background: #F6F6F6;
    border: none;
    padding-top: 17px;
    padding-left: 15px;
    padding-bottom: 18px;
    padding-right: 20px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #8f8f8f;
    margin-bottom: 20px;
}

.contact-form textarea,
.contact-info textarea {
    background: #f6f6f6;
    border: none;
    color: #8f8f8f;
    font-size: 12px;
    font-weight: 400;
    height: 200px;
    padding-top: 20px;
    padding-right: 20px;
    width: 100%;
    margin-bottom: 15px;
}

.contact-form .site-btn.c-btn,
.contact-info .site-btn.c-btn {
    border: none;
    background: #1383d3;
    color: #fff;
}

.contact-info h4 {
    margin-bottom: 44px;
}

.contact-info .contact-addr {
    margin-bottom: 22px;
}

    .contact-info .contact-addr li {
        list-style: none;
        position: relative;
        margin-bottom: 12px;
    }

        .contact-info .contact-addr li i {
            color: #30304e;
            position: absolute;
            top: -2px;
        }

        .contact-info .contact-addr li span {
            color: #ccc;
            font-size: 14px;
            font-weight: 300;
            margin-right: 35px;
        }

.contact-info p {
    color: #ccc;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 2px;
}

/*---------------------
  Instagram
-----------------------*/

.instagram {
    background: #F8F8F9;
    padding: 40px 0;
}

    .instagram h2 {
        color: #000;
        font-size: 36px;
        font-weight: 400;
    }

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

.sp-60 {
    padding-bottom: 60px;
}

.sp-40 {
    padding-bottom: 40px;
}

.p-20 {
    padding-bottom: 20px;
}

.p-37 {
    padding-bottom: 37px;
}

.p-40 {
    padding-top: 40px;
}

.footer-section {
    background: rgba(51, 51, 51, 1);
}

.about-footer h5 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 17px;
}

.about-footer p {
    color: #ccc;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 33px;
}

.about-footer .footer-social a {
    display: inline-block;
    margin-right: 20px;
    color: #fff;
    position: relative;
    z-index: 1;
}

    .about-footer .footer-social a i {
        margin-left: 10px;
    }

    .about-footer .footer-social a:after {
        position: absolute;
        width: 32px;
        height: 32px;
        background: #3347aa;
        color: #fff;
        content: "";
        border-radius: 50%;
        bottom: -3px;
        left: 0px;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.2s;
        transition: 0.2s;
    }

    .about-footer .footer-social a:hover:after {
        opacity: 1;
        visibility: visible;
    }

.footer-blog h5 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 22px;
}

.footer-blog .single-blog {
    overflow: hidden;
}

    .footer-blog .single-blog .lt-side {
        display: inline-block;
        float: right;
        overflow: hidden;
        margin-left: 30px;
        margin-bottom: 27px;
    }

        .footer-blog .single-blog .lt-side img {
            height: 67px;
            width: 67px;
            border-radius: 4px;
            display: inline-block;
            margin-top: 4px;
        }

    .footer-blog .single-blog .rt-side {
        display: inline-block;
        margin-bottom: 27px;
    }

        .footer-blog .single-blog .rt-side h6 {
            color: #fff;
            font-size: 13px;
            font-weight: 400;
            margin-bottom: 6px;
            line-height: 22px;
        }

        .footer-blog .single-blog .rt-side .blog-time {
            display: inline-block;
            position: relative;
            float: right;
            margin-left: 13px;
        }

            .footer-blog .single-blog .rt-side .blog-time i {
                color: #E7E7EB;
                position: absolute;
                top: -3px;
            }

            .footer-blog .single-blog .rt-side .blog-time span {
                color: #1383d3;
                display: inline-block;
                font-size: 12px;
                font-weight: 500;
                margin-right: 27px;
            }

        .footer-blog .single-blog .rt-side .read-more {
            display: inline-block;
            position: relative;
        }

            .footer-blog .single-blog .rt-side .read-more i {
                color: #E7E7EB;
                position: absolute;
                top: -2px;
            }

            .footer-blog .single-blog .rt-side .read-more span {
                color: #1383d3;
                font-size: 12px;
                font-weight: 500;
                margin-right: 25px;
            }

                .footer-blog .single-blog .rt-side .read-more span:hover {
                    color: #3347aa;
                }

.footer-address h5 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 16px;
}

.footer-address ul {
    margin-bottom: 18px;
}

    .footer-address ul li {
        list-style: none;
        color: #fff;
        margin-bottom: 6px;
        position: relative;
    }

        .footer-address ul li i {
            position: absolute;
            top: -2px;
        }

        .footer-address ul li span {
            color: #ccc;
            display: inline-block;
            font-size: 14px;
            font-weight: 300;
            margin-right: 35px;
        }

.footer-address p {
    color: #ccc;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
}

.copyright {
    color: #9190a5;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.8;
}

/*---------------------
  Responsive
-----------------------*/

/* Medium Screen : 1280px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .logo {
        display: block;
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    .main-menu {
        text-align: center;
        float: none;
        display: block;
        text-align: center;
    }

        .main-menu li:first-child a {
            margin-left: 0;
        }

    .top-social {
        margin-left: 30px;
        margin-top: 10px;
    }

    .filter-form {
        width: 60%;
        margin: auto;
    }

    .filter-form {
        height: 100%;
    }

    .location {
        padding: 20px 27px 10px;
        width: 100%;
    }

    .search-type {
        padding: 10px 27px 10px;
        width: 100%;
    }

    .price-range {
        padding: 10px 45px 10px 27px;
        width: 100%;
    }

    .bedrooms {
        padding: 10px 25px 10px 25px;
        width: 100%;
    }

    .bathrooms {
        padding: 10px 25px 25px 25px;
        width: 100%;
    }

    .search-btn {
        width: 100%;
    }

        .search-btn button[type=submit] {
            width: 100%;
            border-radius: 0 0 4px 4px;
            padding: 25px 40px 25px 31px;
        }

    .footer-blog .single-blog .lt-side {
        margin-right: 15px;
    }

    .footer-blog .single-blog .rt-side h6 {
        font-size: 15px;
    }

    .main-menu li a {
        margin-left: 20px;
    }

    .top-social {
        margin-left: 20px;
    }

    .blog-right .instagram-info .instagram-pic img {
        width: 50%;
    }

    .room-items .room-text .room-features .room-info .size {
        margin-right: 13px;
    }

    .room-items .room-text .room-features .room-info .beds {
        margin-right: 13px;
    }

    .room-items .room-text .room-features .room-info .baths {
        margin-right: 13px;
    }

    .single-counter .counter-info p {
        font-size: 15px;
    }
}

/* Tablet : 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .logo {
        display: block;
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    .main-menu {
        text-align: center;
        float: none;
        display: block;
        text-align: center;
    }

        .main-menu li a {
            margin-left: 20px;
        }

        .main-menu li:first-child a {
            margin-left: 0;
        }

    .top-social {
        margin-left: 30px;
        margin-top: 10px;
    }

    .filter-form {
        height: 100%;
    }

    .location {
        padding: 20px 27px 10px;
        width: 100%;
    }

    .search-type {
        padding: 10px 27px 10px;
        width: 100%;
    }

    .price-range {
        padding: 10px 45px 10px 27px;
        width: 100%;
    }

    .bedrooms {
        padding: 10px 25px 10px 25px;
        width: 100%;
    }

    .bathrooms {
        padding: 10px 25px 25px 25px;
        width: 100%;
    }

    .search-btn {
        width: 100%;
    }

        .search-btn button[type=submit] {
            width: 100%;
            border-radius: 0 0 4px 4px;
            padding: 25px 40px 25px 31px;
        }

    .room-items .room-text .room-features .room-info .size {
        margin-right: 25px;
    }

    .room-items .room-text .room-features .room-info .beds {
        margin-right: 25px;
    }

    .room-items .room-text .room-features .room-info .baths {
        margin-right: 25px;
    }

    .about-footer {
        margin-bottom: 25px;
    }

    .footer-address {
        margin-top: 10px;
    }

    .contact-info {
        margin-top: 30px;
    }

    .instagram-pic .pic-1 {
        margin-right: 10px !important;
    }

    .instagram-pic .pic-2 {
        margin-right: 10px !important;
    }

    .instagram-pic .pic-3 {
        margin-right: 10px !important;
    }

    .instagram-pic .pic-4 {
        margin-right: 10px !important;
    }

    .instagram-pic .pic-5 {
        margin-right: 10px !important;
    }

    .property-title {
        margin-bottom: 15px;
    }

    .property-price {
        float: left;
    }

    .p-ins {
        margin-bottom: 30px;
    }

    .single-team {
        margin-bottom: 30px;
    }

    .team-section {
        padding-bottom: 40px;
    }

    .single-counter {
        margin-bottom: 30px;
    }
}

/* Large Mobile : 480px */

@media only screen and (max-width: 767px) {
    .main-menu {
        display: none;
    }

    .slicknav_menu {
        display: block;
        background: transparent;
        padding: 0;
    }

    .slicknav_nav {
        background: #202423;
        padding: 25px;
        z-index: 99;
    }

        .slicknav_nav a:hover {
            border-radius: 50%;
            background: none;
            color: #fff;
        }

        .slicknav_nav .slicknav_row,
        .slicknav_nav a {
            margin: 15px 5px;
        }

    .slicknav_btn {
        margin: 0;
        margin-bottom: 10px;
        background-color: #1383d3;
    }

    .slicknav_nav li {
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .slicknav_nav li:hover {
            background: #333;
            border-radius: 4px;
        }

        .slicknav_nav li.top-social:hover {
            background: transparent;
        }

    .top-social {
        margin-left: 10px;
        margin-top: 5px;
    }

    .filter-form {
        height: 100%;
    }

    .location {
        padding: 20px 27px 10px;
        width: 100%;
    }

    .search-type {
        padding: 10px 27px 10px;
        width: 100%;
    }

    .price-range {
        padding: 10px 45px 10px 27px;
        width: 100%;
    }

    .bedrooms {
        padding: 10px 25px 10px 25px;
        width: 100%;
    }

    .bathrooms {
        padding: 10px 25px 25px 25px;
        width: 100%;
    }

    .search-btn {
        width: 100%;
    }

        .search-btn button[type=submit] {
            width: 100%;
            border-radius: 0 0 4px 4px;
            padding: 25px 40px 25px 31px;
        }

    .newslatter-section .newslatter-text input {
        width: 100%;
        margin-right: 0;
    }

    .newslatter-section .newslatter-text .site-btn.news-btn {
        margin-top: 15px;
    }

    .about-footer {
        margin-bottom: 25px;
    }

        .about-footer p {
            margin-bottom: 20px;
        }

    .footer-address {
        margin-top: 10px;
    }

    .t-details .popular-room-features.single-property {
        float: left;
    }

    .p-ins {
        margin-bottom: 30px;
    }

    .contact-info {
        margin-top: 30px;
    }

    .contact-section {
        padding-bottom: 70px;
    }

    .instagram-pic .pic-1 {
        margin-right: 10px !important;
    }

    .instagram-pic .pic-2 {
        margin-right: 10px !important;
    }

    .instagram-pic .pic-3 {
        margin-right: 10px !important;
    }

    .instagram-pic .pic-4 {
        margin-right: 10px !important;
    }

    .instagram-pic .pic-5 {
        margin-right: 10px !important;
    }

    .property-title {
        margin-bottom: 15px;
    }

    .property-price {
        float: left;
    }

    .services-section .left-side {
        margin-bottom: 30px;
    }

    .single-team {
        margin-bottom: 30px;
    }

    .team-section {
        padding-bottom: 40px;
    }

    .single-counter {
        margin-bottom: 30px;
    }

    .property-img .owl-nav button[type=button] {
        left: 5px;
    }

    .property-img.owl-carousel .owl-nav button.owl-next {
        right: 5px;
    }

    .slider-active .owl-nav button[type=button] {
        left: 5px;
    }

    .slider-active.owl-carousel .owl-nav button.owl-next {
        right: 5px;
    }
}

/* Small Mobile :320px. */

@media only screen and (max-width: 479px) {
    .hero-text h2 {
        font-size: 35px;
    }

    .hero-text h1 {
        font-size: 45px;
    }

    .room-items .room-text .room-features .room-info .size {
        margin-right: 12px;
    }

    .room-items .room-text .room-features .room-info .beds {
        margin-right: 12px;
    }

    .room-items .room-text .room-features .room-info .baths {
        margin-right: 12px;
    }

    .popular-items {
        padding: 20px 20px 20px 20px;
    }

        .popular-items .popular-room-details {
            margin-bottom: 25px;
        }

            .popular-items .popular-room-details .popular-room-title h5 {
                font-size: 17px;
            }

        .popular-items .popular-room-features .popular-room-info .size {
            margin-right: 10px;
        }

        .popular-items .popular-room-features .popular-room-info .beds {
            margin-right: 10px;
        }

        .popular-items .popular-room-features .popular-room-info .baths {
            margin-right: 10px;
        }

    .popular-room-features .size span {
        margin-left: 4px;
    }

    .popular-room-features .beds span {
        margin-left: 4px;
    }

    .popular-room-features .baths span {
        margin-left: 4px;
    }

    .popular-items .deal {
        bottom: 94px;
    }

    .popular-items .site-btn.btn-line {
        float: none;
        margin-top: 15px;
    }

    .left-side h2 span {
        font-size: 30px;
    }

    .left-side h2 {
        font-size: 21px;
        line-height: 30px;
    }

    .right-side ul li {
        font-size: 14px;
        line-height: 26px;
    }

        .right-side ul li img {
            margin-right: 15px;
        }

    .room-pic img {
        width: 100%;
        height: 270px;
    }

    .newslatter-section .newslatter-text h4 {
        font-size: 22px;
    }

    .footer-blog .single-blog .rt-side h6 {
        font-size: 14px;
    }

    .sp-60 {
        padding-bottom: 50px;
    }

    .found-items h4 {
        font-size: 14px;
    }

    .about-us .about-text h2 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .about-us .about-img img {
        height: 200px;
    }

    .about-us .about-img .l-img {
        height: 300px;
    }

    .about-us .about-img .r-img {
        height: 637px;
    }

    .section-title h2 {
        font-size: 20px;
        line-height: 35px;
    }

        .section-title h2 span {
            font-size: 36px;
        }

    .section-title {
        margin-bottom: 50px;
    }

    .single-team {
        margin-bottom: 30px;
    }

    .team-section {
        padding-bottom: 40px;
    }

    .single-counter {
        margin-bottom: 30px;
    }

    .b-top {
        padding-bottom: 40px;
    }

    .p-ins {
        padding: 0 20px 15px 20px;
    }

    .popular-room-features.single-property {
        float: left;
    }

    .p-ins:after {
        top: 145px;
    }

    .property-features table tr {
        display: block;
    }

        .property-features table tr td {
            width: 100px;
        }

    .property-features .property-table table tr td {
        padding-left: 15px;
    }

        .property-features .property-table table tr td img {
            display: block;
            margin-bottom: 10px;
        }

    .p-ins {
        margin-bottom: 30px;
    }

    .blog-item .blog-text .blog-title {
        margin-bottom: 20px;
    }

    .blog-item .blog-text:after {
        top: 119px;
    }

    .blog-item .blog-text .blog-title .blog-time i {
        top: 0px;
    }

    .blog-item .blog-text .blog-title .blog-posted i {
        top: 0;
    }

    .blog-right .category-search table tr td {
        width: 278px;
    }

    .blog-right .category-search button {
        padding-left: 18px;
    }

    .blog-right .category-search input {
        font-size: 12px;
    }

    .our-agents .single-agent .agent-pic {
        margin-bottom: 15px;
    }

    .our-agents .single-agent .agent-info {
        margin-top: 0;
        float: left;
    }

    .t-details .popular-room-features.single-property .beds {
        margin-left: 10px;
    }

    .t-details .popular-room-features.single-property .baths {
        margin-left: 10px;
    }

    .t-details .popular-room-features.single-property .garage {
        margin-left: 10px;
    }

    .instagram h2 {
        font-size: 25px;
    }
}


/**scrool start*/

.testheight {
    height: 1200px;
    font-size: 20px;
    text-align: center;
    padding: 100px 20px;
}

.scrolltop {
    display: none;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 20px;
    right: 10px;
}

.scroll {
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #3347aa;
    padding: 20px;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    color: #fff
}

    .scroll:hover {
        background: #1383d3;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }

        .scroll:hover .fa {
            padding-top: -10px;
        }

    .scroll .fa {
        font-size: 30px;
        margin-top: -5px;
        margin-left: 1px;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }
/**scrool start*/


.rotate_e {
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
}

    .rotate_e:hover {
        transition: 0.70s;
        -webkit-transition: 0.70s;
        -moz-transition: 0.70s;
        -ms-transition: 0.70s;
        -o-transition: 0.70s;
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
/*efect shine start*/
.shine {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

    .shine:after {
        content: '';
        width: 20%;
        height: 100%;
        position: absolute;
        left: auto;
        top: 0;
        bottom: 0;
        right: -20%;
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    }

    .shine:hover:after {
        -webkit-transition: all .4s ease-out;
        transition: all .4s ease-out;
        right: 100%;
    }


.imgzoomblak {
    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out;
}

    .imgzoomblak:hover {
        filter: none;
        -webkit-filter: grayscale(0);
        -webkit-transform: scale(1.01);
    }


.linhblog p {
    line-height: 30px;
}

.linhblog img {
    padding: 15px
}

.linhblog h4 {
    padding: 15px;
    color: #8224e3
}

.owl-carousel.owl-drag .owl-item {
    direction: rtl !important
}








/*Special drop down codes*/
 
/*.menu-area {
	background: #d61a5e
}

.dropdown-menu {
	padding: 0;
	margin: 0;
	border: 0 solid transition !important;
	border: 0 solid rgba(0,0,0,.15);
	border-radius: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	padding: 16px 15px;
	font-family: 'Roboto',sans-serif;
	display: block !important;
}

.mainmenu .active a, .mainmenu .active a:focus, .mainmenu .active a:hover, .mainmenu li a:hover, .mainmenu li a:focus, .navbar-default .navbar-nav > .show > a, .navbar-default .navbar-nav > .show > a:focus, .navbar-default .navbar-nav > .show > a:hover {
	color: #fff;
	background: #4CAF50;
	outline: 0;
}*/
/*==========Sub Menu=v==========*/
/*.mainmenu .collapse ul > li:hover > a {
	background: #4CAF50;
}

.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover {
	background: #4CAF50;
}

.mainmenu .collapse ul ul ul > li:hover > a {
	background: #4CAF50;
}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu {
	background: #1565C0;
}

	.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu {
		background: #1E88E5
	}

		.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu {
			background: #64B5F6
		}*/

/******************************Drop-down menu work on hover**********************************/
/*.mainmenu {
	background: none;
	border: 0 solid;
	margin: 0;
	padding: 0;
	min-height: 20px;
	width: 100%;
}

@media only screen and (min-width: 767px) {
	.mainmenu .collapse ul li:hover > ul {
		display: block
	}

	.mainmenu .collapse ul ul {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 250px;
		display: none
	}*/
/*******/
/*.mainmenu .collapse ul ul li {
			position: relative
		}

			.mainmenu .collapse ul ul li:hover > ul {
				display: block
			}

		.mainmenu .collapse ul ul ul {
			position: absolute;
			top: 0;
			left: 100%;
			min-width: 250px;
			display: none
		}*/
/*******/
/*.mainmenu .collapse ul ul ul li {
				position: relative
			}

				.mainmenu .collapse ul ul ul li:hover ul {
					display: block
				}

			.mainmenu .collapse ul ul ul ul {
				position: absolute;
				top: 0;
				left: -100%;
				min-width: 250px;
				display: none;
				z-index: 1
			}
}

@media only screen and (max-width: 767px) {
	.navbar-nav .show .dropdown-menu .dropdown-menu > li > a {
		padding: 16px 15px 16px 35px
	}

	.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
		padding: 16px 15px 16px 45px
	}
}*/