/*Start Fonts*/
@font-face {
    font-family: IRANSansfanum;
    font-style: normal;
    font-weight: 900;
    src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Black.eot');
    src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransansfanum/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}
@font-face {
    font-family: IRANSansfanum;
    font-style: normal;
    font-weight: bold;
    src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransansfanum/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
    font-family: IRANSansfanum;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Medium.eot');
    src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransansfanum/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
    font-family: IRANSansfanum;
    font-style: normal;
    font-weight: 300;
    src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransansfanum/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
    font-family: IRANSansfanum;
    font-style: normal;
    font-weight: 200;
    src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransansfanum/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransansfanum/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransansfanum/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
    font-family: IRANSansfanum;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum).eot');
    src: url('fonts/iransansfanum/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransansfanum/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransansfanum/woff/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransansfanum/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    src: url('fonts/iransans/eot/IRANSansWeb_Black.eot');
    src: url('fonts/iransans/eot/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransans/woff2/IRANSansWeb_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	
	url('fonts/iransans/woff/IRANSansWeb_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransans/ttf/IRANSansWeb_Black.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('fonts/iransans/eot/IRANSansWeb_Bold.eot');
    src: url('fonts/iransans/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransans/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransans/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransans/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/iransans/eot/IRANSansWeb_Medium.eot');
    src: url('fonts/iransans/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransans/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransans/woff/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransans/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('fonts/iransans/eot/IRANSansWeb_Light.eot');
    src: url('fonts/iransans/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransans/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransans/woff/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransans/ttf/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('fonts/iransans/eot/IRANSansWeb_UltraLight.eot');
    src: url('fonts/iransans/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransans/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransans/woff/IRANSansWeb_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransans/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/iransans/eot/IRANSansWeb.eot');
    src: url('fonts/iransans/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransans/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransans/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransans/ttf/IRANSansWeb.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: bold;
    src: url('fonts/iranyekan/eot/iranyekanwebbold.eot');
    src: url('fonts/iranyekan/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekan/woff/iranyekanwebbold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekan/ttf/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 100;
    src: url('fonts/iranyekan/eot/iranyekanwebthin.eot');
    src: url('fonts/iranyekan/eot/iranyekanwebthin.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekan/woff/iranyekanwebthin.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekan/ttf/iranyekanwebthin.ttf') format('truetype');
}
@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url('fonts/iranyekan/eot/iranyekanweblight.eot');
    src: url('fonts/iranyekan/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekan/woff/iranyekanweblight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekan/ttf/iranyekanweblight.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/iranyekan/eot/iranyekanwebregular.eot');
    src: url('fonts/iranyekan/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekan/woff/iranyekanwebregular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekan/ttf/iranyekanwebregular.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/iranyekan/eot/iranyekanwebmedium.eot');
    src: url('fonts/iranyekan/eot/iranyekanwebmedium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekan/woff/iranyekanwebmedium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekan/ttf/iranyekanwebmedium.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 800;
    src: url('fonts/iranyekan/eot/iranyekanwebextrabold.eot');
    src: url('fonts/iranyekan/eot/iranyekanwebextrabold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekan/woff/iranyekanwebextrabold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekan/ttf/iranyekanwebextrabold.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 900;
    src: url('fonts/iranyekan/eot/iranyekanwebblack.eot');
    src: url('fonts/iranyekan/eot/iranyekanwebblack.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekan/woff/iranyekanwebblack.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekan/ttf/iranyekanwebblack.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 950;
    src: url('fonts/iranyekan/eot/iranyekanwebextrablack.eot');
    src: url('fonts/iranyekan/eot/iranyekanwebextrablack.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekan/woff/iranyekanwebextrablack.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekan/ttf/iranyekanwebextrablack.ttf') format('truetype');
}

@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: bold;
    src: url('fonts/iranyekanfanum/eot/iranyekanwebboldfanum.eot');
    src: url('fonts/iranyekanfanum/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekanfanum/woff/iranyekanwebboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekanfanum/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}

@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: 100;
    src: url('fonts/iranyekanfanum/eot/iranyekanwebthinfanum.eot');
    src: url('fonts/iranyekanfanum/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekanfanum/woff/iranyekanwebthinfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekanfanum/ttf/iranyekanwebthinfanum.ttf') format('truetype');
}

@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: 300;
    src: url('fonts/iranyekanfanum/eot/iranyekanweblightfanum.eot');
    src: url('fonts/iranyekanfanum/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekanfanum/woff/iranyekanweblightfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekanfanum/ttf/iranyekanweblightfanum.ttf') format('truetype');
}

@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/iranyekanfanum/eot/iranyekanwebregularfanum.eot');
    src: url('fonts/iranyekanfanum/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekanfanum/woff/iranyekanwebregularfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekanfanum/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}

@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/iranyekanfanum/eot/iranyekanwebmediumfanum.eot');
    src: url('fonts/iranyekanfanum/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekanfanum/woff/iranyekanwebmediumfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekanfanum/ttf/iranyekanwebmediumfanum.ttf') format('truetype');
}

@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: 800;
    src: url('fonts/iranyekanfanum/eot/iranyekanwebextraboldfanum.eot');
    src: url('fonts/iranyekanfanum/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekanfanum/woff/iranyekanwebextraboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekanfanum/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}

@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: 900;
    src: url('fonts/iranyekanfanum/eot/iranyekanwebblackfanum.eot');
    src: url('fonts/iranyekanfanum/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekanfanum/woff/iranyekanwebblackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekanfanum/ttf/iranyekanwebblackfanum.ttf') format('truetype');
}

@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: 950;
    src: url('fonts/iranyekanfanum/eot/iranyekanwebextrablackfanum.eot');
    src: url('fonts/iranyekanfanum/eot/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iranyekanfanum/woff/iranyekanwebextrablackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iranyekanfanum/ttf/iranyekanwebextrablackfanum.ttf') format('truetype');
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 10;
    src: url('fonts/dana/eot/dana-thin.eot');
    src: url('fonts/dana/eot/dana-thin.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-thin.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-thin.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 200;
    src: url('fonts/dana/eot/dana-extralight.eot');
    src: url('fonts/dana/eot/dana-extralight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-extralight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-extralight.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 300;
    src: url('fonts/dana/eot/dana-light.eot');
    src: url('fonts/dana/eot/dana-light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/dana/eot/dana-medium.eot');
    src: url('fonts/dana/eot/dana-medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
	
	url('fonts/dana/woff/dana-medium.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 600;
    src: url('fonts/dana/eot/dana-demibold.eot');
    src: url('fonts/dana/eot/dana-demibold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-demibold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-demibold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 750;
    src: url('fonts/dana/eot/dana-ultrabold.eot');
    src: url('fonts/dana/eot/dana-ultrabold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-ultrabold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-ultrabold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 800;
    src: url('fonts/dana/eot/dana-extrabold.eot');
    src: url('fonts/dana/eot/dana-extrabold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-extrabold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-extrabold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 900;
    src: url('fonts/dana/eot/dana-black.eot');
    src: url('fonts/dana/eot/dana-black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-black.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: bold;
    src: url('fonts/dana/eot/dana-bold.eot');
    src: url('fonts/dana/eot/dana-bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/dana/eot/dana-regular.eot');
    src: url('fonts/dana/eot/dana-regular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 10;
    src: url('fonts/dana/eot/dana-thinitalic.eot');
    src: url('fonts/dana/eot/dana-thinitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-thinitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-thinitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 200;
    src: url('fonts/dana/eot/dana-extralightitalic.eot');
    src: url('fonts/dana/eot/dana-extralightitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-extralightitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-extralightitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 300;
    src: url('fonts/dana/eot/dana-lightitalic.eot');
    src: url('fonts/dana/eot/dana-lightitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-lightitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-lightitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 500;
	
	src: url('fonts/dana/eot/dana-mediumitalic.eot');
    src: url('fonts/dana/eot/dana-mediumitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-mediumitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-mediumitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 600;
    src: url('fonts/dana/eot/dana-demibolditalic.eot');
    src: url('fonts/dana/eot/dana-demibolditalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-demibolditalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-demibolditalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 750;
    src: url('fonts/dana/eot/dana-ultrabolditalic.eot');
    src: url('fonts/dana/eot/dana-ultrabolditalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-ultrabolditalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-ultrabolditalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 800;
    src: url('fonts/dana/eot/dana-extrabolditalic.eot');
    src: url('fonts/dana/eot/dana-extrabolditalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-extrabolditalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-extrabolditalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 900;
    src: url('fonts/dana/eot/dana-blackitalic.eot');
    src: url('fonts/dana/eot/dana-blackitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-blackitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-blackitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: bold;
    src: url('fonts/dana/eot/dana-bolditalic.eot');
    src: url('fonts/dana/eot/dana-bolditalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-bolditalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-bolditalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: normal;
    src: url('fonts/dana/eot/dana-regularitalic.eot');
    src: url('fonts/dana/eot/dana-regularitalic.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/dana/woff2/dana-regularitalic.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/dana/woff/dana-regularitalic.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: anjoman;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/anjoman/eot/Anjoman-Light.eot?#') format('eot'),  /* IE6–8 */
    url('fonts/anjoman/woff/Anjoman-Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/anjoman/woff2/Anjoman-Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/anjoman/ttf/Anjoman-Light.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: anjoman;
    font-style: normal;
    font-weight: 600;
    src: url('fonts/anjoman/eot/Anjoman-Regular.eot?#') format('eot'),  /* IE6–8 */
    url('fonts/anjoman/woff/Anjoman-Regular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/anjoman/woff2/Anjoman-Regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/anjoman/ttf/Anjoman-Regular.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: anjoman;
    font-style: normal;
	
	font-weight: bold;
    src: url('fonts/anjoman/eot/Anjoman-Bold.eot?#') format('eot'),  /* IE6–8 */
    url('fonts/anjoman/woff/Anjoman-Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/anjoman/woff2/Anjoman-Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/anjoman/ttf/Anjoman-Bold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: 'dastnevis';
    src: url('fonts/dastnevis/eot/DastNevis.eot?#') format('eot'),  /* IE6–8 */
    url('fonts/dastnevis/woff/DastNevis.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/dastnevis/ttf/DastNevis.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: 'aviny';
    src: url('fonts/aviny/ttf/aviny.ttf') format('truetype');
}
@font-face {
    font-family: iransansdn;
    font-style: normal;
    font-weight: bold;
    src: url('fonts/iransansdn/eot/iransansdnbold.eot');
    src: url('fonts/iransansdn/eot/iransansdnbold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransansdn/woff2/iransansdnbold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransansdn/woff/iransansdnbold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransansdn/ttf/iransansdnbold.ttf') format('truetype');
}

@font-face {
    font-family: iransansdn;
    font-style: normal;
    font-weight: 300;
    src: url('fonts/iransansdn/eot/iransansdnlight.eot');
    src: url('fonts/iransansdn/eot/iransansdnlight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransansdn/woff2/iransansdnlight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransansdn/woff/iransansdnlight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransansdn/ttf/iransansdnlight.ttf') format('truetype');
}

@font-face {
    font-family: iransansdn;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/iransansdn/eot/iransansdn.eot');
    src: url('fonts/iransansdn/eot/iransansdn.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('fonts/iransansdn/woff2/iransansdn.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('fonts/iransansdn/woff/iransansdn.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/iransansdn/ttf/iransansdn.ttf') format('truetype');
}
@font-face {
    font-family: "Droid Arabic Kufi";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/droidkufi/DroidKufi-Regular.woff") format("woff"), url("fonts/droidkufi/DroidKufi-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Palatino";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/palatino/PalatinoRegular.woff") format("woff"), url("fonts/palatino/PalatinoRegular.ttf") format("truetype");
}

@font-face {
    font-family: "Koodak";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/koodak/BKoodakBold.woff") format("woff"), url("fonts/koodak/BKoodakBold.ttf") format("truetype");
}

@font-face {
    font-family: Vazir;
    src: url('fonts/vazir/Vazir.eot');
    src: url('fonts/vazir/Vazir.eot?#iefix') format('embedded-opentype'),
    url('fonts/vazir/Vazir.woff') format('woff'),
    url('fonts/vazir/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('fonts/vazir/Vazir-Bold.eot');
    src: url('fonts/vazir/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/vazir/Vazir-Bold.woff') format('woff'),
    url('fonts/vazir/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('fonts/vazir/Vazir-Light.eot');
    src: url('fonts/vazir/Vazir-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/vazir/Vazir-Light.woff') format('woff'),
    url('fonts/vazir/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Samim;
    src: url('fonts/samim/Samim.eot');
    src: url('fonts/samim/Samim.eot?#iefix') format('embedded-opentype'),
    url('fonts/samim/Samim.woff') format('woff'),
    url('fonts/samim/Samim.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Samim;
    src: url('fonts/samim/Samim-Bold.eot');
    src: url('fonts/samim/Samim-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/samim/Samim-Bold.woff') format('woff'),
    url('fonts/samim/Samim-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Shabnam;
    src: url('fonts/shabnam/Shabnam.eot');
    src: url('fonts/shabnam/Shabnam.eot?#iefix') format('embedded-opentype'),
    url('fonts/shabnam/Shabnam.woff') format('woff'),
    url('fonts/shabnam/Shabnam.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Shabnam;
    src: url('fonts/shabnam/Shabnam-Bold.eot');
    src: url('fonts/shabnam/Shabnam-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/shabnam/Shabnam-Bold.woff') format('woff'),
    url('fonts/shabnam/Shabnam-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Shabnam;
    src: url('fonts/shabnam/Shabnam-Light.eot');
    src: url('fonts/shabnam/Shabnam-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/shabnam/Shabnam-Light.woff') format('woff'),
    url('fonts/shabnam/Shabnam-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: Sahel;
    src: url('fonts/sahel/Sahel.eot');
    src: url('fonts/sahel/Sahel.eot?#iefix') format('embedded-opentype'),
    url('fonts/sahel/Sahel.woff') format('woff'),
    url('fonts/sahel/Sahel.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Sahel;
    src: url('fonts/sahel/Sahel-Bold.eot');
    src: url('fonts/sahel/Sahel-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/sahel/Sahel-Bold.woff') format('woff'),
    url('fonts/sahel/Sahel-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Sahel;
    src: url('fonts/sahel/Sahel-Black.eot');
    src: url('fonts/sahel/Sahel-Black.eot?#iefix') format('embedded-opentype'),
    url('fonts/sahel/Sahel-Black.woff') format('woff'),
    url('fonts/sahel/Sahel-Black.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: Nahid;
    src: url('fonts/nahid/Nahid.eot');
    src: url('fonts/nahid/Nahid.eot?#iefix') format('embedded-opentype'),
    url('fonts/nahid/Nahid.woff') format('woff'),
    url('fonts/nahid/Nahid.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Tanha;
    src: url('fonts/tanha/Tanha.eot');
    src: url('fonts/tanha/Tanha.eot?#iefix') format('embedded-opentype'),
    url('fonts/tanha/Tanha.woff') format('woff'),
    url('fonts/tanha/Tanha.ttf') format('truetype');
    font-weight: normal;
}

/*End Fonts*/

/* Version:1.3.3 */


:root {
 --fontFamily: 'Manrope',
 sans-serif;
 --headingFontFamily: 'Poppins',
 sans-serif;
 --startupMainColor: #fd5444;
 --marketingMainColor: #2f4eac;
 --businessMainColor: #5d3dec;
 --businessGradientColor: linear-gradient(to right,
 #4651e6,
 #5749ed,
 #693ff3,
 #7c30f7,
 #8f11fa);
 --appMainColor: #0042bb;
 --appGradientColor: linear-gradient(to right bottom,
 #0042bb,
 #093ea8,
 #113a96,
 #163584,
 #1a3172);
 --saasMainColor: #296dfe;
 --saasGradientColor: linear-gradient(to right top,
 #257ef7,
 #0094fb,
 #00a7f5,
 #00b6ea,
 #17c3dd);
 --personalPortfolioMainColor: #111111;
 --itAgencyMainColor: #ff4a17;
 --itAgencyGradientColor: linear-gradient(to right,
 #ff4a17,
 #fd5d15,
 #fb6d16,
 #f87b1a,
 #f68821);
 --consultingMainColor: #54b7c3;
 --shopMainColor: #111111;
 --minimalPortfolioColor: #4ab19d;
 --optionalColor: #6f6f6f;
 --whiteColor: #ffffff;
 --blackColor: #2d2d37;
 --fontSize: 15.5px;
 --transition: .5s
}
body {
 margin:0;
 padding:0;
 color:var(--blackColor);
 font-size:var(--fontSize);
 font-family: IRANSansfanum;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
 color:var(--blackColor);
 font-weight:600;
 font-family:IRANSansfanum;
}
a {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--blackColor);
 text-decoration:none;
 outline:0!important
}
a:hover {
 color:var(--optionalColor);
 text-decoration:none
}
:focus {
 outline:0!important
}
.d-table {
 width:100%;
 height:100%
}
.d-table-cell {
 vertical-align:middle
}
img {
 max-width:100%;
 height:auto
}
p {
 color:var(--optionalColor);
 margin-bottom:15px;
 line-height:1.8;
 font-weight:500;
 font-size:var(--fontSize)
}
p:last-child {
 margin-bottom:0
}
.ptb-100 {
 padding-top:100px;
 padding-bottom:100px
}
.pt-100 {
 padding-top:100px
}
.pb-100 {
 padding-bottom:100px
}
.ptb-70 {
 padding-top:70px;
 padding-bottom:70px
}
.pt-70 {
 padding-top:70px
}
.pb-70 {
 padding-bottom:70px
}
.bg-f9f4f0 {
 background-color:#f9f4f0
}
.bg-faf7f2 {
 background-color:#faf7f2
}
.bg-1b2232 {
 background-color:#1b2232
}
.bg-f3f4f7 {
 background-color:#f3f4f7
}
.bg-f9f9f9 {
 background-color:#f9f9f9
}
.bg-dark {
 background-color:#06080e!important
}
.bg-dark .section-title {
 color:var(--whiteColor)
}
.bg-dark .section-title h2 {
 color:var(--whiteColor)
}
.bg-dark .section-title p {
 color:var(--whiteColor)
}
.bg-f6f7f9 {
 background-color:#f6f7f9
}
.section-title {
 text-align:center;
 max-width:655px;
 margin-bottom:60px;
 margin-left:auto;
 margin-right:auto
}
.section-title h2 {
 margin-bottom:0;
 font-size:40px;
}
.section-title p {
 max-width:540px;
 margin-top:15px;
 margin-left:auto;
 margin-right:auto
}
.section-title .sub-title {
 display:block;
 margin-bottom:12px;
 color:var(--startupMainColor);
 font-family:dana;
 font-weight:600;
 font-size:14px
}
.section-title .sub-title.marketing-color {
 color:var(--marketingMainColor)
}
.section-title .sub-title.business-color {
 color:var(--businessMainColor)
}
.section-title .sub-title.app-color {
 color:var(--appMainColor)
}
.section-title .sub-title.saas-color {
 color:var(--saasMainColor)
}
.section-title .sub-title.consulting-color {
 color:var(--consultingMainColor)
}
.section-title .sub-title.it-agency-color {
 color:var(--itAgencyMainColor)
}
.section-title .sub-title.minimal-portfolio-color {
 color:var(--minimalPortfolioColor)
}
.section-title.style-two {
 text-align:start;
 padding-right:90px;
 margin-left:0;
 margin-right:0;
 margin-bottom:50px
}
.section-title.style-two h2 {
 position:relative;
 font-size:30px
}
.section-title.style-two h2::before {
 right:-90px;
 top:50%;
 width:70px;
 height:1px;
 content:'';
 position:absolute;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 background-color:var(--personalPortfolioMainColor)
}
.section-title.style-two p {
 margin-left:0;
 margin-right:0
}
.section-title.style-three {
 max-width:100%
}
.section-title.style-three h2 {
 position:relative;
 z-index:1
}
.section-title.style-three h2 span {
 display:inline-block;
 background-color:var(--whiteColor);
 padding-left:30px;
 padding-right:30px
}
.section-title.style-three h2::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 background-color:#cfcfcf;
 height:1px;
 z-index:-1
}
.section-title.style-four {
 border-bottom:1px solid #eee;
 padding-bottom:12px;
 position:relative;
 text-align:start;
 max-width:100%;
 margin-left:0;
 margin-right:0;
 margin-bottom:45px
}
.section-title.style-four h2 {
 font-size:30px
}
.section-title.style-four::before {
 content:'';
 position:absolute;
 right:0;
 bottom:-1px;
 width:70px;
 height:1px;
 background-color:var(--blackColor)
}
.default-btn {
 -webkit-box-shadow:0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1);
 box-shadow:0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 display:inline-block;
 background-color:var(--startupMainColor);
 color:var(--whiteColor);
 position:relative;
 border-radius:5px;
 border:none;
 padding:13px 35px 13px 50px;
 font-size:var(--fontSize);
 font-weight:700
}
.default-btn i {
 position:absolute;
 left:35px;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 margin-top:1px;
 font-size:14px;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.default-btn:hover {
 color:var(--whiteColor);
 background-color:var(--startupMainColor);
 -webkit-box-shadow:0 .5rem 1.2rem rgba(0,0,0,.1),0 2rem 3rem rgba(0,0,0,.15);
 box-shadow:0 .5rem 1.2rem rgba(0,0,0,.1),0 2rem 3rem rgba(0,0,0,.15)
}
.default-btn:hover i {
 left:30px
}
.default-btn.marketing-color {
 background-color:var(--marketingMainColor);
 color:var(--whiteColor)
}
.default-btn.marketing-color:hover {
 color:var(--whiteColor);
 background-color:var(--marketingMainColor)
}
.default-btn.business-color {
 background:var(--businessGradientColor)
}
.default-btn.app-color {
 background:var(--appGradientColor)
}
.default-btn.saas-color {
 background:var(--saasGradientColor)
}
.default-btn.personal-portfolio-color {
 background:var(--personalPortfolioMainColor)
}
.default-btn.consulting-color {
 background:var(--consultingMainColor)
}
.default-btn.it-agency-color {
 background:var(--itAgencyGradientColor)
}
.default-btn.shop-color {
 background:var(--shopMainColor)
}
.default-btn.minimal-portfolio-color {
 background:var(--minimalPortfolioColor)
}
.form-control {
 border-radius:0;
 background-color:#f5f5f5!important;
 -webkit-box-shadow:unset!important;
 box-shadow:unset!important;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:none!important;
 height:50px;
 padding-right:15px;
 color:var(--blackColor);
 font-size:var(--fontSize);
 font-weight:500
}
.form-control::-webkit-input-placeholder {
 color:#999;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.form-control:-ms-input-placeholder {
 color:#999;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.form-control::-ms-input-placeholder {
 color:#999;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.form-control::placeholder {
 color:#999;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.form-control:focus::-webkit-input-placeholder {
 color:transparent
}
.form-control:focus:-ms-input-placeholder {
 color:transparent
}
.form-control:focus::-ms-input-placeholder {
 color:transparent
}
.form-control:focus::placeholder {
 color:transparent
}
textarea.form-control {
 padding-top:15px;
 height:auto
}
[type=email],
[type=number],
[type=tel],
[type=url] {
 direction:rtl
}
.header-area.p-absolute {
 position:absolute;
 left:0;
 right:0;
 top:0;
 height:auto;
 z-index:3
}
.header-area.p-absolute .navbar-area {
 background-color:transparent
}
.top-header-area {
 background-color:var(--startupMainColor);
 padding-top:12px;
 padding-bottom:12px
}
.top-header-area .container-fluid {
 max-width:1400px
}
.top-header-area.business-color {
 background:var(--businessGradientColor)
}
.top-header-area.saas-color {
 background:var(--saasGradientColor)
}
.top-header-area.top-header-style-two .container-fluid {
 max-width:1470px
}
.top-header-area.top-header-style-three .container-fluid {
 max-width:1450px
}
.top-header-area.it-agency-color {
 background:var(--itAgencyGradientColor)
}
.top-header-area.bg-f3f4f7 {
 background:#f3f4f7
}
.top-header-area.bg-f3f4f7 .top-header-social-links li a {
 color:var(--blackColor)
}
.top-header-area.bg-f3f4f7 .top-header-social-links li a:hover {
 color:var(--startupMainColor)
}
.top-header-area.bg-f3f4f7 .top-header-contact-info {
 color:var(--blackColor)
}
.top-header-area.bg-f3f4f7 .top-header-contact-info .number {
 color:var(--blackColor)
}
.top-header-area.bg-f3f4f7 .top-header-contact-info .email {
 color:var(--blackColor)
}
.top-header-area.bg-f3f4f7 .top-header-contact-info .lang-switcher label {
 color:var(--startupMainColor)
}
.top-header-area.bg-f3f4f7 .top-header-contact-info .lang-switcher select {
 color:var(--blackColor)
}
.top-header-area.bg-f3f4f7 .top-header-contact-info .lang-switcher select option {
 color:var(--blackColor)
}
.top-header-area.bg-f3f4f7.consulting-color .top-header-social-links li a:hover {
 color:var(--consultingMainColor)
}
.top-header-area.bg-f3f4f7.consulting-color .top-header-contact-info .lang-switcher label {
 color:var(--consultingMainColor)
}
.top-header-area.bg-f3f4f7.consulting-color .top-header-info .number i {
 color:var(--consultingMainColor)
}
.top-header-area.bg-f3f4f7.consulting-color .top-header-info .email i {
 color:var(--consultingMainColor)
}
.top-header-area.shop-color {
 background:var(--shopMainColor)
}
.top-header-info .number {
 display:inline-block;
 position:relative;
 padding-right:25px
}
.top-header-info .number i {
 position:absolute;
 right:0;
 top:4px;
 color:var(--startupMainColor)
}
.top-header-info .email {
 display:inline-block;
 position:relative;
 padding-right:25px;
 margin-left:20px
}
.top-header-info .email i {
 position:absolute;
 right:0;
 top:4px;
 color:var(--startupMainColor)
}
.top-header-social-links {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.top-header-social-links li {
 display:inline-block;
 margin-left:15px
}
.top-header-social-links li a {
 display:block;
 color:var(--whiteColor)
}
.top-header-social-links li a:hover {
 opacity:.8
}
.top-header-social-links li:last-child {
 margin-left:0
}
.top-header-contact-info {
 color:var(--whiteColor)
}
.top-header-contact-info .number {
 display:inline-block;
 color:var(--whiteColor);
 position:relative;
 padding-right:25px
}
.top-header-contact-info .number i {
 position:absolute;
 right:0;
 top:4px
}
.top-header-contact-info .email {
 display:inline-block;
 color:var(--whiteColor);
 position:relative;
 padding-right:25px;
 margin-left:20px
}
.top-header-contact-info .email i {
 position:absolute;
 right:0;
 top:4px
}
.top-header-contact-info .lang-switcher {
 display:inline-block;
 position:relative;
 margin-right:20px;
 padding-right:20px
}
.top-header-contact-info .lang-switcher label {
 display:block;
 margin-bottom:0;
 position:absolute;
 right:0;
 top:1px
}
.top-header-contact-info .lang-switcher select {
 cursor:pointer;
 background-color:transparent;
 color:var(--whiteColor);
 border:none
}
.top-header-contact-info .lang-switcher select option {
 color:var(--blackColor)
}
.navbar-area {
 padding:5px 0;
 position:relative;
 background-color:var(--whiteColor)
}
.navbar-area.p-absolute {
 position:absolute;
 left:0;
 right:0;
 top:0;
 height:auto;
 z-index:9
}
.navbar-area.is-sticky {
 top:0;
 right:0;
 width:100%;
 z-index:999;
 position:fixed;
 background-color:var(--whiteColor)!important;
 -webkit-box-shadow:0 2px 28px 0 rgba(0,0,0,.09);
 box-shadow:0 2px 28px 0 rgba(0,0,0,.09);
 -webkit-animation:500ms ease-in-out 0s normal none 1 running fadeInDown;
 animation:500ms ease-in-out 0s normal none 1 running fadeInDown
}
.navbar-area.is-sticky.bg-dark {
 background-color:#06080e!important;
 -webkit-box-shadow:0 2px 28px 0 rgba(255,255,255,.05);
 box-shadow:0 2px 28px 0 rgba(255,255,255,.05)
}
.navbar-area.bg-f9faff {
 background-color:#f9faff
}
.navbar-area.navbar-style-two .noke-nav .container-fluid {
 max-width:1400px
}
.navbar-area.navbar-style-three .noke-nav .container-fluid {
 max-width:1450px
}
.navbar-area.navbar-style-four .noke-nav .container-fluid {
 max-width:1470px
}
.navbar-area.navbar-style-five {
 padding-top:0;
 padding-bottom:0
}
.navbar-area.navbar-style-five .noke-nav .container-fluid {
 max-width:1450px
}
.navbar-area.navbar-style-five .noke-nav .navbar {
 background-color:var(--whiteColor);
 padding-left:25px;
 padding-right:25px
}
.navbar-area.bg-dark {
 color:var(--whiteColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item a {
 color:var(--whiteColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item a:hover,
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item a:focus,
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item a.active {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item:hover a,
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item.active a {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
 color:var(--blackColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
 background-color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
.navbar-area.bg-dark .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .option-item .search-icon {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .option-item .search-icon:hover {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .option-item .social-links li a {
 color:var(--whiteColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .option-item .social-links li a:hover {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search {
 color:var(--whiteColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search::-webkit-input-placeholder {
 color:var(--whiteColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search:-ms-input-placeholder {
 color:var(--whiteColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search::-ms-input-placeholder {
 color:var(--whiteColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search::placeholder {
 color:var(--whiteColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search:focus::-webkit-input-placeholder {
 color:transparent
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search:focus:-ms-input-placeholder {
 color:transparent
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search:focus::-ms-input-placeholder {
 color:transparent
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box .input-search:focus::placeholder {
 color:transparent
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box button {
 color:var(--whiteColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .search-box button:hover {
 color:var(--startupMainColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .lang-switcher {
 color:var(--whiteColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .lang-switcher select {
 color:var(--whiteColor)
}
.navbar-area.bg-dark .noke-nav .navbar .others-option .lang-switcher select option {
 color:var(--blackColor)
}
.navbar-area.bg-dark .others-option-for-responsive .dot-menu .inner .circle {
 background-color:var(--whiteColor)
}
.navbar-area.bg-dark .others-option-for-responsive .dot-menu:hover .inner .circle {
 background-color:var(--startupMainColor)
}
.navbar-area.color-white.is-sticky {
 background-color:#06080e!important;
 -webkit-box-shadow:0 2px 28px 0 rgba(255,255,255,.05);
 box-shadow:0 2px 28px 0 rgba(255,255,255,.05)
}
.noke-responsive-nav {
 display:none
}
.noke-nav .container-fluid {
 max-width:1400px
}
.noke-nav .navbar {
 padding:0;
 position:inherit
}
.noke-nav .navbar .navbar-brand {
 font-size:inherit;
 line-height:1;
 padding:0
}
.noke-nav .navbar ul {
 padding-right:0;
 list-style-type:none;
 margin-bottom:0
}
.noke-nav .navbar .navbar-nav {
 margin-right:auto;
 position:relative
}
.noke-nav .navbar .navbar-nav .nav-item {
 position:relative;
 margin-left:15px;
 margin-right:15px
}
.noke-nav .navbar .navbar-nav .nav-item a {
 position:relative;
 color:var(--blackColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 font-weight:700;
 font-size:var(--fontSize);
 padding-left:0;
 padding-right:0;
 padding-top:30px;
 padding-bottom:30px
}
.noke-nav .navbar .navbar-nav .nav-item a:hover,
.noke-nav .navbar .navbar-nav .nav-item a:focus,
.noke-nav .navbar .navbar-nav .nav-item a.active {
 color:var(--startupMainColor)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-toggle {
 padding-left:14px
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-toggle::after {
 display:none
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-toggle::before {
 -webkit-font-smoothing:antialiased;
 text-rendering:auto;
 position:absolute;
 content:"\f078";
 line-height:1;
 top:37px;
 left:0;
 font-family:"font awesome 5 free";
 -webkit-font-variant-ligatures:normal;
 font-variant-ligatures:normal;
 font-variant-caps:normal;
 font-style:normal;
 font-weight:900;
 font-size:10px
}
.noke-nav .navbar .navbar-nav .nav-item:last-child {
 margin-left:0
}
.noke-nav .navbar .navbar-nav .nav-item:first-child {
 margin-right:0
}
.noke-nav .navbar .navbar-nav .nav-item:hover a,
.noke-nav .navbar .navbar-nav .nav-item.active a {
 color:var(--startupMainColor)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu {
 right:0;
 top:80px;
 left:auto;
 opacity:0;
 z-index:99;
 border:none;
 width:250px;
 margin-top:0;
 display:block;
 padding:10px 0;
 border-radius:0;
 text-align:start;
 position:absolute;
 visibility:hidden;
 background:var(--whiteColor);
 -webkit-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out;
 -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.1);
 box-shadow:0 0 15px 0 rgba(0,0,0,.1)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
 margin:0
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
 display:block;
 padding:9px 20px;
 position:relative;
 color:var(--blackColor);
 font-size:14.5px;
 font-weight:600
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i {
 top:50%;
 margin:0;
 left:15px;
 font-size:11px;
 position:absolute;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus {
 color:var(--startupMainColor);
 padding-right:25px
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
 color:var(--startupMainColor)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
 top:0;
 opacity:0;
 right:auto;
 left:250px;
 margin-top:0;
 visibility:hidden;
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor);
 padding-right:20px
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus {
 color:var(--startupMainColor);
 padding-right:25px
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
 color:var(--startupMainColor)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
 top:0;
 opacity:0;
 left:250px;
 visibility:hidden
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor);
 padding-right:20px
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {
 padding-right:25px;
 color:var(--startupMainColor)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--startupMainColor)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
 top:0;
 opacity:0;
 left:250px;
 visibility:hidden
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 padding-right:20px;
 color:var(--blackColor)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus {
 color:var(--startupMainColor);
 padding-right:25px
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--startupMainColor)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--startupMainColor)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
 opacity:1;
 visibility:visible
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--startupMainColor)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
 opacity:1;
 visibility:visible
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
 color:var(--startupMainColor)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
 opacity:1;
 visibility:visible
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
 color:var(--startupMainColor)
}
.noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
 opacity:1;
 margin-top:0;
 visibility:visible
}
.noke-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
 opacity:1;
 visibility:visible
}
.noke-nav .navbar .navbar-nav .nav-item.megamenu {
 position:unset
}
.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu {
 right:0;
 top:auto;
 width:100%;
 padding:25px;
 margin-top:0;
 position:absolute;
 -webkit-transform:unset!important;
 transform:unset!important
}
.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title {
 position:relative;
 border-bottom:1px solid #eee;
 padding-bottom:8px;
 text-transform:uppercase;
 margin-bottom:25px;
 margin-top:30px;
 font-size:var(--fontSize);
 font-weight:600
}
.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
 width:50px;
 height:1px;
 content:'';
 position:absolute;
 right:0;
 bottom:-1px;
 background-color:var(--startupMainColor)
}
.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title:first-child {
 margin-top:0
}
.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu a {
 border-bottom:none!important
}
.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a {
 padding:0;
 margin-top:18px;
 color:var(--blackColor)
}
.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a .count {
 float:left;
 width:20px;
 height:20px;
 display:block;
 font-size:12px;
 line-height:20px;
 text-align:center;
 border-radius:5px;
 background-color:#f4f4f4;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
.noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
 color:var(--startupMainColor)
}
.noke-nav .navbar .others-option {
 margin-right:30px
}
.noke-nav .navbar .others-option .option-item {
 position:relative;
 margin-right:15px;
 top:1px
}
.noke-nav .navbar .others-option .option-item:first-child {
 margin-right:0
}
.noke-nav .navbar .others-option .option-item .search-icon {
 line-height:1;
 font-size:18px;
 cursor:pointer;
 display:inline-block;
 color:var(--blackColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border-left:1px solid rgba(0,0,0,.2);
 border-right:1px solid rgba(0,0,0,.2);
 padding-left:15px;
 padding-right:15px
}
.noke-nav .navbar .others-option .option-item .search-icon:hover {
 color:var(--startupMainColor)
}
.noke-nav .navbar .others-option .option-item .social-links {
 position:relative;
 top:-1px
}
.noke-nav .navbar .others-option .option-item .social-links span {
 display:inline-block;
 margin-right:15px;
 line-height:1
}
.noke-nav .navbar .others-option .option-item .social-links span a {
 font-size:17px;
 display:block
}
.noke-nav .navbar .others-option .option-item .social-links span a:hover {
 color:var(--startupMainColor)
}
.noke-nav .navbar .others-option .option-item .social-links span:first-child {
 margin-right:0
}
.noke-nav .navbar .others-option .option-item .link-btn {
 display:inline-block;
 font-size:18px;
 line-height:1
}
.noke-nav .navbar .others-option .option-item .icon-btn {
 position:relative;
 font-size:18px;
 line-height:1;
 padding-left:10px;
 margin-right:5px
}
.noke-nav .navbar .others-option .option-item .icon-btn span {
 display:inline-block;
 position:absolute;
 left:0;
 top:-5px;
 width:16px;
 height:16px;
 border-radius:50%;
 background-color:red;
 text-align:center;
 line-height:17px;
 color:var(--whiteColor);
 font-weight:700;
 font-size:9px
}
.noke-nav .navbar .others-option .search-box {
 position:relative;
 width:200px
}
.noke-nav .navbar .others-option .search-box .input-search {
 display:block;
 width:100%;
 background-color:transparent;
 border:none;
 border-bottom:1px solid #eee;
 height:auto;
 padding-bottom:8px;
 font-size:14px;
 color:var(--blackColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.noke-nav .navbar .others-option .search-box .input-search::-webkit-input-placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--optionalColor)
}
.noke-nav .navbar .others-option .search-box .input-search:-ms-input-placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--optionalColor)
}
.noke-nav .navbar .others-option .search-box .input-search::-ms-input-placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--optionalColor)
}
.noke-nav .navbar .others-option .search-box .input-search::placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--optionalColor)
}
.noke-nav .navbar .others-option .search-box .input-search:focus {
 border-color:var(--startupMainColor)
}
.noke-nav .navbar .others-option .search-box .input-search:focus::-webkit-input-placeholder {
 color:transparent
}
.noke-nav .navbar .others-option .search-box .input-search:focus:-ms-input-placeholder {
 color:transparent
}
.noke-nav .navbar .others-option .search-box .input-search:focus::-ms-input-placeholder {
 color:transparent
}
.noke-nav .navbar .others-option .search-box .input-search:focus::placeholder {
 color:transparent
}
.noke-nav .navbar .others-option .search-box button {
 position:absolute;
 left:0;
 top:0;
 background-color:transparent;
 border:none;
 color:var(--optionalColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.noke-nav .navbar .others-option .search-box button:hover {
 color:var(--startupMainColor)
}
.noke-nav .navbar .others-option .lang-switcher {
 position:relative;
 padding-right:34px;
 position:relative;
 top:-2px;
 border-right:1px solid rgba(0,0,0,.2)
}
.noke-nav .navbar .others-option .lang-switcher label {
 display:block;
 margin-bottom:0;
 position:absolute;
 right:15px;
 top:0
}
.noke-nav .navbar .others-option .lang-switcher select {
 background-color:transparent;
 cursor:pointer;
 border:none;
 margin-top:-3px
}
.others-option-for-responsive {
 display:none
}
.others-option-for-responsive .dot-menu {
 top:-37px;
 left:60px;
 height:30px;
 z-index:999;
 padding:0 10px;
 cursor:pointer;
 position:absolute
}
.others-option-for-responsive .dot-menu .inner {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:30px
}
.others-option-for-responsive .dot-menu .inner .circle {
 height:5px;
 width:5px;
 border-radius:100%;
 margin:0 2px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background-color:var(--blackColor)
}
.others-option-for-responsive .dot-menu:hover .inner .circle {
 background-color:var(--startupMainColor)
}
.others-option-for-responsive .container {
 position:relative
}
.others-option-for-responsive .container .container {
 left:0;
 top:15px;
 opacity:0;
 z-index:2;
 max-width:300px;
 margin-right:auto;
 visibility:hidden;
 position:absolute;
 -webkit-transform:scaleX(0);
 transform:scaleX(0);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 padding-left:15px;
 padding-right:15px
}
.others-option-for-responsive .container .container.active {
 opacity:1;
 visibility:visible;
 -webkit-transform:scaleX(1);
 transform:scaleX(1)
}
.others-option-for-responsive .option-inner {
 padding:15px 20px;
 -webkit-box-shadow:0 15px 40px rgba(0,0,0,.09);
 box-shadow:0 15px 40px rgba(0,0,0,.09);
 background-color:var(--whiteColor);
 text-align:center
}
.others-option-for-responsive .option-inner .others-option .option-item {
 position:relative;
 margin-right:20px;
 display:inline-block
}
.others-option-for-responsive .option-inner .others-option .option-item:first-child {
 margin-right:0
}
.others-option-for-responsive .option-inner .others-option .option-item .search-icon {
 line-height:1;
 font-size:18px;
 cursor:pointer;
 display:inline-block;
 color:var(--blackColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border-left:1px solid rgba(0,0,0,.2);
 padding-left:20px
}
.others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover {
 color:var(--startupMainColor)
}
.others-option-for-responsive .option-inner .others-option .option-item .social-links {
 position:relative;
 top:-1px
}
.others-option-for-responsive .option-inner .others-option .option-item .social-links span {
 display:inline-block;
 margin-right:15px;
 line-height:1
}
.others-option-for-responsive .option-inner .others-option .option-item .social-links span a {
 font-size:17px;
 display:block
}
.others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover {
 color:var(--startupMainColor)
}
.others-option-for-responsive .option-inner .others-option .option-item .social-links span:first-child {
 margin-right:0
}
.others-option-for-responsive .option-inner .others-option .search-box {
 position:relative;
 width:100%
}
.others-option-for-responsive .option-inner .others-option .search-box .input-search {
 display:block;
 width:100%;
 background-color:transparent;
 border:none;
 border-bottom:1px solid #eee;
 height:auto;
 padding-bottom:8px;
 font-size:14px;
 color:var(--blackColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.others-option-for-responsive .option-inner .others-option .search-box .input-search::-webkit-input-placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--optionalColor)
}
.others-option-for-responsive .option-inner .others-option .search-box .input-search:-ms-input-placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--optionalColor)
}
.others-option-for-responsive .option-inner .others-option .search-box .input-search::-ms-input-placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--optionalColor)
}
.others-option-for-responsive .option-inner .others-option .search-box .input-search::placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--optionalColor)
}
.others-option-for-responsive .option-inner .others-option .search-box .input-search:focus {
 border-color:var(--startupMainColor)
}
.others-option-for-responsive .option-inner .others-option .search-box .input-search:focus::-webkit-input-placeholder {
 color:transparent
}
.others-option-for-responsive .option-inner .others-option .search-box .input-search:focus:-ms-input-placeholder {
 color:transparent
}
.others-option-for-responsive .option-inner .others-option .search-box .input-search:focus::-ms-input-placeholder {
 color:transparent
}
.others-option-for-responsive .option-inner .others-option .search-box .input-search:focus::placeholder {
 color:transparent
}
.others-option-for-responsive .option-inner .others-option .search-box button {
 position:absolute;
 left:0;
 top:0;
 background-color:transparent;
 border:none;
 color:var(--optionalColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.others-option-for-responsive .option-inner .others-option .search-box button:hover {
 color:var(--startupMainColor)
}
.others-option-for-responsive .option-inner .others-option .lang-switcher {
 top:-2px;
 position:relative;
 padding-right:25px;
 position:relative;
 margin-right:-10px;
 border-right:1px solid rgba(0,0,0,.2)
}
.others-option-for-responsive .option-inner .others-option .lang-switcher label {
 display:block;
 margin-bottom:0;
 position:absolute;
 right:10px;
 top:0
}
.others-option-for-responsive .option-inner .others-option .lang-switcher select {
 background-color:transparent;
 cursor:pointer;
 border:none;
 margin-top:-3px
}
.others-option-for-responsive .option-inner .others-option .link-btn {
 display:inline-block;
 font-size:18px;
 line-height:1
}
.others-option-for-responsive .option-inner .others-option .icon-btn {
 position:relative;
 font-size:18px;
 line-height:1;
 padding-left:10px;
 margin-right:5px
}
.others-option-for-responsive .option-inner .others-option .icon-btn span {
 display:inline-block;
 position:absolute;
 left:0;
 top:-5px;
 width:16px;
 height:16px;
 border-radius:50%;
 background-color:red;
 text-align:center;
 line-height:17px;
 color:var(--whiteColor);
 font-weight:700;
 font-size:9px
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item a:hover,
.marketing-color .noke-nav .navbar .navbar-nav .nav-item a:focus,
.marketing-color .noke-nav .navbar .navbar-nav .nav-item a.active {
 color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item:hover a,
.marketing-color .noke-nav .navbar .navbar-nav .nav-item.active a {
 color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
 color:var(--blackColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
 color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
 color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
 color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
 color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
 background-color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
.marketing-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
 color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .others-option .option-item .search-icon:hover {
 color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .others-option .option-item .social-links span a:hover {
 color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .others-option .search-box .input-search:focus {
 border-color:var(--marketingMainColor)
}
.marketing-color .noke-nav .navbar .others-option .search-box button:hover {
 color:var(--marketingMainColor)
}
.marketing-color .others-option-for-responsive .dot-menu:hover .inner .circle {
 background-color:var(--marketingMainColor)
}
.marketing-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover {
 color:var(--marketingMainColor)
}
.marketing-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover {
 color:var(--marketingMainColor)
}
.marketing-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus {
 border-color:var(--marketingMainColor)
}
.marketing-color .others-option-for-responsive .option-inner .others-option .search-box button:hover {
 color:var(--marketingMainColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item a:hover,
.business-color .noke-nav .navbar .navbar-nav .nav-item a:focus,
.business-color .noke-nav .navbar .navbar-nav .nav-item a.active {
 color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item:hover a,
.business-color .noke-nav .navbar .navbar-nav .nav-item.active a {
 color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
 color:var(--blackColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
 color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
 color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
 color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
 color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
 background-color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
.business-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
 color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .others-option .option-item .search-icon:hover {
 color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .others-option .option-item .social-links span a:hover {
 color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .others-option .search-box .input-search:focus {
 border-color:var(--businessMainColor)
}
.business-color .noke-nav .navbar .others-option .search-box button:hover {
 color:var(--businessMainColor)
}
.business-color .others-option-for-responsive .dot-menu:hover .inner .circle {
 background-color:var(--businessMainColor)
}
.business-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover {
 color:var(--businessMainColor)
}
.business-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover {
 color:var(--businessMainColor)
}
.business-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus {
 border-color:var(--businessMainColor)
}
.business-color .others-option-for-responsive .option-inner .others-option .search-box button:hover {
 color:var(--businessMainColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item a:hover,
.app-color .noke-nav .navbar .navbar-nav .nav-item a:focus,
.app-color .noke-nav .navbar .navbar-nav .nav-item a.active {
 color:var(--appMainColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item:hover a,
.app-color .noke-nav .navbar .navbar-nav .nav-item.active a {
 color:var(--appMainColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
 color:var(--blackColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
 color:var(--appMainColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
 color:var(--appMainColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--appMainColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--appMainColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--appMainColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--appMainColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
 color:var(--appMainColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
 color:var(--appMainColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
 background-color:var(--appMainColor)
}
.app-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
.app-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
 color:var(--appMainColor)
}
.app-color .noke-nav .navbar .others-option .option-item .search-icon:hover {
 color:var(--appMainColor)
}
.app-color .noke-nav .navbar .others-option .option-item .social-links span a:hover {
 color:var(--appMainColor)
}
.app-color .noke-nav .navbar .others-option .search-box .input-search:focus {
 border-color:var(--appMainColor)
}
.app-color .noke-nav .navbar .others-option .search-box button:hover {
 color:var(--appMainColor)
}
.app-color .others-option-for-responsive .dot-menu:hover .inner .circle {
 background-color:var(--appMainColor)
}
.app-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover {
 color:var(--appMainColor)
}
.app-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover {
 color:var(--appMainColor)
}
.app-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus {
 border-color:var(--appMainColor)
}
.app-color .others-option-for-responsive .option-inner .others-option .search-box button:hover {
 color:var(--appMainColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item a:hover,
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item a:focus,
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item a.active {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item:hover a,
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.active a {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
 color:var(--blackColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
 background-color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
.personal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .others-option .option-item .search-icon:hover {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .others-option .option-item .social-links span a:hover {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .others-option .search-box .input-search:focus {
 border-color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .noke-nav .navbar .others-option .search-box button:hover {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .others-option-for-responsive .dot-menu:hover .inner .circle {
 background-color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover {
 color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus {
 border-color:var(--personalPortfolioMainColor)
}
.personal-portfolio-color .others-option-for-responsive .option-inner .others-option .search-box button:hover {
 color:var(--personalPortfolioMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item a:hover,
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item a:focus,
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item a.active {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item:hover a,
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item.active a {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
 color:var(--blackColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
 background-color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
.saas-color.bg-dark .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .others-option .option-item .search-icon:hover {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .others-option .option-item .social-links span a:hover {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .others-option .search-box .input-search:focus {
 border-color:var(--saasMainColor)
}
.saas-color.bg-dark .noke-nav .navbar .others-option .search-box button:hover {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .others-option-for-responsive .dot-menu:hover .inner .circle {
 background-color:var(--saasMainColor)
}
.saas-color.bg-dark .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .others-option-for-responsive .option-inner .others-option .option-item .social-links li a:hover {
 color:var(--saasMainColor)
}
.saas-color.bg-dark .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus {
 border-color:var(--saasMainColor)
}
.saas-color.bg-dark .others-option-for-responsive .option-inner .others-option .search-box button:hover {
 color:var(--saasMainColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item a {
 color:var(--whiteColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item a:hover,
.color-white .noke-nav .navbar .navbar-nav .nav-item a:focus,
.color-white .noke-nav .navbar .navbar-nav .nav-item a.active {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item:hover a,
.color-white .noke-nav .navbar .navbar-nav .nav-item.active a {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
 color:var(--blackColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
 background-color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
.color-white .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .others-option .option-item .search-icon {
 color:var(--whiteColor)
}
.color-white .noke-nav .navbar .others-option .option-item .search-icon:hover {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .others-option .option-item .social-links li a {
 color:var(--whiteColor)
}
.color-white .noke-nav .navbar .others-option .option-item .social-links li a:hover {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .others-option .search-box .input-search {
 color:var(--whiteColor)
}
.color-white .noke-nav .navbar .others-option .search-box .input-search::-webkit-input-placeholder {
 color:var(--whiteColor)
}
.color-white .noke-nav .navbar .others-option .search-box .input-search:-ms-input-placeholder {
 color:var(--whiteColor)
}
.color-white .noke-nav .navbar .others-option .search-box .input-search::-ms-input-placeholder {
 color:var(--whiteColor)
}
.color-white .noke-nav .navbar .others-option .search-box .input-search::placeholder {
 color:var(--whiteColor)
}
.color-white .noke-nav .navbar .others-option .search-box .input-search:focus::-webkit-input-placeholder {
 color:transparent
}
.color-white .noke-nav .navbar .others-option .search-box .input-search:focus:-ms-input-placeholder {
 color:transparent
}
.color-white .noke-nav .navbar .others-option .search-box .input-search:focus::-ms-input-placeholder {
 color:transparent
}
.color-white .noke-nav .navbar .others-option .search-box .input-search:focus::placeholder {
 color:transparent
}
.color-white .noke-nav .navbar .others-option .search-box button {
 color:var(--whiteColor)
}
.color-white .noke-nav .navbar .others-option .search-box button:hover {
 color:var(--startupMainColor)
}
.color-white .noke-nav .navbar .others-option .lang-switcher {
 color:var(--whiteColor)
}
.color-white .noke-nav .navbar .others-option .lang-switcher select {
 color:var(--whiteColor)
}
.color-white .noke-nav .navbar .others-option .lang-switcher select option {
 color:var(--blackColor)
}
.color-white .others-option-for-responsive .dot-menu .inner .circle {
 background-color:var(--whiteColor)
}
.color-white .others-option-for-responsive .dot-menu:hover .inner .circle {
 background-color:var(--startupMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item a {
 color:var(--whiteColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item a:hover,
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item a:focus,
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item a.active {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item:hover a,
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item.active a {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
 color:var(--blackColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
 background-color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
.it-agency-color.color-white .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .others-option .option-item .search-icon {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .others-option .option-item .search-icon:hover {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .others-option .option-item .social-links li a:hover {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .noke-nav .navbar .others-option .search-box button:hover {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .others-option-for-responsive .dot-menu:hover .inner .circle {
 background-color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover {
 color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus {
 border-color:var(--itAgencyMainColor)
}
.it-agency-color.color-white .others-option-for-responsive .option-inner .others-option .search-box button:hover {
 color:var(--itAgencyMainColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item a:hover,
.consulting-color .noke-nav .navbar .navbar-nav .nav-item a:focus,
.consulting-color .noke-nav .navbar .navbar-nav .nav-item a.active {
 color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item:hover a,
.consulting-color .noke-nav .navbar .navbar-nav .nav-item.active a {
 color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
 color:var(--blackColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
 color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
 color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
 color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
 color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
 background-color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
.consulting-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
 color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .others-option .option-item .search-icon:hover {
 color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .others-option .option-item .social-links span a:hover {
 color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .others-option .search-box .input-search:focus {
 border-color:var(--consultingMainColor)
}
.consulting-color .noke-nav .navbar .others-option .search-box button:hover {
 color:var(--consultingMainColor)
}
.consulting-color .others-option-for-responsive .dot-menu:hover .inner .circle {
 background-color:var(--consultingMainColor)
}
.consulting-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover {
 color:var(--consultingMainColor)
}
.consulting-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover {
 color:var(--consultingMainColor)
}
.consulting-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus {
 border-color:var(--consultingMainColor)
}
.consulting-color .others-option-for-responsive .option-inner .others-option .search-box button:hover {
 color:var(--consultingMainColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item a:hover,
.shop-color .noke-nav .navbar .navbar-nav .nav-item a:focus,
.shop-color .noke-nav .navbar .navbar-nav .nav-item a.active {
 color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item:hover a,
.shop-color .noke-nav .navbar .navbar-nav .nav-item.active a {
 color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
 color:var(--blackColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
 color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
 color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
 color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
 color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
 background-color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
.shop-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
 color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .others-option .option-item .search-icon:hover {
 color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .others-option .option-item .social-links span a:hover {
 color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .others-option .search-box .input-search:focus {
 border-color:var(--shopMainColor)
}
.shop-color .noke-nav .navbar .others-option .search-box button:hover {
 color:var(--shopMainColor)
}
.shop-color .others-option-for-responsive .dot-menu:hover .inner .circle {
 background-color:var(--shopMainColor)
}
.shop-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover {
 color:var(--shopMainColor)
}
.shop-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover {
 color:var(--shopMainColor)
}
.shop-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus {
 border-color:var(--shopMainColor)
}
.shop-color .others-option-for-responsive .option-inner .others-option .search-box button:hover {
 color:var(--shopMainColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item a:hover,
.blog-color .noke-nav .navbar .navbar-nav .nav-item a:focus,
.blog-color .noke-nav .navbar .navbar-nav .nav-item a.active {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item:hover a,
.blog-color .noke-nav .navbar .navbar-nav .nav-item.active a {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
 background-color:var(--blackColor)
}
.blog-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
.blog-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .others-option .option-item .search-icon:hover {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .others-option .option-item .social-links span a:hover {
 color:var(--blackColor)
}
.blog-color .noke-nav .navbar .others-option .search-box .input-search:focus {
 border-color:var(--blackColor)
}
.blog-color .noke-nav .navbar .others-option .search-box button:hover {
 color:var(--blackColor)
}
.blog-color .others-option-for-responsive .dot-menu:hover .inner .circle {
 background-color:var(--blackColor)
}
.blog-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover {
 color:var(--blackColor)
}
.blog-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover {
 color:var(--blackColor)
}
.blog-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus {
 border-color:var(--blackColor)
}
.blog-color .others-option-for-responsive .option-inner .others-option .search-box button:hover {
 color:var(--blackColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item a:hover,
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item a:focus,
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item a.active {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item:hover a,
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.active a {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
 color:var(--blackColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
 color:var(--blackColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
 background-color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
.minimal-portfolio-color .noke-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .others-option .option-item .search-icon:hover {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .others-option .option-item .social-links span a:hover {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .others-option .search-box .input-search:focus {
 border-color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .noke-nav .navbar .others-option .search-box button:hover {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .others-option-for-responsive .dot-menu:hover .inner .circle {
 background-color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .others-option-for-responsive .option-inner .others-option .option-item .search-icon:hover {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .others-option-for-responsive .option-inner .others-option .option-item .social-links span a:hover {
 color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .others-option-for-responsive .option-inner .others-option .search-box .input-search:focus {
 border-color:var(--minimalPortfolioColor)
}
.minimal-portfolio-color .others-option-for-responsive .option-inner .others-option .search-box button:hover {
 color:var(--minimalPortfolioColor)
}
@media only screen and (max-width:1199px) {
 .header-area.p-absolute .navbar-area.navbar-style-five {
  border-bottom:none;
  background-color:var(--whiteColor)
 }
 .navbar-area {
  padding-top:15px;
  padding-bottom:15px
 }
 .navbar-area.is-sticky {
  padding-top:15px;
  padding-bottom:15px
 }
 .navbar-area.bg-dark {
  border-bottom:1px solid rgba(255,255,255,.07)
 }
 .navbar-area.bg-dark .noke-responsive-nav .mean-container a.meanmenu-reveal {
  color:var(--whiteColor)
 }
 .navbar-area.bg-dark .noke-responsive-nav .mean-container a.meanmenu-reveal span {
  background:var(--whiteColor)
 }
 .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box .input-search {
  border-bottom:1px solid #6e6a6a;
  color:var(--whiteColor)
 }
 .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box .input-search::-webkit-input-placeholder {
  color:var(--whiteColor)
 }
 .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box .input-search:-ms-input-placeholder {
  color:var(--whiteColor)
 }
 .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box .input-search::-ms-input-placeholder {
  color:var(--whiteColor)
 }
 .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box .input-search::placeholder {
  color:var(--whiteColor)
 }
 .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box .input-search:focus {
  border-color:var(--whiteColor)
 }
 .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box button {
  color:var(--whiteColor)
 }
 .navbar-area.bg-dark .noke-responsive-nav .others-option .search-box button:hover {
  color:var(--whiteColor)
 }
 .navbar-area.color-white {
  border-bottom:1px solid rgba(255,255,255,.07)
 }
 .navbar-area.color-white .noke-responsive-nav .mean-container a.meanmenu-reveal {
  color:var(--whiteColor)
 }
 .navbar-area.color-white .noke-responsive-nav .mean-container a.meanmenu-reveal span {
  background:var(--whiteColor)
 }
 .navbar-area.color-white .noke-responsive-nav .others-option .search-box .input-search {
  border-bottom:1px solid #6e6a6a;
  color:var(--whiteColor)
 }
 .navbar-area.color-white .noke-responsive-nav .others-option .search-box .input-search::-webkit-input-placeholder {
  color:var(--whiteColor)
 }
 .navbar-area.color-white .noke-responsive-nav .others-option .search-box .input-search:-ms-input-placeholder {
  color:var(--whiteColor)
 }
 .navbar-area.color-white .noke-responsive-nav .others-option .search-box .input-search::-ms-input-placeholder {
  color:var(--whiteColor)
 }
 .navbar-area.color-white .noke-responsive-nav .others-option .search-box .input-search::placeholder {
  color:var(--whiteColor)
 }
 .navbar-area.color-white .noke-responsive-nav .others-option .search-box .input-search:focus {
  border-color:var(--whiteColor)
 }
 .navbar-area.color-white .noke-responsive-nav .others-option .search-box button {
  color:var(--whiteColor)
 }
 .navbar-area.color-white .noke-responsive-nav .others-option .search-box button:hover {
  color:var(--whiteColor)
 }
 .navbar-area.navbar-style-five {
  border-bottom:1px solid #eee;
  padding-top:15px;
  padding-bottom:15px
 }
 .noke-responsive-nav {
  display:block
 }
 .noke-responsive-nav .noke-responsive-menu {
  position:relative
 }
 .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav {
  margin-top:63px;
  background-color:var(--whiteColor)
 }
 .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul {
  font-size:14px;
  border:none!important
 }
 .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a {
  color:var(--blackColor);
  border-top-color:#dbeefd;
  text-transform:unset;
  font-weight:500
 }
 .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a i {
  display:none
 }
 .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.mean-expand {
  width:50%;
  height:28px;
  text-align:end;
  padding:11px!important;
  background:0 0!important;
  border-left:none!important;
  border-bottom:none!important
 }
 .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active {
  color:var(--startupMainColor)
 }
 .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li li a {
  font-size:14px
 }
 .noke-responsive-nav .noke-responsive-menu.mean-container .navbar-nav {
  height:301px;
  overflow-y:scroll;
  -webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,.1);
  box-shadow:0 7px 13px 0 rgba(0,0,0,.1)
 }
 .noke-responsive-nav .mean-container a.meanmenu-reveal {
  top:0;
  padding:0;
  width:35px;
  height:30px;
  padding-top:13px;
  color:var(--blackColor);
  font-family:var(--fontFamily)
 }
 .noke-responsive-nav .mean-container a.meanmenu-reveal span {
  background:var(--blackColor);
  height:4px;
  margin-top:-6px;
  border-radius:3px;
  position:relative;
  top:8px
 }
 .noke-responsive-nav .mean-container .mean-bar {
  background:0 0;
  position:absolute;
  z-index:999;
  padding:0
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item {
  width:90%;
  overflow:hidden;
  padding:1em 5% 5px
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row {
  display:block;
  -ms-flex-wrap:unset;
  flex-wrap:unset;
  margin-left:0;
  margin-right:0;
  margin-top:-20px
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col {
  -ms-flex-preferred-size:unset;
  flex-basis:unset;
  -webkit-box-flex:unset;
  -ms-flex-positive:unset;
  flex-grow:unset;
  max-width:100%;
  padding-left:0;
  padding-right:0;
  padding-top:20px
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col:last-child {
  margin-bottom:15px
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item a {
  width:100%;
  float:unset;
  display:block
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item a.p-0 {
  border:none!important;
  margin-top:15px
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title {
  position:relative;
  padding-bottom:8px;
  color:var(--blackColor);
  text-transform:uppercase;
  border-bottom:1px solid #eee;
  margin-bottom:5px;
  margin-top:25px;
  margin-left:0;
  margin-right:0;
  font-size:12.5px;
  font-weight:600
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
  width:30px;
  height:1px;
  content:'';
  position:absolute;
  right:0;
  bottom:-1px;
  background-color:var(--startupMainColor)
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title:first-child {
  margin-top:0
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu a {
  border-bottom:none!important
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .mean-expand {
  display:none!important
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu {
  width:auto;
  overflow:hidden;
  display:block!important;
  padding-left:0;
  padding-right:0
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a {
  padding:0;
  border:none;
  margin-top:15px;
  font-weight:500;
  color:var(--blackColor)
 }
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
 .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
  color:var(--startupMainColor)
 }
 .noke-responsive-nav .dropdown-toggle::after {
  display:none!important
 }
 .noke-responsive-nav .others-option {
  display:none!important;
  position:absolute;
  left:60px;
  top:16px
 }
 .noke-responsive-nav .others-option .option-item {
  position:relative;
  margin-right:20px;
  display:inline-block
 }
 .noke-responsive-nav .others-option .option-item:first-child {
  margin-right:0
 }
 .noke-responsive-nav .others-option .option-item .search-icon {
  line-height:1;
  font-size:18px;
  cursor:pointer;
  display:inline-block;
  color:var(--blackColor);
  -webkit-transition:var(--transition);
  transition:var(--transition);
  border-left:1px solid rgba(0,0,0,.2);
  padding-left:20px
 }
 .noke-responsive-nav .others-option .option-item .search-icon:hover {
  color:var(--startupMainColor)
 }
 .noke-responsive-nav .others-option .option-item .social-links {
  position:relative;
  top:-1px
 }
 .noke-responsive-nav .others-option .option-item .social-links span {
  display:inline-block;
  margin-right:15px;
  line-height:1
 }
 .noke-responsive-nav .others-option .option-item .social-links span a {
  font-size:17px;
  display:block
 }
 .noke-responsive-nav .others-option .option-item .social-links span a:hover {
  color:var(--startupMainColor)
 }
 .noke-responsive-nav .others-option .option-item .social-links span:first-child {
  margin-right:0
 }
 .noke-responsive-nav .others-option .search-box {
  position:relative;
  width:250px;
  top:-7px
 }
 .noke-responsive-nav .others-option .search-box .input-search {
  display:block;
  width:100%;
  background-color:transparent;
  border:none;
  border-bottom:1px solid #eee;
  height:auto;
  padding-bottom:8px;
  font-size:14px;
  color:var(--blackColor);
  -webkit-transition:var(--transition);
  transition:var(--transition)
 }
 .noke-responsive-nav .others-option .search-box .input-search::-webkit-input-placeholder {
  -webkit-transition:var(--transition);
  transition:var(--transition);
  color:var(--optionalColor)
 }
 .noke-responsive-nav .others-option .search-box .input-search:-ms-input-placeholder {
  -webkit-transition:var(--transition);
  transition:var(--transition);
  color:var(--optionalColor)
 }
 .noke-responsive-nav .others-option .search-box .input-search::-ms-input-placeholder {
  -webkit-transition:var(--transition);
  transition:var(--transition);
  color:var(--optionalColor)
 }
 .noke-responsive-nav .others-option .search-box .input-search::placeholder {
  -webkit-transition:var(--transition);
  transition:var(--transition);
  color:var(--optionalColor)
 }
 .noke-responsive-nav .others-option .search-box .input-search:focus {
  border-color:var(--startupMainColor)
 }
 .noke-responsive-nav .others-option .search-box .input-search:focus::-webkit-input-placeholder {
  color:transparent
 }
 .noke-responsive-nav .others-option .search-box .input-search:focus:-ms-input-placeholder {
  color:transparent
 }
 .noke-responsive-nav .others-option .search-box .input-search:focus::-ms-input-placeholder {
  color:transparent
 }
 .noke-responsive-nav .others-option .search-box .input-search:focus::placeholder {
  color:transparent
 }
 .noke-responsive-nav .others-option .search-box button {
  position:absolute;
  left:0;
  top:0;
  background-color:transparent;
  border:none;
  color:var(--optionalColor);
  -webkit-transition:var(--transition);
  transition:var(--transition)
 }
 .noke-responsive-nav .others-option .search-box button:hover {
  color:var(--startupMainColor)
 }
 .noke-responsive-nav .others-option .lang-switcher {
  top:-2px;
  position:relative;
  padding-right:25px;
  position:relative;
  margin-right:-10px;
  border-right:1px solid rgba(0,0,0,.2)
 }
 .noke-responsive-nav .others-option .lang-switcher label {
  display:block;
  margin-bottom:0;
  position:absolute;
  right:10px;
  top:0
 }
 .noke-responsive-nav .others-option .lang-switcher select {
  background-color:transparent;
  cursor:pointer;
  border:none;
  margin-top:-3px
 }
 .noke-responsive-nav .others-option .link-btn {
  display:inline-block;
  font-size:18px;
  line-height:1
 }
 .noke-responsive-nav .others-option .icon-btn {
  position:relative;
  font-size:18px;
  line-height:1;
  padding-left:10px;
  margin-right:5px
 }
 .noke-responsive-nav .others-option .icon-btn span {
  display:inline-block;
  position:absolute;
  left:0;
  top:-5px;
  width:16px;
  height:16px;
  border-radius:50%;
  background-color:red;
  text-align:center;
  line-height:17px;
  color:var(--whiteColor);
  font-weight:700;
  font-size:9px
 }
 .noke-responsive-nav .logo {
  position:relative;
  width:60%;
  z-index:999
 }
 .noke-nav {
  display:none
 }
 .others-option-for-responsive {
  display:block
 }
 .marketing-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active {
  color:var(--marketingMainColor)
 }
 .marketing-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
  background-color:var(--marketingMainColor)
 }
 .marketing-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
 .marketing-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
  color:var(--marketingMainColor)
 }
 .marketing-color .noke-responsive-nav .others-option .option-item .search-icon:hover {
  color:var(--marketingMainColor)
 }
 .marketing-color .noke-responsive-nav .others-option .option-item .social-links span a:hover {
  color:var(--marketingMainColor)
 }
 .marketing-color .noke-responsive-nav .others-option .search-box .input-search:focus {
  border-color:var(--marketingMainColor)
 }
 .marketing-color .noke-responsive-nav .others-option .search-box button:hover {
  color:var(--marketingMainColor)
 }
 .business-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active {
  color:var(--businessMainColor)
 }
 .business-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
  background-color:var(--businessMainColor)
 }
 .business-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
 .business-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
  color:var(--businessMainColor)
 }
 .business-color .noke-responsive-nav .others-option .option-item .search-icon:hover {
  color:var(--businessMainColor)
 }
 .business-color .noke-responsive-nav .others-option .option-item .social-links span a:hover {
  color:var(--businessMainColor)
 }
 .business-color .noke-responsive-nav .others-option .search-box .input-search:focus {
  border-color:var(--businessMainColor)
 }
 .business-color .noke-responsive-nav .others-option .search-box button:hover {
  color:var(--businessMainColor)
 }
 .app-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active {
  color:var(--appMainColor)
 }
 .app-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
  background-color:var(--appMainColor)
 }
 .app-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
 .app-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
  color:var(--appMainColor)
 }
 .app-color .noke-responsive-nav .others-option .option-item .search-icon:hover {
  color:var(--appMainColor)
 }
 .app-color .noke-responsive-nav .others-option .option-item .social-links span a:hover {
  color:var(--appMainColor)
 }
 .app-color .noke-responsive-nav .others-option .search-box .input-search:focus {
  border-color:var(--appMainColor)
 }
 .app-color .noke-responsive-nav .others-option .search-box button:hover {
  color:var(--appMainColor)
 }
 .it-agency-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active {
  color:var(--itAgencyMainColor)
 }
 .it-agency-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
  background-color:var(--itAgencyMainColor)
 }
 .it-agency-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
 .it-agency-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
  color:var(--itAgencyMainColor)
 }
 .it-agency-color .noke-responsive-nav .others-option .option-item .search-icon:hover {
  color:var(--itAgencyMainColor)
 }
 .it-agency-color .noke-responsive-nav .others-option .option-item .social-links span a:hover {
  color:var(--itAgencyMainColor)
 }
 .it-agency-color .noke-responsive-nav .others-option .search-box .input-search:focus {
  border-color:var(--itAgencyMainColor)
 }
 .it-agency-color .noke-responsive-nav .others-option .search-box button:hover {
  color:var(--itAgencyMainColor)
 }
 .consulting-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active {
  color:var(--consultingMainColor)
 }
 .consulting-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
  background-color:var(--consultingMainColor)
 }
 .consulting-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
 .consulting-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
  color:var(--consultingMainColor)
 }
 .consulting-color .noke-responsive-nav .others-option .option-item .search-icon:hover {
  color:var(--consultingMainColor)
 }
 .consulting-color .noke-responsive-nav .others-option .option-item .social-links span a:hover {
  color:var(--consultingMainColor)
 }
 .consulting-color .noke-responsive-nav .others-option .search-box .input-search:focus {
  border-color:var(--consultingMainColor)
 }
 .consulting-color .noke-responsive-nav .others-option .search-box button:hover {
  color:var(--consultingMainColor)
 }
 .saas-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active {
  color:var(--saasMainColor)
 }
 .saas-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
  background-color:var(--saasMainColor)
 }
 .saas-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
 .saas-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
  color:var(--saasMainColor)
 }
 .saas-color .noke-responsive-nav .others-option .option-item .search-icon:hover {
  color:var(--saasMainColor)
 }
 .saas-color .noke-responsive-nav .others-option .option-item .social-links span a:hover {
  color:var(--saasMainColor)
 }
 .saas-color .noke-responsive-nav .others-option .search-box .input-search:focus {
  border-color:var(--saasMainColor)
 }
 .saas-color .noke-responsive-nav .others-option .search-box button:hover {
  color:var(--saasMainColor)
 }
 .shop-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active {
  color:var(--shopMainColor)
 }
 .shop-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
  background-color:var(--shopMainColor)
 }
 .shop-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
 .shop-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
  color:var(--shopMainColor)
 }
 .shop-color .noke-responsive-nav .others-option .option-item .search-icon:hover {
  color:var(--shopMainColor)
 }
 .shop-color .noke-responsive-nav .others-option .option-item .social-links span a:hover {
  color:var(--shopMainColor)
 }
 .shop-color .noke-responsive-nav .others-option .search-box .input-search:focus {
  border-color:var(--shopMainColor)
 }
 .shop-color .noke-responsive-nav .others-option .search-box button:hover {
  color:var(--shopMainColor)
 }
 .blog-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active {
  color:var(--personalPortfolioMainColor)
 }
 .blog-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
  background-color:var(--personalPortfolioMainColor)
 }
 .blog-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
 .blog-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
  color:var(--personalPortfolioMainColor)
 }
 .blog-color .noke-responsive-nav .others-option .option-item .search-icon:hover {
  color:var(--personalPortfolioMainColor)
 }
 .blog-color .noke-responsive-nav .others-option .option-item .social-links span a:hover {
  color:var(--personalPortfolioMainColor)
 }
 .blog-color .noke-responsive-nav .others-option .search-box .input-search:focus {
  border-color:var(--personalPortfolioMainColor)
 }
 .blog-color .noke-responsive-nav .others-option .search-box button:hover {
  color:var(--personalPortfolioMainColor)
 }
 .personal-portfolio-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active {
  color:var(--personalPortfolioMainColor)
 }
 .personal-portfolio-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
  background-color:var(--personalPortfolioMainColor)
 }
 .personal-portfolio-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
 .personal-portfolio-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
  color:var(--personalPortfolioMainColor)
 }
 .personal-portfolio-color .noke-responsive-nav .others-option .option-item .search-icon:hover {
  color:var(--personalPortfolioMainColor)
 }
 .personal-portfolio-color .noke-responsive-nav .others-option .option-item .social-links span a:hover {
  color:var(--personalPortfolioMainColor)
 }
 .personal-portfolio-color .noke-responsive-nav .others-option .search-box .input-search:focus {
  border-color:var(--personalPortfolioMainColor)
 }
 .personal-portfolio-color .noke-responsive-nav .others-option .search-box button:hover {
  color:var(--personalPortfolioMainColor)
 }
 .minimal-portfolio-color .noke-responsive-nav .noke-responsive-menu.mean-container .mean-nav ul li a.active {
  color:var(--minimalPortfolioColor)
 }
 .minimal-portfolio-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before {
  background-color:var(--minimalPortfolioColor)
 }
 .minimal-portfolio-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover,
 .minimal-portfolio-color .noke-responsive-nav .mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active {
  color:var(--minimalPortfolioColor)
 }
 .minimal-portfolio-color .noke-responsive-nav .others-option .option-item .search-icon:hover {
  color:var(--minimalPortfolioColor)
 }
 .minimal-portfolio-color .noke-responsive-nav .others-option .option-item .social-links span a:hover {
  color:var(--minimalPortfolioColor)
 }
 .minimal-portfolio-color .noke-responsive-nav .others-option .search-box .input-search:focus {
  border-color:var(--minimalPortfolioColor)
 }
 .minimal-portfolio-color .noke-responsive-nav .others-option .search-box button:hover {
  color:var(--minimalPortfolioColor)
 }
 .mean-container .mean-bar {
  float:right
 }
 .mean-container .mean-nav {
  float:right
 }
 .mean-container .mean-nav ul li {
  float:right
 }
 .mean-container .mean-nav ul li a {
  float:right;
  text-align:start
 }
 .mean-container .mean-nav ul li a.mean-expand {
  right:auto;
  left:0;
  text-align:end
 }
 .mean-container a.meanmenu-reveal {
  right:auto!important;
  left:0!important
 }
}
.search-overlay {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:99999;
 opacity:0;
 visibility:hidden;
 -webkit-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
 overflow:hidden
}
.search-overlay .search-overlay-layer {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 z-index:1;
 -webkit-transform:translateX(100%);
 transform:translateX(100%)
}
.search-overlay .search-overlay-layer:nth-child(1) {
 left:0;
 background-color:rgba(0,0,0,.5);
 -webkit-transition:all .3s ease-in-out 0s;
 transition:all .3s ease-in-out 0s
}
.search-overlay .search-overlay-layer:nth-child(2) {
 left:0;
 background-color:rgba(0,0,0,.4);
 -webkit-transition:all .3s ease-in-out .3s;
 transition:all .3s ease-in-out .3s
}
.search-overlay .search-overlay-layer:nth-child(3) {
 left:0;
 background-color:rgba(0,0,0,.7);
 -webkit-transition:all .9s ease-in-out .6s;
 transition:all .9s ease-in-out .6s
}
.search-overlay .search-overlay-close {
 position:absolute;
 top:40px;
 left:40px;
 width:50px;
 z-index:2;
 text-align:center;
 cursor:pointer;
 padding:10px;
 -webkit-transition:all .9s ease-in-out 1.5s;
 transition:all .9s ease-in-out 1.5s;
 opacity:0;
 visibility:hidden
}
.search-overlay .search-overlay-close .search-overlay-close-line {
 width:100%;
 height:3px;
 float:left;
 margin-bottom:5px;
 background-color:var(--whiteColor);
 -webkit-transition:all 500ms ease;
 transition:all 500ms ease
}
.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(1) {
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg)
}
.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(2) {
 margin-top:-7px;
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
.search-overlay .search-overlay-close:hover .search-overlay-close-line {
 background:red;
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.search-overlay .search-overlay-form {
 -webkit-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%);
 -webkit-transition:all .9s ease-in-out 1.4s;
 transition:all .9s ease-in-out 1.4s;
 visibility:hidden;
 position:absolute;
 max-width:600px;
 width:600px;
 opacity:0;
 z-index:2;
 left:50%;
 top:50%
}
.search-overlay .search-overlay-form form {
 position:relative
}
.search-overlay .search-overlay-form form .input-search {
 display:block;
 width:100%;
 height:70px;
 border:none;
 background-color:transparent;
 color:var(--whiteColor);
 padding:0;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border-bottom:1px solid rgba(255,255,255,.4);
 font-size:22px;
 font-weight:500
}
.search-overlay .search-overlay-form form .input-search::-webkit-input-placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:rgba(255,255,255,.6);
 font-weight:100
}
.search-overlay .search-overlay-form form .input-search:-ms-input-placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:rgba(255,255,255,.6);
 font-weight:100
}
.search-overlay .search-overlay-form form .input-search::-ms-input-placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:rgba(255,255,255,.6);
 font-weight:100
}
.search-overlay .search-overlay-form form .input-search::placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:rgba(255,255,255,.6);
 font-weight:100
}
.search-overlay .search-overlay-form form .input-search:focus {
 border-color:var(--whiteColor)
}
.search-overlay .search-overlay-form form .input-search:focus::-webkit-input-placeholder {
 color:transparent
}
.search-overlay .search-overlay-form form .input-search:focus:-ms-input-placeholder {
 color:transparent
}
.search-overlay .search-overlay-form form .input-search:focus::-ms-input-placeholder {
 color:transparent
}
.search-overlay .search-overlay-form form .input-search:focus::placeholder {
 color:transparent
}
.search-overlay .search-overlay-form form button {
 position:absolute;
 left:0;
 top:13px;
 color:var(--whiteColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background-color:transparent;
 border:none;
 font-size:25px;
 opacity:.7
}
.search-overlay .search-overlay-form form button:hover {
 opacity:1
}
.search-overlay.search-overlay-active.search-overlay {
 opacity:1;
 visibility:visible
}
.search-overlay.search-overlay-active.search-overlay .search-overlay-layer {
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
.search-overlay.search-overlay-active.search-overlay .search-overlay-close {
 opacity:1;
 visibility:visible
}
.search-overlay.search-overlay-active.search-overlay .search-overlay-form {
 opacity:1;
 visibility:visible
}
.startup-banner-area .container-fluid {
 max-width:1400px
}
.startup-banner-inner {
 position:relative;
 z-index:1;
 padding-top:140px;
 padding-bottom:140px;
 padding-left:100px;
 padding-right:100px
}
.startup-banner-content {
 padding-left:15px
}
.startup-banner-content .sub-title {
 display:block;
 margin-bottom:10px;
 color:var(--startupMainColor);
 font-weight:600;
 font-size:14px;
 font-family: Samim;
}
.startup-banner-content h1 {
 margin-bottom:25px;
 font-size:60px
}
.startup-banner-content p {
 max-width:580px
}
.startup-banner-content .default-btn {
 margin-top:10px
}
.startup-banner-image {
 text-align:center;
 padding-right:15px
}
.marketing-banner-area {
 z-index:1;
 position:relative;
 border-top:1px solid #f0f0f0;
 border-bottom:1px solid #f0f0f0;
 padding-top:80px;
 padding-bottom:80px
}
.marketing-banner-content {
 padding-left:25px
}
.marketing-banner-content .sub-title {
 display:block;
 margin-bottom:10px;
 color:var(--marketingMainColor);
 font-family:Samim;
 font-weight:600;
 font-size:14px
}
.marketing-banner-content h1 {
 margin-bottom:25px;
 font-size:60px
}
.marketing-banner-content p {
 max-width:550px
}
.marketing-banner-content .default-btn {
 margin-top:10px
}
.marketing-banner-image {
 text-align:center
}
.business-banner-area {
 z-index:1;
 position:relative;
 padding-top:100px;
 padding-bottom:100px
}
.business-banner-area::before {
 -webkit-animation:moveleftbounce 5s linear infinite;
 animation:moveleftbounce 5s linear infinite;
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 content:'';
 margin-left:20px;
 margin-right:20px;
 background-image:url(../../image/bg2.jpg);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover
}
.business-banner-area .container {
 max-width:1400px
}
.business-banner-content {
 padding-left:25px;
 max-width:745px
}
.business-banner-content .sub-title {
 display:block;
 margin-bottom:10px;
 color:var(--businessMainColor);
 font-family:inherit;
 font-weight:600;
 font-size:14px
}
.business-banner-content h1 {
 margin-bottom:25px;
 font-size:60px
}
.business-banner-content p {
 max-width:550px
}
.business-banner-content .default-btn {
 margin-top:10px
}
.business-banner-image {
 text-align:center
}
.business-banner-image img {
 border-radius:0 0 100px 0
}
.app-banner-area {
 z-index:1;
 position:relative;
 background:var(--appGradientColor);
 background-image:url(../../image/bg3.jpg);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover;
 padding-top:100px;
 padding-bottom:100px
}
.app-banner-area .container {
 max-width:1450px
}
.app-banner-content h1 {
 margin-bottom:25px;
 font-size:60px;
 color:var(--whiteColor)
}
.app-banner-content p {
 max-width:550px;
 color:var(--whiteColor)
}
.app-banner-content .btn-box {
 margin-top:35px
}
.app-banner-content .btn-box .store-btn {
 display:inline-block;
 background-color:var(--whiteColor);
 position:relative;
 color:var(--optionalColor);
 padding:11px 65px 11px 25px;
 margin-left:15px;
 border-radius:5px;
 font-size:13.5px;
 font-weight:600
}
.app-banner-content .btn-box .store-btn img {
 position:absolute;
 right:15px;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 color:var(--blackColor);
 font-size:40px;
 font-weight:400
}
.app-banner-content .btn-box .store-btn span {
 display:block;
 color:var(--blackColor);
 margin-top:2px;
 font-size:18px;
 font-weight:700
}
.app-banner-content .btn-box .store-btn:last-child {
 margin-left:0
}
.app-banner-image {
 text-align:center;
 padding-right:15px
}
.saas-banner-area {
 background-color:#06080e;
 padding-top:80px
}
.saas-banner-area .container-fluid {
 padding-right:30px;
 padding-left:30px
}
.saas-banner-content {
 margin-right:auto;
 max-width:710px
}
.saas-banner-content h1 {
 color:var(--whiteColor);
 margin-bottom:25px;
 font-size:64px
}
.saas-banner-content p {
 opacity:.9;
 max-width:535px;
 color:var(--whiteColor)
}
.saas-banner-content .default-btn {
 margin-top:10px
}
.saas-banner-image {
 text-align:center
}
.personal-portfolio-banner-area {
 border-bottom:1px solid #f0f0f0;
 position:relative;
 z-index:1;
 padding-top:100px;
 padding-bottom:100px
}
.personal-portfolio-banner-area .container {
 max-width:1450px
}
.personal-portfolio-banner-content .sub-title {
 display:block;
 position:relative;
 padding-right:65px;
 margin-bottom:12px;
 font-size:20px;
 font-weight:500
}
.personal-portfolio-banner-content .sub-title::before {
 right:0;
 top:50%;
 width:50px;
 height:1px;
 content:'';
 position:absolute;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 background-color:var(--personalPortfolioMainColor)
}
.personal-portfolio-banner-content h1 {
 margin-bottom:15px;
 font-size:80px;
 font-weight:700
}
.personal-portfolio-banner-content h4 {
 margin-bottom:20px;
 font-size:40px;
 font-weight:500
}
.personal-portfolio-banner-content p {
 max-width:535px
}
.personal-portfolio-banner-content .default-btn {
 margin-top:10px
}
.personal-portfolio-banner-image {
 text-align:center
}
.consulting-banner-area {
 position:relative;
 z-index:1;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:left center;
 background-image:url(../../../../image/happy_family_slideshow.jpg);
 padding-top:300px;
 padding-bottom:180px
}
.consulting-banner-area .container {
 max-width:1450px
}
.consulting-banner-area::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 background-color:var(--whiteColor);
 opacity:.85;
 display:none
}
.consulting-banner-content {
 max-width:790px
}
.consulting-banner-content h1 {
 margin-bottom:25px;
 font-size:50px;
 font-weight:700
}
.consulting-banner-content p {
 max-width:580px
}
.consulting-banner-content .default-btn {
 margin-top:15px
}
.it-agency-banner-area .it-agency-inner-banner {
 position:relative;
 z-index:1;
 background-image:url(../../image/it-agency-banner-bg.jpg);
 background-position:center center;
 background-size:cover;
 background-repeat:no-repeat;
 padding-top:280px;
 padding-bottom:330px
}
.it-agency-banner-area .it-agency-inner-banner::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 background-color:#000;
 opacity:.8
}
.it-agency-banner-content {
 max-width:1000px;
 text-align:center;
 color:var(--whiteColor);
 margin-left:auto;
 margin-right:auto
}
.it-agency-banner-content h1 {
 color:var(--whiteColor);
 margin-bottom:20px;
 line-height:1.3;
 font-size:60px
}
.it-agency-banner-content p {
 color:var(--whiteColor);
 max-width:600px;
 opacity:.9;
 margin-left:auto;
 margin-right:auto
}
.it-agency-banner-content .default-btn {
 margin-top:15px
}
.banner-video-box {
 z-index:1;
 max-width:1000px;
 position:relative;
 text-align:center;
 border-radius:10px;
 margin-left:auto;
 margin-right:auto;
 margin-top:-130px
}
.banner-video-box img {
 border-radius:10px
}
.banner-video-box .video-btn {
 top:50%;
 left:50%;
 width:80px;
 height:80px;
 font-size:30px;
 border-radius:50%;
 position:absolute;
 display:inline-block;
 color:var(--whiteColor);
 background-color:rgba(255,74,23,.75);
 -webkit-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%)
}
.banner-video-box .video-btn i {
 position:absolute;
 left:0;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.banner-video-box .video-btn::after,
.banner-video-box .video-btn::before {
 content:'';
 display:block;
 position:absolute;
 top:0;
 right:0;
 z-index:-1;
 bottom:0;
 left:0;
 border-radius:50%;
 border:1.5px solid var(--whiteColor)
}
.banner-video-box .video-btn::before {
 -webkit-animation:ripple 2s linear infinite;
 animation:ripple 2s linear infinite
}
.banner-video-box .video-btn::after {
 -webkit-animation:ripple 2s linear 1s infinite;
 animation:ripple 2s linear 1s infinite
}
.shop-banner-area {
 padding-top:200px;
 padding-bottom:200px;
 background-image:url(../../image/shop-banner-bg.jpg);
 background-position:top center;
 background-repeat:no-repeat;
 background-size:cover
}
.shop-banner-content .sub-title {
 display:block;
 font-size:30px;
 margin-bottom:8px
}
.shop-banner-content h1 {
 margin-bottom:15px;
 font-size:60px;
 font-weight:700
}
.shop-banner-content h4 {
 margin-bottom:0;
 font-size:30px
}
.shop-banner-content .default-btn {
 margin-top:30px
}
.blog-banner-area {
 background-image:url(../../image/bg11.jpg);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover;
 padding-top:100px;
 padding-bottom:100px
}
.blog-banner-item {
 position:relative;
 text-align:center;
 overflow:hidden
}
.blog-banner-item img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.blog-banner-item .content {
 position:absolute;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 left:0;
 right:0;
 padding:30px;
 background-color:rgba(255,255,255,.9);
 max-width:525px;
 margin-left:auto;
 margin-right:auto
}
.blog-banner-item .content .tag {
 display:inline-block;
 margin-bottom:12px;
 font-weight:500
}
.blog-banner-item .content h3 {
 font-size:25px;
 line-height:1.4;
 margin-bottom:12px
}
.blog-banner-item .content p {
 margin-bottom:20px
}
.blog-banner-item .content .meta {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.blog-banner-item .content .meta li a {
 display:inline-block;
 font-weight:600;
 position:relative;
 padding-left:12px
}
.blog-banner-item .content .meta li a i {
 position:absolute;
 left:0;
 top:7px;
 font-size:12px
}
.blog-banner-item .content .meta li a::before {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:0%;
 height:1px;
 background-color:var(--blackColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.blog-banner-item .content .meta li a:hover {
 padding-left:15px;
 color:var(--blackColor)
}
.blog-banner-item .content .meta li a:hover::before {
 width:100%;
 left:auto;
 right:0
}
.blog-banner-item .content .meta li.date {
 padding-right:20px;
 position:relative
}
.blog-banner-item .content .meta li.date i {
 position:absolute;
 right:0;
 top:3px
}
.blog-banner-item:hover img {
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
.blog-banner-item-list {
 margin-bottom:-30px
}
.blog-banner-item-list .single-blog-banner-item {
 margin-bottom:30px
}
.blog-banner-item-list .single-blog-banner-item .row {
 margin-left:0;
 margin-right:0
}
.blog-banner-item-list .single-blog-banner-item .row .col-lg-4,
.blog-banner-item-list .single-blog-banner-item .row .col-lg-8 {
 padding-left:0;
 padding-right:0
}
.blog-banner-item-list .single-blog-banner-item .image {
 height:100%;
 position:relative;
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover
}
.blog-banner-item-list .single-blog-banner-item .image.bg1 {
 background-image:url(../../image/blog-banner/blog-banner-list1.jpg)
}
.blog-banner-item-list .single-blog-banner-item .image.bg2 {
 background-image:url(../../image/blog-banner/blog-banner-list2.jpg)
}
.blog-banner-item-list .single-blog-banner-item .image.bg3 {
 background-image:url(../../image/blog-banner/blog-banner-list3.jpg)
}
.blog-banner-item-list .single-blog-banner-item .image.bg4 {
 background-image:url(../../image/blog-banner/blog-banner-list4.jpg)
}
.blog-banner-item-list .single-blog-banner-item .image img {
 display:none
}
.blog-banner-item-list .single-blog-banner-item .image .link-btn {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 display:block;
 z-index:1
}
.blog-banner-item-list .single-blog-banner-item .content {
 padding-right:25px;
 padding-top:9.1px;
 padding-bottom:9.1px
}
.blog-banner-item-list .single-blog-banner-item .content h3 {
 margin-bottom:15px;
 color:var(--whiteColor);
 line-height:1.4;
 font-size:18px
}
.blog-banner-item-list .single-blog-banner-item .content h3 a {
 color:var(--whiteColor)
}
.blog-banner-item-list .single-blog-banner-item .content .date {
 color:var(--whiteColor);
 padding-right:20px;
 position:relative;
 display:block;
 opacity:.9
}
.blog-banner-item-list .single-blog-banner-item .content .date i {
 position:absolute;
 right:0;
 top:3px
}
.furniture-banner-item {
 padding-top:200px;
 padding-bottom:200px;
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover
}
.furniture-banner-item.bg-item1 {
 background-image:url(../../image/furniture-banner-bg1.jpg)
}
.furniture-banner-item.bg-item2 {
 background-image:url(../../image/furniture-banner-bg2.jpg)
}
.furniture-banner-item.bg-item3 {
 background-image:url(../../image/furniture-banner-bg3.jpg)
}
.furniture-banner-content {
 padding:40px;
 max-width:560px;
 background-color:var(--whiteColor);
 border-right:5px solid var(--blackColor)
}
.furniture-banner-content h1 {
 margin-bottom:15px;
 font-size:45px
}
.furniture-banner-content .default-btn {
 margin-top:10px
}
.furniture-banner-slides.owl-theme .owl-nav.disabled+.owl-dots {
 margin-top:0
}
.furniture-banner-slides.owl-theme .owl-dots {
 position:absolute;
 left:15px;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.furniture-banner-slides.owl-theme .owl-dots .owl-dot {
 display:block;
 margin-top:10px;
 margin-bottom:10px
}
.furniture-banner-slides.owl-theme .owl-dots .owl-dot span {
 margin:0;
 border-radius:0;
 width:50px;
 height:6px;
 background-color:var(--whiteColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.furniture-banner-slides.owl-theme .owl-dots .owl-dot:hover span,
.furniture-banner-slides.owl-theme .owl-dots .owl-dot.active span {
 background-color:var(--blackColor)
}
.minimal-portfolio-banner-area {
 position:relative;
 z-index:1;
 padding-top:250px;
 padding-bottom:220px
}
.minimal-portfolio-banner-content {
 text-align:center;
 max-width:770px;
 margin-left:auto;
 margin-right:auto
}
.minimal-portfolio-banner-content .typewrite {
 margin-bottom:30px;
 display:inline-block;
 color:var(--blackColor);
 padding:8px 20px;
 line-height:1;
 letter-spacing:0px;
 background-color:#ebebeb;
 font-size:20px;
 font-weight:300
}
.minimal-portfolio-banner-content h1 {
 font-size:60px;
 margin-bottom:40px;
 text-shadow:-1px 1px 0 var(--minimalPortfolioColor),1px 1px 0 var(--startupMainColor),1px -1px 0 var(--consultingMainColor),-1px -1px 0 var(--itAgencyMainColor)
}
.scroll-container {
 left:50%;
 bottom:0;
 width:30px;
 height:60px;
 position:absolute;
 border-radius:15px;
 border:3px solid #eee;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.scroller {
 width:16px;
 border-radius:8px;
 background-color:var(--minimalPortfolioColor);
 position:absolute;
 top:4px;
 left:4px;
 bottom:34px;
 -webkit-animation:scroller 1500ms ease-out infinite;
 animation:scroller 1500ms ease-out infinite
}
.features-area {
 position:relative;
 z-index:1
}
.features-area.ptb-70 {
 padding-bottom:40px
}
.single-features-box {
 text-align:center;
 margin-bottom:30px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 position:relative;
 padding-left:15px;
 padding-right:15px
}
.single-features-box .icon {
 line-height:1;
 display:block;
 font-size:50px;
 margin-bottom:22px;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-features-box h3 {
 font-size:20px;
 margin-bottom:12px;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-features-box p {
 margin-bottom:0;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-features-box .link-btn {
 display:inline-block;
 font-weight:700;
 padding-left:12px;
 position:absolute;
 left:50%;
 bottom:0;
 opacity:0;
 visibility:hidden;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.single-features-box .link-btn i {
 position:absolute;
 left:0;
 top:7px;
 font-size:12px
}
.single-features-box .link-btn::before {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:0%;
 height:2px;
 background-color:#eee;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-features-box .link-btn:hover {
 color:var(--startupMainColor);
 padding-left:15px
}
.single-features-box .link-btn:hover::before {
 width:100%;
 left:auto;
 right:0
}
.single-features-box:hover .icon {
 -webkit-transform:translateY(-20px);
 transform:translateY(-20px);
 color:var(--startupMainColor)
}
.single-features-box:hover h3 {
 -webkit-transform:translateY(-20px);
 transform:translateY(-20px)
}
.single-features-box:hover p {
 -webkit-transform:translateY(-20px);
 transform:translateY(-20px)
}
.single-features-box:hover .link-btn {
 opacity:1;
 bottom:-15px;
 visibility:visible
}
.features-box {
 text-align:center;
 margin-bottom:30px;
 background-color:var(--whiteColor);
 -webkit-box-shadow:3px 5px 25px 0 rgba(0,0,0,.1);
 box-shadow:3px 5px 25px 0 rgba(0,0,0,.1);
 padding:35px 25px;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.features-box .icon {
 display:block;
 width:100px;
 height:100px;
 position:relative;
 font-size:55px;
 line-height:100px;
 z-index:1;
 color:var(--appMainColor);
 border-radius:10px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin-left:auto;
 margin-right:auto;
 margin-bottom:25px
}
.features-box .icon::after {
 content:'';
 position:absolute;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 left:0;
 right:0;
 top:0;
 bottom:0;
 border-radius:10px;
 z-index:-1;
 background-color:var(--appMainColor);
 opacity:.1
}
.features-box .icon.bg-7669ff {
 color:#7669ff
}
.features-box .icon.bg-7669ff::after {
 background-color:#7669ff
}
.features-box .icon.bg-ff9f07 {
 color:#ff9f07
}
.features-box .icon.bg-ff9f07::after {
 background-color:#ff9f07
}
.features-box .icon.bg-89c111 {
 color:#89c111
}
.features-box .icon.bg-89c111::after {
 background-color:#89c111
}
.features-box .icon.bg-2ea7ff {
 color:#2ea7ff
}
.features-box .icon.bg-2ea7ff::after {
 background-color:#2ea7ff
}
.features-box .icon.bg-ca83ff {
 color:#ca83ff
}
.features-box .icon.bg-ca83ff::after {
 background-color:#ca83ff
}
.features-box .icon.bg-ff5f5f {
 color:#ff5f5f
}
.features-box .icon.bg-ff5f5f::after {
 background-color:#ff5f5f
}
.features-box h3 {
 margin-bottom:12px;
 font-size:20px
}
.features-box:hover {
 -webkit-transform:translateY(-10px);
 transform:translateY(-10px)
}
.features-box:hover .icon {
 color:var(--whiteColor)
}
.features-box:hover .icon::after {
 opacity:1
}
.features-box.without-box-shadow {
 -webkit-box-shadow:unset;
 box-shadow:unset
}
.single-features-item {
 margin-bottom:30px;
 position:relative;
 padding-right:70px
}
.single-features-item .icon {
 position:absolute;
 right:0;
 line-height:1;
 top:0;
 font-size:45px;
 color:var(--consultingMainColor)
}
.single-features-item h3 {
 margin-bottom:0;
 font-size:20px
}
.single-features-item.color-white h3 {
 color:var(--whiteColor)
}
.single-features-item.startup-color .icon {
 color:var(--startupMainColor)
}
.features-item {
 margin-bottom:30px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border-radius:10px;
 position:relative;
 padding:30px;
 z-index:1
}
.features-item .icon {
 display:block;
 line-height:1;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 font-size:35px;
 color:var(--itAgencyMainColor);
 margin-left:15px
}
.features-item h3 {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 position:relative;
 font-size:20px;
 margin-bottom:0
}
.features-item p {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin-top:15px
}
.features-item::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 border-radius:10px;
 background-color:var(--itAgencyMainColor);
 z-index:-1;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:.07
}
.features-item::after {
 content:'';
 position:absolute;
 left:0;
 top:0;
 -webkit-transition:.3s;
 transition:.3s;
 border-radius:10px;
 height:0;
 width:100%;
 z-index:-1;
 background:var(--itAgencyGradientColor)
}
.features-item.bg-6d5fff .icon {
 color:#6d5fff
}
.features-item.bg-6d5fff::before {
 background-color:#6d5fff
}
.features-item.bg-ff9f07 .icon {
 color:#ff9f07
}
.features-item.bg-ff9f07::before {
 background-color:#ff9f07
}
.features-item.bg-2ea7ff .icon {
 color:#2ea7ff
}
.features-item.bg-2ea7ff::before {
 background-color:#2ea7ff
}
.features-item:hover::before {
 opacity:0;
 visibility:hidden
}
.features-item:hover::after {
 height:100%
}
.features-item:hover p {
 color:var(--whiteColor)
}
.features-item:hover h3 {
 color:var(--whiteColor)
}
.features-item:hover h3 a {
 color:var(--whiteColor)
}
.features-item:hover .icon {
 color:var(--whiteColor)
}
.about-area.with-border {
 border-bottom:1px solid #f0f0f0
}
.startup-about-area .container-fluid {
 max-width:1400px
}
.startup-about-image {
 z-index:1;
 margin-left:15px;
 text-align:center;
 position:relative;
 background-color:#f9f4f0;
 padding-top:80px;
 padding-right:80px;
 padding-bottom:80px
}
.startup-about-image .video-btn {
 position:absolute;
 right:57%;
 display:inline-block;
 top:50%;
 -webkit-transform:translateY(-50%) translateX(57%);
 transform:translateY(-50%) translateX(57%);
 width:80px;
 height:80px;
 background-color:rgba(0,0,0,.75);
 border-radius:50%;
 color:var(--whiteColor);
 font-size:30px
}
.startup-about-image .video-btn i {
 position:absolute;
 left:0;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.startup-about-image .video-btn::after,
.startup-about-image .video-btn::before {
 content:'';
 display:block;
 position:absolute;
 top:0;
 right:0;
 z-index:-1;
 bottom:0;
 left:0;
 border-radius:50%;
 border:2px solid var(--whiteColor)
}
.startup-about-image .video-btn::before {
 -webkit-animation:ripple 2s linear infinite;
 animation:ripple 2s linear infinite
}
.startup-about-image .video-btn::after {
 -webkit-animation:ripple 2s linear 1s infinite;
 animation:ripple 2s linear 1s infinite
}
.startup-about-content {
 padding-right:15px;
 max-width:600px
}
.startup-about-content .sub-title {
 display:block;
 margin-bottom:12px;
 color:var(--startupMainColor);
 font-family:Samim;
 font-weight:600;
 font-size:14px
}
.startup-about-content h2 {
 margin-bottom:15px;
 font-size:40px
}
.startup-about-content p strong {
 color:var(--blackColor)
}
.startup-about-content .features-list {
 padding-right:0;
 margin-right:16px;
 margin-bottom:0
}
.startup-about-content .features-list li {
 margin-bottom:12px;
 color:var(--optionalColor);
 font-weight:500
}
.startup-about-content .features-list li:last-child {
 margin-bottom:0
}
.startup-about-content .default-btn {
 margin-top:5px
}
.marketing-about-area {
 border-bottom:1px solid #f0f0f0
}
.marketing-about-image {
 margin-left:15px;
 text-align:center
}
.marketing-about-content {
 padding-right:15px
}
.marketing-about-content .sub-title {
 display:block;
 margin-bottom:12px;
 color:var(--marketingMainColor);
 font-family:Samim;
 font-weight:600;
 font-size:14px
}
.marketing-about-content h2 {
 margin-bottom:15px;
 font-size:40px
}
.marketing-about-content .default-btn {
 margin-top:10px
}
.marketing-about-content .features-list {
 padding-right:0;
 margin-right:16px;
 margin-bottom:0
}
.marketing-about-content .features-list li {
 margin-bottom:12px;
 color:var(--optionalColor);
 font-weight:500
}
.marketing-about-content .features-list li:last-child {
 margin-bottom:0
}
.business-about-content {
 padding-right:15px
}
.business-about-content .sub-title {
 display:block;
 margin-bottom:12px;
 color:var(--businessMainColor);
 font-family:inherit;
 font-weight:600;
 font-size:14px
}
.business-about-content h2 {
 margin-bottom:15px;
 font-size:40px
}
.business-about-content .default-btn {
 margin-top:10px
}
.business-about-image {
 z-index:1;
 text-align:center;
 padding-left:15px;
 position:relative
}
.app-about-content {
 padding-left:15px
}
.app-about-content h3 {
 margin-bottom:16px;
 font-size:24px
}
.app-about-content .features-list {
 padding-right:0;
 margin-bottom:15px;
 list-style-type:none
}
.app-about-content .features-list li {
 margin-bottom:12px;
 position:relative;
 color:var(--optionalColor);
 font-weight:500;
 padding-right:24px
}
.app-about-content .features-list li i {
 position:absolute;
 right:0;
 top:4px;
 color:var(--appMainColor)
}
.app-about-content .features-list li:last-child {
 margin-bottom:0
}
.app-about-content .default-btn {
 margin-top:10px
}
.app-about-image {
 padding-right:15px;
 text-align:center
}
.saas-about-content {
 padding-right:15px
}
.saas-about-content .sub-title {
 display:block;
 margin-bottom:12px;
 color:var(--saasMainColor);
 font-family:inherit;
 font-weight:600;
 font-size:14px
}
.saas-about-content h2 {
 margin-bottom:15px;
 font-size:40px
}
.saas-about-content .features-list {
 padding-right:0;
 margin-bottom:15px;
 list-style-type:none
}
.saas-about-content .features-list li {
 margin-bottom:12px;
 position:relative;
 color:var(--optionalColor);
 font-weight:500;
 padding-right:24px
}
.saas-about-content .features-list li i {
 position:absolute;
 right:0;
 top:4px;
 color:var(--saasMainColor)
}
.saas-about-content .features-list li:last-child {
 margin-bottom:0
}
.saas-about-content .default-btn {
 margin-top:10px
}
.saas-about-content.white-color {
 color:var(--whiteColor)
}
.saas-about-content.white-color h2 {
 color:var(--whiteColor)
}
.saas-about-content.white-color p {
 color:var(--whiteColor);
 opacity:.9
}
.saas-about-content.white-color .features-list li {
 color:var(--whiteColor);
 opacity:.9
}
.saas-about-content.white-color .features-list li i {
 color:var(--whiteColor)
}
.saas-about-image {
 padding-left:15px;
 text-align:center
}
.it-agency-about-content {
 padding-right:15px
}
.it-agency-about-content .sub-title {
 display:block;
 margin-bottom:12px;
 color:var(--itAgencyMainColor);
 font-family:inherit;
 font-weight:600;
 font-size:14px
}
.it-agency-about-content h2 {
 margin-bottom:15px;
 font-size:40px
}
.it-agency-about-content .default-btn {
 margin-top:10px
}
.it-agency-about-content .features-list {
 padding-right:0;
 margin-right:16px;
 margin-bottom:15px
}
.it-agency-about-content .features-list li {
 margin-bottom:12px;
 color:var(--optionalColor);
 font-weight:500
}
.it-agency-about-content .features-list li:last-child {
 margin-bottom:0
}
.it-agency-about-image {
 text-align:start;
 position:relative;
 margin-left:20px;
 padding-left:20px;
 padding-bottom:20px
}
.it-agency-about-image .main-image {
 position:relative;
 padding-bottom:150px
}
.it-agency-about-image .main-image img {
 border-radius:10px
}
.it-agency-about-image .main-image img:nth-child(2) {
 position:absolute;
 left:0;
 bottom:0;
 z-index:1
}
.services-area.with-black-border {
 border-top:1px solid #12141a;
 border-bottom:1px solid #12141a
}
.single-services-box {
 margin-bottom:30px;
 position:relative;
 overflow:hidden
}
.single-services-box img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-services-box .content {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 padding:30px;
 z-index:2;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-services-box .content .icon {
 line-height:1;
 display:block;
 font-size:50px;
 margin-bottom:20px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--startupMainColor)
}
.single-services-box .content h3 {
 font-size:20px;
 margin-bottom:10px;
 color:var(--whiteColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-services-box .content h3 a {
 color:var(--whiteColor)
}
.single-services-box .content h3 a:hover {
 color:var(--startupMainColor)
}
.single-services-box .content p {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--whiteColor);
 margin-bottom:0;
 opacity:.9
}
.single-services-box .content .link-btn {
 font-weight:700;
 padding-left:12px;
 position:absolute;
 right:30px;
 display:inline-block;
 bottom:0;
 color:var(--whiteColor);
 opacity:0;
 visibility:hidden
}
.single-services-box .content .link-btn i {
 position:absolute;
 left:0;
 top:7px;
 font-size:12px
}
.single-services-box .content .link-btn::before {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:0%;
 height:2px;
 background-color:#eee;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-services-box .content .link-btn:hover {
 padding-left:15px
}
.single-services-box .content .link-btn:hover::before {
 width:100%;
 left:auto;
 right:0
}
.single-services-box::before {
 position:absolute;
 height:100%;
 content:"";
 width:100%;
 z-index:1;
 right:0;
 top:0;
 background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(35,35,37,0.9)),color-stop(35%,rgba(35,35,37,0.7)),color-stop(60%,rgba(22,22,23,0)),to(rgba(0,0,0,0)));
 background:linear-gradient(to top,rgba(35,35,37,0.9) 0,rgba(35,35,37,0.7) 35%,rgba(22,22,23,0) 60%,rgba(0,0,0,0) 100%)
}
.single-services-box:hover img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.single-services-box:hover .content .icon {
 -webkit-transform:translateY(-30px);
 transform:translateY(-30px)
}
.single-services-box:hover .content p {
 -webkit-transform:translateY(-30px);
 transform:translateY(-30px)
}
.single-services-box:hover .content h3 {
 -webkit-transform:translateY(-30px);
 transform:translateY(-30px)
}
.single-services-box:hover .content .link-btn {
 opacity:1;
 bottom:25px;
 visibility:visible
}
.single-services-item {
 margin-bottom:30px
}
.single-services-item .content {
 padding-top:25px;
 padding-left:20px;
 padding-right:20px
}
.single-services-item .content h3 {
 font-size:20px;
 margin-bottom:10px
}
.services-tabs .nav {
 padding-right:0;
 margin-bottom:60px;
 border:none;
 list-style-type:none;
 text-align:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center
}
.services-tabs .nav .nav-item {
 margin-left:42px;
 margin-right:42px
}
.services-tabs .nav .nav-item .nav-link {
 display:inline-block;
 padding:0;
 border:none;
 margin:0;
 font-size:19px;
 font-weight:700
}
.services-tabs .nav .nav-item .nav-link .icon {
 display:block;
 width:80px;
 height:80px;
 position:relative;
 z-index:1;
 line-height:75px;
 color:var(--businessMainColor);
 font-weight:400;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 font-size:35px;
 border-radius:30% 70% 70% 30%/30% 30% 70% 70%;
 padding-left:10px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:15px
}
.services-tabs .nav .nav-item .nav-link .icon::after {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:0;
 border-radius:30% 70% 70% 30%/30% 30% 70% 70%;
 z-index:-1;
 bottom:0;
 background:var(--businessGradientColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:.1
}
.services-tabs .nav .nav-item .nav-link:hover,
.services-tabs .nav .nav-item .nav-link.active {
 color:var(--businessMainColor)
}
.services-tabs .nav .nav-item .nav-link:hover .icon,
.services-tabs .nav .nav-item .nav-link.active .icon {
 color:var(--whiteColor)
}
.services-tabs .nav .nav-item .nav-link:hover .icon::after,
.services-tabs .nav .nav-item .nav-link.active .icon::after {
 opacity:1
}
.services-tabs .nav .nav-item:last-child {
 margin-left:0
}
.services-tabs .nav .nav-item:first-child {
 margin-right:0
}
.single-main-services {
 margin-bottom:30px
}
.single-main-services .content {
 padding-left:50px
}
.single-main-services .content h3 {
 font-size:40px;
 margin-bottom:15px;
 line-height:1.4
}
.single-main-services .content p {
 max-width:540px
}
.single-main-services .content .default-btn {
 margin-top:10px
}
.single-main-services .image {
 text-align:center
}
.services-box {
 text-align:center;
 margin-bottom:30px;
 border:1px solid #eee;
 background-color:var(--whiteColor);
 padding:35px 30px;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.services-box .icon {
 font-size:60px;
 line-height:1;
 background:var(--saasGradientColor);
 -webkit-background-clip:text;
 background-clip:text;
 -webkit-text-fill-color:transparent;
 margin-bottom:22px;
 display:block
}
.services-box h3 {
 margin-bottom:12px;
 font-size:20px
}
.services-box h3 a:hover {
 color:var(--saasMainColor)
}
.services-box.color-white {
 border-color:#272836;
 background-color:#040611
}
.services-box.color-white h3 {
 color:var(--whiteColor)
}
.services-box.color-white h3 a {
 color:var(--whiteColor)
}
.services-box.color-white p {
 opacity:.9;
 color:var(--whiteColor)
}
.services-box:hover {
 border-color:var(--saasMainColor)!important
}
.services-box.startup-color .icon {
 background:var(--startupMainColor);
 -webkit-background-clip:text;
 background-clip:text;
 -webkit-text-fill-color:transparent
}
.services-box.startup-color:hover {
 border-color:var(--startupMainColor)!important
}
.services-item {
 margin-bottom:30px;
 text-align:center;
 position:relative;
 overflow:hidden
}
.services-item img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.services-item::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 opacity:0;
 visibility:hidden;
 z-index:1;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background-color:var(--consultingMainColor)
}
.services-item h3 {
 font-size:20px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin-top:25px;
 margin-bottom:0
}
.services-item .hover-content {
 left:0;
 right:0;
 top:50%;
 padding:30px;
 position:absolute;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 z-index:2;
 opacity:0;
 visibility:hidden;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--whiteColor)
}
.services-item .hover-content h3 {
 opacity:1!important;
 visibility:visible!important;
 color:var(--whiteColor);
 margin-top:0;
 margin-bottom:12px
}
.services-item .hover-content h3 a {
 color:var(--whiteColor)
}
.services-item .hover-content p {
 color:var(--whiteColor)
}
.services-item .hover-content .link-btn {
 font-weight:700;
 position:relative;
 display:inline-block;
 padding-left:12px;
 color:var(--whiteColor)
}
.services-item .hover-content .link-btn i {
 position:absolute;
 left:0;
 top:7px;
 font-size:12px
}
.services-item .hover-content .link-btn::before {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:0%;
 height:1px;
 background-color:var(--whiteColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.services-item .hover-content .link-btn:hover {
 padding-left:15px
}
.services-item .hover-content .link-btn:hover::before {
 width:100%;
 left:auto;
 right:0
}
.services-item:hover img {
 -webkit-transform:scale(1.7);
 transform:scale(1.7)
}
.services-item:hover h3 {
 opacity:0;
 visibility:hidden
}
.services-item:hover .hover-content {
 opacity:1;
 visibility:visible
}
.services-item:hover::before {
 opacity:.9;
 visibility:visible
}
.services-item.startup-color::before {
 background-color:var(--startupMainColor)
}
.col-lg-3:nth-child(2) .services-box,
.col-lg-3:nth-child(4) .services-box {
 margin-top:30px
}
.col-lg-3:nth-child(5) .services-box,
.col-lg-3:nth-child(7) .services-box {
 margin-top:-30px
}
.single-it-services-box {
 margin-bottom:30px;
 border-radius:10px;
 position:relative;
 padding:30px 100px 30px 30px;
 z-index:1
}
.single-it-services-box .icon {
 position:absolute;
 right:30px;
 top:30px;
 line-height:1;
 font-size:45px;
 color:var(--itAgencyMainColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-it-services-box h3 {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin-bottom:12px;
 font-size:20px
}
.single-it-services-box h3 a {
 display:inline-block
}
.single-it-services-box h3 a:hover {
 color:var(--itAgencyGradientColor)
}
.single-it-services-box p {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-it-services-box::before {
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 content:'';
 opacity:.06;
 position:absolute;
 border-radius:10px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background-color:var(--itAgencyMainColor)
}
.single-it-services-box.bg-6d5fff .icon {
 color:#6d5fff
}
.single-it-services-box.bg-6d5fff::before {
 background-color:#6d5fff
}
.single-it-services-box.bg-ff9f07 .icon {
 color:#ff9f07
}
.single-it-services-box.bg-ff9f07::before {
 background-color:#ff9f07
}
.single-it-services-box.bg-89c111 .icon {
 color:#89c111
}
.single-it-services-box.bg-89c111::before {
 background-color:#89c111
}
.single-it-services-box.bg-ca83ff .icon {
 color:#ca83ff
}
.single-it-services-box.bg-ca83ff::before {
 background-color:#ca83ff
}
.single-it-services-box.bg-ff5f5f .icon {
 color:#ff5f5f
}
.single-it-services-box.bg-ff5f5f::before {
 background-color:#ff5f5f
}
.single-it-services-box.bg-2ea7ff .icon {
 color:#2ea7ff
}
.single-it-services-box.bg-2ea7ff::before {
 background-color:#2ea7ff
}
.single-it-services-box:hover .icon {
 color:var(--whiteColor)!important
}
.single-it-services-box:hover h3 {
 color:var(--whiteColor)!important
}
.single-it-services-box:hover h3 a {
 color:var(--whiteColor)!important
}
.single-it-services-box:hover p {
 color:var(--whiteColor)
}
.single-it-services-box:hover::before {
 opacity:1;
 visibility:visible
}
.services-details-desc h3 {
 font-size:24px;
 margin-bottom:15px;
 margin-top:30px
}
.services-details-desc h3:first-child {
 margin-top:0
}
.services-details-desc ul li {
 margin-bottom:12px;
 color:var(--optionalColor);
 font-weight:500
}
.services-details-desc ul li:last-child {
 margin-bottom:0
}
.services-details-desc p strong {
 color:var(--blackColor)
}
.services-details-desc p a {
 color:var(--startupMainColor)
}
.services-details-desc p a:hover {
 text-decoration:underline
}
.services-details-desc img {
 margin-top:20px;
 margin-bottom:20px
}
.services-details-content h2 {
 font-size:40px;
 line-height:1.4;
 margin-bottom:15px
}
.services-details-video {
 margin-right:30px;
 text-align:center;
 background-color:#f5f5f5
}
.services-details-video iframe {
 width:100%;
 border:none;
 height:336px;
 display:block
}
.services-details-video .default-btn {
 margin-top:20px;
 margin-left:30px;
 margin-right:30px;
 margin-bottom:20px
}
.services-details-overview .overview-content h2 {
 font-size:40px;
 line-height:1.4;
 margin-bottom:15px
}
.startup-works-area .section-title {
 max-width:100%;
 text-align:start;
 padding-top:100px;
 margin-left:0;
 margin-right:0;
 margin-bottom:-220px
}
.startup-works-area .section-title h2 {
 font-size:35px
}
.startup-works-content {
 padding-top:245px;
 padding-left:15px
}
.startup-works-content h3 {
 font-size:20px;
 margin-bottom:15px
}
.startup-works-content h3 a {
 display:inline-block
}
.startup-works-content h3 a:hover {
 color:var(--startupMainColor)
}
.startup-works-content .custom-owl-nav {
 margin-top:25px
}
.startup-works-content .custom-owl-nav [class*=owl-] {
 margin:0 5px;
 background-color:var(--startupMainColor);
 color:var(--whiteColor);
 padding:8px 25px 7px!important;
 border-radius:0;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:none;
 cursor:pointer;
 font-size:var(--fontSize)
}
.startup-works-content .custom-owl-nav [class*=owl-] i {
 line-height:1
}
.startup-works-content .custom-owl-nav [class*=owl-].owl-prev {
 margin-right:0
}
.startup-works-content .custom-owl-nav [class*=owl-].owl-next {
 margin-left:0
}
.startup-works-content .custom-owl-nav [class*=owl-]:hover {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.startup-works-image {
 z-index:1;
 margin-right:15px;
 text-align:center;
 position:relative;
 background-color:#f9f4f0;
 padding-top:80px;
 padding-right:80px;
 padding-bottom:80px
}
.startup-works-image .link-btn {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:1;
 display:block
}
.single-works-box {
 overflow:hidden;
 position:relative;
 margin-bottom:30px
}
.single-works-box .works-image {
 position:relative
}
.single-works-box .works-image img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-works-box .works-image .works-overlay {
 position:absolute;
 overflow:hidden;
 top:10px;
 left:10px;
 right:10px;
 bottom:10px
}
.single-works-box .works-image .works-overlay::before {
 content:'';
 -webkit-transition:var(--transition);
 transition:var(--transition);
 position:absolute;
 width:100%;
 top:0;
 height:50%;
 background:var(--businessGradientColor);
 left:-100%
}
.single-works-box .works-image .works-overlay::after {
 content:'';
 -webkit-transition:var(--transition);
 transition:var(--transition);
 position:absolute;
 background:var(--businessGradientColor);
 bottom:0;
 height:50%;
 width:100%;
 right:-100%
}
.single-works-box .works-image .works-overlay h3 {
 color:transparent;
 overflow:hidden;
 position:absolute;
 top:30px;
 text-align:center;
 left:25px;
 z-index:2;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 font-size:20px;
 margin-bottom:5px
}
.single-works-box .works-image .works-overlay h3::before {
 content:'';
 background:var(--blackColor);
 position:absolute;
 width:100%;
 bottom:0;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 right:100%;
 top:0;
 left:auto
}
.single-works-box .works-image .works-overlay span {
 color:transparent;
 overflow:hidden;
 z-index:2;
 position:absolute;
 top:62px;
 display:block;
 left:25px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 text-align:center
}
.single-works-box .works-image .works-overlay span::before {
 content:'';
 background:var(--whiteColor);
 width:100%;
 top:0;
 bottom:0;
 position:absolute;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 left:100%
}
.single-works-box .link-btn {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:5
}
.single-works-box:hover .works-image img {
 -webkit-transform:scale(1.3);
 transform:scale(1.3)
}
.single-works-box:hover .works-image .works-overlay::before {
 left:0;
 opacity:1;
 width:100%;
 height:50%;
 -webkit-transition:all .8s;
 transition:all .8s
}
.single-works-box:hover .works-image .works-overlay::after {
 right:0;
 opacity:1;
 -webkit-transition:all .8s;
 transition:all .8s
}
.single-works-box:hover .works-image .works-overlay span {
 color:var(--whiteColor)
}
.single-works-box:hover .works-image .works-overlay span::before {
 left:-100%
}
.single-works-box:hover .works-image .works-overlay h3 {
 color:var(--whiteColor)
}
.single-works-box:hover .works-image .works-overlay h3::before {
 right:-100%
}
.single-works-box.startup-color .works-image .works-overlay::before {
 background:var(--startupMainColor)
}
.single-works-box.startup-color .works-image .works-overlay::after {
 background:var(--startupMainColor)
}
.works-box {
 margin-bottom:30px;
 text-align:center;
 position:relative;
 overflow:hidden
}
.works-box img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.works-box .link-btn {
 display:block;
 left:0;
 right:0;
 top:0;
 bottom:0;
 position:absolute;
 z-index:2
}
.works-box h3 {
 margin-bottom:0;
 font-size:20px;
 position:absolute;
 left:0;
 right:0;
 top:50%;
 opacity:0;
 visibility:hidden;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 color:var(--whiteColor);
 background-color:rgba(0,0,0,.75);
 padding:15px;
 margin-left:25px;
 margin-right:25px;
 margin-top:25px
}
.works-box:hover img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.works-box:hover h3 {
 margin-top:0;
 visibility:visible;
 opacity:1
}
.works-box-btn {
 text-align:center;
 margin-top:20px
}
.single-works-item {
 margin-bottom:30px;
 text-align:center;
 position:relative;
 overflow:hidden
}
.single-works-item img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-works-item::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 background-color:var(--startupMainColor);
 z-index:1;
 opacity:0;
 visibility:hidden;
 -webkit-transition:.3s;
 transition:.3s
}
.single-works-item .content {
 position:absolute;
 left:0;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 margin-top:15px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:0;
 visibility:hidden;
 z-index:2;
 padding-left:20px;
 padding-right:20px
}
.single-works-item .content .link-btn {
 width:45px;
 height:45px;
 line-height:45px;
 color:var(--whiteColor);
 border:1px solid var(--whiteColor);
 border-radius:50%;
 margin-bottom:20px;
 display:inline-block
}
.single-works-item .content .link-btn:hover {
 color:var(--blackColor);
 background-color:var(--whiteColor)
}
.single-works-item .content h3 {
 font-size:22px;
 color:var(--whiteColor);
 margin-bottom:12px
}
.single-works-item .content h3 a {
 color:var(--whiteColor)
}
.single-works-item .content span {
 display:block;
 color:var(--whiteColor);
 opacity:.9
}
.single-works-item:hover img {
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
.single-works-item:hover::before {
 opacity:1;
 margin:10px;
 visibility:visible
}
.single-works-item:hover .content {
 opacity:1;
 visibility:visible;
 margin-top:0
}
.single-works-item.minimal-portfolio-color::before {
 background-color:var(--minimalPortfolioColor)
}
.showMoreItemsList+.button-box {
 margin-bottom:0;
 text-align:start
}
.showMoreItemsList+.button-box button {
 background-color:transparent;
 border:1px solid #d6d9dc;
 color:var(--blackColor);
 padding:12px 45px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 display:inline-block;
 width:auto;
 margin-top:10px;
 border-radius:0;
 font-size:var(--fontSize);
 font-weight:500
}
.showMoreItemsList+.button-box button:hover {
 background-color:var(--startupMainColor);
 border-color:var(--startupMainColor);
 color:var(--whiteColor)
}
.works-slides-style-one.owl-theme .single-works-item,
.works-slides-style-one.owl-theme .works-box,
.works-slides-style-two.owl-theme .single-works-item,
.works-slides-style-two.owl-theme .works-box {
 margin-bottom:0
}
.works-slides-style-one.owl-theme .owl-nav,
.works-slides-style-two.owl-theme .owl-nav {
 opacity:0;
 margin-top:0;
 visibility:hidden;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.works-slides-style-one.owl-theme .owl-nav [class*=owl-],
.works-slides-style-two.owl-theme .owl-nav [class*=owl-] {
 margin:0;
 background-color:var(--whiteColor);
 color:var(--blackColor);
 padding:0!important;
 border-radius:0;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:none;
 cursor:pointer;
 position:absolute;
 right:25px;
 top:50%;
 width:45px;
 height:45px;
 line-height:45px;
 border-radius:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 font-size:20px
}
.works-slides-style-one.owl-theme .owl-nav [class*=owl-].owl-next,
.works-slides-style-two.owl-theme .owl-nav [class*=owl-].owl-next {
 right:auto;
 left:25px
}
.works-slides-style-one.owl-theme .owl-nav [class*=owl-] i,
.works-slides-style-two.owl-theme .owl-nav [class*=owl-] i {
 line-height:1
}
.works-slides-style-one.owl-theme .owl-nav [class*=owl-]:hover,
.works-slides-style-two.owl-theme .owl-nav [class*=owl-]:hover {
 background-color:var(--blackColor);
 border-color:var(--blackColor);
 color:var(--whiteColor)
}
.works-slides-style-one.owl-theme:hover .owl-nav,
.works-slides-style-two.owl-theme:hover .owl-nav {
 opacity:1;
 visibility:visible
}
.works-slides-style-one.owl-theme .owl-dots,
.works-slides-style-two.owl-theme .owl-dots {
 margin-top:40px
}
.works-slides-style-one.owl-theme .owl-dots .owl-dot span,
.works-slides-style-two.owl-theme .owl-dots .owl-dot span {
 width:18px;
 height:18px;
 border-radius:50%;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin:0 5px
}
.works-slides-style-one.owl-theme .owl-dots .owl-dot:hover span,
.works-slides-style-one.owl-theme .owl-dots .owl-dot.active span,
.works-slides-style-two.owl-theme .owl-dots .owl-dot:hover span,
.works-slides-style-two.owl-theme .owl-dots .owl-dot.active span {
 background-color:var(--startupMainColor)
}
.what-we-do-content .section-title {
 text-align:start;
 max-width:100%;
 margin-left:0;
 margin-right:0;
 margin-bottom:30px
}
.what-we-do-content .section-title p {
 max-width:100%;
 margin-left:0;
 margin-right:0
}
.what-we-do-content .single-what-we-do-box {
 margin-bottom:0
}
.single-what-we-do-box {
 margin-bottom:30px
}
.single-what-we-do-box .icon {
 display:block;
 line-height:1;
 font-size:45px;
 margin-bottom:25px;
 color:var(--consultingMainColor)
}
.single-what-we-do-box h3 {
 font-size:20px;
 margin-bottom:12px
}
.single-categories-box {
 margin-bottom:30px;
 overflow:hidden;
 position:relative
}
.single-categories-box img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-categories-box h3 {
 margin-bottom:0;
 font-size:20px;
 position:absolute;
 right:25px;
 top:25px;
 background-color:var(--whiteColor);
 padding:7px 20px;
 -webkit-clip-path:polygon(5% 0,100% 0,95% 100%,0% 100%);
 clip-path:polygon(5% 0,100% 0,95% 100%,0% 100%);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-categories-box .link-btn {
 display:block;
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 z-index:2
}
.single-categories-box:hover img {
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
.single-categories-box:hover h3 {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.categories-box {
 margin-bottom:30px;
 position:relative;
 text-align:center;
 overflow:hidden
}
.categories-box img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.categories-box h3 {
 top:50%;
 left:50%;
 margin-bottom:0;
 position:absolute;
 -webkit-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%);
 font-size:20px;
 z-index:1;
 background-color:rgba(255,255,255,.8);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 padding-top:5px;
 padding-bottom:5px;
 padding-left:30px;
 padding-right:30px
}
.categories-box .link-btn {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 display:block;
 z-index:2
}
.categories-box:hover img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.categories-box:hover h3 {
 background-color:var(--whiteColor)
}
.categories-slides.owl-theme .owl-nav {
 margin-top:0;
 opacity:0;
 visibility:hidden;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.categories-slides.owl-theme .owl-nav [class*=owl-] {
 margin:0;
 background-color:transparent;
 color:var(--optionalColor);
 padding:0!important;
 border-radius:0;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:none;
 cursor:pointer;
 position:absolute;
 right:-45px;
 top:50%;
 width:35px;
 height:35px;
 line-height:35px;
 border-radius:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 border:1px solid var(--optionalColor);
 font-size:var(--fontSize)
}
.categories-slides.owl-theme .owl-nav [class*=owl-].owl-next {
 right:auto;
 left:-45px
}
.categories-slides.owl-theme .owl-nav [class*=owl-] i {
 line-height:1
}
.categories-slides.owl-theme .owl-nav [class*=owl-]:hover {
 background-color:var(--blackColor);
 border-color:var(--blackColor);
 color:var(--whiteColor)
}
.categories-slides.owl-theme:hover .owl-nav {
 opacity:1;
 visibility:visible
}
.who-we-are-area .row {
 margin-left:0;
 margin-right:0
}
.who-we-are-area .row .col-lg-6 {
 padding-left:0;
 padding-right:0
}
.who-we-are-content {
 padding:40px;
 background-color:#f3f4f7
}
.who-we-are-content .sub-title {
 display:block;
 margin-bottom:10px;
 color:var(--consultingMainColor);
 font-family:inherit;
 font-weight:600;
 font-size:14px
}
.who-we-are-content h2 {
 margin-bottom:15px;
 line-height:1.5;
 font-size:21px
}
.who-we-are-content .default-btn {
 margin-top:10px
}
.who-we-are-image {
 text-align:center;
 position:relative
}
.who-we-are-image .video-btn {
 top:50%;
 left:50%;
 width:80px;
 height:80px;
 font-size:30px;
 border-radius:50%;
 position:absolute;
 display:inline-block;
 color:var(--blackColor);
 background-color:var(--whiteColor);
 -webkit-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%)
}
.who-we-are-image .video-btn i {
 position:absolute;
 left:0;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.who-we-are-image .video-btn::after,
.who-we-are-image .video-btn::before {
 content:'';
 display:block;
 position:absolute;
 top:0;
 right:0;
 z-index:-1;
 bottom:0;
 left:0;
 border-radius:50%;
 border:1.5px solid var(--saasMainColor)
}
.who-we-are-image .video-btn::before {
 -webkit-animation:ripple 2s linear infinite;
 animation:ripple 2s linear infinite
}
.who-we-are-image .video-btn::after {
 -webkit-animation:ripple 2s linear 1s infinite;
 animation:ripple 2s linear 1s infinite
}
.video-box {
 text-align:center;
 position:relative
}
.video-box img {
 width:100%
}
.video-box .video-btn {
 position:absolute;
 left:50%;
 display:inline-block;
 top:40%;
 -webkit-transform:translateY(-40%) translateX(-50%);
 transform:translateY(-40%) translateX(-50%);
 width:80px;
 height:80px;
 background-color:var(--whiteColor);
 border-radius:50%;
 color:var(--blackColor);
 font-size:30px
}
.video-box .video-btn i {
 position:absolute;
 left:0;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.video-box .video-btn::after,
.video-box .video-btn::before {
 content:'';
 display:block;
 position:absolute;
 top:0;
 right:0;
 z-index:-1;
 bottom:0;
 left:0;
 border-radius:50%;
 border:2px solid var(--saasMainColor)
}
.video-box .video-btn::before {
 -webkit-animation:ripple 2s linear infinite;
 animation:ripple 2s linear infinite
}
.video-box .video-btn::after {
 -webkit-animation:ripple 2s linear 1s infinite;
 animation:ripple 2s linear 1s infinite
}
.single-process-box {
 margin-bottom:30px;
 text-align:center;
 border:1px dashed #e1e1e1;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 padding:40px 25px
}
.single-process-box img {
 margin-bottom:30px;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-process-box h3 {
 margin-bottom:12px;
 font-size:20px
}
.single-process-box:hover {
 -webkit-box-shadow:3px 5px 25px 0 rgba(0,0,0,.1);
 box-shadow:3px 5px 25px 0 rgba(0,0,0,.1);
 border-color:var(--whiteColor)
}
.single-process-box:hover img {
 -webkit-transform:scale(.9);
 transform:scale(.9)
}
.funfacts-area.bg-business-color {
 background:var(--businessGradientColor)
}
.funfacts-area.bg-startup-color {
 background:var(--startupMainColor)
}
.funfacts-area.bg-startup-color .single-funfacts-box.without-bg-color {
 border-color:var(--whiteColor)
}
.funfacts-area.bg-image {
 background-color:var(--blackColor);
 background-image:url(../../image/bg8.jpg);
 background-position:center center;
 background-size:cover;
 background-repeat:no-repeat
}
.funfacts-area.bg-f9f9f9 {
 position:relative;
 z-index:1
}
.funfacts-area.bg-f9f9f9::before {
 left:0;
 right:0;
 bottom:0;
 height:50%;
 z-index:-1;
 content:'';
 position:absolute;
 background-color:var(--whiteColor)
}
.single-funfacts-box {
 margin-bottom:30px;
 color:var(--whiteColor);
 position:relative;
 z-index:1;
 overflow:hidden;
 background-color:var(--blackColor);
 padding-top:40px;
 padding-bottom:40px;
 padding-right:85px;
 padding-left:30px
}
.single-funfacts-box .icon {
 position:absolute;
 right:25px;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 color:var(--startupMainColor);
 font-size:45px
}
.single-funfacts-box h3 {
 color:var(--whiteColor);
 margin-bottom:4px;
 font-size:40px;
}
.single-funfacts-box h3 .odometer-formatting-mark {
 display:none
}
.single-funfacts-box h3 .sign {
 position:relative;
 top:1px
}
.single-funfacts-box .sub-title {
 display:block;
 font-weight:600
}
.single-funfacts-box .shape {
 position:absolute;
 left:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 z-index:-1
}
.single-funfacts-box.bg-white {
 color:var(--optionalColor);
 background-color:var(--whiteColor);
 -webkit-box-shadow:3px 5px 25px 0 rgba(0,0,0,.1);
 box-shadow:3px 5px 25px 0 rgba(0,0,0,.1)
}
.single-funfacts-box.bg-white .icon.color-fd5444 {
 color:#fd5444
}
.single-funfacts-box.bg-white .icon.color-3251ad {
 color:#3251ad
}
.single-funfacts-box.bg-white .icon.color-62bd5e {
 color:#62bd5e
}
.single-funfacts-box.bg-white .icon.color-ff6720 {
 color:#ff6720
}
.single-funfacts-box.bg-white h3 {
 color:var(--blackColor)
}
.single-funfacts-box.bg-white .shape {
 opacity:.15
}
.single-funfacts-box.without-bg-color {
 background-color:transparent;
 border-left:1px dashed #a684f5;
 margin-left:40px;
 padding-left:0;
 padding-top:15px;
 padding-bottom:15px;
 padding-right:65px
}
.single-funfacts-box.without-bg-color .icon {
 right:0;
 color:var(--whiteColor)
}
.single-funfacts-box.text-center {
 border-left:2px dashed rgba(255,255,255,.2);
 background-color:transparent;
 padding-right:0;
 padding-top:20px;
 padding-bottom:20px;
}
.single-funfacts-box.consulting-color h3 {
 color:var(--consultingMainColor)
}
.funfacts-inner {
 background-color:var(--blackColor);
 padding-left:30px;
 padding-right:30px
}
.funfacts-inner.bg-app-image {
 background-image:url(../../image/bg4.jpg);
 background-position:center center;
 background-size:cover;
 background-repeat:no-repeat
}
.funfacts-inner.bg-app-image .single-funfacts-box.without-bg-color {
 padding:0;
 border:none;
 text-align:center;
 margin-left:0
}
.funfacts-inner.it-agency-color {
 background:var(--itAgencyGradientColor);
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center center;
 background-image:url(../../image/bg9.jpg)
}
.funfacts-inner.border-radius {
 border-radius:10px
}
.funfacts-inner.border-radius.ptb-70 {
 padding-bottom:40px
}
.row .col-lg-3:last-child .single-funfacts-box.without-bg-color,
.row .col-lg-3:last-child .single-funfacts-box.text-center {
 border-left:none
}
.products-area.with-top-border {
 border-top:1px solid #eee
}
.single-products-box {
 margin-bottom:30px;
 text-align:center
}
.single-products-box .image {
 position:relative;
 overflow:hidden
}
.single-products-box .image img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-products-box .image .new {
 position:absolute;
 right:12px;
 top:12px;
 background-color:var(--blackColor);
 color:var(--whiteColor);
 width:45px;
 height:45px;
 text-align:center;
 line-height:45px;
 border-radius:50%;
 z-index:2;
 font-size:13px;
 font-weight:600
}
.single-products-box .image .sale {
 position:absolute;
 z-index:2;
 left:12px;
 top:12px;
 background-color:red;
 color:var(--whiteColor);
 width:45px;
 height:45px;
 text-align:center;
 line-height:45px;
 border-radius:50%;
 font-size:13px;
 font-weight:600
}
.single-products-box .image .buttons-list {
 position:absolute;
 text-align:center;
 z-index:1;
 left:0;
 right:0;
 bottom:20px;
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.single-products-box .image .buttons-list li {
 opacity:0;
 visibility:hidden;
 display:inline-block;
 -webkit-transform:translateY(30px);
 transform:translateY(30px);
 -webkit-transition:all .3s ease-in-out 0s;
 transition:all .3s ease-in-out 0s;
 margin-left:3px;
 margin-right:3px
}
.single-products-box .image .buttons-list li a {
 display:inline-block;
 font-size:16px;
 color:var(--blackColor);
 position:relative;
 width:40px;
 border-radius:50%;
 line-height:39px;
 background-color:var(--whiteColor);
 height:40px;
 border:1px solid #eee
}
.single-products-box .image .buttons-list li a .tooltip-label {
 right:50%;
 top:-15px;
 -webkit-transform:translateX(50%);
 transform:translateX(50%);
 position:absolute;
 padding:0 10px;
 line-height:28px;
 font-size:12px;
  letter-spacing:0px;
 visibility:hidden;
 white-space:nowrap;
 opacity:0;
 color:transparent;
 background-color:transparent;
 -webkit-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out;
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.single-products-box .image .buttons-list li a .tooltip-label::before {
 content:"\f0dd";
 color:var(--blackColor);
 left:50%;
 position:absolute;
 -webkit-transform:translateX(-50%) rotate(0deg);
 transform:translateX(-50%) rotate(0deg);
 -webkit-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out;
 bottom:-12px;
 font-family:"font awesome 5 free";
 -webkit-font-variant-ligatures:normal;
 font-variant-ligatures:normal;
 font-variant-caps:normal;
 font-style:normal;
 font-weight:900;
 font-size:20px
}
.single-products-box .image .buttons-list li a:hover {
 background-color:var(--blackColor);
 border-color:var(--blackColor);
 color:var(--whiteColor)
}
.single-products-box .image .buttons-list li a:hover .tooltip-label {
 visibility:visible;
 opacity:1;
 top:-45px
}
.single-products-box .image .buttons-list li:nth-child(1) {
 -webkit-transition-delay:.1s;
 transition-delay:.1s
}
.single-products-box .image .buttons-list li:nth-child(2) {
 -webkit-transition-delay:.2s;
 transition-delay:.2s
}
.single-products-box .image .buttons-list li:nth-child(3) {
 -webkit-transition-delay:.3s;
 transition-delay:.3s
}
.single-products-box .content {
 margin-top:25px
}
.single-products-box .content .rating {
 margin-bottom:12px
}
.single-products-box .content .rating i {
 color:#fec900;
 line-height:1
}
.single-products-box .content h3 {
 margin-bottom:13px;
 font-size:20px
}
.single-products-box .content .price span {
 color:var(--blackColor);
 font-size:17px;
 font-weight:700
}
.single-products-box .content .price span.old-price {
 color:var(--optionalColor);
 text-decoration:line-through
}
.single-products-box:hover .image img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.single-products-box:hover .image .buttons-list li {
 -webkit-transform:translateY(0);
 transform:translateY(0);
 visibility:visible;
 opacity:1
}
.noke-grid-sorting {
 margin-bottom:40px
}
.noke-grid-sorting .result-count p .count {
 font-weight:700;
 color:var(--blackColor)
}
.noke-grid-sorting .ordering {
 text-align:end
}
.noke-grid-sorting .ordering label {
 display:inline-block;
 color:var(--optionalColor);
 margin-bottom:0;
 margin-left:5px
}
.noke-grid-sorting .ordering select {
 width:215px;
 height:45px;
 cursor:pointer;
 line-height:45px;
 display:inline-block;
 background:#f8f8f8;
 border-color:#eee;
 color:var(--blackColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 padding-top:1px;
 padding-right:12px;
 font-size:var(--fontSize);
 font-weight:600
}
.products-details-desc {
 padding-right:15px
}
.products-details-desc h3 {
 margin-bottom:15px;
 font-size:20px
}
.products-details-desc .price {
 color:var(--blackColor);
 margin-top:15px;
 margin-bottom:12px;
 font-weight:700;
 font-size:17px
}
.products-details-desc .price .old-price {
 text-decoration:line-through;
 color:#9b9494;
 font-weight:400
}
.products-details-desc .products-review .rating {
 display:inline-block;
 padding-left:3px;
 font-size:14px
}
.products-details-desc .products-review .rating i {
 display:inline-block;
 color:#f49f0b;
 line-height:1
}
.products-details-desc .products-review .rating-count {
 display:inline-block;
 color:var(--optionalColor);
 line-height:initial;
 position:relative;
 top:1px
}
.products-details-desc .products-review .rating-count:hover {
 color:var(--blackColor)
}
.products-details-desc .products-meta {
 margin-top:20px
}
.products-details-desc .products-meta span {
 display:block;
 font-weight:500;
 margin-bottom:10px;
 color:var(--optionalColor)
}
.products-details-desc .products-meta span span {
 display:inline-block;
 margin-bottom:0
}
.products-details-desc .products-meta span span.sku {
 color:var(--startupMainColor)
}
.products-details-desc .products-meta span a {
 display:inline-block;
 color:var(--blackColor)
}
.products-details-desc .products-meta span a:hover,
.products-details-desc .products-meta span a:focus {
 color:var(--startupMainColor)
}
.products-details-desc .products-meta span.in-stock {
 color:green
}
.products-details-desc .products-meta span:last-child {
 margin-bottom:0
}
.products-details-desc .products-add-to-cart {
 margin-top:25px
}
.products-details-desc .products-add-to-cart .quantities {
 position:relative;
 padding-right:45px
}
.products-details-desc .products-add-to-cart .quantities .sub-title {
 right:0;
 top:50%;
 display:block;
 font-weight:600;
 position:absolute;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.products-details-desc .products-add-to-cart .input-counter {
 display:block;
 max-width:120px;
 min-width:120px;
 text-align:center;
 position:relative;
 margin-bottom:25px
}
.products-details-desc .products-add-to-cart .input-counter span {
 top:0;
 width:35px;
 height:100%;
 cursor:pointer;
 font-size:15px;
 line-height:38px;
 position:absolute;
 color:var(--blackColor);
 border:1px solid #eee;
 background-color:transparent;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.products-details-desc .products-add-to-cart .input-counter span i {
 position:relative;
 top:1px
}
.products-details-desc .products-add-to-cart .input-counter span.minus-btn {
 right:0
}
.products-details-desc .products-add-to-cart .input-counter span.plus-btn {
 left:0
}
.products-details-desc .products-add-to-cart .input-counter span:hover {
 color:var(--optionalColor)
}
.products-details-desc .products-add-to-cart .input-counter input {
 height:40px;
 outline:0;
 width:100%;
 display:block;
 text-align:center;
 color:var(--blackColor);
 border:1px solid #eee;
 background-color:transparent;
 font-size:17px;
 font-weight:600
}
.products-details-desc .products-add-to-cart .input-counter input::-webkit-input-placeholder {
 color:var(--blackColor)
}
.products-details-desc .products-add-to-cart .input-counter input:-ms-input-placeholder {
 color:var(--blackColor)
}
.products-details-desc .products-add-to-cart .input-counter input::-ms-input-placeholder {
 color:var(--blackColor)
}
.products-details-desc .products-add-to-cart .input-counter input::placeholder {
 color:var(--blackColor)
}
.products-details-desc .default-btn {
 -webkit-box-shadow:unset!important;
 box-shadow:unset!important
}
.products-details-desc .social-share {
 padding-right:0;
 list-style-type:none;
 margin-bottom:0;
 margin-top:30px
}
.products-details-desc .social-share li {
 display:inline-block;
 margin-left:12px
}
.products-details-desc .social-share li span {
 font-weight:600;
 position:relative;
 top:-1px
}
.products-details-desc .social-share li a {
 line-height:1;
 font-size:18px;
 color:var(--optionalColor)
}
.products-details-desc .social-share li a:hover {
 color:var(--blackColor)
}
.products-details-tabs {
 margin-top:50px
}
.products-details-tabs .single-tabs-box {
 margin-bottom:40px
}
.products-details-tabs .single-tabs-box h2 {
 text-align:center;
 margin-bottom:30px;
 position:relative;
 font-size:22px;
 z-index:1
}
.products-details-tabs .single-tabs-box h2 span {
 display:inline-block;
 background-color:var(--whiteColor);
 padding-left:20px;
 padding-right:20px
}
.products-details-tabs .single-tabs-box h2::before {
 left:0;
 right:0;
 top:50%;
 z-index:-1;
 height:1px;
 content:'';
 margin-top:1px;
 position:absolute;
 background-color:#eee;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.products-details-tabs .single-tabs-box:last-child {
 margin-bottom:0
}
.products-details-tabs .single-tabs-box .inner-box {
 max-width:800px;
 margin-left:auto;
 margin-right:auto
}
.products-details-tabs .single-tabs-box .inner-box h3 {
 font-size:20px;
 margin-bottom:15px
}
.products-details-tabs .single-tabs-box .inner-box ul {
 margin-top:20px;
 margin-bottom:0
}
.products-details-tabs .single-tabs-box .inner-box ul li {
 font-weight:500;
 margin-bottom:12px;
 color:var(--optionalColor)
}
.products-details-tabs .single-tabs-box .inner-box ul li:last-child {
 margin-bottom:0
}
.products-details-tabs .single-tabs-box .inner-box .table-striped {
 margin-bottom:0
}
.products-details-tabs .single-tabs-box .inner-box .table-striped tbody tr td {
 border:none;
 padding:15px;
 color:var(--optionalColor);
 font-weight:500;
 font-size:var(--fontSize)
}
.products-details-tabs .single-tabs-box .inner-box .products-review-comments {
 margin-top:40px
}
.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review {
 position:relative;
 margin-bottom:20px;
 padding:0 110px 20px 0;
 border-bottom:1px solid #eee
}
.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review img {
 top:0;
 right:0;
 width:90px;
 height:90px;
 border-radius:5px;
 position:absolute
}
.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review .sub-comment {
 margin-bottom:8px;
 font-weight:600;
  
}
.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review .review-rating {
 display:block;
 margin-bottom:8px
}
.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review .review-rating .review-stars {
 display:inline-block
}
.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review .review-rating .review-stars i {
 color:#cecfd2;
 display:inline-block
}
.products-details-tabs .single-tabs-box .inner-box .products-review-comments .user-review .review-rating .review-stars i.checked {
 color:orange
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper {
 margin-top:30px
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper h3 {
 margin-bottom:10px
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper .comment-notes span {
 color:red
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form {
 margin-top:20px
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .form-group {
 margin-bottom:25px;
 text-align:start
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating {
 text-align:start;
 overflow:hidden;
 max-width:115px;
 margin-top:-5px;
 margin-bottom:25px
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating label {
 float:left;
 position:relative;
 width:23px;
 height:23px;
 cursor:pointer
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating label:not(:first-of-type) {
 padding-left:5px
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating label:before {
 content:"\2605";
 -webkit-transition:var(--transition);
 transition:var(--transition);
 font-size:27px;
 color:#ccc;
 line-height:1
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating input {
 display:none
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating input:checked~label:before,
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating:not(:checked)>label:hover:before,
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .rating:not(:checked)>label:hover~label:before {
 color:#f6b500
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent {
 text-align:start;
 margin-bottom:0
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:checked,
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:not(:checked) {
 display:none
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:checked+label,
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:not(:checked)+label {
 position:relative;
 padding-right:28px;
 cursor:pointer;
 line-height:20px;
 display:inline-block;
 margin-bottom:0;
 color:var(--optionalColor)
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:checked+label:before,
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:not(:checked)+label:before {
 content:'';
 position:absolute;
 right:0;
 top:0;
 width:19px;
 height:19px;
 -webkit-transition:all .2s ease;
 transition:all .2s ease;
 border:1px solid #eee;
 border-radius:3px;
 background:var(--whiteColor)
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:checked+label:after,
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:not(:checked)+label:after {
 content:'';
 width:8px;
 height:8px;
 background:var(--startupMainColor);
 position:absolute;
 top:6.5px;
 right:6px;
 -webkit-transition:all .2s ease;
 transition:all .2s ease
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:not(:checked)+label:after {
 opacity:0;
 -webkit-transform:scale(0);
 transform:scale(0)
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:checked+label:after {
 opacity:1;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:hover+label:before {
 border-color:var(--startupMainColor)
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form .comment-form-cookies-consent [type=checkbox]:checked+label:before {
 border-color:var(--startupMainColor)
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form button {
 margin-top:22px;
 border:none;
 display:inline-block;
 text-align:center;
 overflow:hidden;
 color:var(--whiteColor);
 background-color:var(--startupMainColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border-radius:5px;
 padding:13px 40px;
 -webkit-box-shadow:0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1);
 box-shadow:0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1);
 font-weight:700;
 font-size:var(--fontSize)
}
.products-details-tabs .single-tabs-box .inner-box .review-form-wrapper form button:hover {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.cart-table-desc table {
 margin-bottom:0
}
.cart-table-desc table thead tr th {
 border:none;
 padding:13px 20px;
 vertical-align:middle;
 color:var(--whiteColor);
 background-color:var(--blackColor);
 font-family:inherit;
 font-size:var(--fontSize);
 font-weight:600
}
.cart-table-desc table tbody tr td {
 color:var(--optionalColor);
 vertical-align:middle;
 font-size:15px;
 font-weight:600;
 padding-left:0;
 padding-right:0;
 padding-top:15px;
 padding-bottom:15px;
 border-left:none;
 border-right:none;
 border-color:#ebebeb
}
.cart-table-desc table tbody tr td.product-thumbnail a {
 display:inline-block
}
.cart-table-desc table tbody tr td.product-thumbnail a img {
 width:80px
}
.cart-table-desc table tbody tr td.product-name a {
 display:inline-block
}
.cart-table-desc table tbody tr td.product-subtotal .remove {
 top:2px;
 color:red;
 line-height:1;
 font-size:20px;
 margin-right:40px;
 position:relative
}
.cart-table-desc table tbody tr td.product-quantity .input-counter {
 max-width:120px;
 min-width:120px;
 text-align:center;
 display:inline-block;
 position:relative
}
.cart-table-desc table tbody tr td.product-quantity .input-counter span {
 top:0;
 width:35px;
 height:100%;
 font-size:14px;
 line-height:37px;
 position:absolute;
 cursor:pointer;
 color:var(--blackColor);
 background-color:transparent;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:1px solid #eee
}
.cart-table-desc table tbody tr td.product-quantity .input-counter span i {
 position:relative;
 top:1px
}
.cart-table-desc table tbody tr td.product-quantity .input-counter span.minus-btn {
 right:0
}
.cart-table-desc table tbody tr td.product-quantity .input-counter span.plus-btn {
 left:0
}
.cart-table-desc table tbody tr td.product-quantity .input-counter span:hover {
 color:var(--mainColor)
}
.cart-table-desc table tbody tr td.product-quantity .input-counter input {
 height:40px;
 outline:0;
 width:100%;
 display:block;
 text-align:center;
 color:var(--blackColor);
 border:1px solid #eee;
 background-color:transparent;
 font-size:17px;
 font-weight:600
}
.cart-table-desc table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {
 color:var(--blackColor)
}
.cart-table-desc table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
 color:var(--blackColor)
}
.cart-table-desc table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
 color:var(--blackColor)
}
.cart-table-desc table tbody tr td.product-quantity .input-counter input::placeholder {
 color:var(--blackColor)
}
.cart-table-desc table tbody tr td.product-subtotal {
 overflow:hidden
}
.cart-table-desc table tbody tr:last-child td {
 border-bottom:none
}
.cart-buttons-desc .shopping-coupon-code {
 position:relative
}
.cart-buttons-desc .shopping-coupon-code .form-control {
 height:50px
}
.cart-buttons-desc .shopping-coupon-code button {
 top:0;
 left:0;
 height:50px;
 border:none;
 padding:0 25px;
 position:absolute;
 color:var(--whiteColor);
 border-radius:5px 0 0 5px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background-color:var(--blackColor);
 font-size:var(--fontSize);
 font-weight:700
}
.cart-buttons-desc .shopping-coupon-code button:hover {
 background-color:var(--startupMainColor)
}
.cart-buttons-desc .default-btn {
 -webkit-box-shadow:unset;
 box-shadow:unset
}
.cart-totals-desc {
 padding:30px;
 background-color:#f5f5f5
}
.cart-totals-desc h3 {
 padding:16px 20px;
 margin-bottom:30px;
 color:var(--whiteColor);
 font-size:var(--fontSize);
 background-color:var(--blackColor);
 margin-top:-30px;
 margin-left:-30px;
 margin-right:-30px
}
.cart-totals-desc ul {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.cart-totals-desc ul li {
 overflow:hidden;
 display:block;
 margin-bottom:12px;
 padding-bottom:12px;
 font-weight:500;
 color:var(--optionalColor);
 border-bottom:1px solid #ebebeb
}
.cart-totals-desc ul li span {
 float:left
}
.cart-totals-desc ul li:last-child {
 font-weight:700;
 color:var(--blackColor);
 padding-bottom:0;
 margin-bottom:0;
 border-bottom:none
}
.cart-totals-desc .default-btn {
 margin-top:25px;
 -webkit-box-shadow:unset;
 box-shadow:unset
}
.billing-details-desc {
 padding:30px 30px 10px;
 background-color:#f5f5f5
}
.billing-details-desc h3 {
 font-size:20px;
 margin-bottom:30px;
 color:var(--whiteColor);
 background-color:var(--blackColor);
 padding-top:17px;
 padding-left:30px;
 padding-right:30px;
 padding-bottom:17px;
 margin-right:-30px;
 margin-left:-30px;
 margin-top:-30px
}
.billing-details-desc .form-group {
 margin-bottom:20px
}
.billing-details-desc .form-group label {
 display:block;
 font-weight:500;
 margin-bottom:12px;
 color:var(--blackColor)
}
.billing-details-desc .form-group label .required {
 color:red
}
.billing-details-desc .form-group .form-control {
 background-color:var(--whiteColor)!important
}
.billing-details-desc .form-group select {
 background-color:var(--whiteColor);
 height:50px;
 cursor:pointer;
 border:none;
 display:block;
 width:100%;
 padding-right:15px
}
.order-details-desc {
 padding:30px;
 background-color:#f5f5f5
}
.order-details-desc h3 {
 font-size:20px;
 margin-bottom:30px;
 color:var(--whiteColor);
 background-color:var(--blackColor);
 padding-left:30px;
 padding-right:30px;
 padding-top:17px;
 padding-bottom:17px;
 margin-left:-30px;
 margin-right:-30px;
 margin-top:-30px
}
.order-details-desc .order-details {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.order-details-desc .order-details li {
 display:block;
 font-weight:500;
 overflow:hidden;
 margin-bottom:12px;
 padding-bottom:12px;
 color:var(--optionalColor);
 border-bottom:1px solid #ebebeb
}
.order-details-desc .order-details li span {
 float:left
}
.order-details-desc .order-details li:last-child {
 font-weight:700;
 margin-bottom:0;
 padding-bottom:0;
 border-bottom:none;
 color:var(--blackColor)
}
.order-details-desc .payment-method {
 margin-top:30px;
 margin-bottom:20px
}
.order-details-desc .payment-method p {
 margin-bottom:12px
}
.order-details-desc .payment-method p:last-child {
 margin-bottom:0
}
.order-details-desc .payment-method p [type=radio]:checked,
.order-details-desc .payment-method p [type=radio]:not(:checked) {
 display:none
}
.order-details-desc .payment-method p [type=radio]:checked+label,
.order-details-desc .payment-method p [type=radio]:not(:checked)+label {
 padding-right:27px;
 cursor:pointer;
 display:block;
 color:var(--blackColor);
 position:relative;
 margin-bottom:8px;
 font-size:var(--fontSize);
 font-weight:700
}
.order-details-desc .payment-method p [type=radio]:checked+label::before,
.order-details-desc .payment-method p [type=radio]:not(:checked)+label::before {
 content:'';
 position:absolute;
 right:0;
 top:5px;
 width:18px;
 height:18px;
 border:1px solid #ddd;
 border-radius:50%;
 background:var(--whiteColor)
}
.order-details-desc .payment-method p [type=radio]:checked+label::after,
.order-details-desc .payment-method p [type=radio]:not(:checked)+label::after {
 content:'';
 width:12px;
 height:12px;
 background:var(--startupMainColor);
 position:absolute;
 top:8px;
 right:3px;
 border-radius:50%;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.order-details-desc .payment-method p [type=radio]:not(:checked)+label::after {
 opacity:0;
 visibility:hidden;
 -webkit-transform:scale(0);
 transform:scale(0)
}
.order-details-desc .payment-method p [type=radio]:checked+label::after {
 opacity:1;
 visibility:visible;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.order-details-desc .form-check {
 color:var(--optionalColor);
 font-weight:500
}
.order-details-desc .form-check a {
 color:var(--startupMainColor)
}
.order-details-desc .form-check a:hover {
 text-decoration:underline
}
.order-details-desc .default-btn {
 margin-top:25px;
 display:block;
 width:100%;
 -webkit-box-shadow:unset;
 box-shadow:unset;
 border-radius:5px;
 padding-top:13px;
 padding-bottom:13px;
 padding-left:30px;
 padding-right:30px
}
.testimonials-area.bg-image {
 background-image:url(../../image/bg10.jpg);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover
}
.testimonials-area.bg-image .section-title.style-three h2 span {
 background-color:#f7eee8
}
.testimonials-inner {
 background-color:var(--blackColor);
 padding-left:60px;
 padding-right:60px
}
.testimonials-inner.bg-app-image {
 background-image:url(../../image/bg5.jpg);
 background-position:center center;
 background-size:cover;
 background-repeat:no-repeat
}
.testimonials-inner .testimonials-item {
 max-width:650px;
 -webkit-box-shadow:unset;
 box-shadow:unset;
 background-color:transparent;
 padding:0;
 margin-left:auto;
 margin-right:auto
}
.testimonials-inner .testimonials-item .icon {
 color:var(--whiteColor)
}
.testimonials-inner .testimonials-item p {
 color:var(--whiteColor)
}
.testimonials-inner .testimonials-item .info .title h3 {
 color:var(--whiteColor)
}
.testimonials-inner .testimonials-item .info .title span {
 color:var(--whiteColor);
 opacity:.9
}
.testimonials-inner .testimonials-slides.owl-theme .owl-nav [class*=owl-] {
 margin:0;
 background-color:var(--whiteColor);
 color:var(--appMainColor);
 padding:0!important;
 border-radius:50%;
 border:none;
 font-size:20px;
 width:50px;
 height:50px;
 line-height:50px
}
.testimonials-inner .testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.testimonials-inner.it-agency-color {
 background-color:transparent
}
.testimonials-inner.it-agency-color .testimonials-item .icon {
 color:var(--itAgencyMainColor)
}
.testimonials-inner.it-agency-color .testimonials-item p {
 color:var(--blackColor)
}
.testimonials-inner.it-agency-color .testimonials-item .info .title h3 {
 color:var(--blackColor)
}
.testimonials-inner.it-agency-color .testimonials-item .info .title span {
 color:var(--optionalColor);
 opacity:1
}
.testimonials-inner.it-agency-color .testimonials-slides.owl-theme .owl-nav [class*=owl-] {
 background:var(--itAgencyGradientColor);
 color:var(--whiteColor)
}
.testimonials-inner.minimal-portfolio-color {
 background-color:transparent
}
.testimonials-inner.minimal-portfolio-color .testimonials-item .icon {
 color:var(--minimalPortfolioColor)
}
.testimonials-inner.minimal-portfolio-color .testimonials-item p {
 color:var(--blackColor)
}
.testimonials-inner.minimal-portfolio-color .testimonials-item .info .title h3 {
 color:var(--blackColor)
}
.testimonials-inner.minimal-portfolio-color .testimonials-item .info .title span {
 color:var(--optionalColor);
 opacity:1
}
.testimonials-inner.minimal-portfolio-color .testimonials-slides.owl-theme .owl-nav [class*=owl-] {
 background:#f9f9f9;
 color:var(--blackColor)
}
.testimonials-inner.minimal-portfolio-color .testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover {
 background-color:var(--minimalPortfolioColor);
 color:var(--whiteColor)
}
.testimonials-inner.shop-color {
 background-color:transparent
}
.testimonials-inner.shop-color .testimonials-item .icon {
 color:var(--shopMainColor)
}
.testimonials-inner.shop-color .testimonials-item p {
 color:var(--blackColor)
}
.testimonials-inner.shop-color .testimonials-item .info .title h3 {
 color:var(--blackColor)
}
.testimonials-inner.shop-color .testimonials-item .info .title span {
 color:var(--optionalColor);
 opacity:1
}
.testimonials-inner.shop-color .testimonials-slides.owl-theme .owl-nav [class*=owl-] {
 background:var(--whiteColor);
 color:var(--blackColor)
}
.testimonials-inner.shop-color .testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.testimonials-item {
 text-align:center;
 background-color:var(--whiteColor);
 padding:30px;
 -webkit-box-shadow:3px 5px 25px 0 rgba(0,0,0,.1);
 box-shadow:3px 5px 25px 0 rgba(0,0,0,.1)
}
.testimonials-item .icon {
 line-height:1;
 margin-bottom:25px;
 color:var(--appMainColor);
 display:block;
 font-size:45px
}
.testimonials-item p {
 color:var(--blackColor);
 font-size:20px;
 font-weight:500
}
.testimonials-item .info {
 margin-top:30px;
 text-align:start
}
.testimonials-item .info img {
 display:inline-block!important;
 width:80px!important;
 height:80px;
 border-radius:50%;
 margin-left:10px
}
.testimonials-item .info .title {
 margin-right:10px
}
.testimonials-item .info .title h3 {
 font-size:18px;
 margin-bottom:8px
}
.testimonials-item .info .title span {
 display:block;
 font-weight:500;
 color:var(--appMainColor);
 opacity:.85
}
.startup-testimonials-area .container-fluid {
 max-width:1400px
}
.startup-testimonials-image {
 z-index:1;
 text-align:center;
 position:relative;
 background-color:#2d2d37;
 padding-top:80px;
 padding-right:80px;
 padding-bottom:80px
}
.startup-testimonials-image img {
 width:auto!important;
 display:inline-block!important
}
.startup-testimonials-content {
 text-align:center;
 padding-left:40px;
 padding-right:40px;
 padding-bottom:100px
}
.startup-testimonials-content .icon {
 line-height:1;
 margin-bottom:20px;
 color:var(--startupMainColor);
 display:block;
 font-size:45px
}
.startup-testimonials-content p {
 color:var(--blackColor);
 font-size:18px;
 font-weight:600
}
.startup-testimonials-content .info {
 margin-top:25px;
 padding-top:25px;
 border-top:1px solid #eee
}
.startup-testimonials-content .info h3 {
 font-size:18px;
 margin-bottom:8px
}
.startup-testimonials-content .info span {
 display:block;
 font-weight:500
}
.startup-testimonials-slides.owl-theme .owl-nav {
 margin-top:0;
 position:absolute;
 left:22%;
 bottom:105px;
 -webkit-transform:translateX(-22%);
 transform:translateX(-22%)
}
.startup-testimonials-slides.owl-theme .owl-nav [class*=owl-] {
 margin:0 5px;
 background-color:var(--startupMainColor);
 color:var(--whiteColor);
 padding:8px 25px 7px!important;
 border-radius:0;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:none;
 cursor:pointer;
 font-size:var(--fontSize)
}
.startup-testimonials-slides.owl-theme .owl-nav [class*=owl-] i {
 line-height:1
}
.startup-testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-prev {
 margin-right:0
}
.startup-testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next {
 margin-left:0
}
.startup-testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.marketing-testimonials-area {
 border-bottom:1px solid #f0f0f0
}
.marketing-testimonials-image {
 text-align:center;
 position:relative;
 z-index:2;
 margin-right:50px;
 margin-left:50px
}
.marketing-testimonials-image::before {
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 content:'';
 position:absolute;
 border-radius:50%;
 background-color:var(--marketingMainColor)
}
.marketing-testimonials-image::after {
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-2;
 content:'';
 position:absolute;
 border-radius:65% 35% 70% 30%/64% 31% 69% 36%;
 background-color:#ffac00
}
.marketing-testimonials-image img {
 border-radius:30% 70% 70% 30%/30% 30% 70% 70%;
 display:inline-block!important;
 width:auto!important
}
.marketing-testimonials-content {
 text-align:center;
 padding-bottom:60px
}
.marketing-testimonials-content .icon {
 line-height:1;
 margin-bottom:20px;
 color:var(--marketingMainColor);
 display:block;
 font-size:45px
}
.marketing-testimonials-content p {
 color:var(--blackColor);
 font-size:12px;
 font-weight:600;
}
.marketing-testimonials-content .info {
 margin-top:20px;
}
.marketing-testimonials-content .info h3 {
 font-size:14px;
 margin-bottom:8px
}
.marketing-testimonials-content .info span {
 display:block;
 font-weight:500
}
.marketing-testimonials-slides.owl-theme .owl-nav {
 left:22%;
 margin-top:0;
 bottom:100px;
 position:absolute;
 -webkit-transform:translateX(-22%);
 transform:translateX(-22%)
}
.marketing-testimonials-slides.owl-theme .owl-nav [class*=owl-] {
 margin:0 5px;
 background-color:var(--marketingMainColor);
 color:var(--whiteColor);
 padding:8px 25px 7px!important;
 border-radius:0;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:none;
 cursor:pointer;
 font-size:var(--fontSize)
}
.marketing-testimonials-slides.owl-theme .owl-nav [class*=owl-] i {
 line-height:1
}
.marketing-testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-prev {
 margin-right:0
}
.marketing-testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next {
 margin-left:0
}
.marketing-testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.business-testimonials-area {
 background:var(--businessGradientColor);
 background-image:url(../../image/bg1.jpg);
 background-position:center center;
 background-size:cover;
 background-repeat:no-repeat
}
.business-testimonials-image {
 text-align:center;
 position:relative;
 margin-left:30px;
 z-index:2
}
.business-testimonials-image::before {
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 content:'';
 position:absolute;
 border-radius:20% 80% 50% 50%/20% 50% 50% 80%;
 border:2px solid var(--whiteColor)
}
.business-testimonials-image::after {
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-2;
 content:'';
 position:absolute;
 border-radius:65% 35% 70% 30%/64% 31% 69% 36%;
 background-color:#ffac00
}
.business-testimonials-image img {
 border-radius:30% 70% 70% 30%/30% 30% 70% 70%;
 display:inline-block!important;
 width:auto!important
}
.business-testimonials-content {
 text-align:center
}
.business-testimonials-content .icon {
 line-height:1;
 margin-bottom:25px;
 color:var(--whiteColor);
 display:block;
 font-size:45px
}
.business-testimonials-content p {
 color:var(--whiteColor);
 font-size:20px;
 font-weight:500
}
.business-testimonials-content .info {
 margin-top:30px
}
.business-testimonials-content .info h3 {
 font-size:18px;
 margin-bottom:8px;
 color:var(--whiteColor)
}
.business-testimonials-content .info span {
 display:block;
 font-weight:500;
 color:var(--whiteColor);
 opacity:.85
}
.saas-testimonials-item {
 border:1px solid #242532;
 background-color:rgba(4,6,17,.9);
 padding:30px
}
.saas-testimonials-item .info {
 margin-bottom:25px
}
.saas-testimonials-item .info img {
 display:inline-block!important;
 width:80px!important;
 height:80px;
 border-radius:50%;
 margin-left:10px
}
.saas-testimonials-item .info .title {
 margin-right:10px
}
.saas-testimonials-item .info .title h3 {
 font-size:18px;
 margin-bottom:8px;
 color:var(--whiteColor)
}
.saas-testimonials-item .info .title span {
 display:block;
 font-weight:600;
 color:var(--saasMainColor)
}
.saas-testimonials-item p {
 font-size:16px;
 color:var(--whiteColor)
}
.testimonials-slides.owl-theme {
 padding-left:120px;
 padding-right:120px
}
.testimonials-slides.owl-theme .owl-nav {
 margin-top:0
}
.testimonials-slides.owl-theme .owl-nav [class*=owl-] {
 margin:0;
 background-color:transparent;
 color:var(--whiteColor);
 padding:8px 25px 6px!important;
 border-radius:0;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:none;
 cursor:pointer;
 position:absolute;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 border:1px solid var(--whiteColor);
 font-size:var(--fontSize)
}
.testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next {
 right:auto;
 left:0
}
.testimonials-slides.owl-theme .owl-nav [class*=owl-] i {
 line-height:1
}
.testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover {
 background-color:var(--whiteColor);
 color:var(--blackColor)
}
.saas-testimonials-slides.owl-theme {
 position:relative;
 margin-top:-100px;
 z-index:1;
 padding-left:80px;
 padding-right:80px
}
.saas-testimonials-slides.owl-theme .owl-nav {
 margin-top:0
}
.saas-testimonials-slides.owl-theme .owl-nav [class*=owl-] {
 top:50%;
 margin:0;
 right:30px;
 border:none;
 font-size:20px;
 cursor:pointer;
 border-radius:0;
 position:absolute;
 color:var(--whiteColor);
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background-color:transparent!important
}
.saas-testimonials-slides.owl-theme .owl-nav [class*=owl-].owl-next {
 right:auto;
 left:30px
}
.saas-testimonials-slides.owl-theme .owl-nav [class*=owl-] i {
 line-height:1
}
.saas-testimonials-slides.owl-theme .owl-nav [class*=owl-]:hover {
 color:var(--saasMainColor)
}
.testimonials-box {
 text-align:center;
 border:1px solid #d5edff;
 padding:30px;
 margin-bottom:30px;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.testimonials-box .icon {
 width:80px;
 height:80px;
 line-height:82px;
 background-color:#d5edff;
 border-radius:50%;
 font-size:35px;
 display:block;
 color:#2ea7ff;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin-left:auto;
 margin-right:auto;
 margin-bottom:20px
}
.testimonials-box p {
 color:var(--blackColor);
 font-size:16px;
 font-weight:500
}
.testimonials-box .info {
 margin-top:25px
}
.testimonials-box .info h3 {
 font-size:18px;
 margin-bottom:8px
}
.testimonials-box .info span {
 display:block;
 font-weight:500;
 color:var(--personalPortfolioMainColor);
 opacity:.85
}
.testimonials-box:hover {
 border-color:var(--personalPortfolioMainColor)!important
}
.testimonials-box:hover .icon {
 background-color:#2ea7ff;
 color:var(--whiteColor)
}
.testimonials-box:hover.bg-ca83ff .icon {
 color:var(--whiteColor);
 background-color:#ca83ff
}
.testimonials-box:hover.bg-ff9f07 .icon {
 color:var(--whiteColor);
 background-color:#ff9f07
}
.testimonials-box.bg-ca83ff {
 border-color:#faf2ff
}
.testimonials-box.bg-ca83ff .icon {
 background-color:#faf2ff;
 color:#ca83ff
}
.testimonials-box.bg-ff9f07 {
 border-color:#fff5e6
}
.testimonials-box.bg-ff9f07 .icon {
 background-color:#fff5e6;
 color:#ff9f07
}
.team-area.with-border {
 border-top:1px solid #f0f0f0
}
.single-team-member {
 background-color:#f9f4f0;
 margin-bottom:30px;
 text-align:center
}
.single-team-member .content {
 padding:25px 20px;
 z-index:1;
 position:relative;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-team-member .content h3 {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 font-size:20px;
 margin-bottom:10px
}
.single-team-member .content span {
 display:block;
 color:var(--startupMainColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-team-member .content .social {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none;
 position:absolute;
 left:0;
 right:0;
 bottom:25px;
 opacity:0;
 visibility:hidden;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-team-member .content .social li {
 display:inline-block;
 margin-left:7px;
 margin-right:7px
}
.single-team-member .content .social li a {
 display:block;
 font-size:20px;
 color:var(--whiteColor)
}
.single-team-member .content .social li a:hover {
 color:var(--startupMainColor)
}
.single-team-member .content::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 height:40px;
 background-color:var(--blackColor);
 top:-40px;
 z-index:-1;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:0;
 visibility:hidden
}
.single-team-member:hover .content,
.single-team-member.active .content {
 background-color:var(--blackColor)
}
.single-team-member:hover .content h3,
.single-team-member.active .content h3 {
 color:var(--whiteColor);
 -webkit-transform:translateY(-40px);
 transform:translateY(-40px)
}
.single-team-member:hover .content span,
.single-team-member.active .content span {
 color:var(--whiteColor);
 -webkit-transform:translateY(-40px);
 transform:translateY(-40px)
}
.single-team-member:hover .content .social,
.single-team-member.active .content .social {
 opacity:1;
 visibility:visible
}
.single-team-member:hover .content::before,
.single-team-member.active .content::before {
 opacity:1;
 visibility:visible
}
.single-team-member.marketing-color .content span {
 color:var(--marketingMainColor)
}
.single-team-member.marketing-color .content .social li a:hover {
 color:var(--marketingMainColor)
}
.single-team-member.marketing-color .content::before {
 background-color:var(--marketingMainColor)
}
.single-team-member.marketing-color:hover .content,
.single-team-member.marketing-color.active .content {
 background-color:var(--marketingMainColor)
}
.single-team-member.marketing-color:hover .content span,
.single-team-member.marketing-color.active .content span {
 color:var(--whiteColor)
}
.single-team-member.business-color .content {
 position:relative;
 z-index:1
}
.single-team-member.business-color .content span {
 color:var(--businessMainColor)
}
.single-team-member.business-color .content .social li a:hover {
 color:var(--whiteColor)
}
.single-team-member.business-color .content::after {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 background:var(--businessGradientColor);
 content:'';
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:0;
 visibility:hidden
}
.single-team-member.business-color .content::before {
 background:var(--businessGradientColor)
}
.single-team-member.business-color:hover .content,
.single-team-member.business-color.active .content {
 background-color:transparent
}
.single-team-member.business-color:hover .content::after,
.single-team-member.business-color.active .content::after {
 opacity:1;
 visibility:visible
}
.single-team-member.business-color:hover .content span,
.single-team-member.business-color.active .content span {
 color:var(--whiteColor)
}
.single-team-member.bg-ffefef {
 background-color:#ffefef
}
.single-team-member.bg-f0efff {
 background-color:#f0efff
}
.single-team-member.it-agency-color .content {
 position:relative;
 z-index:1
}
.single-team-member.it-agency-color .content span {
 color:var(--itAgencyMainColor)
}
.single-team-member.it-agency-color .content .social li a:hover {
 color:var(--whiteColor)
}
.single-team-member.it-agency-color .content::after {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 background:var(--itAgencyGradientColor);
 content:'';
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:0;
 visibility:hidden
}
.single-team-member.it-agency-color .content::before {
 background:var(--itAgencyGradientColor)
}
.single-team-member.it-agency-color:hover .content,
.single-team-member.it-agency-color.active .content {
 background-color:transparent
}
.single-team-member.it-agency-color:hover .content::after,
.single-team-member.it-agency-color.active .content::after {
 opacity:1;
 visibility:visible
}
.single-team-member.it-agency-color:hover .content span,
.single-team-member.it-agency-color.active .content span {
 color:var(--whiteColor)
}
.single-team-member.border-radius {
 border-radius:10px
}
.single-team-member.border-radius img {
 border-radius:10px 10px 0 0
}
.single-team-box {
 text-align:center;
 margin-bottom:30px
}
.single-team-box .image {
 position:relative
}
.single-team-box .image .social {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 padding-right:0;
 margin-bottom:15px;
 list-style-type:none;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:0;
 visibility:hidden;
 padding:25px
}
.single-team-box .image .social li {
 display:inline-block;
 margin-left:2px;
 margin-right:2px
}
.single-team-box .image .social li a {
 display:block;
 width:35px;
 height:35px;
 border-radius:50%;
 line-height:35px;
 background-color:var(--whiteColor);
 color:var(--blackColor)
}
.single-team-box .image .social li a:hover {
 background-color:var(--startupMainColor);
 color:var(--whiteColor)
}
.single-team-box .content {
 margin-top:22px
}
.single-team-box .content h3 {
 font-size:20px;
 margin-bottom:8px
}
.single-team-box .content span {
 display:block;
 color:var(--startupMainColor)
}
.single-team-box:hover .image .social {
 opacity:1;
 margin-bottom:0;
 visibility:visible
}
.single-team-box.consulting-color .image .social li a:hover {
 background-color:var(--consultingMainColor)
}
.single-team-box.consulting-color .content span {
 color:var(--consultingMainColor)
}
.team-member {
 margin-bottom:30px;
 text-align:center
}
.team-member .content {
 z-index:1;
 padding:25px 20px;
 position:relative;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background-color:var(--whiteColor);
 -webkit-box-shadow:0 5px 20px rgba(34,34,34,.1);
 box-shadow:0 5px 20px rgba(34,34,34,.1);
 margin-left:15px;
 margin-top:-30px;
 margin-right:15px
}
.team-member .content h3 {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 font-size:20px;
 margin-bottom:10px
}
.team-member .content span {
 display:block;
 color:var(--startupMainColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.team-member .content .social {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none;
 position:absolute;
 left:0;
 right:0;
 bottom:25px;
 opacity:0;
 visibility:hidden;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.team-member .content .social li {
 display:inline-block;
 margin-left:7px;
 margin-right:7px
}
.team-member .content .social li a {
 display:block;
 font-size:20px;
 color:var(--whiteColor)
}
.team-member .content .social li a:hover {
 color:var(--startupMainColor)
}
.team-member .content::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 height:40px;
 background-color:var(--blackColor);
 top:-40px;
 z-index:-1;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:0;
 visibility:hidden
}
.team-member:hover .content,
.team-member.active .content {
 background-color:var(--blackColor)
}
.team-member:hover .content h3,
.team-member.active .content h3 {
 color:var(--whiteColor);
 -webkit-transform:translateY(-40px);
 transform:translateY(-40px)
}
.team-member:hover .content span,
.team-member.active .content span {
 color:var(--whiteColor);
 -webkit-transform:translateY(-40px);
 transform:translateY(-40px)
}
.team-member:hover .content .social,
.team-member.active .content .social {
 opacity:1;
 visibility:visible
}
.team-member:hover .content::before,
.team-member.active .content::before {
 opacity:1;
 visibility:visible
}
.team-member.marketing-color .content span {
 color:var(--marketingMainColor)
}
.team-member.marketing-color .content .social li a:hover {
 color:var(--whiteColor)
}
.team-member.marketing-color .content::before {
 background-color:var(--marketingMainColor)
}
.team-member.marketing-color:hover .content,
.team-member.marketing-color.active .content {
 background-color:var(--marketingMainColor)
}
.team-member.marketing-color:hover .content span,
.team-member.marketing-color.active .content span {
 color:var(--whiteColor)
}
.team-member.business-color .content {
 position:relative;
 z-index:1
}
.team-member.business-color .content span {
 color:var(--businessMainColor)
}
.team-member.business-color .content .social li a:hover {
 color:var(--whiteColor)
}
.team-member.business-color .content::after {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 background:var(--businessGradientColor);
 content:'';
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:0;
 visibility:hidden
}
.team-member.business-color .content::before {
 background:var(--businessGradientColor)
}
.team-member.business-color:hover .content,
.team-member.business-color.active .content {
 background-color:transparent
}
.team-member.business-color:hover .content::after,
.team-member.business-color.active .content::after {
 opacity:1;
 visibility:visible
}
.team-member.business-color:hover .content span,
.team-member.business-color.active .content span {
 color:var(--whiteColor)
}
.team-member.bg-ffefef {
 background-color:#ffefef
}
.team-member.bg-f0efff {
 background-color:#f0efff
}
.team-member.it-agency-color .content {
 position:relative;
 z-index:1
}
.team-member.it-agency-color .content span {
 color:var(--itAgencyMainColor)
}
.team-member.it-agency-color .content .social li a:hover {
 color:var(--whiteColor)
}
.team-member.it-agency-color .content::after {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 background:var(--itAgencyGradientColor);
 content:'';
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:0;
 visibility:hidden
}
.team-member.it-agency-color .content::before {
 background:var(--itAgencyGradientColor)
}
.team-member.it-agency-color:hover .content,
.team-member.it-agency-color.active .content {
 background-color:transparent
}
.team-member.it-agency-color:hover .content::after,
.team-member.it-agency-color.active .content::after {
 opacity:1;
 visibility:visible
}
.team-member.it-agency-color:hover .content span,
.team-member.it-agency-color.active .content span {
 color:var(--whiteColor)
}
.team-member.border-radius {
 border-radius:10px
}
.team-member.border-radius img {
 border-radius:10px 10px 0 0
}
.team-box {
 margin-bottom:30px;
 text-align:center;
 position:relative;
 overflow:hidden
}
.team-box img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.team-box .content {
 left:0;
 right:0;
 z-index:1;
 bottom:-100px;
 padding:25px;
 -webkit-transition:.3s;
 transition:.3s;
 position:absolute;
 opacity:0;
 visibility:hidden;
 background:var(--startupMainColor)
}
.team-box .content h3 {
 font-size:20px;
 margin-bottom:12px;
 color:var(--whiteColor)
}
.team-box .content span {
 display:block;
 color:var(--whiteColor);
 margin-bottom:15px;
 font-weight:600
}
.team-box .content .social {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.team-box .content .social li {
 display:inline-block;
 margin-left:7px;
 margin-right:7px
}
.team-box .content .social li a {
 display:block;
 font-size:20px;
 color:var(--whiteColor)
}
.team-box .content .social li a:hover {
 color:var(--whiteColor);
 opacity:.85
}
.team-box:hover img,
.team-box.active img {
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
.team-box:hover .content,
.team-box.active .content {
 bottom:0;
 opacity:1;
 visibility:visible
}
.team-box.business-color .content {
 background:var(--businessGradientColor)
}
.how-it-works-area .section-title {
 max-width:668px
}
.how-it-works-content {
 padding-left:30px
}
.how-it-works-content ul {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.how-it-works-content ul li {
 margin-bottom:30px;
 position:relative;
 padding-right:65px
}
.how-it-works-content ul li i {
 position:absolute;
 right:0;
 top:0;
 font-size:45px;
 background:var(--saasGradientColor);
 -webkit-background-clip:text;
 background-clip:text;
 -webkit-text-fill-color:transparent
}
.how-it-works-content ul li h3 {
 font-size:20px;
 margin-bottom:12px
}
.how-it-works-content ul li:last-child {
 margin-bottom:0
}
.how-it-works-content.white-color ul li {
 color:var(--whiteColor)
}
.how-it-works-content.white-color ul li h3 {
 color:var(--whiteColor)
}
.how-it-works-content.white-color ul li p {
 color:var(--whiteColor);
 opacity:.9
}
.how-it-works-image {
 text-align:center
}
.skills-area.with-border {
 border-top:1px solid #f0f0f0
}
.single-skills-box {
 margin-bottom:30px;
 text-align:center;
 padding:30px;
 background-color:#ffefef
}
.single-skills-box.bg-eaf6ff {
 background-color:#eaf6ff
}
.single-skills-box.bg-fff5e6 {
 background-color:#fff5e6
}
.single-skills-box.bg-f0efff {
 background-color:#f0efff
}
.expertise-area {
 border-bottom:1px solid #f0f0f0
}
.expertise-box {
 margin-bottom:30px
}
.expertise-box .icon {
 display:block;
 width:80px;
 height:80px;
 font-size:40px;
 line-height:80px;
 color:var(--personalPortfolioMainColor);
 border-radius:10px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin-bottom:25px;
 text-align:center;
 background-color:#f0efff
}
.expertise-box .icon.bg-fff5e6 {
 background-color:#fff5e6
}
.expertise-box .icon.bg-f3f9e7 {
 background-color:#f3f9e7
}
.expertise-box .icon.bg-ffefef {
 background-color:#ffefef
}
.expertise-box .icon.bg-eaf6ff {
 background-color:#eaf6ff
}
.expertise-box .icon.bg-faf2ff {
 background-color:#faf2ff
}
.expertise-box h3 {
 font-size:20px;
 margin-bottom:12px
}
.expertise-box:hover .icon {
 background-color:var(--personalPortfolioMainColor);
 color:var(--whiteColor)
}
.cta-area {
 position:relative;
 z-index:1;
 background-color:var(--blackColor);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover;
 background-image:url(../../image/cta-bg1.jpg)
}
.cta-area::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 background-color:#000;
 opacity:.75
}
.cta-content {
 text-align:center;
 max-width:720px;
 margin-left:auto;
 margin-right:auto
}
.cta-content h2 {
 color:var(--whiteColor);
 margin-bottom:0;
 line-height:1.4;
 font-size:40px
}
.cta-content p {
 color:var(--whiteColor);
 max-width:600px;
 opacity:.9;
 margin-right:auto;
 margin-left:auto;
 margin-top:20px
}
.cta-content .default-btn {
 margin-top:15px
}
.cta-content .default-btn:hover {
 background-color:var(--whiteColor);
 color:var(--blackColor)
}
.cta-content .default-btn:hover i {
 color:var(--blackColor)
}
.call-to-action-area.bg-image {
 background-image:url(../../image/bg7.jpg);
 background-position:left center;
 background-repeat:no-repeat;
 background-size:cover
}
.call-to-action-content {
 color:var(--whiteColor)
}
.call-to-action-content h2 {
 color:var(--whiteColor);
 margin-bottom:0;
 line-height:1.4;
 font-size:37px
}
.call-to-action-btn {
 text-align:end
}
.call-to-action-btn .default-btn:hover {
 background-color:var(--whiteColor);
 color:var(--blackColor)
}
.call-to-action-btn .default-btn:hover i {
 color:var(--blackColor)
}
.call-to-action-inner {
 background-color:var(--blackColor);
 border-radius:10px;
 padding-left:50px;
 padding-right:50px
}
.call-to-action-inner.it-agency-color {
 background:var(--itAgencyGradientColor)
}
.call-to-action-inner.it-agency-color .default-btn {
 background:var(--whiteColor);
 color:var(--blackColor)
}
.call-to-action-inner.it-agency-color .default-btn i {
 color:var(--blackColor)
}
.call-to-action-inner.it-agency-color .default-btn:hover {
 background:var(--blackColor);
 color:var(--whiteColor)
}
.call-to-action-inner.it-agency-color .default-btn:hover i {
 color:var(--whiteColor)
}
.call-to-action-inner.startup-color {
 background:var(--startupMainColor)
}
.call-to-action-inner.startup-color .default-btn {
 background:var(--whiteColor);
 color:var(--blackColor)
}
.call-to-action-inner.startup-color .default-btn i {
 color:var(--blackColor)
}
.call-to-action-inner.startup-color .default-btn:hover {
 background:var(--blackColor);
 color:var(--whiteColor)
}
.call-to-action-inner.startup-color .default-btn:hover i {
 color:var(--whiteColor)
}
.short-brief-area {
 border-bottom:1px solid #f0f0f0
}
.short-brief-content {
 margin-bottom:30px
}
.short-brief-content .timeline {
 width:100%;
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.short-brief-content .timeline-item {
 padding-right:40px;
 position:relative
}
.short-brief-content .timeline-item:last-child .timeline-content {
 padding-bottom:0
}
.short-brief-content .timeline-item:not(.period):hover .timeline-marker::before {
 background:0 0;
 border:3px solid var(--blackColor)
}
.short-brief-content .timeline-marker {
 position:absolute;
 width:15px;
 bottom:0;
 top:0;
 right:0
}
.short-brief-content .timeline-marker::before {
 -webkit-transition:background .3s ease-in-out,border .3s ease-in-out;
 transition:background .3s ease-in-out,border .3s ease-in-out;
 background:var(--blackColor);
 border:3px solid transparent;
 border-radius:100%;
 position:absolute;
 display:block;
 height:15px;
 width:15px;
 content:"";
 top:4px;
 right:0
}
.short-brief-content .timeline-marker::after {
 background:#eee;
 position:absolute;
 display:block;
 content:"";
 top:24px;
 bottom:0;
 right:6px;
 width:3px
}
.short-brief-content .timeline-content {
 padding-bottom:30px
}
.short-brief-content .timeline-content h3 {
 font-size:20px;
 margin-bottom:13px
}
.short-brief-content .timeline-info .sub-title {
 color:var(--optionalColor);
 margin-bottom:12px;
 font-weight:500;
 display:block
}
.short-brief-content .timeline-info .sub-title span {
 display:inline-block;
 font-size:18px;
 font-weight:700
}
.app-download-area {
 background-image:url(../../image/bg6.jpg);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover
}
.app-download-image {
 text-align:center;
 padding-left:30px
}
.app-download-content .sub-title {
 display:block;
 margin-bottom:12px;
 color:var(--businessMainColor);
 font-family:inherit;
 font-weight:600;
 font-size:14px
}
.app-download-content h2 {
 margin-bottom:15px;
 font-size:40px
}
.app-download-content .btn-box {
 margin-top:25px
}
.app-download-content .btn-box .store-btn {
 display:inline-block;
 background-color:var(--whiteColor);
 position:relative;
 color:var(--optionalColor);
 padding:11px 70px 11px 30px;
 margin-left:15px;
 border-radius:5px;
 -webkit-box-shadow:0 .25rem .5rem rgba(0,0,0,.02),0 1.5rem 2.2rem rgba(0,0,0,.04);
 box-shadow:0 .25rem .5rem rgba(0,0,0,.02),0 1.5rem 2.2rem rgba(0,0,0,.04);
 font-size:13.5px;
 font-weight:600
}
.app-download-content .btn-box .store-btn img {
 position:absolute;
 right:18px;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 color:var(--blackColor);
 font-size:40px;
 font-weight:400
}
.app-download-content .btn-box .store-btn span {
 display:block;
 color:var(--blackColor);
 margin-top:2px;
 font-size:18px;
 font-weight:700
}
.app-download-content .btn-box .store-btn:last-child {
 margin-left:0
}
.trending-style-image {
 position:relative;
 margin-left:15px;
 padding-bottom:100px;
 padding-left:150px
}
.trending-style-image img:nth-child(2) {
 position:absolute;
 left:0;
 bottom:0;
 width:315px
}
.trending-style-content {
 padding-right:15px
}
.trending-style-content .sub-title {
 display:block;
 margin-bottom:12px;
 color:var(--shopMainColor);
 font-family:inherit;
 font-weight:600;
 font-size:14px
}
.trending-style-content h2 {
 margin-bottom:16px;
 font-size:40px
}
.trending-style-content h3 {
 font-size:20px;
 line-height:1.4;
 margin-bottom:15px
}
.trending-style-content .default-btn {
 margin-top:10px
}
.pricing-area.with-black-border {
 border-top:1px solid #12141a
}
.single-pricing-box {
 padding:40px;
 margin-bottom:30px;
 border:1px dashed #eee;
 background-color:var(--whiteColor);
 -webkit-box-shadow:3px 5px 25px 0 rgba(0,0,0,.1);
 box-shadow:3px 5px 25px 0 rgba(0,0,0,.1);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-pricing-box .pricing-header {
 margin-bottom:25px;
 padding-bottom:25px;
 border-bottom:1px solid #eee
}
.single-pricing-box .pricing-header h3 {
 color:var(--marketingMainColor);
 margin-bottom:12px;
 line-height:1;
 font-weight:700;
 font-size:45px
}
.single-pricing-box .pricing-header h3 span {
 color:var(--optionalColor);
 font-size:var(--fontSize);
 font-weight:400
}
.single-pricing-box .pricing-header .sub-title {
 display:block;
 font-weight:700;
 color:var(--blackColor)
}
.single-pricing-box .features-list {
 margin-bottom:25px;
 padding-right:0;
 list-style-type:none
}
.single-pricing-box .features-list li {
 margin-bottom:12px;
 color:var(--optionalColor);
 font-family:inherit;
 position:relative;
 padding-right:25px
}
.single-pricing-box .features-list li i {
 position:absolute;
 right:0;
 top:5px;
 color:var(--marketingMainColor)
}
.single-pricing-box .features-list li i.close {
 color:red
}
.single-pricing-box .features-list li:last-child {
 margin-bottom:0
}
.single-pricing-box .default-btn {
 display:block;
 width:100%;
 text-align:center;
 padding-left:35px;
 padding-right:35px;
 padding-top:14px;
 padding-bottom:14px
}
.single-pricing-box .default-btn:hover {
 color:var(--whiteColor);
 background-color:#ffac00
}
.single-pricing-box:hover {
 border-color:var(--marketingMainColor)
}
.pricing-box {
 margin-bottom:30px;
 text-align:center;
 background-color:var(--whiteColor);
 -webkit-box-shadow:3px 5px 25px 0 rgba(0,0,0,.1);
 box-shadow:3px 5px 25px 0 rgba(0,0,0,.1);
 padding:30px
}
.pricing-box .pricing-header {
 background:var(--appMainColor);
 margin:-30px -30px 30px;
 padding:30px;
 position:relative;
 z-index:1;
 overflow:hidden
}
.pricing-box .pricing-header h3 {
 margin-bottom:15px;
 font-size:20px;
 color:var(--whiteColor)
}
.pricing-box .pricing-header .price {
 color:var(--whiteColor);
 margin-bottom:12px;
 line-height:1;
 font-weight:700;
 font-size:45px
}
.pricing-box .pricing-header .price span {
 opacity:.9;
 font-size:var(--fontSize);
 font-weight:400
}
.pricing-box .pricing-header::before {
 width:400px;
 height:400px;
 content:'';
 position:absolute;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 border-radius:50%;
 bottom:10px;
 background-color:#0084ff;
 opacity:.1;
 z-index:-1;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.pricing-box .features-list {
 padding-right:0;
 margin-bottom:30px;
 list-style-type:none
}
.pricing-box .features-list li {
 margin-bottom:12px;
 color:var(--optionalColor);
 font-family:inherit;
 position:relative
}
.pricing-box .features-list li.unactive {
 text-decoration:line-through;
 color:#9b9dbb
}
.pricing-box .features-list li:last-child {
 margin-bottom:0
}
.pricing-box .default-btn {
 background:0 0;
 color:var(--blackColor);
 border:1px solid var(--appMainColor);
 -webkit-box-shadow:unset;
 box-shadow:unset
}
.pricing-box .default-btn i {
 color:var(--blackColor)
}
.pricing-box .default-btn:hover {
 background:var(--appMainColor);
 border-color:var(--appMainColor);
 color:var(--whiteColor)
}
.pricing-box .default-btn:hover i {
 color:var(--whiteColor)
}
.pricing-box.saas-color .pricing-header {
 background:var(--saasGradientColor)
}
.pricing-box.saas-color .pricing-header::before {
 background-color:var(--appMainColor)
}
.pricing-box.saas-color .default-btn {
 border-color:#4d4d57
}
.pricing-box.saas-color .default-btn:hover {
 background:var(--saasMainColor);
 border-color:var(--saasMainColor)
}
.pricing-box.bg-black {
 -webkit-box-shadow:unset;
 box-shadow:unset;
 background-color:#040611;
 border:1px solid #272836;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.pricing-box.bg-black .pricing-header {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background:0 0;
 border-bottom:1px solid #272836;
 padding:0 0 30px;
 margin-top:0;
 margin-left:0;
 margin-right:0
}
.pricing-box.bg-black .pricing-header::before {
 display:none
}
.pricing-box.bg-black .features-list {
 color:var(--whiteColor)
}
.pricing-box.bg-black .features-list li {
 color:var(--whiteColor)
}
.pricing-box.bg-black .features-list li.unactive {
 color:#5c5656
}
.pricing-box.bg-black .default-btn {
 color:var(--whiteColor)
}
.pricing-box.bg-black .default-btn i {
 color:var(--whiteColor)
}
.pricing-box:hover .pricing-header::before {
 bottom:-185%
}
.pricing-box.active .default-btn {
 -webkit-box-shadow:0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1);
 box-shadow:0 .25rem .5rem rgba(0,0,0,.05),0 1.5rem 2.2rem rgba(0,0,0,.1);
 background:var(--appGradientColor);
 color:var(--whiteColor);
 border:none
}
.pricing-box.active .default-btn i {
 color:var(--whiteColor)
}
.pricing-box.active .default-btn.saas-color {
 background:var(--saasGradientColor)
}
.pricing-tabs {
 margin-top:-10px
}
.pricing-tabs .nav {
 padding-right:0;
 margin-bottom:50px;
 list-style-type:none;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 border-bottom:none
}
.pricing-tabs .nav .nav-item .nav-link {
 background-color:var(--whiteColor);
 position:relative;
 z-index:1;
 color:var(--blackColor);
 border-radius:0;
 border:none;
 padding:11px 35px;
 font-size:var(--fontSize);
 font-weight:700
}
.pricing-tabs .nav .nav-item .nav-link::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 background:var(--saasGradientColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 opacity:0;
 visibility:hidden
}
.pricing-tabs .nav .nav-item .nav-link:hover,
.pricing-tabs .nav .nav-item .nav-link.active {
 color:var(--whiteColor)
}
.pricing-tabs .nav .nav-item .nav-link:hover::before,
.pricing-tabs .nav .nav-item .nav-link.active::before {
 opacity:1;
 visibility:visible
}
.pricing-tabs .nav .nav-item:first-child .nav-link {
 border-radius:0 5px 5px 0
}
.pricing-tabs .nav .nav-item:first-child .nav-link::before {
 border-radius:0 5px 5px 0
}
.pricing-tabs .nav .nav-item:last-child .nav-link {
 border-radius:5px 0 0 5px
}
.pricing-tabs .nav .nav-item:last-child .nav-link::before {
 border-radius:5px 0 0 5px
}
.pricing-item {
 padding:30px;
 overflow:hidden;
 position:relative;
 text-align:center;
 margin-bottom:30px;
 background-color:#f3f4f7;
 -webkit-transition:var(--transition);
 transition:var(--transition);
}
.pricing-item .pricing-header {
 border-bottom:1px solid #e5e4e4;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin:-30px 0 30px;
 padding:30px
}
.pricing-item .pricing-header h3 {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin-bottom:15px;
 font-size:20px
}
.pricing-item .pricing-header .price {
 color:var(--consultingMainColor);
 margin-bottom:12px;
 line-height:1;
 font-weight:700;
 font-size:45px
}
.pricing-item .pricing-header .price span {
 opacity:.9;
 color:var(--optionalColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 font-size:var(--fontSize);
 font-weight:400
}
.pricing-item .features-list {
 padding-right:0;
 margin-bottom:30px;
 list-style-type:none;
 direction: rtl;
 font-family: IRANSansfanum;
}
.pricing-item .features-list li {
 margin-bottom:12.5px;
 direction: rtl;
}
.pricing-item .features-list li.unactive {
 text-decoration:line-through;
 color:#b0b1c0
}
.pricing-item .features-list li:last-child {
 margin-bottom:0
}
.pricing-item .ribbon {
 top:-10px;
 left:-25px;
 width:150px;
 height:150px;
 overflow:hidden;
 position:absolute
}
.pricing-item .ribbon span {
 background-color:var(--whiteColor);
 text-transform:uppercase;
 color:var(--blackColor);
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg);
 text-align:center;
 position:absolute;
 display:block;
 width:225px;
 right:-25px;
 top:30px;
 padding-top:8px;
 padding-bottom:8px;
 font-size:var(--fontSize);
 font-weight:700
}
.pricing-item.active,
.pricing-item:hover {
 color:var(--whiteColor);
 background-color:var(--blackColor)
}
.pricing-item.active .pricing-header,
.pricing-item:hover .pricing-header {
 border-bottom-color:#464c59
}
.pricing-item.active .pricing-header h3,
.pricing-item:hover .pricing-header h3 {
 color:var(--whiteColor)
}
.pricing-item.active .pricing-header .price span,
.pricing-item:hover .pricing-header .price span {
 color:var(--whiteColor)
}
.pricing-item.active .default-btn,
.pricing-item:hover .default-btn {
 background-color:var(--whiteColor);
 color:var(--blackColor)
}
.pricing-item.active .default-btn i,
.pricing-item:hover .default-btn i {
 color:var(--blackColor)
}
.pricing-item.border-radius {
 border-radius:10px;
 background-color:#f9f9f9
}
.pricing-item.it-agency-color .pricing-header {
 border-bottom:none;
 background-color:#fff5e6;
 margin-left:-30px;
 margin-right:-30px
}
.pricing-item.it-agency-color .pricing-header h3 {
 color:var(--blackColor)
}
.pricing-item.it-agency-color .pricing-header .price {
 color:var(--blackColor)
}
.pricing-item.it-agency-color .features-list {
 color:var(--blackColor)
}
.pricing-item.it-agency-color .features-list li {
 color:var(--blackColor)
}
.pricing-item.it-agency-color .features-list li.unactive {
 color:#b0b1c0
}
.pricing-item.it-agency-color .default-btn {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.pricing-item.it-agency-color .default-btn i {
 color:var(--whiteColor)
}
.pricing-item.it-agency-color:hover .pricing-header .price span {
 color:var(--optionalColor)
}
.pricing-item.it-agency-color.active {
 background-color:#f9f9f9
}
.pricing-item.it-agency-color.active .pricing-header {
 background:var(--itAgencyGradientColor)
}
.pricing-item.it-agency-color.active .pricing-header h3 {
 color:var(--whiteColor)
}
.pricing-item.it-agency-color.active .pricing-header .price {
 color:var(--whiteColor)
}
.pricing-item.it-agency-color.active .pricing-header .price span {
 color:var(--whiteColor)
}
.pricing-item.it-agency-color.active .default-btn {
 background:var(--itAgencyGradientColor);
 color:var(--whiteColor)
}
.pricing-item.it-agency-color.active .default-btn i {
 color:var(--whiteColor)
}
.pricing-item.startup-color .pricing-header .price {
 color:var(--startupMainColor)
}
.app-screenshot-area {
 background:var(--appGradientColor);
 position:relative;
 overflow:hidden;
 z-index:1
}
.app-screenshot-area .section-title h2 {
 color:var(--whiteColor)
}
.app-screenshot-area .section-title p {
 color:var(--whiteColor)
}
.app-screenshot-area::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 height:200px;
 z-index:-1;
 background-color:var(--whiteColor)
}
.app-screenshot-area .overlay {
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-2
}
.app-screenshot-area .overlay::before {
 width:650px;
 height:650px;
 position:absolute;
 left:-3%;
 border-radius:30% 70% 70% 30%/30% 30% 70% 70%;
 top:-25%;
 content:'';
 background-color:#0084ff;
 opacity:.1;
 -webkit-animation:border-transform 10s linear infinite alternate forwards;
 animation:border-transform 10s linear infinite alternate forwards
}
.app-screenshot-area .overlay::after {
 right:-3%;
 bottom:0;
 content:'';
 opacity:.1;
 width:600px;
 height:600px;
 position:absolute;
 border-radius:30% 70% 70% 30%/30% 30% 70% 70%;
 background-color:#0084ff;
 -webkit-animation:border-transform 10s linear infinite alternate forwards;
 animation:border-transform 10s linear infinite alternate forwards
}
.single-sccrenshot-item {
 text-align:center
}
.screenshot-wrap {
 position:relative
}
.screenshot-wrap .screenshot-frame {
 z-index:2;
 border-radius:20px;
 display:block;
 width:241px;
 height:504px;
 position:absolute;
 top:0;
 bottom:0;
 margin:10px 0;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 background-image:url(../../image/screenshot/frame.png);
 background-repeat:no-repeat;
 background-size:100% 100%
}
.screenshot-slides {
 margin-top:-10px;
 margin-bottom:-10px
}
.screenshot-slides.owl-theme .owl-nav {
 margin-top:0
}
.screenshot-slides.owl-theme .owl-nav [class*=owl-] {
 margin:0;
 background-color:var(--whiteColor);
 color:var(--appMainColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:none;
 cursor:pointer;
 position:absolute;
 right:-40px;
 top:50%;
 width:40px;
 line-height:40px;
 height:40px;
 border-radius:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 font-size:18px
}
.screenshot-slides.owl-theme .owl-nav [class*=owl-].owl-next {
 right:auto;
 left:-40px
}
.screenshot-slides.owl-theme .owl-nav [class*=owl-] i {
 line-height:1
}
.screenshot-slides.owl-theme .owl-nav [class*=owl-]:hover {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.facility-content {
 padding-right:50px
}
.facility-content .item {
 margin-bottom:30px;
 position:relative;
 padding-right:65px
}
.facility-content .item:last-child {
 margin-bottom:0
}
.facility-content .item i {
 position:absolute;
 font-size:45px;
 right:0;
 top:0
}
.facility-content .item h3 {
 font-size:20px;
 margin-bottom:12px
}
.latest-posts-area .section-title.style-four {
 padding-bottom:8px;
 margin-top:-7px;
 margin-bottom:30px
}
.single-latest-post-box {
 margin-bottom:30px
}
.single-latest-post-box .post-image {
 overflow:hidden
}
.single-latest-post-box .post-image img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-latest-post-box .post-content {
 padding-top:25px;
 padding-left:25px;
 padding-right:25px
}
.single-latest-post-box .post-content .tag {
 margin-bottom:12px;
 display:inline-block;
 position:relative;
 font-weight:600;
 color:var(--blackColor)
}
.single-latest-post-box .post-content .meta {
 padding-right:0;
 margin-bottom:13px;
 list-style-type:none
}
.single-latest-post-box .post-content .meta li {
 display:inline-block;
 margin-left:15px;
 position:relative;
 padding-right:22px;
 color:var(--optionalColor)
}
.single-latest-post-box .post-content .meta li i {
 position:absolute;
 right:0;
 top:4px;
 color:var(--blackColor)
}
.single-latest-post-box .post-content .meta li a {
 color:var(--optionalColor)
}
.single-latest-post-box .post-content .meta li a:hover {
 color:var(--blackColor)
}
.single-latest-post-box .post-content h3 {
 margin-bottom:12px;
 line-height:1.4;
 font-size:25px
}
.single-latest-post-box .post-content .link-btn {
 font-weight:600;
 position:relative;
 display:inline-block;
 padding-left:12px
}
.single-latest-post-box .post-content .link-btn i {
 position:absolute;
 left:0;
 top:7px;
 font-size:12px
}
.single-latest-post-box .post-content .link-btn::before {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:0%;
 height:1px;
 background-color:var(--blackColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-latest-post-box .post-content .link-btn:hover {
 padding-left:15px;
 color:var(--blackColor)
}
.single-latest-post-box .post-content .link-btn:hover::before {
 width:100%;
 left:auto;
 right:0
}
.single-latest-post-box:hover .post-image img {
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
.partner-area.bg-business-color {
 background:var(--businessGradientColor)
}
.partner-area.with-top-border {
 border-top:1px solid #f0f0f0
}
.partner-area.bg-it-agency-color {
 background:var(--itAgencyGradientColor)
}
.partner-area.bg-1b2232 .section-title h2 {
 color:var(--whiteColor)
}
.partner-item {
 text-align:center
}
.partner-item a img {
 width:auto!important;
 display:inline-block!important
}
.single-clients-box {
 margin-bottom:30px;
 text-align:center;
 background-color:var(--whiteColor)
}
.single-clients-box a {
 padding:30px
}
.single-clients-box a img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-clients-box:hover a img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.single-featured-video-box {
 margin-bottom:30px
}
.single-featured-video-box .image {
 position:relative;
 overflow:hidden
}
.single-featured-video-box .image img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-featured-video-box .image .video-btn {
 position:absolute;
 right:15px;
 bottom:15px;
 color:var(--whiteColor);
 font-weight:600
}
.single-featured-video-box .image .video-btn i {
 display:inline-block;
 width:40px;
 height:40px;
 color:var(--blackColor);
 background-color:var(--whiteColor);
 text-align:center;
 border-radius:50%;
 line-height:41px;
 margin-left:10px;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-featured-video-box .image .video-btn:hover i {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.single-featured-video-box .content {
 margin-top:25px
}
.single-featured-video-box .content .tag {
 margin-bottom:12px;
 display:inline-block;
 position:relative;
 font-weight:600;
 color:var(--blackColor)
}
.single-featured-video-box .content .meta {
 padding-right:0;
 margin-bottom:13px;
 list-style-type:none
}
.single-featured-video-box .content .meta li {
 display:inline-block;
 margin-left:15px;
 position:relative;
 padding-right:22px;
 color:var(--optionalColor)
}
.single-featured-video-box .content .meta li i {
 position:absolute;
 right:0;
 top:4px;
 color:var(--blackColor)
}
.single-featured-video-box .content .meta li a {
 color:var(--optionalColor)
}
.single-featured-video-box .content .meta li a:hover {
 color:var(--blackColor)
}
.single-featured-video-box .content h3 {
 margin-bottom:0;
 line-height:1.4;
 font-size:25px
}
.single-featured-video-box:hover img {
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
.featured-video-item-list .single-featured-video-item {
 margin-bottom:30px
}
.featured-video-item-list .single-featured-video-item .row {
 margin-left:0;
 margin-right:0
}
.featured-video-item-list .single-featured-video-item .row .col-lg-4,
.featured-video-item-list .single-featured-video-item .row .col-lg-8 {
 padding-left:0;
 padding-right:0
}
.featured-video-item-list .single-featured-video-item .image {
 height:100%;
 position:relative;
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover
}
.featured-video-item-list .single-featured-video-item .image.bg1 {
 background-image:url(../../image/featured-video/featured-video2.jpg)
}
.featured-video-item-list .single-featured-video-item .image.bg2 {
 background-image:url(../../image/featured-video/featured-video3.jpg)
}
.featured-video-item-list .single-featured-video-item .image.bg3 {
 background-image:url(../../image/featured-video/featured-video4.jpg)
}
.featured-video-item-list .single-featured-video-item .image.bg4 {
 background-image:url(../../image/featured-video/featured-video5.jpg)
}
.featured-video-item-list .single-featured-video-item .image img {
 display:none
}
.featured-video-item-list .single-featured-video-item .image .link-btn {
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:1;
 display:block;
 position:absolute
}
.featured-video-item-list .single-featured-video-item .image .video-btn {
 color:var(--whiteColor);
 position:absolute;
 bottom:10px;
 right:10px;
 z-index:2;
 font-size:14px;
 font-weight:600
}
.featured-video-item-list .single-featured-video-item .image .video-btn i {
 display:inline-block;
 width:35px;
 height:35px;
 color:var(--blackColor);
 background-color:var(--whiteColor);
 text-align:center;
 border-radius:50%;
 line-height:36px;
 margin-left:5px;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.featured-video-item-list .single-featured-video-item .image .video-btn:hover i {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.featured-video-item-list .single-featured-video-item .content {
 padding-right:25px;
 padding-top:9.5px;
 padding-bottom:9.5px
}
.featured-video-item-list .single-featured-video-item .content .meta {
 padding-right:0;
 margin-bottom:13px;
 list-style-type:none
}
.featured-video-item-list .single-featured-video-item .content .meta li {
 display:inline-block;
 margin-left:15px;
 position:relative;
 padding-right:22px;
 color:var(--optionalColor)
}
.featured-video-item-list .single-featured-video-item .content .meta li i {
 position:absolute;
 right:0;
 top:4px;
 color:var(--blackColor)
}
.featured-video-item-list .single-featured-video-item .content .meta li a {
 color:var(--optionalColor)
}
.featured-video-item-list .single-featured-video-item .content .meta li a:hover {
 color:var(--blackColor)
}
.featured-video-item-list .single-featured-video-item .content h3 {
 margin-bottom:0;
 line-height:1.4;
 font-size:20px
}
.blog-area.with-border {
 border-top:1px solid #f0f0f0
}
.blog-area.with-black-border {
 border-top:1px solid #12141a
}
.single-blog-post {
 margin-bottom:30px;
 position:relative;
 overflow:hidden
}
.single-blog-post img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-blog-post .content {
 left:0;
 right:0;
 bottom:0;
 z-index:2;
 padding:25px;
 position:absolute
}
.single-blog-post .content .meta {
 padding-right:0;
 margin-bottom:13px;
 list-style-type:none
}
.single-blog-post .content .meta li {
 display:inline-block;
 margin-left:15px;
 color:var(--whiteColor);
 position:relative;
 padding-right:22px
}
.single-blog-post .content .meta li i {
 position:absolute;
 right:0;
 top:4px;
 color:var(--startupMainColor)
}
.single-blog-post .content .meta li a {
 color:var(--whiteColor)
}
.single-blog-post .content h3 {
 color:var(--whiteColor);
 margin-bottom:13px;
 font-size:20px;
 line-height:1.4
}
.single-blog-post .content h3 a {
 color:var(--whiteColor)
}
.single-blog-post .content h3 a:hover {
 color:var(--startupMainColor)
}
.single-blog-post .content .link-btn {
 font-weight:500;
 position:relative;
 opacity:.85;
 color:var(--whiteColor);
 padding-left:12px;
 padding-bottom:2px
}
.single-blog-post .content .link-btn i {
 position:absolute;
 left:0;
 top:7px;
 font-size:12px
}
.single-blog-post .content .link-btn::before {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:0%;
 height:1px;
 background-color:#eee;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-blog-post .content .link-btn:hover {
 opacity:1;
 padding-right:15px
}
.single-blog-post .content .link-btn:hover::before {
 width:100%;
 left:auto;
 right:0
}
.single-blog-post::before {
 position:absolute;
 height:100%;
 content:"";
 width:100%;
 z-index:1;
 right:0;
 top:0;
 background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(35,35,37,0.9)),color-stop(50%,rgba(35,35,37,0.5)),color-stop(75%,rgba(22,22,23,0)),to(rgba(0,0,0,0)));
 background:linear-gradient(to top,rgba(35,35,37,0.9) 0,rgba(35,35,37,0.5) 50%,rgba(22,22,23,0) 75%,rgba(0,0,0,0) 100%)
}
.single-blog-post:hover img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.blog-section-title {
 margin-bottom:30px
}
.blog-section-title h2 {
 margin-bottom:0;
 font-size:40px
}
.blog-section-title p {
 margin-top:15px
}
.blog-section-title .sub-title {
 display:block;
 margin-bottom:12px;
 color:var(--startupMainColor);
 font-family:inherit;
 font-weight:600;
 font-size:14px
}
.blog-section-title .sub-title.marketing-color {
 color:var(--marketingMainColor)
}
.blog-section-title .default-btn {
 margin-top:10px
}
.single-post-item {
 margin-bottom:30px;
 background-color:var(--whiteColor);
 -webkit-box-shadow:3px 5px 25px 0 rgba(0,0,0,.1);
 box-shadow:3px 5px 25px 0 rgba(0,0,0,.1)
}
.single-post-item .post-content {
 padding:25px
}
.single-post-item .post-content .tag {
 margin-bottom:14px;
 display:inline-block;
 position:relative;
 padding-right:24px;
 font-weight:600;
 color:var(--appMainColor)
}
.single-post-item .post-content .tag i {
 position:absolute;
 right:0;
 top:4px
}
.single-post-item .post-content .meta {
 padding-right:0;
 margin-bottom:13px;
 list-style-type:none
}
.single-post-item .post-content .meta li {
 display:inline-block;
 margin-left:15px;
 position:relative;
 padding-right:22px;
 color:var(--optionalColor)
}
.single-post-item .post-content .meta li i {
 position:absolute;
 right:0;
 top:4px;
 color:var(--marketingMainColor)
}
.single-post-item .post-content .meta li a {
 color:var(--optionalColor)
}
.single-post-item .post-content .meta li a:hover {
 color:var(--marketingMainColor)
}
.single-post-item .post-content h3 {
 margin-bottom:14px;
 line-height:1.4;
 font-size:20px
}
.single-post-item .post-content .link-btn {
 font-weight:600;
 position:relative;
 display:inline-block;
 padding-left:12px
}
.single-post-item .post-content .link-btn i {
 position:absolute;
 left:0;
 top:7px;
 font-size:12px
}
.single-post-item .post-content .link-btn::before {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:0%;
 height:1px;
 background-color:var(--marketingMainColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-post-item .post-content .link-btn:hover {
 padding-left:15px;
 color:var(--marketingMainColor)
}
.single-post-item .post-content .link-btn:hover::before {
 width:100%;
 left:auto;
 right:0
}
.single-post-item.border-radius {
 border-radius:10px
}
.single-post-item.border-radius .post-image {
 border-radius:10px 10px 0 0
}
.single-post-item.border-radius .post-image a {
 border-radius:10px 10px 0 0
}
.single-post-item.border-radius .post-image a img {
 border-radius:10px 10px 0 0
}
.single-post-item.business-color .post-content .meta li i {
 color:var(--businessMainColor)
}
.single-post-item.business-color .post-content .meta li a:hover {
 color:var(--businessMainColor)
}
.single-post-item.business-color .post-content .link-btn::before {
 background-color:var(--businessMainColor)
}
.single-post-item.business-color .post-content .link-btn:hover {
 color:var(--businessMainColor)
}
.single-post-item.app-color .post-content .meta li i {
 color:var(--appMainColor)
}
.single-post-item.app-color .post-content .meta li a:hover {
 color:var(--appMainColor)
}
.single-post-item.app-color .post-content .link-btn::before {
 background-color:var(--appMainColor)
}
.single-post-item.app-color .post-content .link-btn:hover {
 color:var(--appMainColor)
}
.single-post-item.saas-color .post-content .meta li i {
 color:var(--saasMainColor)
}
.single-post-item.saas-color .post-content .meta li a:hover {
 color:var(--saasMainColor)
}
.single-post-item.saas-color .post-content .link-btn::before {
 background-color:var(--saasMainColor)
}
.single-post-item.saas-color .post-content .link-btn:hover {
 color:var(--saasMainColor)
}
.single-post-item.bg-black {
 background-color:#040611;
 -webkit-box-shadow:unset;
 box-shadow:unset;
 border:1px solid #272836;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-post-item.bg-black .post-content .tag {
 color:var(--saasMainColor)
}
.single-post-item.bg-black .post-content .meta {
 color:var(--whiteColor)
}
.single-post-item.bg-black .post-content .meta li {
 color:var(--whiteColor)
}
.single-post-item.bg-black .post-content .meta li i {
 color:var(--saasMainColor)
}
.single-post-item.bg-black .post-content .meta li a {
 color:var(--whiteColor)
}
.single-post-item.bg-black .post-content .meta li a:hover {
 color:var(--saasMainColor)
}
.single-post-item.bg-black .post-content h3 {
 color:var(--whiteColor)
}
.single-post-item.bg-black .post-content h3 a {
 color:var(--whiteColor)
}
.single-post-item.bg-black .post-content h3 a:hover {
 color:var(--saasMainColor)
}
.single-post-item.bg-black .post-content p {
 color:var(--whiteColor);
 opacity:.9
}
.single-post-item.bg-black .post-content .link-btn {
 color:var(--whiteColor)
}
.single-post-item.bg-black .post-content .link-btn::before {
 background:var(--saasGradientColor)
}
.single-post-item.bg-black .post-content .link-btn:hover {
 color:var(--whiteColor)
}
.single-post-item.bg-black:hover {
 border-color:var(--whiteColor)
}
.single-post-item.bg-faf2ff {
 background-color:#faf2ff;
 -webkit-box-shadow:unset;
 box-shadow:unset
}
.single-post-item.bg-fff5e6 {
 background-color:#fff5e6;
 -webkit-box-shadow:unset;
 box-shadow:unset
}
.single-post-item.bg-eaf6ff {
 background-color:#eaf6ff;
 -webkit-box-shadow:unset;
 box-shadow:unset
}
.single-post-item.personal-portfolio-color .post-content .meta li i {
 color:var(--personalPortfolioMainColor)
}
.single-post-item.personal-portfolio-color .post-content .meta li a:hover {
 color:var(--personalPortfolioMainColor)
}
.single-post-item.personal-portfolio-color .post-content .link-btn::before {
 background-color:var(--personalPortfolioMainColor)
}
.single-post-item.personal-portfolio-color .post-content .link-btn:hover {
 color:var(--personalPortfolioMainColor)
}
.single-post-item.consulting-color .post-content .meta li i {
 color:var(--consultingMainColor)
}
.single-post-item.consulting-color .post-content .meta li a:hover {
 color:var(--consultingMainColor)
}
.single-post-item.consulting-color .post-content .link-btn::before {
 background-color:var(--consultingMainColor)
}
.single-post-item.consulting-color .post-content .link-btn:hover {
 color:var(--consultingMainColor)
}
.single-post-item.it-agency-color .post-content .tag {
 color:var(--optionalColor)
}
.single-post-item.it-agency-color .post-content .tag i {
 color:var(--itAgencyMainColor)
}
.single-post-item.it-agency-color .post-content .meta li i {
 color:var(--itAgencyMainColor)
}
.single-post-item.it-agency-color .post-content .meta li a:hover {
 color:var(--itAgencyMainColor)
}
.single-post-item.it-agency-color .post-content .link-btn::before {
 background-color:var(--itAgencyMainColor)
}
.single-post-item.it-agency-color .post-content .link-btn:hover {
 color:var(--itAgencyMainColor)
}
.single-post-item.without-box-shadow {
 -webkit-box-shadow:unset;
 box-shadow:unset
}
.single-post-item.without-box-shadow .post-content {
 padding-bottom:0
}
.single-post-item.without-box-shadow .post-content .meta li i {
 color:var(--blackColor)
}
.single-post-item.without-box-shadow .post-content .meta li a:hover {
 color:var(--blackColor)
}
.single-post-item.without-box-shadow .post-content .link-btn::before {
 background-color:var(--blackColor)
}
.single-post-item.without-box-shadow .post-content .link-btn:hover {
 color:var(--blackColor)
}
.single-post-item.startup-color .post-content .tag {
 color:var(--startupMainColor)
}
.single-post-item.startup-color .post-content .meta li i {
 color:var(--startupMainColor)
}
.single-post-item.startup-color .post-content .meta li a:hover {
 color:var(--startupMainColor)
}
.single-post-item.startup-color .post-content .link-btn::before {
 background-color:var(--startupMainColor)
}
.single-post-item.startup-color .post-content .link-btn:hover {
 color:var(--startupMainColor)
}
.blog-details-desc .article-content {
 margin-top:30px
}
.blog-details-desc .article-content .entry-meta {
 margin-bottom:15px
}
.blog-details-desc .article-content .entry-meta ul {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.blog-details-desc .article-content .entry-meta ul li {
 display:inline-block;
 margin-left:20px;
 color:var(--optionalColor);
 font-weight:500;
 position:relative;
 padding-right:22px
}
.blog-details-desc .article-content .entry-meta ul li i {
 position:absolute;
 right:0;
 top:4px;
 color:var(--startupMainColor)
}
.blog-details-desc .article-content .entry-meta ul li:last-child {
 margin-left:0
}
.blog-details-desc .article-content h3 {
 font-size:22px;
 margin-bottom:15px;
 margin-top:25px
}
.blog-details-desc .article-content .wp-block-gallery.columns-3 {
 padding-right:0;
 list-style-type:none;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-right:-10px;
 margin-left:-10px;
 margin-bottom:30px;
 margin-top:30px
}
.blog-details-desc .article-content .wp-block-gallery.columns-3 li {
 -webkit-box-flex:0;
 -ms-flex:0 0 33.3333%;
 flex:0 0 33.3333%;
 max-width:33.3333%;
 padding-right:10px;
 padding-left:10px
}
.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
 margin-bottom:0
}
.blog-details-desc .article-content .features-list {
 margin-top:25px;
 margin-bottom:30px
}
.blog-details-desc .article-content .features-list li {
 margin-bottom:15px;
 color:var(--optionalColor);
 font-weight:500
}
.blog-details-desc .article-content .features-list li:last-child {
 margin-bottom:0
}
.blog-details-desc .article-footer {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-top:30px;
 padding-top:30px;
 border-top:1px solid #eee
}
.blog-details-desc .article-footer .article-tags {
 -webkit-box-flex:0;
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
}
.blog-details-desc .article-footer .article-tags p {
 line-height:1;
 margin-bottom:0;
 color:var(--blackColor);
 font-weight:600;
 text-transform:uppercase
}
.blog-details-desc .article-footer .article-tags a {
 display:inline-block;
 margin-right:10px;
 background-color:#f9f9f9;
 color:var(--blackColor);
 border-radius:30px;
 padding:7px 20px
}
.blog-details-desc .article-footer .article-tags a:hover {
 background-color:var(--startupMainColor);
 color:var(--whiteColor)
}
.blog-details-desc .article-footer .article-share {
 -webkit-box-flex:0;
 -ms-flex:0 0 50%;
 flex:0 0 50%;
 max-width:50%
}
.blog-details-desc .article-footer .article-share .social {
 padding-right:0;
 list-style-type:none;
 text-align:end;
 margin-bottom:0
}
.blog-details-desc .article-footer .article-share .social li {
 display:inline-block
}
.blog-details-desc .article-footer .article-share .social li span {
 display:inline-block;
 margin-left:3px;
 font-weight:600
}
.blog-details-desc .article-footer .article-share .social li a {
 display:block;
 width:32px;
 height:32px;
 line-height:32px;
 border-radius:50%;
 background-color:var(--startupMainColor);
 color:var(--whiteColor);
 border:1px solid var(--startupMainColor);
 text-align:center;
 font-size:14px;
 margin-right:2px
}
.blog-details-desc .article-footer .article-share .social li a:hover,
.blog-details-desc .article-footer .article-share .social li a:focus {
 color:var(--startupMainColor);
 background-color:transparent
}
.blog-details-desc .article-footer .article-share .social li a.facebook {
 background-color:#3b5998;
 border-color:#3b5998;
 color:var(--whiteColor)
}
.blog-details-desc .article-footer .article-share .social li a.facebook:hover,
.blog-details-desc .article-footer .article-share .social li a.facebook:focus {
 color:#3b5998;
 background-color:transparent
}
.blog-details-desc .article-footer .article-share .social li a.twitter {
 background-color:#1da1f2;
 border-color:#1da1f2;
 color:var(--whiteColor)
}
.blog-details-desc .article-footer .article-share .social li a.twitter:hover,
.blog-details-desc .article-footer .article-share .social li a.twitter:focus {
 color:#1da1f2;
 background-color:transparent
}
.blog-details-desc .article-footer .article-share .social li a.linkedin {
 background-color:#007bb5;
 border-color:#007bb5;
 color:var(--whiteColor)
}
.blog-details-desc .article-footer .article-share .social li a.linkedin:hover,
.blog-details-desc .article-footer .article-share .social li a.linkedin:focus {
 color:#007bb5;
 background-color:transparent
}
.blog-details-desc .article-footer .article-share .social li a.instagram {
 background-color:#c13584;
 border-color:#c13584;
 color:var(--whiteColor)
}
.blog-details-desc .article-footer .article-share .social li a.instagram:hover,
.blog-details-desc .article-footer .article-share .social li a.instagram:focus {
 color:#c13584;
 background-color:transparent
}
blockquote,
.blockquote {
 z-index:1;
 overflow:hidden;
 position:relative;
 background-color:#fafafa;
 padding:40px 50px!important;
 margin-bottom:20px;
 margin-top:20px
}
blockquote p,
.blockquote p {
 line-height:1.7;
 margin-bottom:0;
 color:var(--blackColor);
 font-weight:700;
 font-style:italic;
 font-size:17px!important
}
blockquote cite,
.blockquote cite {
 display:none
}
blockquote::after,
.blockquote::after {
 top:0;
 right:0;
 bottom:0;
 width:3px;
 content:'';
 position:absolute;
 background-color:var(--startupMainColor);
 margin-top:20px;
 margin-bottom:20px
}
.comments-area {
 margin-top:30px
}
.comments-area .comments-title {
 font-size:22px;
 margin-bottom:30px;
 line-height:initial
}
.comments-area ol,
.comments-area ul {
 padding:0;
 margin:0;
 list-style-type:none
}
.comments-area .comment-list {
 padding:0;
 margin:0;
 list-style-type:none
}
.comments-area .children {
 margin-right:20px
}
.comments-area .comment-body {
 border-bottom:1px dashed #eee;
 padding-right:70px;
 color:var(--blackColor);
 margin-bottom:20px;
 padding-bottom:20px
}
.comments-area .comment-body .reply {
 margin-top:15px
}
.comments-area .comment-body .reply a {
 border:1px dashed #ded9d9;
 color:var(--blackColor);
 display:inline-block;
 padding:5px 20px 6px;
 border-radius:30px;
 font-size:13px;
 font-weight:700
}
.comments-area .comment-body .reply a:hover {
 color:var(--whiteColor);
 background-color:var(--startupMainColor);
 border-color:var(--startupMainColor)
}
.comments-area .comment-author {
 font-size:16px;
 margin-bottom:6px;
 position:relative;
 z-index:2
}
.comments-area .comment-author .avatar {
 height:50px;
 right:-65px;
 position:absolute;
 width:50px;
 top:4px
}
.comments-area .comment-author .says {
 display:none
}
.comments-area .comment-metadata {
 margin-bottom:.7em;
 color:var(--optionalColor);
  letter-spacing:0px;
 font-size:13px;
 font-weight:500
}
.comments-area .comment-respond {
 margin-top:30px
}
.comments-area .comment-respond .comment-reply-title {
 margin-bottom:0;
 font-size:22px
}
.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
 display:inline-block
}
.comments-area .comment-respond .comment-form {
 overflow:hidden
}
.comments-area .comment-respond .comment-notes {
 margin-bottom:20px;
 margin-top:10px
}
.comments-area .comment-respond .comment-notes .required {
 color:red
}
.comments-area .comment-respond .comment-form-comment {
 float:right;
 width:100%
}
.comments-area .comment-respond label {
 display:none
}
.comments-area .comment-respond input[type=date],
.comments-area .comment-respond input[type=time],
.comments-area .comment-respond input[type=datetime-local],
.comments-area .comment-respond input[type=week],
.comments-area .comment-respond input[type=month],
.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=url],
.comments-area .comment-respond input[type=password],
.comments-area .comment-respond input[type=search],
.comments-area .comment-respond input[type=tel],
.comments-area .comment-respond input[type=number],
.comments-area .comment-respond textarea {
 outline:0;
 width:100%;
 border:none;
 height:50px;
 display:block;
 font-size:15px;
 border-radius:3px;
 padding:1px 15px 0 0;
 color:var(--blackColor);
 background-color:#f9f9f9
}
.comments-area .comment-respond input[type=date]::-webkit-input-placeholder,
.comments-area .comment-respond input[type=time]::-webkit-input-placeholder,
.comments-area .comment-respond input[type=datetime-local]::-webkit-input-placeholder,
.comments-area .comment-respond input[type=week]::-webkit-input-placeholder,
.comments-area .comment-respond input[type=month]::-webkit-input-placeholder,
.comments-area .comment-respond input[type=text]::-webkit-input-placeholder,
.comments-area .comment-respond input[type=email]::-webkit-input-placeholder,
.comments-area .comment-respond input[type=url]::-webkit-input-placeholder,
.comments-area .comment-respond input[type=password]::-webkit-input-placeholder,
.comments-area .comment-respond input[type=search]::-webkit-input-placeholder,
.comments-area .comment-respond input[type=tel]::-webkit-input-placeholder,
.comments-area .comment-respond input[type=number]::-webkit-input-placeholder,
.comments-area .comment-respond textarea::-webkit-input-placeholder {
 color:var(--optionalColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.comments-area .comment-respond input[type=date]:-ms-input-placeholder,
.comments-area .comment-respond input[type=time]:-ms-input-placeholder,
.comments-area .comment-respond input[type=datetime-local]:-ms-input-placeholder,
.comments-area .comment-respond input[type=week]:-ms-input-placeholder,
.comments-area .comment-respond input[type=month]:-ms-input-placeholder,
.comments-area .comment-respond input[type=text]:-ms-input-placeholder,
.comments-area .comment-respond input[type=email]:-ms-input-placeholder,
.comments-area .comment-respond input[type=url]:-ms-input-placeholder,
.comments-area .comment-respond input[type=password]:-ms-input-placeholder,
.comments-area .comment-respond input[type=search]:-ms-input-placeholder,
.comments-area .comment-respond input[type=tel]:-ms-input-placeholder,
.comments-area .comment-respond input[type=number]:-ms-input-placeholder,
.comments-area .comment-respond textarea:-ms-input-placeholder {
 color:var(--optionalColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.comments-area .comment-respond input[type=date]::-ms-input-placeholder,
.comments-area .comment-respond input[type=time]::-ms-input-placeholder,
.comments-area .comment-respond input[type=datetime-local]::-ms-input-placeholder,
.comments-area .comment-respond input[type=week]::-ms-input-placeholder,
.comments-area .comment-respond input[type=month]::-ms-input-placeholder,
.comments-area .comment-respond input[type=text]::-ms-input-placeholder,
.comments-area .comment-respond input[type=email]::-ms-input-placeholder,
.comments-area .comment-respond input[type=url]::-ms-input-placeholder,
.comments-area .comment-respond input[type=password]::-ms-input-placeholder,
.comments-area .comment-respond input[type=search]::-ms-input-placeholder,
.comments-area .comment-respond input[type=tel]::-ms-input-placeholder,
.comments-area .comment-respond input[type=number]::-ms-input-placeholder,
.comments-area .comment-respond textarea::-ms-input-placeholder {
 color:var(--optionalColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.comments-area .comment-respond input[type=date]::placeholder,
.comments-area .comment-respond input[type=time]::placeholder,
.comments-area .comment-respond input[type=datetime-local]::placeholder,
.comments-area .comment-respond input[type=week]::placeholder,
.comments-area .comment-respond input[type=month]::placeholder,
.comments-area .comment-respond input[type=text]::placeholder,
.comments-area .comment-respond input[type=email]::placeholder,
.comments-area .comment-respond input[type=url]::placeholder,
.comments-area .comment-respond input[type=password]::placeholder,
.comments-area .comment-respond input[type=search]::placeholder,
.comments-area .comment-respond input[type=tel]::placeholder,
.comments-area .comment-respond input[type=number]::placeholder,
.comments-area .comment-respond textarea::placeholder {
 color:var(--optionalColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.comments-area .comment-respond input[type=date]:focus::-webkit-input-placeholder,
.comments-area .comment-respond input[type=time]:focus::-webkit-input-placeholder,
.comments-area .comment-respond input[type=datetime-local]:focus::-webkit-input-placeholder,
.comments-area .comment-respond input[type=week]:focus::-webkit-input-placeholder,
.comments-area .comment-respond input[type=month]:focus::-webkit-input-placeholder,
.comments-area .comment-respond input[type=text]:focus::-webkit-input-placeholder,
.comments-area .comment-respond input[type=email]:focus::-webkit-input-placeholder,
.comments-area .comment-respond input[type=url]:focus::-webkit-input-placeholder,
.comments-area .comment-respond input[type=password]:focus::-webkit-input-placeholder,
.comments-area .comment-respond input[type=search]:focus::-webkit-input-placeholder,
.comments-area .comment-respond input[type=tel]:focus::-webkit-input-placeholder,
.comments-area .comment-respond input[type=number]:focus::-webkit-input-placeholder,
.comments-area .comment-respond textarea:focus::-webkit-input-placeholder {
 color:transparent
}
.comments-area .comment-respond input[type=date]:focus:-ms-input-placeholder,
.comments-area .comment-respond input[type=time]:focus:-ms-input-placeholder,
.comments-area .comment-respond input[type=datetime-local]:focus:-ms-input-placeholder,
.comments-area .comment-respond input[type=week]:focus:-ms-input-placeholder,
.comments-area .comment-respond input[type=month]:focus:-ms-input-placeholder,
.comments-area .comment-respond input[type=text]:focus:-ms-input-placeholder,
.comments-area .comment-respond input[type=email]:focus:-ms-input-placeholder,
.comments-area .comment-respond input[type=url]:focus:-ms-input-placeholder,
.comments-area .comment-respond input[type=password]:focus:-ms-input-placeholder,
.comments-area .comment-respond input[type=search]:focus:-ms-input-placeholder,
.comments-area .comment-respond input[type=tel]:focus:-ms-input-placeholder,
.comments-area .comment-respond input[type=number]:focus:-ms-input-placeholder,
.comments-area .comment-respond textarea:focus:-ms-input-placeholder {
 color:transparent
}
.comments-area .comment-respond input[type=date]:focus::-ms-input-placeholder,
.comments-area .comment-respond input[type=time]:focus::-ms-input-placeholder,
.comments-area .comment-respond input[type=datetime-local]:focus::-ms-input-placeholder,
.comments-area .comment-respond input[type=week]:focus::-ms-input-placeholder,
.comments-area .comment-respond input[type=month]:focus::-ms-input-placeholder,
.comments-area .comment-respond input[type=text]:focus::-ms-input-placeholder,
.comments-area .comment-respond input[type=email]:focus::-ms-input-placeholder,
.comments-area .comment-respond input[type=url]:focus::-ms-input-placeholder,
.comments-area .comment-respond input[type=password]:focus::-ms-input-placeholder,
.comments-area .comment-respond input[type=search]:focus::-ms-input-placeholder,
.comments-area .comment-respond input[type=tel]:focus::-ms-input-placeholder,
.comments-area .comment-respond input[type=number]:focus::-ms-input-placeholder,
.comments-area .comment-respond textarea:focus::-ms-input-placeholder {
 color:transparent
}
.comments-area .comment-respond input[type=date]:focus::placeholder,
.comments-area .comment-respond input[type=time]:focus::placeholder,
.comments-area .comment-respond input[type=datetime-local]:focus::placeholder,
.comments-area .comment-respond input[type=week]:focus::placeholder,
.comments-area .comment-respond input[type=month]:focus::placeholder,
.comments-area .comment-respond input[type=text]:focus::placeholder,
.comments-area .comment-respond input[type=email]:focus::placeholder,
.comments-area .comment-respond input[type=url]:focus::placeholder,
.comments-area .comment-respond input[type=password]:focus::placeholder,
.comments-area .comment-respond input[type=search]:focus::placeholder,
.comments-area .comment-respond input[type=tel]:focus::placeholder,
.comments-area .comment-respond input[type=number]:focus::placeholder,
.comments-area .comment-respond textarea:focus::placeholder {
 color:transparent
}
.comments-area .comment-respond textarea {
 height:auto!important;
 padding-top:15px
}
.comments-area .comment-respond .comment-form-author {
 float:right;
 width:50%;
 padding-left:10px;
 margin-bottom:20px
}
.comments-area .comment-respond .comment-form-email {
 float:right;
 width:50%;
 padding-right:12px;
 margin-bottom:20px
}
.comments-area .comment-respond .comment-form-url {
 float:right;
 width:100%;
 margin-bottom:20px
}
.comments-area .comment-respond .comment-form-cookies-consent {
 width:100%;
 float:right;
 position:relative;
 padding-right:20px;
 margin-bottom:20px;
 margin-top:15px
}
.comments-area .comment-respond .comment-form-cookies-consent input {
 position:absolute;
 right:0;
 top:6px
}
.comments-area .comment-respond .comment-form-cookies-consent label {
 margin:0;
 display:inline-block;
 color:var(--optionalColor);
 font-weight:400;
 font-size:var(--fontSize)
}
.comments-area .comment-respond .form-submit {
 float:right;
 width:100%
}
.comments-area .comment-respond .form-submit input {
 border:none;
 cursor:pointer;
 border-radius:4px;
 padding:10px 30px;
 display:inline-block;
 color:var(--whiteColor);
 background:var(--startupMainColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 font-weight:700;
 font-size:var(--fontSize)
}
.comments-area .comment-respond .form-submit input:hover,
.comments-area .comment-respond .form-submit input:focus {
 color:var(--whiteColor);
 background-color:var(--blackColor)
}
.widget-area .widget {
 margin-bottom:35px
}
.widget-area .widget .widget-title {
 border-bottom:1px solid #eee;
 padding-bottom:12px;
 margin-bottom:30px;
 position:relative;
 font-size:20px
}
.widget-area .widget .widget-title::before {
 right:0;
 width:70px;
 height:1px;
 content:'';
 bottom:-1px;
 position:absolute;
 background-color:var(--blackColor)
}
.widget-area .widget:last-child {
 margin-bottom:0
}
.widget-area .widget_search {
 -webkit-box-shadow:0 0 29px 0 rgba(102,102,102,.1);
 box-shadow:0 0 29px 0 rgba(102,102,102,.1);
 background-color:var(--whiteColor);
 padding:15px
}
.widget-area .widget_search form {
 position:relative
}
.widget-area .widget_search form label {
 display:block;
 margin-bottom:0
}
.widget-area .widget_search form .screen-reader-text {
 display:none
}
.widget-area .widget_search form .search-field {
 outline:0;
 width:100%;
 height:50px;
 display:block;
 padding:0 15px 0 0;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:1px solid #eee;
 background-color:transparent
}
.widget-area .widget_search form .search-field:focus {
 border-color:var(--startupMainColor)
}
.widget-area .widget_search form button {
 position:absolute;
 left:0;
 outline:0;
 bottom:0;
 height:50px;
 width:50px;
 border:none;
 color:var(--whiteColor);
 background-color:var(--startupMainColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.widget-area .widget_search form button:hover {
 color:var(--whiteColor);
 background-color:var(--blackColor)
}
.widget-area .widget_about_author .about-author {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:1px solid #eee;
 text-align:center;
 padding:30px
}
.widget-area .widget_about_author .about-author .main-image {
 width:100px
}
.widget-area .widget_about_author .about-author p {
 margin-bottom:15px;
 margin-top:25px
}
.widget-area .widget_about_author .about-author:hover {
 border-color:var(--blackColor)
}
.widget-area .widget_noke_posts_thumb {
 position:relative;
 overflow:hidden
}
.widget-area .widget_noke_posts_thumb .item {
 margin-bottom:20px;
 position:relative;
 padding-right:115px
}
.widget-area .widget_noke_posts_thumb .item .thumb {
 top:0;
 right:0;
 width:100px;
 float:unset;
 height:100%;
 display:block;
 position:absolute
}
.widget-area .widget_noke_posts_thumb .item .thumb .fullimage {
 width:100px;
 height:100%;
 display:inline-block;
 background-repeat:no-repeat;
 background-size:cover!important;
 background-position:center center!important
}
.widget-area .widget_noke_posts_thumb .item .thumb .fullimage.bg1 {
 background-image:url(../../image/blog/blog-img1.jpg)
}
.widget-area .widget_noke_posts_thumb .item .thumb .fullimage.bg2 {
 background-image:url(../../image/blog/blog-img2.jpg)
}
.widget-area .widget_noke_posts_thumb .item .thumb .fullimage.bg3 {
 background-image:url(../../image/blog/blog-img3.jpg)
}
.widget-area .widget_noke_posts_thumb .item .thumb .fullimage.bg4 {
 background-image:url(../../image/blog/blog-img4.jpg)
}
.widget-area .widget_noke_posts_thumb .item .thumb::before,
.widget-area .widget_noke_posts_thumb .item .thumb::after {
 content:'';
 z-index:1;
 top:50%;
 left:50%;
 opacity:0;
 position:absolute;
 background-color:var(--whiteColor);
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 -webkit-transition:all .8s cubic-bezier(.2,1,.22,1);
 transition:all .8s cubic-bezier(.2,1,.22,1)
}
.widget-area .widget_noke_posts_thumb .item .thumb::before {
 width:40px;
 height:1px;
 left:100%
}
.widget-area .widget_noke_posts_thumb .item .thumb::after {
 height:40px;
 width:1px;
 top:0
}
.widget-area .widget_noke_posts_thumb .item .info .title {
 font-size:16px;
 line-height:1.5;
 margin-bottom:8px
}
.widget-area .widget_noke_posts_thumb .item .info .title a {
 display:inline-block
}
.widget-area .widget_noke_posts_thumb .item .info .date {
 padding-right:20px;
 position:relative;
 color:var(--optionalColor)
}
.widget-area .widget_noke_posts_thumb .item .info .date i {
 position:absolute;
 right:0;
 top:3px
}
.widget-area .widget_noke_posts_thumb .item:last-child {
 margin-bottom:0
}
.widget-area .widget_noke_posts_thumb .item:hover .thumb::before,
.widget-area .widget_noke_posts_thumb .item:hover .thumb::after {
 opacity:1;
 top:50%;
 left:50%
}
.widget-area .widget_follow_us ul {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.widget-area .widget_follow_us ul li {
 margin-bottom:15px
}
.widget-area .widget_follow_us ul li a {
 display:block;
 position:relative;
 color:var(--whiteColor);
 background-color:var(--blackColor);
 padding-left:15px;
 padding-top:10px;
 padding-bottom:10px;
 padding-right:55px
}
.widget-area .widget_follow_us ul li a i {
 position:absolute;
 right:14px;
 top:50%;
 font-size:18px;
 line-height:1;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.widget-area .widget_follow_us ul li a::before {
 content:'';
 position:absolute;
 right:42px;
 top:0;
 height:100%;
 width:1px;
 opacity:.3;
 background-color:var(--whiteColor)
}
.widget-area .widget_follow_us ul li a.facebook {
 background-color:#39569e
}
.widget-area .widget_follow_us ul li a.twitter {
 background-color:#52aaf4
}
.widget-area .widget_follow_us ul li a.linkedin {
 background-color:#0185ae
}
.widget-area .widget_follow_us ul li a.instagram {
 background-color:#c8359d
}
.widget-area .widget_follow_us ul li:last-child {
 margin-bottom:0
}
.widget-area .widget_recent_posts .item {
 margin-bottom:15px;
 padding-bottom:15px;
 border-bottom:1px solid #eee
}
.widget-area .widget_recent_posts .item .tag {
 position:relative;
 margin-bottom:8px;
 display:inline-block;
 color:var(--blackColor)
}
.widget-area .widget_recent_posts .item .title {
 font-size:16px;
 line-height:1.5;
 margin-bottom:10px
}
.widget-area .widget_recent_posts .item .title a {
 display:inline-block
}
.widget-area .widget_recent_posts .item .date {
 padding-right:20px;
 position:relative;
 color:var(--optionalColor)
}
.widget-area .widget_recent_posts .item .date i {
 position:absolute;
 right:0;
 top:3px
}
.widget-area .widget_tag_cloud .tagcloud {
 margin-bottom:-8px
}
.widget-area .widget_tag_cloud .tagcloud a {
 display:inline-block;
 border:1px solid #eee;
 padding:6px 15px;
 color:var(--optionalColor);
 margin-right:8px;
 margin-bottom:8px;
 font-size:14px!important;
 font-weight:600
}
.widget-area .widget_tag_cloud .tagcloud a:hover {
 background-color:var(--blackColor);
 color:var(--whiteColor);
 border-color:var(--blackColor)
}
.widget-area .widget_newsletter {
 background-color:#f6f7f9;
 border:1px solid #eee;
 text-align:center;
 padding:30px
}
.widget-area .widget_newsletter h4 {
 font-size:20px;
 margin-bottom:10px
}
.widget-area .widget_newsletter .newsletter-form {
 margin-top:20px
}
.widget-area .widget_newsletter .newsletter-form .input-newsletter {
 display:block;
 width:100%;
 background-color:var(--whiteColor);
 border:1px solid #eee;
 height:50px;
 padding-right:15px;
 color:var(--blackColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.widget-area .widget_newsletter .newsletter-form .input-newsletter:focus {
 border-color:var(--blackColor)
}
.widget-area .widget_newsletter .newsletter-form button {
 display:block;
 width:100%;
 text-align:center;
 margin-top:15px;
 background-color:var(--blackColor);
 color:var(--whiteColor);
 border:none;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 padding:13px 30px;
 font-size:var(--fontSize);
 font-weight:700
}
.widget-area .widget_newsletter .newsletter-form button:hover {
 background-color:var(--optionalColor)
}
.widget-area .widget_categories ul {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.widget-area .widget_categories ul li {
 margin-bottom:12px;
 position:relative;
 padding-right:15px
}
.widget-area .widget_categories ul li::before {
 right:0;
 top:50%;
 width:8px;
 height:8px;
 content:'';
 position:absolute;
 border-radius:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 background-color:var(--optionalColor)
}
.widget-area .widget_categories ul li a {
 font-weight:500;
 display:inline-block;
 color:var(--optionalColor)
}
.widget-area .widget_categories ul li a:hover {
 color:var(--startupMainColor)
}
.widget-area .widget_categories ul li:last-child {
 margin-bottom:0
}
.widget-area .widget_archive ul {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.widget-area .widget_archive ul li {
 margin-bottom:12px;
 position:relative;
 padding-right:15px
}
.widget-area .widget_archive ul li::before {
 right:0;
 top:50%;
 width:8px;
 height:8px;
 content:'';
 position:absolute;
 border-radius:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 background-color:var(--optionalColor)
}
.widget-area .widget_archive ul li a {
 font-weight:500;
 display:inline-block;
 color:var(--optionalColor)
}
.widget-area .widget_archive ul li a:hover {
 color:var(--startupMainColor)
}
.widget-area .widget_archive ul li:last-child {
 margin-bottom:0
}
.widget-area .widget_colors ul {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.widget-area .widget_colors ul li {
 display:block;
 margin-bottom:12px;
 border-bottom:1px dashed #eee;
 padding-bottom:12px
}
.widget-area .widget_colors ul li a {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.widget-area .widget_colors ul li a span {
 display:block;
 color:var(--optionalColor)
}
.widget-area .widget_colors ul li a span:nth-child(1) {
 width:17px;
 height:17px;
 font-size:0;
 margin-left:8px;
 letter-spacing:0;
 border-radius:50%;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.widget-area .widget_colors ul li a span:nth-child(1).gray {
 background-color:gray
}
.widget-area .widget_colors ul li a span:nth-child(1).red {
 background-color:red
}
.widget-area .widget_colors ul li a span:nth-child(1).green {
 background-color:green
}
.widget-area .widget_colors ul li a span:nth-child(1).black {
 background-color:#000
}
.widget-area .widget_colors ul li a span:nth-child(1).brown {
 background-color:brown
}
.widget-area .widget_colors ul li a:hover span:nth-child(1) {
 -webkit-transform:scale(1.2);
 transform:scale(1.2)
}
.widget-area .widget_price_filter .collection_filter_by_price .irs-handle {
 cursor:pointer
}
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-from,
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-to,
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-single {
 background-color:var(--startupMainColor);
 padding:1px 5px 1px 11.5px
}
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-from::before,
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-to::before,
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-single::before {
 border-top-color:var(--startupMainColor)
}
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-from::after,
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-to::after,
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-single::after {
 content:'';
 position:absolute;
 right:5px;
 top:.5px
}
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-bar {
 background-color:var(--startupMainColor)
}
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-handle>i:first-child {
 background-color:var(--startupMainColor)
}
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-min,
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-max {
 padding:1px 3px 1px 9.5px
}
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-min::before,
.widget-area .widget_price_filter .collection_filter_by_price .irs--flat .irs-max::before {
 content:'';
 position:absolute;
 right:3px;
 top:.5px
}
.widget-area .widget_top_rated_products .item {
 margin-bottom:15px;
 position:relative;
 padding-right:95px
}
.widget-area .widget_top_rated_products .item .thumb {
 top:0;
 right:0;
 width:80px;
 float:unset;
 height:100%;
 display:block;
 position:absolute
}
.widget-area .widget_top_rated_products .item .thumb .fullimage {
 width:80px;
 height:100%;
 display:inline-block;
 border:1px solid #eee;
 background-repeat:no-repeat;
 background-size:cover!important;
 background-position:center center!important
}
.widget-area .widget_top_rated_products .item .thumb .fullimage.bg1 {
 background-image:url(../../image/products/products-img1.jpg)
}
.widget-area .widget_top_rated_products .item .thumb .fullimage.bg2 {
 background-image:url(../../image/products/products-img2.jpg)
}
.widget-area .widget_top_rated_products .item .thumb .fullimage.bg3 {
 background-image:url(../../image/products/products-img3.jpg)
}
.widget-area .widget_top_rated_products .item .thumb .fullimage.bg4 {
 background-image:url(../../image/products/products-img4.jpg)
}
.widget-area .widget_top_rated_products .item .info {
 padding-top:5px;
 padding-bottom:5px
}
.widget-area .widget_top_rated_products .item .info .title {
 margin-bottom:8px;
 line-height:1.4;
 font-size:var(--fontSize);
 font-weight:600
}
.widget-area .widget_top_rated_products .item .info .title a {
 display:inline-block
}
.widget-area .widget_top_rated_products .item .info .star-rating {
 font-size:14px
}
.widget-area .widget_top_rated_products .item .info .star-rating i {
 color:#f49f0b
}
.widget-area .widget_top_rated_products .item .info .price {
 margin-top:8px;
 display:block;
 color:var(--optionalColor)
}
.widget-area .widget_top_rated_products .item:last-child {
 margin-bottom:0
}
.widget-area .widget_service_categories ul {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.widget-area .widget_service_categories ul li {
 font-weight:500;
 overflow:hidden;
 margin-bottom:13px;
 padding-bottom:13px;
 color:var(--optionalColor);
 border-bottom:1px dashed #eee
}
.widget-area .widget_service_categories ul li a {
 display:block;
 position:relative;
 color:var(--optionalColor)
}
.widget-area .widget_service_categories ul li a i {
 position:absolute;
 left:5px;
 top:50%;
 font-size:14px;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--optionalColor)
}
.widget-area .widget_service_categories ul li a:hover {
 color:var(--startupMainColor)
}
.widget-area .widget_service_categories ul li a:hover i {
 left:0;
 color:var(--startupMainColor)
}
.widget-area .widget_service_categories ul li:last-child {
 margin-bottom:0
}
.widget-area.extra-padding {
 padding-right:15px
}
.widget-area.extra-padding.left-sidebar {
 padding-right:0;
 padding-left:15px
}
.profile-authentication-area {
 height:100vh;
 position:relative;
 background-color:#f3f3f3
}
.profile-authentication-area .logo {
 left:0;
 right:0;
 top:20px;
 position:absolute;
 text-align:center;
 display:inline-block
}
.signin-form {
 max-width:550px;
 border-radius:5px;
 padding:40px;
 background-color:var(--whiteColor);
 margin-left:auto;
 margin-right:auto
}
.signin-form h2 {
 font-size:30px;
 margin-bottom:30px
}
.signin-form form .form-group {
 margin-bottom:25px
}
.signin-form form .form-group .form-control {
 background-color:#f5f5f5!important
}
.signin-form form .remember-me-wrap {
 margin-bottom:0
}
.signin-form form .remember-me-wrap .form-control {
 text-align:end
}
.signin-form form .remember-me-wrap [type=checkbox]:checked,
.signin-form form .remember-me-wrap [type=checkbox]:not(:checked) {
 display:none
}
.signin-form form .remember-me-wrap [type=checkbox]:checked+label,
.signin-form form .remember-me-wrap [type=checkbox]:not(:checked)+label {
 position:relative;
 padding-right:28px;
 cursor:pointer;
 line-height:20px;
 display:inline-block;
 margin-bottom:0;
 color:var(--optionalColor)
}
.signin-form form .remember-me-wrap [type=checkbox]:checked+label:before,
.signin-form form .remember-me-wrap [type=checkbox]:not(:checked)+label:before {
 content:'';
 position:absolute;
 right:0;
 top:0;
 width:19px;
 height:19px;
 -webkit-transition:all .2s ease;
 transition:all .2s ease;
 border:1px solid #f5f5f5;
 border-radius:3px;
 background:#f5f5f5
}
.signin-form form .remember-me-wrap [type=checkbox]:checked+label:after,
.signin-form form .remember-me-wrap [type=checkbox]:not(:checked)+label:after {
 content:'';
 width:8px;
 height:8px;
 background:var(--startupMainColor);
 position:absolute;
 top:5.5px;
 right:6px;
 -webkit-transition:all .2s ease;
 transition:all .2s ease
}
.signin-form form .remember-me-wrap [type=checkbox]:not(:checked)+label:after {
 opacity:0;
 -webkit-transform:scale(0);
 transform:scale(0)
}
.signin-form form .remember-me-wrap [type=checkbox]:checked+label:after {
 opacity:1;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.signin-form form .remember-me-wrap [type=checkbox]:hover+label:before {
 border-color:var(--startupMainColor)
}
.signin-form form .remember-me-wrap [type=checkbox]:checked+label:before {
 border-color:var(--startupMainColor)
}
.signin-form form .lost-your-password-wrap {
 text-align:end
}
.signin-form form .lost-your-password-wrap a {
 display:inline-block;
 position:relative;
 line-height:1.5;
 font-weight:500
}
.signin-form form .lost-your-password-wrap a::before {
 width:100%;
 height:1px;
 position:absolute;
 right:0;
 bottom:0;
 content:'';
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background-color:#eee
}
.signin-form form .lost-your-password-wrap a::after {
 width:0;
 height:1px;
 position:absolute;
 right:0;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 bottom:0;
 content:'';
 background-color:var(--startupMainColor)
}
.signin-form form .lost-your-password-wrap a:hover::before {
 width:0
}
.signin-form form .lost-your-password-wrap a:hover::after {
 width:100%
}
.signin-form form button {
 width:100%;
 border:none;
 display:block;
 overflow:hidden;
 margin-top:20px;
 border-radius:5px;
 text-align:center;
 padding:14px 30px;
 color:var(--whiteColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background-color:var(--startupMainColor);
 font-size:var(--fontSize);
 font-weight:700
}
.signin-form form button:hover {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.signin-form form .dont-account {
 display:block;
 margin-top:25px;
 color:var(--optionalColor);
}
.signin-form form .dont-account a {
 font-weight:600;
 margin-right: 5px;
}
.signin-form .sign-in-with-button {
 margin-top:25px
}
.signin-form .sign-in-with-button button {
 width:100%;
 display:block;
 color:#248bd2;
 border-radius:5px;
 border:1px solid #d2d2d2;
 background-color:transparent;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 padding-top:13px;
 padding-bottom:13px;
 padding-left:30px;
 padding-right:30px
}
.signin-form .sign-in-with-button button svg {
 position:absolute;
 margin-right:-25px;
 margin-right:-25px;
 margin-top:1.5px
}
.signin-form .sign-in-with-button button:hover {
 color:var(--blackColor);
 background-color:#e9e9e9
}
.signup-form {
 max-width:550px;
 border-radius:5px;
 padding:40px;
 background-color:var(--whiteColor);
 margin-left:auto;
 margin-right:auto
}
.signup-form h2 {
 font-size:30px;
 margin-bottom:30px
}
.signup-form form .form-group {
 margin-bottom:25px
}
.signup-form form .form-group label {
 display:block;
 margin-bottom:13px;
 color:var(--blackColor);
 font-weight:600
}
.signup-form form .form-group .form-control {
 background-color:#f5f5f5!important
}
.signup-form form .remember-me-wrap {
 margin-bottom:0
}
.signup-form form .remember-me-wrap [type=checkbox]:checked,
.signup-form form .remember-me-wrap [type=checkbox]:not(:checked) {
 display:none
}
.signup-form form .remember-me-wrap [type=checkbox]:checked+label,
.signup-form form .remember-me-wrap [type=checkbox]:not(:checked)+label {
 position:relative;
 padding-right:28px;
 cursor:pointer;
 line-height:20px;
 display:inline-block;
 margin-bottom:0;
 color:var(--optionalColor)
}
.signup-form form .remember-me-wrap [type=checkbox]:checked+label:before,
.signup-form form .remember-me-wrap [type=checkbox]:not(:checked)+label:before {
 content:'';
 position:absolute;
 right:0;
 top:0;
 width:19px;
 height:19px;
 -webkit-transition:all .2s ease;
 transition:all .2s ease;
 border:1px solid #f5f5f5;
 border-radius:3px;
 background:#f5f5f5
}
.signup-form form .remember-me-wrap [type=checkbox]:checked+label:after,
.signup-form form .remember-me-wrap [type=checkbox]:not(:checked)+label:after {
 content:'';
 width:8px;
 height:8px;
 background:var(--startupMainColor);
 position:absolute;
 top:5.5px;
 right:6px;
 -webkit-transition:all .2s ease;
 transition:all .2s ease
}
.signup-form form .remember-me-wrap [type=checkbox]:not(:checked)+label:after {
 opacity:0;
 -webkit-transform:scale(0);
 transform:scale(0)
}
.signup-form form .remember-me-wrap [type=checkbox]:checked+label:after {
 opacity:1;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.signup-form form .remember-me-wrap [type=checkbox]:hover+label:before {
 border-color:var(--startupMainColor)
}
.signup-form form .remember-me-wrap [type=checkbox]:checked+label:before {
 border-color:var(--startupMainColor)
}
.signup-form form .lost-your-password-wrap {
 text-align:end
}
.signup-form form .lost-your-password-wrap a {
 display:inline-block;
 position:relative;
 line-height:1.5;
 font-weight:500
}
.signup-form form .lost-your-password-wrap a::before {
 width:100%;
 height:1px;
 position:absolute;
 right:0;
 bottom:0;
 content:'';
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background-color:#eee
}
.signup-form form .lost-your-password-wrap a::after {
 width:0;
 height:1px;
 position:absolute;
 right:0;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 bottom:0;
 content:'';
 background-color:var(--startupMainColor)
}
.signup-form form .lost-your-password-wrap a:hover::before {
 width:0
}
.signup-form form .lost-your-password-wrap a:hover::after {
 width:100%
}
.signup-form form button {
 width:100%;
 border:none;
 display:block;
 overflow:hidden;
 margin-top:20px;
 border-radius:5px;
 text-align:center;
 padding:14px 30px;
 color:var(--whiteColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background-color:var(--startupMainColor);
 font-size:var(--fontSize);
 font-weight:700
}
.signup-form form button:hover {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.signup-form form .dont-account {
 display:block;
 margin-top:25px;
 color:var(--optionalColor)
}
.signup-form form .dont-account a {
 font-weight:600
}
.signup-form .sign-in-with-button {
 margin-top:25px
}
.signup-form .sign-in-with-button button {
 width:100%;
 display:block;
 color:#248bd2;
 border-radius:5px;
 border:1px solid #d2d2d2;
 background-color:transparent;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 padding-top:13px;
 padding-bottom:13px;
 padding-left:30px;
 padding-right:30px
}
.signup-form .sign-in-with-button button svg {
 position:absolute;
 margin-right:-25px;
 margin-top:1.5px
}
.signup-form .sign-in-with-button button:hover {
 color:var(--blackColor);
 background-color:#e9e9e9
}
.instagram-area .container-fluid {
 padding-left:0;
 padding-right:0
}
.instagram-area.bg-dark .section-title {
 border-color:rgba(255,255,255,.08)
}
.instagram-area.bg-dark .section-title::before {
 background-color:var(--whiteColor)
}
.single-instagram-item {
 position:relative
}
.single-instagram-item .link-btn {
 display:block;
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:2
}
.single-instagram-item i {
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%);
 font-size:25px;
 color:var(--whiteColor);
 opacity:0;
 visibility:hidden;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-instagram-item::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 background-color:#000;
 opacity:0;
 visibility:hidden;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-instagram-item:hover i {
 opacity:1;
 visibility:visible
}
.single-instagram-item:hover::before {
 opacity:.5;
 visibility:visible
}
.page-title-area {
 background-position:center center;
 background-repeat:no-repeat;
 background-color:#f9faff;
 background-size:cover;
 padding-top:160px;
 padding-bottom:170px
}
.page-title-area.transparent-bg1 {
 background-image:url(../../image/page-title/page-title-bg1.jpg)
}
.page-title-area.transparent-bg2 {
 background-image:url(../../image/page-title/page-title-bg2.jpg)
}
.page-title-area.transparent-bg3 {
 background-image:url(../../image/page-title/page-title-bg3.jpg)
}
.page-title-area.transparent-bg4 {
 background-image:url(../../image/page-title/page-title-bg4.jpg)
}
.page-title-area.transparent-bg5 {
 background-image:url(../../image/page-title/page-title-bg5.jpg)
}
.page-title-area.bg-f9faff {
 background-color:#f9faff
}
.page-title-area.bg-image {
 background-color:var(--blackColor);
 position:relative;
 z-index:1
}
.page-title-area.bg-image .page-title-content {
 color:var(--whiteColor)
}
.page-title-area.bg-image .page-title-content h2 {
 color:var(--whiteColor)
}
.page-title-area.bg-image .page-title-content ul li {
 font-weight:600
}
.page-title-area.bg-image .page-title-content ul li::before {
 background-color:var(--optionalColor)
}
.page-title-area.bg-image .page-title-content ul li a {
 color:var(--whiteColor)
}
.page-title-area.bg-image .page-title-content ul li a:hover {
 color:var(--startupMainColor)
}
.page-title-area.bg-image::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 background-color:#000;
 opacity:.7
}
.page-title-area.bg1 {
 background-image:url(../../image/page-title/page-title-bg-image1.jpg)
}
.page-title-area.bg2 {
 background-image:url(../../image/page-title/page-title-bg-image2.jpg)
}
.page-title-area.bg3 {
 background-image:url(../../image/page-title/page-title-bg-image3.jpg)
}
.page-title-area.bg4 {
 background-image:url(../../image/page-title/page-title-bg-image4.jpg)
}
.page-title-area.bg5 {
 background-image:url(../../image/page-title/page-title-bg-image5.jpg)
}
.page-title-area.style-two {
 padding-top:260px;
 padding-bottom:150px
}
.page-title-area.style-three {
 padding-top:275px;
 padding-bottom:150px
}
.page-title-area.style-four {
 position:relative;
 z-index:1;
 padding-top:170px;
 padding-bottom:170px
}
.page-title-area.style-four::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center center;
 background-image:url(../../image/bg12.png)
}
.page-title-content {
 text-align:center
}
.page-title-content h2 {
 margin-bottom:0;
 font-size:45px
}
.page-title-content ul {
 padding-right:0;
 list-style-type:none;
 margin-bottom:0;
 margin-top:20px
}
.page-title-content ul li {
 color:var(--startupMainColor);
 display:inline-block;
 position:relative;
 font-weight:500;
 font-size:16px;
 margin-left:12px;
 margin-right:12px
}
.page-title-content ul li::before {
 content:'';
 position:absolute;
 left:-18px;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 height:1px;
 width:10px;
 background-color:var(--optionalColor);
 margin-top:1px
}
.page-title-content ul li a {
 color:var(--blackColor)
}
.page-title-content ul li a:hover {
 color:var(--startupMainColor)
}
.page-title-content ul li:last-child {
 margin-left:0
}
.page-title-content ul li:last-child::before {
 display:none
}
.page-title-content ul li:first-child {
 margin-right:0
}
.pagination-area {
 margin-top:20px
}
.pagination-area .page-numbers {
 width:45px;
 height:45px;
 line-height:43px;
 position:relative;
 text-align:center;
 border-radius:50%;
 display:inline-block;
 border:1px solid #eee;
 color:var(--blackColor);
 background-color:transparent;
 font-size:18px;
 font-weight:600;
 margin-left:3px;
 margin-right:3px
}
.pagination-area .page-numbers:hover,
.pagination-area .page-numbers.current {
 color:var(--whiteColor);
 background-color:var(--startupMainColor);
 border-color:var(--startupMainColor)!important
}
.single-gallery-item {
 margin-bottom:30px;
 position:relative;
 text-align:center;
 overflow:hidden
}
.single-gallery-item img {
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-gallery-item .popup-image {
 position:absolute;
 left:0;
 -webkit-transform:translateY(-50%) scale(0);
 transform:translateY(-50%) scale(0);
 top:50%;
 z-index:2;
 right:0;
 width:45px;
 height:45px;
 line-height:45px;
 color:var(--whiteColor);
 border:1px solid var(--whiteColor);
 border-radius:3px;
 margin-left:auto;
 margin-right:auto
}
.single-gallery-item .popup-image:hover {
 border-radius:50%;
 color:var(--blackColor);
 background-color:var(--whiteColor)
}
.single-gallery-item::before {
 z-index:1;
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 background-color:var(--startupMainColor);
 opacity:0;
 visibility:hidden;
 -webkit-transition:.3s;
 transition:.3s;
 margin:10px
}
.single-gallery-item:hover img {
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}
.single-gallery-item:hover::before {
 opacity:1;
 margin:20px;
 visibility:visible
}
.single-gallery-item:hover .popup-image {
 -webkit-transform:translateY(-50%) scale(1);
 transform:translateY(-50%) scale(1)
}
.single-gallery-item.left-overlay::before {
 left:0;
 top:0;
 margin:0;
 width:0%;
 height:100%;
 right:auto;
 bottom:auto;
 opacity:.8
}
.single-gallery-item.left-overlay:hover::before {
 width:100%
}
.single-gallery-item.top-overlay::before {
 left:0;
 top:0;
 margin:0;
 width:100%;
 height:0%;
 right:auto;
 bottom:auto;
 opacity:.8
}
.single-gallery-item.top-overlay:hover::before {
 height:100%
}
.shorting .mix {
 display:none
}
.shorting-menu {
 text-align:center;
 margin-bottom:40px
}
.shorting-menu .filter {
 background-color:transparent;
 -webkit-transition:var(--transition);
 transition:var(--transition);
  letter-spacing:0px;
 color:#b0b0b0;
 border:none;
 padding:0;
 font-size:var(--fontSize);
 font-weight:500;
 margin-left:20px;
 margin-right:20px
}
.shorting-menu .filter:last-child {
 margin-left:0
}
.shorting-menu .filter:first-child {
 margin-right:0
}
.shorting-menu .filter:hover,
.shorting-menu .filter.active {
 color:var(--blackColor)
}
.portfolio-details-image {
 position:relative;
 margin-bottom:30px;
 text-align:center
}
.portfolio-details-desc h3 {
 font-size:25px;
 margin-bottom:15px;
 margin-top:30px
}
.portfolio-details-desc h3:first-child {
 margin-top:0
}
.portfolio-details-desc .image {
 padding-left:15px;
 border-radius:5px;
 margin-top:15px;
 margin-bottom:30px
}
.portfolio-details-desc .content {
 margin-top:15px;
 margin-bottom:30px
}
.portfolio-details-desc .content h3 {
 margin-top:0;
 margin-bottom:25px
}
.portfolio-details-desc .content ul {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.portfolio-details-desc .content ul li {
 color:var(--optionalColor);
 margin-bottom:12px;
 position:relative;
 padding-right:18px;
 font-weight:500
}
.portfolio-details-desc .content ul li::before {
 right:0;
 top:50%;
 width:7px;
 height:7px;
 content:'';
 position:absolute;
 border-radius:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 background-color:var(--startupMainColor)
}
.portfolio-details-desc .content ul li:last-child {
 margin-bottom:0
}
.portfolio-details-info {
 -webkit-box-shadow:0 -10px 30px rgba(0,0,0,.1);
 box-shadow:0 -10px 30px rgba(0,0,0,.1);
 border-top:3px solid var(--startupMainColor);
 background-color:var(--whiteColor);
 border-radius:5px;
 padding:40px 30px;
 margin-right:15px
}
.portfolio-details-info ul {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.portfolio-details-info ul li {
 font-weight:500;
 position:relative;
 margin-bottom:20px;
 color:var(--optionalColor);
 border-bottom:1px solid #eee;
 padding-right:35px;
 padding-bottom:20px
}
.portfolio-details-info ul li span {
 color:var(--blackColor);
 margin-bottom:10px;
 display:block;
 font-size:19px;
 font-weight:700
}
.portfolio-details-info ul li a {
 margin-bottom:8px;
 display:inline-block;
 color:var(--optionalColor)
}
.portfolio-details-info ul li a:last-child {
 margin-bottom:0
}
.portfolio-details-info ul li a:hover {
 color:var(--startupMainColor)
}
.portfolio-details-info ul li .icon {
 right:0;
 top:6px;
 font-size:25px;
 position:absolute;
 color:var(--startupMainColor)
}
.portfolio-details-info ul li:last-child {
 margin-bottom:0;
 padding-bottom:0;
 border-bottom:none
}
.portfolio-details-slides.owl-theme .owl-nav {
 opacity:0;
 margin-top:0;
 visibility:hidden;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.portfolio-details-slides.owl-theme .owl-nav [class*=owl-] {
 margin:0;
 background-color:var(--whiteColor);
 color:var(--blackColor);
 padding:0!important;
 border-radius:0;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:none;
 cursor:pointer;
 position:absolute;
 right:25px;
 top:50%;
 width:45px;
 height:45px;
 line-height:45px;
 border-radius:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 font-size:20px
}
.portfolio-details-slides.owl-theme .owl-nav [class*=owl-].owl-next {
 right:auto;
 left:25px
}
.portfolio-details-slides.owl-theme .owl-nav [class*=owl-] i {
 line-height:1
}
.portfolio-details-slides.owl-theme .owl-nav [class*=owl-]:hover {
 background-color:var(--blackColor);
 border-color:var(--blackColor);
 color:var(--whiteColor)
}
.portfolio-details-slides.owl-theme:hover .owl-nav {
 opacity:1;
 visibility:visible
}
.portfolio-details-slides.owl-theme .owl-dots {
 margin-top:40px
}
.portfolio-details-slides.owl-theme .owl-dots .owl-dot span {
 width:18px;
 height:18px;
 border-radius:50%;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin:0 5px
}
.portfolio-details-slides.owl-theme .owl-dots .owl-dot:hover span,
.portfolio-details-slides.owl-theme .owl-dots .owl-dot.active span {
 background-color:var(--startupMainColor)
}
.portfolio-details-navigation {
 background-color:#f7f7f7;
 padding-top:40px;
 padding-bottom:40px
}
.portfolio-details-left {
 text-transform:uppercase;
 font-weight:600;
 line-height:1
}
.portfolio-details-left a {
 display:inline-block;
 color:var(--optionalColor);
 position:relative;
 padding-right:25px
}
.portfolio-details-left a i {
 position:absolute;
 right:0;
 top:0
}
.portfolio-details-left a:hover {
 color:var(--startupMainColor)
}
.menu-icon {
 line-height:1;
 font-size:22px;
 color:var(--optionalColor)
}
.menu-icon:hover {
 color:var(--startupMainColor)
}
.portfolio-details-right {
 text-transform:uppercase;
 font-weight:600;
 line-height:1
}
.portfolio-details-right a {
 display:inline-block;
 color:var(--optionalColor);
 position:relative;
 padding-left:25px
}
.portfolio-details-right a i {
 position:absolute;
 left:0;
 top:0
}
.portfolio-details-right a:hover {
 color:var(--startupMainColor)
}
.privacy-policy-content h3 {
 font-size:20px;
 margin-bottom:15px
}
.privacy-policy-content h3:not(:first-child) {
 margin-top:25px
}
.privacy-policy-content strong {
 color:var(--blackColor)!important
}
.privacy-policy-content ul li {
 color:var(--optionalColor);
 margin-bottom:12px
}
.privacy-policy-content ul li:last-child {
 margin-bottom:0
}
.terms-conditions-content h3 {
 font-size:20px;
 margin-bottom:15px
}
.terms-conditions-content h3:not(:first-child) {
 margin-top:25px
}
.terms-conditions-content strong {
 color:var(--blackColor)!important
}
.terms-conditions-content ul li {
 color:var(--optionalColor);
 margin-bottom:12px
}
.terms-conditions-content ul li:last-child {
 margin-bottom:0
}
.faq-accordion {
 max-width:800px;
 margin-left:auto;
 margin-right:auto
}
.faq-accordion .accordion-item {
 margin-bottom:15px;
 border:1px solid #eee
}
.faq-accordion .accordion-item .accordion-button {
 border:none;
 padding:20px 45px 20px 20px;
 position:relative;
 border:none;
 -webkit-box-shadow:unset!important;
 box-shadow:unset!important;
 text-align:start;
 margin:0;
 font-size:18px;
 font-weight:700
}
.faq-accordion .accordion-item .accordion-button:not(.collapsed) {
 color:var(--blackColor);
 background-color:transparent
}
.faq-accordion .accordion-item .accordion-button:not(.collapsed)::after {
 background-image:url(data:../../image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nIzIxMjUyOSc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMS42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCAxMC4yOTNsNS42NDYtNS42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNiA2YS41LjUgMCAwIDEtLjcwOCAwbC02LTZhLjUuNSAwIDAgMSAwLS43MDh6Jy8+PC9zdmc+)
}
.faq-accordion .accordion-item .accordion-button::after {
 position:absolute;
 right:20px;
 top:25px;
 width:15px;
 height:15px;
 background-size:15px
}
.faq-accordion .accordion-item .accordion-collapse {
 border:none
}
.faq-accordion .accordion-item .accordion-body {
 padding:0 45px 20px 20px
}
.faq-accordion .accordion-item .accordion-body p strong {
 color:var(--blackColor)
}
.faq-accordion .accordion-item .accordion-body ul {
 margin-bottom:15px
}
.faq-accordion .accordion-item .accordion-body ul li {
 margin-bottom:12px;
 color:var(--optionalColor)
}
.faq-accordion .accordion-item .accordion-body ul li:last-child {
 margin-bottom:0
}
.faq-accordion .accordion-item .accordion-body ul:last-child {
 margin-bottom:0
}
.faq-accordion .accordion-item:last-child {
 margin-bottom:0
}
.faq-accordion .accordion-item:first-of-type .accordion-button {
 border-top-left-radius:0;
 border-top-right-radius:0
}
.error-area {
 border-top:1px dashed #eee;
 border-bottom:1px dashed #eee
}
.error-content {
 text-align:center
}
.error-content h3 {
 font-size:30px;
 margin-bottom:20px;
 margin-top:45px
}
.error-content p {
 max-width:550px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:0
}
.error-content .default-btn {
 margin-top:30px
}
.coming-soon-area {
 height:100vh
}
.coming-soon-image {
 height:100%;
 background-image:url(../../image/coming-soon.jpg);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover
}
.coming-soon-image img {
 display:none
}
.coming-soon-content {
 height:100vh;
 text-align:center;
 padding-left:30px;
 padding-right:30px
}
.coming-soon-content .logo {
 display:inline-block
}
.coming-soon-content h2 {
 font-size:40px;
 margin-top:30px;
 margin-bottom:0
}
.coming-soon-content #timer {
 margin-top:35px;
 direction: ltr;
}
.coming-soon-content #timer div {
 width:120px;
 height:120px;
 border-radius:5px;
 color:var(--blackColor);
 background-color:#f8f8f8;
 font-size:35px;
 font-weight:700;
 margin-left:10px;
 margin-right:10px
}
.coming-soon-content #timer div span {
 display:block;
 margin-top:2px;
 font-size:var(--fontSize);
 font-weight:500
}
.coming-soon-content #timer div:first-child {
 margin-right:0
}
.coming-soon-content #timer div:last-child {
 margin-left:0
}
.coming-soon-content form {
 position:relative;
 max-width:530px;
 margin-left:auto;
 margin-right:auto;
 margin-top:40px
}
.coming-soon-content form .input-newsletter {
 padding:0 15px 0 0;
 width:100%;
 height:60px;
 border:none;
 display:block;
 border-radius:4px;
 color:var(--blackColor);
 font-size:var(--fontSize);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 border:1px solid #eee
}
.coming-soon-content form .input-newsletter::-webkit-input-placeholder {
 color:var(--optionalColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.coming-soon-content form .input-newsletter:-ms-input-placeholder {
 color:var(--optionalColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.coming-soon-content form .input-newsletter::-ms-input-placeholder {
 color:var(--optionalColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.coming-soon-content form .input-newsletter::placeholder {
 color:var(--optionalColor);
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.coming-soon-content form .input-newsletter:focus {
 border-color:var(--startupMainColor)
}
.coming-soon-content form .input-newsletter:focus::-webkit-input-placeholder {
 color:transparent
}
.coming-soon-content form .input-newsletter:focus:-ms-input-placeholder {
 color:transparent
}
.coming-soon-content form .input-newsletter:focus::-ms-input-placeholder {
 color:transparent
}
.coming-soon-content form .input-newsletter:focus::placeholder {
 color:transparent
}
.coming-soon-content form .default-btn {
 position:absolute;
 left:5px;
 -webkit-box-shadow:unset;
 box-shadow:unset;
 bottom:6px;
 padding-left:35px;
 padding-right:35px
}
.coming-soon-content form .default-btn:hover {
 background-color:var(--blackColor);
 color:var(--whiteColor)
}
.coming-soon-content form #validator-newsletter {
 position:absolute;
 bottom:-32px;
 right:0
}
.coming-soon-content form #validator-newsletter.validation-danger {
 color:red
}
.contact-area {
 position:relative;
 z-index:1
}
.contact-area.bg-image {
 background-image:url(../../image/cta-bg1.jpg);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover
}
.contact-area.bg-image::before {
 content:'';
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:-1;
 background-color:#000;
 opacity:.8
}
.contact-area.bg-image .section-title h2 {
 color:var(--whiteColor)
}
.single-contact-info-box {
 padding:35px;
 margin-bottom:30px;
 background-color:#f9fafb
}
.single-contact-info-box .icon {
 line-height:1;
 font-size:40px;
 margin-bottom:25px;
 color:var(--startupMainColor)
}
.single-contact-info-box h3 {
 font-size:20px;
 margin-bottom:15px
}
.single-contact-info-box p {
 margin-bottom:2px
}
.single-contact-info-box p a {
 color:var(--optionalColor);
 display:inline-block
}
.single-contact-info-box p a:hover {
 color:var(--startupMainColor)
}
.single-contact-info-box p:last-child {
 margin-bottom:0
}
.single-contact-info-box.style-two {
 padding:0;
 text-align:center;
 background-color:transparent
}
.single-contact-info-box.style-two .icon {
 width:80px;
 color:var(--whiteColor);
 background-color:var(--blackColor);
 border-radius:50%;
 position:relative;
 height:80px;
 font-size:35px;
 -webkit-transition:var(--transition);
 transition:var(--transition);
 margin-left:auto;
 margin-right:auto;
 margin-bottom:25px
}
.single-contact-info-box.style-two .icon i {
 position:absolute;
 left:0;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.single-contact-info-box.style-two:hover .icon {
 background-color:var(--startupMainColor);
 color:var(--whiteColor)
}
.contact-form {
 padding:34px;
 margin-bottom:30px;
 background-color:var(--whiteColor);
 -webkit-box-shadow:0 0 1.25rem rgba(108,118,134,.1);
 box-shadow:0 0 1.25rem rgba(108,118,134,.1)
}
.contact-form form .form-group {
 margin-bottom:20px
}
.contact-form form .form-group label {
 display:block;
 margin-bottom:10px;
 color:var(--optionalColor)
}
.contact-form form .form-group .form-control {
 border-radius:0;
 background-color:#f9faff;
 border:1px solid #eee!important
}
.contact-form form .form-check {
 margin-bottom:15px;
 margin-top:5px
}
.contact-form form .form-check a {
 color:var(--startupMainColor)
}
.contact-form form .form-check a:hover {
 color:var(--blackColor);
 text-decoration:underline
}
.contact-form form .default-btn {
 margin-top:5px;
 padding-left:35px;
 padding-right:35px
}
.contact-form form .help-block.with-errors {
 color:red;
 margin-bottom:0;
 margin-top:15px
}
.contact-form form #msgSubmit {
 margin:0
}
.contact-form form #msgSubmit.text-danger {
 margin-top:15px
}
#maps iframe {
 margin-bottom:-7px;
 height:500px;
 border:none;
 width:100%
}
.footer-area {
 padding-top:100px;
 position:relative;
 z-index:1
}
.footer-area.marketing-footer {
 border-top:1px solid #eee
}
.footer-area.marketing-footer .footer-top {
 border-bottom:none;
 margin-bottom:0
}
.footer-area.marketing-footer .copyright-area {
 border-top:1px solid #eee
}
.footer-area.marketing-footer .copyright-area p a {
 color:var(--marketingMainColor)
}
.footer-area.marketing-footer .single-footer-widget .footer-contact li i {
 color:var(--marketingMainColor)
}
.footer-area.marketing-footer .single-footer-widget .footer-contact li a:hover {
 color:var(--marketingMainColor)
}
.footer-area.marketing-footer .single-footer-widget .info-links li a:hover {
 color:var(--marketingMainColor)
}
.footer-area.marketing-footer .single-footer-widget .newsletter-form button:hover {
 color:var(--whiteColor);
 background-color:var(--marketingMainColor)
}
.footer-area.business-footer {
 padding-top:0
}
.footer-area.business-footer .footer-top {
 background:var(--businessGradientColor);
 margin-bottom:100px;
 border:none;
 padding-top:70px;
 padding-bottom:70px
}
.footer-area.business-footer .footer-top .content h3 {
 color:var(--whiteColor)
}
.footer-area.business-footer .footer-top .content .default-btn {
 background:0 0;
 color:var(--whiteColor);
 border:1px solid var(--whiteColor);
 -webkit-box-shadow:unset;
 box-shadow:unset
}
.footer-area.business-footer .footer-top .content .default-btn i {
 color:var(--whiteColor)
}
.footer-area.business-footer .footer-top .content .default-btn:hover {
 background-color:var(--whiteColor);
 color:var(--blackColor)
}
.footer-area.business-footer .footer-top .content .default-btn:hover i {
 color:var(--blackColor)
}
.footer-area.business-footer .copyright-area {
 border-top:1px solid #eee
}
.footer-area.business-footer .copyright-area p a {
 color:var(--businessMainColor)
}
.footer-area.business-footer .single-footer-widget .footer-contact li i {
 color:var(--businessMainColor)
}
.footer-area.business-footer .single-footer-widget .footer-contact li a:hover {
 color:var(--businessMainColor)
}
.footer-area.business-footer .single-footer-widget .info-links li a:hover {
 color:var(--businessMainColor)
}
.footer-area.business-footer .single-footer-widget .newsletter-form button:hover {
 color:var(--whiteColor);
 background-color:var(--businessMainColor)
}
.footer-area.app-footer {
 background:var(--appGradientColor)
}
.footer-area.app-footer .footer-top {
 border-color:#0e49b5
}
.footer-area.app-footer .footer-top .content h3 {
 color:var(--whiteColor)
}
.footer-area.app-footer .footer-top .content .default-btn {
 background:0 0;
 color:var(--whiteColor);
 border:1px solid var(--whiteColor);
 -webkit-box-shadow:unset;
 box-shadow:unset
}
.footer-area.app-footer .footer-top .content .default-btn i {
 color:var(--whiteColor)
}
.footer-area.app-footer .footer-top .content .default-btn:hover {
 background-color:var(--whiteColor);
 color:var(--blackColor)
}
.footer-area.app-footer .footer-top .content .default-btn:hover i {
 color:var(--blackColor)
}
.footer-area.app-footer .copyright-area {
 opacity:.9;
 border-top:1px solid #2c4687;
 background:0 0
}
.footer-area.app-footer .copyright-area p {
 color:var(--whiteColor)
}
.footer-area.app-footer .copyright-area p a {
 color:var(--whiteColor)
}
.footer-area.app-footer .single-footer-widget h3 {
 color:var(--whiteColor)
}
.footer-area.app-footer .single-footer-widget p {
 color:var(--whiteColor)
}
.footer-area.app-footer .single-footer-widget .footer-contact li {
 color:var(--whiteColor)
}
.footer-area.app-footer .single-footer-widget .footer-contact li i {
 color:var(--whiteColor)
}
.footer-area.app-footer .single-footer-widget .footer-contact li a {
 color:var(--whiteColor)
}
.footer-area.app-footer .single-footer-widget .footer-contact li a:hover {
 color:var(--whiteColor)
}
.footer-area.app-footer .single-footer-widget .info-links li {
 color:var(--whiteColor)
}
.footer-area.app-footer .single-footer-widget .info-links li a {
 color:var(--whiteColor)
}
.footer-area.app-footer .single-footer-widget .info-links li a:hover {
 color:var(--whiteColor)
}
.footer-area.app-footer .single-footer-widget .newsletter-form button {
 border-right:1px solid var(--blackColor)
}
.footer-area.app-footer .single-footer-widget .newsletter-form button:hover {
 color:var(--blackColor);
 border-color:#eee;
 background-color:var(--whiteColor)
}
.footer-area.saas-footer {
 background:#000
}
.footer-area.saas-footer .footer-top {
 border-color:#121419
}
.footer-area.saas-footer .footer-top .content h3 {
 color:var(--whiteColor)
}
.footer-area.saas-footer .footer-top .content .default-btn {
 background:0 0;
 color:var(--whiteColor);
 border:1px solid var(--whiteColor);
 -webkit-box-shadow:unset;
 box-shadow:unset
}
.footer-area.saas-footer .footer-top .content .default-btn i {
 color:var(--whiteColor)
}
.footer-area.saas-footer .footer-top .content .default-btn:hover {
 background-color:var(--whiteColor);
 color:var(--blackColor)
}
.footer-area.saas-footer .footer-top .content .default-btn:hover i {
 color:var(--blackColor)
}
.footer-area.saas-footer .copyright-area {
 border-top:1px solid #121419;
 background:0 0
}
.footer-area.saas-footer .copyright-area p {
 color:#959595
}
.footer-area.saas-footer .copyright-area p a {
 color:var(--whiteColor)
}
.footer-area.saas-footer .single-footer-widget h3 {
 color:var(--whiteColor)
}
.footer-area.saas-footer .single-footer-widget p {
 color:var(--whiteColor)
}
.footer-area.saas-footer .single-footer-widget .footer-contact li {
 color:var(--whiteColor)
}
.footer-area.saas-footer .single-footer-widget .footer-contact li i {
 color:var(--saasMainColor)
}
.footer-area.saas-footer .single-footer-widget .footer-contact li a {
 color:var(--whiteColor)
}
.footer-area.saas-footer .single-footer-widget .footer-contact li a:hover {
 color:var(--saasMainColor)
}
.footer-area.saas-footer .single-footer-widget .info-links li {
 color:var(--whiteColor)
}
.footer-area.saas-footer .single-footer-widget .info-links li a {
 color:var(--whiteColor)
}
.footer-area.saas-footer .single-footer-widget .info-links li a:hover {
 color:var(--saasMainColor)
}
.footer-area.saas-footer .single-footer-widget .newsletter-form button {
 background:var(--saasGradientColor)
}
.footer-area.personal-portfolio-footer {
 border-top:1px solid #eee
}
.footer-area.personal-portfolio-footer .single-footer-widget .footer-contact li i {
 color:var(--personalPortfolioMainColor)
}
.footer-area.personal-portfolio-footer .single-footer-widget .footer-contact li a:hover {
 color:var(--personalPortfolioMainColor)
}
.footer-area.personal-portfolio-footer .single-footer-widget .info-links li a:hover {
 color:var(--personalPortfolioMainColor)
}
.footer-area.personal-portfolio-footer .single-footer-widget .newsletter-form button:hover {
 color:var(--whiteColor);
 background-color:var(--personalPortfolioMainColor)
}
.footer-area.personal-portfolio-footer .copyright-area {
 border-top:none;
 background:#06080e
}
.footer-area.personal-portfolio-footer .copyright-area p {
 color:#959595
}
.footer-area.personal-portfolio-footer .copyright-area p a {
 color:var(--whiteColor)
}
.footer-area.consulting-footer {
 overflow:hidden;
 background-color:#f3f4f7
}
.footer-area.consulting-footer .single-footer-widget .footer-contact li i {
 color:var(--consultingMainColor)
}
.footer-area.consulting-footer .single-footer-widget .footer-contact li a:hover {
 color:var(--consultingMainColor)
}
.footer-area.consulting-footer .single-footer-widget .info-links li a:hover {
 color:var(--consultingMainColor)
}
.footer-area.consulting-footer .single-footer-widget .newsletter-form button:hover {
 background-color:var(--consultingMainColor)
}
.footer-area.consulting-footer .copyright-area {
 background-color:transparent;
 border-top:1px solid #e4eaf5
}
.footer-area.consulting-footer .copyright-area p a {
 color:var(--blackColor)
}
.footer-area.consulting-footer .copyright-area p a:hover {
 color:var(--consultingMainColor)
}
.footer-area.it-agency-footer {
 background-color:#111
}
.footer-area.it-agency-footer .footer-top {
 border-color:#272727
}
.footer-area.it-agency-footer .footer-top .content h3 {
 color:var(--whiteColor)
}
.footer-area.it-agency-footer .footer-top .content .default-btn {
 border:1px solid var(--whiteColor);
 color:var(--whiteColor);
 background:0 0;
 -webkit-box-shadow:unset;
 box-shadow:unset
}
.footer-area.it-agency-footer .footer-top .content .default-btn i {
 color:var(--whiteColor)
}
.footer-area.it-agency-footer .footer-top .content .default-btn:hover {
 background-color:var(--whiteColor);
 color:var(--blackColor)
}
.footer-area.it-agency-footer .footer-top .content .default-btn:hover i {
 color:var(--blackColor)
}
.footer-area.it-agency-footer .single-footer-widget h3 {
 color:var(--whiteColor)
}
.footer-area.it-agency-footer .single-footer-widget p {
 color:var(--whiteColor)
}
.footer-area.it-agency-footer .single-footer-widget .footer-contact li {
 color:var(--whiteColor)
}
.footer-area.it-agency-footer .single-footer-widget .footer-contact li i {
 color:var(--itAgencyMainColor)
}
.footer-area.it-agency-footer .single-footer-widget .footer-contact li a {
 color:var(--whiteColor)
}
.footer-area.it-agency-footer .single-footer-widget .footer-contact li a:hover {
 color:var(--itAgencyMainColor)
}
.footer-area.it-agency-footer .single-footer-widget .info-links li {
 color:var(--whiteColor)
}
.footer-area.it-agency-footer .single-footer-widget .info-links li a {
 color:var(--whiteColor)
}
.footer-area.it-agency-footer .single-footer-widget .info-links li a:hover {
 color:var(--itAgencyMainColor)
}
.footer-area.it-agency-footer .single-footer-widget .newsletter-form button {
 background:var(--itAgencyGradientColor)
}
.footer-area.it-agency-footer .copyright-area {
 border-top:1px solid #272727;
 background-color:transparent
}
.footer-area.it-agency-footer .copyright-area p {
 color:#c8c5c5
}
.footer-area.it-agency-footer .copyright-area p a {
 color:var(--whiteColor)
}
.footer-area.bg-dark .footer-top {
 border-color:rgba(255,255,255,.07)
}
.footer-area.bg-dark .footer-top .content h3 {
 color:var(--whiteColor)
}
.footer-area.bg-dark .footer-top .content .default-btn {
 border:1px solid var(--whiteColor);
 color:var(--whiteColor);
 background:0 0;
 -webkit-box-shadow:unset;
 box-shadow:unset
}
.footer-area.bg-dark .footer-top .content .default-btn i {
 color:var(--whiteColor)
}
.footer-area.bg-dark .footer-top .content .default-btn:hover {
 background-color:var(--whiteColor);
 color:var(--blackColor)
}
.footer-area.bg-dark .footer-top .content .default-btn:hover i {
 color:var(--blackColor)
}
.footer-area.bg-dark .single-footer-widget {
 color:var(--whiteColor)
}
.footer-area.bg-dark .single-footer-widget h3 {
 color:var(--whiteColor)
}
.footer-area.bg-dark .single-footer-widget p {
 color:var(--whiteColor)
}
.footer-area.bg-dark .single-footer-widget .footer-contact li {
 color:var(--whiteColor)
}
.footer-area.bg-dark .single-footer-widget .footer-contact li i {
 color:var(--whiteColor)
}
.footer-area.bg-dark .single-footer-widget .footer-contact li a {
 color:var(--whiteColor)
}
.footer-area.bg-dark .single-footer-widget .footer-contact li a:hover {
 color:var(--whiteColor)
}
.footer-area.bg-dark .single-footer-widget .info-links li {
 color:var(--whiteColor)
}
.footer-area.bg-dark .single-footer-widget .info-links li a {
 color:var(--whiteColor)
}
.footer-area.bg-dark .single-footer-widget .info-links li a:hover {
 color:var(--whiteColor)
}
.footer-area.bg-dark .single-footer-widget .newsletter-form button {
 background-color:var(--optionalColor);
 color:var(--whiteColor)
}
.footer-area.bg-dark .single-footer-widget .newsletter-form button:hover {
 color:var(--whiteColor);
 background-color:var(--blackColor)
}
.footer-area.bg-dark .copyright-area {
 background-color:#06080e;
 border-top:1px solid #292929
}
.footer-area.bg-dark .copyright-area p {
 color:#c6c6c6
}
.footer-area.bg-dark .copyright-area p a {
 font-weight:800;
 color:var(--whiteColor)
}
.footer-area.bg-dark .copyright-area .social-links li a {
 color:var(--whiteColor)
}
.footer-area.minimal-portfolio-color {
 padding:0
}
.footer-area.minimal-portfolio-color .copyright-area {
 margin:0;
 padding-top:50px;
 padding-bottom:50px
}
.footer-area.minimal-portfolio-color .copyright-area p a {
 color:var(--minimalPortfolioColor)
}
.footer-top {
 border-bottom:1px solid #eee;
 padding-bottom:70px;
 margin-bottom:70px
}
.footer-top .logo {
 display:inline-block
}
.footer-top .content h3 {
 font-size:20px;
 margin-bottom:0
}
.single-footer-widget {
 margin-bottom:30px
}
.single-footer-widget h3 {
 font-size:20px;
 margin-bottom:20px;
 font-family: Dana;
}
.single-footer-widget .footer-contact {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.single-footer-widget .footer-contact li {
 position:relative;
 margin-bottom:12px;
 padding-right:24px;
 color:var(--optionalColor)
}
.single-footer-widget .footer-contact li i {
 position:absolute;
 right:0;
 top:4px;
 color:var(--startupMainColor)
}
.single-footer-widget .footer-contact li a {
 display:inline-block;
 color:var(--optionalColor)
}
.single-footer-widget .footer-contact li a:hover {
 color:var(--startupMainColor)
}
.single-footer-widget .footer-contact li:last-child {
 margin-bottom:0
}
.single-footer-widget .info-links {
 padding-right:0;
 margin-bottom:0;
 list-style-type:none
}
.single-footer-widget .info-links li {
 margin-bottom:12px
}
.single-footer-widget .info-links li a {
 display:inline-block;
 color:var(--optionalColor)
}
.single-footer-widget .info-links li a:hover {
 color:var(--startupMainColor)
}
.single-footer-widget .info-links li:last-child {
 margin-bottom:0
}
.single-footer-widget .newsletter-form {
 position:relative
}
.single-footer-widget .newsletter-form .input-newsletter {
 display:block;
 width:100%;
 height:50px;
 border:1px solid #eee;
 background-color:var(--whiteColor);
 color:var(--blackColor);
 padding-right:15px
}
.single-footer-widget .newsletter-form .input-newsletter::-webkit-input-placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--optionalColor)
}
.single-footer-widget .newsletter-form .input-newsletter:-ms-input-placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--optionalColor)
}
.single-footer-widget .newsletter-form .input-newsletter::-ms-input-placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--optionalColor)
}
.single-footer-widget .newsletter-form .input-newsletter::placeholder {
 -webkit-transition:var(--transition);
 transition:var(--transition);
 color:var(--optionalColor)
}
.single-footer-widget .newsletter-form .input-newsletter:focus::-webkit-input-placeholder {
 color:transparent
}
.single-footer-widget .newsletter-form .input-newsletter:focus:-ms-input-placeholder {
 color:transparent
}
.single-footer-widget .newsletter-form .input-newsletter:focus::-ms-input-placeholder {
 color:transparent
}
.single-footer-widget .newsletter-form .input-newsletter:focus::placeholder {
 color:transparent
}
.single-footer-widget .newsletter-form button {
 position:absolute;
 left:0;
 top:0;
 height:50px;
 width:60px;
 background-color:var(--blackColor);
 color:var(--whiteColor);
 border:none;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.single-footer-widget .newsletter-form button:hover {
 color:var(--whiteColor);
 background-color:var(--startupMainColor)
}
.single-footer-widget .newsletter-form #validator-newsletter {
 position:absolute;
 bottom:-32px;
 right:0
}
.single-footer-widget .newsletter-form #validator-newsletter.validation-danger {
 color:red
}
.single-footer-widget.pl-4 {
 padding-right:4rem
}
.single-footer-widget.pl-2 {
 padding-right:2rem
}
.single-footer-widget .social-links {
 padding-right:0;
 list-style-type:none;
 margin-bottom:0
}
.single-footer-widget .social-links li {
 display:inline-block;
 margin-left:12px
}
.single-footer-widget .social-links li a {
 display:inline-block;
 font-size:18px
}
.single-footer-widget .social-links li:last-child {
 margin-left:0
}
.single-footer-widget .logo {
 display:inline-block;
 margin-bottom:15px
}
.single-footer-widget.style-two h3 {
 position:relative;
 padding-right:55px
}
.single-footer-widget.style-two h3::before {
 width:40px;
 height:1px;
 background-color:var(--personalPortfolioMainColor);
 content:'';
 position:absolute;
 right:0;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.copyright-area {
 background-color:var(--whiteColor);
 text-align:center;
 margin-top:70px;
 padding-top:25px;
 padding-bottom:25px
}
.copyright-area p a {
 font-weight:600;
 display:inline-block;
 color:var(--startupMainColor)
}
.copyright-area .social-links {
 padding-right:0;
 list-style-type:none;
 margin-bottom:0;
 text-align:end
}
.copyright-area .social-links li {
 display:inline-block;
 margin-left:12px
}
.copyright-area .social-links li a {
 display:inline-block;
 font-size:18px
}
.copyright-area .social-links li:last-child {
 margin-left:0
}
.copyright-area.bg-faf7f2 {
 background-color:#faf7f2
}
.go-top {
 position:fixed;
 cursor:pointer;
 bottom:20px;
 left:20px;
 z-index:4;
 width:43px;
 height:45px;
 opacity:0;
 font-size:20px;
 visibility:hidden;
 text-align:center;
 color:var(--whiteColor);
 -webkit-transition:var(--transition);
 transition:var(--transition);
 background-color:var(--startupMainColor);
 -webkit-box-shadow:0 3px 10px rgba(0,0,0,.1);
 box-shadow:0 3px 10px rgba(0,0,0,.1)
}
.go-top i {
 right:0;
 left:0;
 top:50%;
 text-align:center;
 position:absolute;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 margin-left:auto;
 margin-right:auto
}
.go-top.active {
 opacity:1;
 visibility:visible;
 bottom:20px
}
.go-top:hover {
 color:var(--whiteColor);
 background-color:var(--blackColor)!important
}
.go-top.marketing-color {
 background-color:var(--marketingMainColor)
}
.go-top.business-color {
 background:var(--businessGradientColor)
}
.go-top.app-color {
 background:var(--appGradientColor)
}
.go-top.saas-color {
 background:var(--saasGradientColor)
}
.go-top.personal-portfolio-color {
 background-color:var(--personalPortfolioMainColor)
}
.go-top.consulting-color {
 background-color:var(--consultingMainColor)
}
.go-top.it-agency-color {
 background:var(--itAgencyGradientColor)
}
.go-top.shop-color {
 background:var(--shopMainColor)
}
.go-top.minimal-portfolio-color {
 background:var(--minimalPortfolioColor)
}
.shape1 {
 position:absolute;
 left:10%;
 top:5%;
 z-index:-1;
 -webkit-animation:moveleftbounce 5s linear infinite;
 animation:moveleftbounce 5s linear infinite
}
.shape2 {
 position:absolute;
 left:3%;
 bottom:12%;
 z-index:-1;
 -webkit-animation-duration:20s;
 animation-duration:20s;
 -webkit-animation-name:rotateme;
 animation-name:rotateme;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.shape3 {
 position:absolute;
 left:33.6%;
 bottom:7%;
 z-index:-1
}
.shape4 {
 position:absolute;
 top:85px;
 right:20px;
 z-index:-1;
 -webkit-animation:movebounce 5s linear infinite;
 animation:movebounce 5s linear infinite
}
.shape5 {
 position:absolute;
 bottom:40px;
 left:20px;
 z-index:-1;
 -webkit-animation:moveleftbounce 5s linear infinite;
 animation:moveleftbounce 5s linear infinite
}
.shape6 {
 position:absolute;
 right:40px;
 top:45px;
 -webkit-animation-duration:20s;
 animation-duration:20s;
 -webkit-animation-name:rotateme;
 animation-name:rotateme;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.shape7 {
 position:absolute;
 right:30px;
 top:20px;
 z-index:-1;
 -webkit-animation-duration:20s;
 animation-duration:20s;
 -webkit-animation-name:rotateme;
 animation-name:rotateme;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.shape8 {
 position:absolute;
 bottom:50px;
 right:50px;
 z-index:-1;
 -webkit-animation-duration:30s;
 animation-duration:30s;
 -webkit-animation-name:rotateme;
 animation-name:rotateme;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.shape9 {
 position:absolute;
 left:0;
 top:65px;
 z-index:-1;
 -webkit-animation:moveleftbounce 5s linear infinite;
 animation:moveleftbounce 5s linear infinite
}
.shape10 {
 position:absolute;
 right:0;
 top:0;
 z-index:-1
}
.shape11 {
 position:absolute;
 top:8%;
 right:0;
 z-index:-1;
 -webkit-animation-duration:40s;
 animation-duration:40s;
 -webkit-animation-name:rotateme2;
 animation-name:rotateme2;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.shape12 {
 position:absolute;
 left:20px;
 bottom:20px;
 z-index:-1;
 -webkit-animation-duration:30s;
 animation-duration:30s;
 -webkit-animation-name:rotateme;
 animation-name:rotateme;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.shape13 {
 position:absolute;
 left:12%;
 bottom:2%;
 z-index:-1;
 -webkit-animation-duration:30s;
 animation-duration:30s;
 -webkit-animation-name:rotateme;
 animation-name:rotateme;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.shape14 {
 position:absolute;
 right:0;
 bottom:76px;
 z-index:-1;
 opacity:.23
}
.shape15 {
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%);
 z-index:-1
}
.shape15 img {
 -webkit-animation:movescale 5s linear infinite;
 animation:movescale 5s linear infinite
}
.shape16 {
 position:absolute;
 left:5px;
 top:0;
 z-index:-1;
 -webkit-animation:moveleftbounce 5s linear infinite;
 animation:moveleftbounce 5s linear infinite
}
.shape17 {
 right:0;
 bottom:98px;
 z-index:-1;
 opacity:.05;
 position:absolute
}
.shape18 {
 position:absolute;
 left:0;
 bottom:0;
 z-index:-1
}
.shape19 {
 position:absolute;
 left:35%;
 top:12%;
 z-index:-1;
 -webkit-animation-duration:30s;
 animation-duration:30s;
 -webkit-animation-name:rotateme;
 animation-name:rotateme;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite
}
.divider {
 width:100%;
 position:absolute;
 height:100px;
 pointer-events:none;
 -webkit-mask-image:url(data:../../image/svg+xml;utf8;base64,JTNjc3ZnIHZpZXdCb3g9JzAgMCAxMDAgMTAwJyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHByZXNlcnZlQXNwZWN0UmF0aW89J25vbmUnJTNlJTNjcGF0aCBkPSdNMCwwIEMxNi42NjY2NjY3LDY2IDMzLjMzMzMzMzMsOTggNTAsOTggQzY2LjY2NjY2NjcsOTggODMuMzMzMzMzMyw2NiAxMDAsMCBMMTAwLDEwMCBMMCwxMDAgTDAsMCBaJyBmaWxsPSclMjNmZmYnLyUzZSUzYy9zdmclM2U=);
 mask-image:url(data:../../image/svg+xml;utf8;base64,JTNjc3ZnIHZpZXdCb3g9JzAgMCAxMDAgMTAwJyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHByZXNlcnZlQXNwZWN0UmF0aW89J25vbmUnJTNlJTNjcGF0aCBkPSdNMCwwIEMxNi42NjY2NjY3LDY2IDMzLjMzMzMzMzMsOTggNTAsOTggQzY2LjY2NjY2NjcsOTggODMuMzMzMzMzMyw2NiAxMDAsMCBMMTAwLDEwMCBMMCwxMDAgTDAsMCBaJyBmaWxsPSclMjNmZmYnLyUzZSUzYy9zdmclM2U=);
 -webkit-mask-size:100% 101%;
 mask-size:100% 101%;
 background-color:var(--whiteColor);
 bottom:0;
 right:0;
 z-index:-1
}
@-webkit-keyframes border-transform {
 0%,
 100% {
  border-radius:63% 37% 54% 46%/55% 48% 52% 45%
 }
 14% {
  border-radius:40% 60% 54% 46%/49% 60% 40% 51%
 }
 28% {
  border-radius:54% 46% 38% 62%/49% 70% 30% 51%
 }
 42% {
  border-radius:61% 39% 55% 45%/61% 38% 62% 39%
 }
 56% {
  border-radius:61% 39% 67% 33%/70% 50% 50% 30%
 }
 70% {
  border-radius:50% 50% 34% 66%/56% 68% 32% 44%
 }
 84% {
  border-radius:46% 54% 50% 50%/35% 61% 39% 65%
 }
}
@keyframes border-transform {
 0%,
 100% {
  border-radius:63% 37% 54% 46%/55% 48% 52% 45%
 }
 14% {
  border-radius:40% 60% 54% 46%/49% 60% 40% 51%
 }
 28% {
  border-radius:54% 46% 38% 62%/49% 70% 30% 51%
 }
 42% {
  border-radius:61% 39% 55% 45%/61% 38% 62% 39%
 }
 56% {
  border-radius:61% 39% 67% 33%/70% 50% 50% 30%
 }
 70% {
  border-radius:50% 50% 34% 66%/56% 68% 32% 44%
 }
 84% {
  border-radius:46% 54% 50% 50%/35% 61% 39% 65%
 }
}
@-webkit-keyframes rotateme {
 from {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes rotateme {
 from {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 to {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-webkit-keyframes rotateme2 {
 from {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 to {
  -webkit-transform:rotate(-360deg);
  transform:rotate(-360deg)
 }
}
@keyframes rotateme2 {
 from {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 to {
  -webkit-transform:rotate(-360deg);
  transform:rotate(-360deg)
 }
}
@-webkit-keyframes movebounce {
 0% {
  -webkit-transform:translateY(0px);
  transform:translateY(0px)
 }
 50% {
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
 }
 100% {
  -webkit-transform:translateY(0px);
  transform:translateY(0px)
 }
}
@keyframes movebounce {
 0% {
  -webkit-transform:translateY(0px);
  transform:translateY(0px)
 }
 50% {
  -webkit-transform:translateY(20px);
  transform:translateY(20px)
 }
 100% {
  -webkit-transform:translateY(0px);
  transform:translateY(0px)
 }
}
@-webkit-keyframes moveleftbounce {
 0% {
  -webkit-transform:translateX(0px);
  transform:translateX(0px)
 }
 50% {
  -webkit-transform:translateX(-20px);
  transform:translateX(-20px)
 }
 100% {
  -webkit-transform:translateX(0px);
  transform:translateX(0px)
 }
}
@keyframes moveleftbounce {
 0% {
  -webkit-transform:translateX(0px);
  transform:translateX(0px)
 }
 50% {
  -webkit-transform:translateX(-20px);
  transform:translateX(-20px)
 }
 100% {
  -webkit-transform:translateX(0px);
  transform:translateX(0px)
 }
}
@-webkit-keyframes scroller {
 0% {
  bottom:34px
 }
 5% {
  top:4px
 }
 32% {
  bottom:4px
 }
 66% {
  top:34px;
  bottom:4px
 }
 100% {
  top:4px;
  bottom:34px
 }
}
@keyframes scroller {
 0% {
  bottom:34px
 }
 5% {
  top:4px
 }
 32% {
  bottom:4px
 }
 66% {
  top:34px;
  bottom:4px
 }
 100% {
  top:4px;
  bottom:34px
 }
}
@-webkit-keyframes movescale {
 0% {
  -webkit-transform:scale(.9);
  transform:scale(.9)
 }
 50% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 100% {
  -webkit-transform:scale(.9);
  transform:scale(.9)
 }
}
@keyframes movescale {
 0% {
  -webkit-transform:scale(.9);
  transform:scale(.9)
 }
 50% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 100% {
  -webkit-transform:scale(.9);
  transform:scale(.9)
 }
}
@-webkit-keyframes rotate3d {
 0% {
  -webkit-transform:rotateY(0deg);
  transform:rotateY(0deg)
 }
 100% {
  -webkit-transform:rotateY(360deg);
  transform:rotateY(360deg)
 }
}
@keyframes rotate3d {
 0% {
  -webkit-transform:rotateY(0deg);
  transform:rotateY(0deg)
 }
 100% {
  -webkit-transform:rotateY(360deg);
  transform:rotateY(360deg)
 }
}
@-webkit-keyframes animationFramesOne {
 0% {
  -webkit-transform:translate(0px,0px) rotate(0deg);
  transform:translate(0px,0px) rotate(0deg)
 }
 20% {
  -webkit-transform:translate(73px,-1px) rotate(36deg);
  transform:translate(73px,-1px) rotate(36deg)
 }
 40% {
  -webkit-transform:translate(141px,72px) rotate(72deg);
  transform:translate(141px,72px) rotate(72deg)
 }
 60% {
  -webkit-transform:translate(83px,122px) rotate(108deg);
  transform:translate(83px,122px) rotate(108deg)
 }
 80% {
  -webkit-transform:translate(-40px,72px) rotate(144deg);
  transform:translate(-40px,72px) rotate(144deg)
 }
 100% {
  -webkit-transform:translate(0px,0px) rotate(0deg);
  transform:translate(0px,0px) rotate(0deg)
 }
}
@keyframes animationFramesOne {
 0% {
  -webkit-transform:translate(0px,0px) rotate(0deg);
  transform:translate(0px,0px) rotate(0deg)
 }
 20% {
  -webkit-transform:translate(73px,-1px) rotate(36deg);
  transform:translate(73px,-1px) rotate(36deg)
 }
 40% {
  -webkit-transform:translate(141px,72px) rotate(72deg);
  transform:translate(141px,72px) rotate(72deg)
 }
 60% {
  -webkit-transform:translate(83px,122px) rotate(108deg);
  transform:translate(83px,122px) rotate(108deg)
 }
 80% {
  -webkit-transform:translate(-40px,72px) rotate(144deg);
  transform:translate(-40px,72px) rotate(144deg)
 }
 100% {
  -webkit-transform:translate(0px,0px) rotate(0deg);
  transform:translate(0px,0px) rotate(0deg)
 }
}
@-webkit-keyframes ripple {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 75% {
  -webkit-transform:scale(1.75);
  transform:scale(1.75);
  opacity:1
 }
 100% {
  -webkit-transform:scale(2);
  transform:scale(2);
  opacity:0
 }
}
@keyframes ripple {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 75% {
  -webkit-transform:scale(1.75);
  transform:scale(1.75);
  opacity:1
 }
 100% {
  -webkit-transform:scale(2);
  transform:scale(2);
  opacity:0
 }
}
.owl-item {
 overflow:hidden
}
.owl-item.active .startup-works-image {
 -webkit-animation-duration:.8s;
 animation-duration:.8s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-name:fadeInLeft;
 animation-name:fadeInLeft;
 -webkit-animation-delay:.5s;
 animation-delay:.5s
}
.owl-item.active .startup-works-image img {
 display:inline-block!important;
 width:auto!important
}
.owl-item.active .startup-testimonials-image {
 overflow:hidden
}
.owl-item.active .startup-testimonials-image .main-image {
 -webkit-animation-duration:.8s;
 animation-duration:.8s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-name:fadeInLeft;
 animation-name:fadeInLeft;
 -webkit-animation-delay:.5s;
 animation-delay:.5s
}
.productsQuickView {
 padding-left:0!important
}
.productsQuickView .modal-dialog {
 max-width:900px;
 margin:0 auto
}
.productsQuickView .modal-content {
 border:none;
 padding:40px;
 border-radius:0
}
.productsQuickView .modal-content button.btn-close {
 top:0;
 left:0;
 margin:0;
 z-index:3;
 outline:0;
 opacity:1;
 padding:0;
 width:35px;
 height:35px;
 border:none;
 font-size:17px;
 line-height:38px;
 -webkit-box-shadow:unset;
 box-shadow:unset;
 text-shadow:unset;
 position:absolute
}
.productsQuickView .modal-content .products-content h3 {
 margin-bottom:15px;
 font-size:20px
}
.productsQuickView .modal-content .products-content .price {
 color:var(--blackColor);
 margin-top:15px;
 margin-bottom:12px;
 font-weight:700;
 font-size:17px
}
.productsQuickView .modal-content .products-content .price .old-price {
 text-decoration:line-through;
 color:#9b9494;
 font-weight:400
}
.productsQuickView .modal-content .products-content .products-review .rating {
 display:inline-block;
 padding-left:3px;
 font-size:14px
}
.productsQuickView .modal-content .products-content .products-review .rating i {
 display:inline-block;
 color:#f49f0b;
 line-height:1
}
.productsQuickView .modal-content .products-content .products-review .rating-count {
 display:inline-block;
 color:var(--optionalColor);
 line-height:initial;
 position:relative;
 top:1px
}
.productsQuickView .modal-content .products-content .products-review .rating-count:hover {
 color:var(--blackColor)
}
.productsQuickView .modal-content .products-content .products-add-to-cart {
 margin-top:25px
}
.productsQuickView .modal-content .products-content .products-add-to-cart .quantities {
 position:relative;
 padding-right:45px
}
.productsQuickView .modal-content .products-content .products-add-to-cart .quantities .sub-title {
 right:0;
 top:50%;
 display:block;
 font-weight:600;
 position:absolute;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter {
 display:block;
 max-width:120px;
 min-width:120px;
 text-align:center;
 position:relative;
 margin-bottom:25px
}
.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span {
 top:0;
 width:35px;
 height:100%;
 cursor:pointer;
 font-size:15px;
 line-height:38px;
 position:absolute;
 color:var(--blackColor);
 border:1px solid #eee;
 background-color:transparent;
 -webkit-transition:var(--transition);
 transition:var(--transition)
}
.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span i {
 position:relative;
 top:1px
}
.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span.minus-btn {
 right:0
}
.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span.plus-btn {
 left:0
}
.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span:hover {
 color:var(--optionalColor)
}
.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input {
 height:40px;
 outline:0;
 width:100%;
 display:block;
 text-align:center;
 color:var(--blackColor);
 border:1px solid #eee;
 background-color:transparent;
 font-size:17px;
 font-weight:600
}
.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::-webkit-input-placeholder {
 color:var(--blackColor)
}
.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input:-ms-input-placeholder {
 color:var(--blackColor)
}
.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::-ms-input-placeholder {
 color:var(--blackColor)
}
.productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::placeholder {
 color:var(--blackColor)
}
.productsQuickView .modal-content .products-content .default-btn {
 -webkit-box-shadow:unset!important;
 box-shadow:unset!important
}
.productsQuickView .modal-content .products-content .social-share {
 padding-right:0;
 list-style-type:none;
 margin-bottom:0;
 margin-top:30px
}
.productsQuickView .modal-content .products-content .social-share li {
 display:inline-block;
 margin-left:12px
}
.productsQuickView .modal-content .products-content .social-share li span {
 font-weight:600;
 position:relative;
 top:-1px
}
.productsQuickView .modal-content .products-content .social-share li a {
 line-height:1;
 font-size:18px;
 color:var(--optionalColor)
}
.productsQuickView .modal-content .products-content .social-share li a:hover {
 color:var(--blackColor)
}