/*
CTC Separate Stylesheet
Updated: 2019-05-04 13:54:31
Theme Name: Sydney Child
Theme URI: https://athemes.com/theme/sydney
Template: sydney
Author: aThemes
Author URI: https://athemes.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page.
Tags: two-columns,right-sidebar,custom-colors,custom-background,custom-header,custom-menu,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.55.1556978071
*/

/*--------------------------------------------------------------
Site Logo
--------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1024px){
  .site-logo {
    width: 67%;
  }
}

@media (min-width: 320px) and (max-width: 480px){
  .site-logo {
    width: 67%;
  }
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.site-header.float-header {
  background-color: rgba(1, 0, 0, 0);
  padding: 3px;
}
.site-header.float-header #mainnav {
  padding: 0;
}

.site-header.float-header #mainnav > ul > li > a {
    height: 70px;
    line-height: 70px;
}

.site-header.float-header .logo {
    margin: 20px 0;
}

.site-header {
	background-color: rgba(1, 0, 0, 0.4);
}

#mainnav .menu > li > a {
  font-size: 18px;
  color: #fff;
}

#mainnav {
  margin-top: -30px;
}

#mainnav-mobi ul li a {
  font-size: 14px;
}

.footer-widgets {
    padding: 30px 0;
}

/*--------------------------------------------------------------
Hero section
--------------------------------------------------------------*/
.text-slider .maintitle{
  font-size: 62px !important;
}
@media only screen and (max-width: 767px){
  .text-slider .maintitle{
    font-size: 38px !important;
  }
}
@media only screen and (max-width: 479px){
  .text-slider .maintitle{
    font-size: 28px !important;
  }
}

.text-slider .subtitle{
  font-size: 50px !important;
  font-style: italic;
}
@media only screen and (max-width: 767px){
  .text-slider .subtitle{
    font-size: 30px !important;
  }
}
@media only screen and (max-width: 479px){
  .text-slider .subtitle{
    font-size: 24px !important;
  }
}

/*--------------------------------------------------------------
Font Awesome
--------------------------------------------------------------*/
.icon-background {
    color: #88ccff;
}

.fa-flag:hover {
    color: red;
}

/*
.text-slider .maintitle {
	font-size: 50px;
}
.text-slider .subtitle {
  color: #00ffff;
	font-size: 38px;
  line-height: 38px;
  padding: 20px 0 50px;
  font-weight: 700;
}

@media only screen and (max-width: 767px){
  .text-slider-section{
    top: 45%;
    bottom: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
  }
}

@media only screen and (max-width: 767px){
  .text-slider-section .contain{
    padding-left: 15px;
    padding-right: 15px;
  }
  .text-slider .maintitle {
    font-size: 30px;
  }
  .text-slider .subtitle {
    font-size: 20px;
  }
}

@media only screen and (max-width: 479px){
  .text-slider-section{
    top: 45%;
    bottom: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
  }
}

@media only screen and (max-width: 479px){
  .text-slider-section .contain{
    padding-left: 15px;
    padding-right: 15px;
  }
  .text-slider .maintitle {
    font-size: 20px;
  }
  .text-slider .subtitle {
    font-size: 16px;
  }
}
*/