
        <!-- favicon icon -->
        <link rel="shortcut icon" href="images/favicon.png" />

        <!-- bootstrap -->
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />

        <!-- animate -->
        <link rel="stylesheet" type="text/css" href="css/animate.css" />

        <!-- owl-carousel -->
        <link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />

        <!-- fontawesome -->
        <link rel="stylesheet" type="text/css" href="css/font-awesome.css" />

        <!-- themify -->
        <link rel="stylesheet" type="text/css" href="css/themify-icons.css" />

        <!-- flaticon -->
        <link rel="stylesheet" type="text/css" href="css/flaticon.css" />

        <!-- REVOLUTION LAYERS STYLES -->

        <link rel="stylesheet" type="text/css" href="revolution/css/layers.css" />

        <link rel="stylesheet" type="text/css" href="revolution/css/settings.css" />

        <!-- prettyphoto -->
        <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />

        <!-- shortcodes -->
        <link rel="stylesheet" type="text/css" href="css/shortcodes.css" />

        <!-- main -->
        <link rel="stylesheet" type="text/css" href="css/main.css" />

        <!--Color Switcher Mockup-->
        <link rel="stylesheet" type="text/css" href="css/color-switcher.css" />

        <!--Color Themes-->
        <link id="switcher-color" href="css/colors/default-color.css" rel="stylesheet" />

        <!-- responsive -->
        <link rel="stylesheet" type="text/css" href="css/responsive.css" />
		
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">