/*
Theme Name: Complex Child
Theme URI: http://demo.lion-themes.com/complex/
Author: Lion-Themes
Author URI: http://lion-themes.com/
Description: Complex is a new WordPress theme for Online Shopping. With this theme, we have presets and different layouts. With drag and drop home page layout manager, we can build many variations of home page layout. We also have ajax cart, wishlist, compare, zoom and fancybox to bring into a modern look of website. Some of amazing features like Revolution Slider, Mega Menu, Visual Composer, Product Tabs & Carousel, Contact Form with Google map will makes your website more attractive.
Template: complex
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: complex
*/

@font-face { 
    font-family: Garamond-Semi-Bold; 
    src: url(../complex-child/fonts/GaramondPremrPro-Smbd.otf); 
    font-weight: normal; 
}
@font-face { 
    font-family: Garamond-Semi-Bold-Italic; 
    src: url(../complex-child/fonts/GaramondPremrPro-SmbdIt.otf); 
    font-weight: normal; 
}
@font-face {  
    font-family: Proxima-Bold; 
    src: url(../complex-child/fonts/Proxima-Nova-Bold.otf); 
    font-weight: normal; 
}
@font-face { 
    font-family: Proxima-Regular; 
    src: url(../complex-child/fonts/ProximaNova-Regular.otf); 
    font-weight: normal; 
}
article[id*="post-"] {
	hyphens: unset;
}
html,body {
    font-family: 'Proxima-Regular' !important;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Garamond-Semi-Bold' !important;
	line-height: 1;
}
p {
    font-size: 16px;
    line-height: 28px;
	color: #1E1E1E;
}
.section-element {
    margin-bottom: 20px;
    padding: 30px 0;
}
.section-element.home-slider{
    padding: 0;
}
.section-element .wpb_content_element {
    margin-bottom: 10px;
}
#content .breadcrumbs, h1.entry-title {
    display:none;
}
.header-container.sticky .nav-menus {
    background: #fff;
}

.home-slider p, .home-slider a {
	font-family: 'Garamond-Semi-Bold' !important;
}
.home-slider h5 {
    font-family: 'Proxima-Regular' !important;
}
.home-slider h1 > span {
    color: #E0B01E;
}
.home-slider h1 > span > i {
    font-family: 'Garamond-Semi-Bold-Italic' !important;
}
.about-bg, .blog-img {
    background-position: center;
}
.banner-bg {
    background-size: cover;
}

.footer .footer-widget-top {
    background: #231D4D;
}
.footer-widget-top .textwidget h2 {
    color: #fff;
}
.footer-widget-top .textwidget h2 .italic{
    font-family: 'Garamond-Semi-Bold-Italic';
    color: #E0B01E;
}
.footer-contact {
    display: flex;
    align-items: baseline;
    margin: 10px 0;
}
.footer-contact p{
    margin-bottom: 0;
	color: #fff;
}
.footer {
    color: #FFFFFF;
    font-size: 16px;
}
.footer a {
    color: #fff;
}
.footer .phone a {
	color: #E0B01E;
	font-size: 22px;
}
.footer a:hover {
    color: #E0B01E;
}
.footer .widget-title {
    position:relative;
    font-size: 22px ;
}
.footer .footer-bottom .container-inner {
    border-top: 2px solid;
    padding: 5px 0;
}
.footer .widget-title:after {
    content:"";
    position:absolute; 
    width: 30%;
    left: 0;
    bottom: -10px;
    border-bottom: 5px solid #E0B01E; 
}
.widgets-top  img{
    width: 100px;
}
.widgets-top .wp-image-24  {
    position: relative;
    right: -40px;
    z-index: 1; 
}
.widgets-top .wp-image-25 {
    position: relative;
    right: -20px;
    z-index: 0;
}
.widgets-top .wp-image-26 {
    
}
.nav-menus .primary-menu-container ul.nav-menu li a {
    font-family: 'Proxima-Bold';
    color: #525252;
    font-size: 16px;
}
.nav-menus .primary-menu-container ul.nav-menu li.current-menu-item > a, .nav-menus .primary-menu-container ul.nav-menu li.current-menu-ancestor > a, .nav-menus .primary-menu-container ul.nav-menu li.current-menu-parent > a, .nav-menus .primary-menu-container ul.nav-menu li:hover > a, .nav-menus .primary-menu-container ul.nav-menu li.sfHover > a {
    color: #E0B01E;
}
.nav-menus .search-form {
    margin: 8px 0;
}
.nav-menus .search-form .input-group .form-control {
    border-radius: 25px;
    padding: 0 20px;
    color: #929292;
    background: #F5F5F5;
    border: 0px solid transparent;
    box-shadow: none;
    font-family: 'Proxima-Regular';
    letter-spacing: 0.5px;
}
.nav-menus .search-form .input-group .form-control:focus, .wpcf7-form-control:focus {
    color: #000;
}
.nav-menus .search-form .btn-default {
    margin-bottom: 0px;
}
.nav-menus .search-form .btn {
    padding: 7px 12px;
    font-size: 15px;
    background: transparent;
    border: 0;
    box-shadow: none;
    position: relative;
    right: 40px;
}
.banner-title h1{
    font-size: 80px;
    color: #fff ;
}
.banner-title h2{
    font-size: 60px;
    color: #fff ;
    padding: 20px 0;
}
.banner-title h1 .italic, .banner-title h2 .italic{
    font-family: 'Garamond-Semi-Bold-Italic';
    color: #E0B01E;
}
.banner-title {
    text-align: center;
    padding: 180px 0;
}
.home-icons {
/*     display: flex; */
	background: #fff;
	border: 2px solid #ddd;
    height: 400px;
    padding: 10px;
	border-radius: 25px;
}
.home-img {
	text-align: center;
}
.home-icons h3 {
    color: #E0B01E;
	text-align: center;
	font-size: 26px;
}
.home-icon-text {
    padding: 10px;
}
.home-icon-text p{
	text-align: center;
}
.about-btn .vc_btn3.vc_btn3-size-md{
	font-family: 'Garamond-Semi-Bold' !important;
	background: linear-gradient(rgb(238, 195, 64) 0%, rgb(222, 172, 23) 100%);
	font-size:18px;
	padding-left: 40px;
    padding-right: 40px; 
	letter-spacing: 0.5px;
	border-radius: 5px;
	border: 0;
}
.about-btn .vc_btn3.vc_btn3-size-md:hover{
	background: linear-gradient(rgb(255, 149, 0) 0%, rgb(255, 94, 58) 100%);	
}
.heading-title p, .video-heading-title p {
    font-family: 'Proxima-Bold';
    color: #E0B01E;
    font-size: 20px;
}
.heading-title h2, .choose-title h2 {
    font-size: 40px;
    color: #231D4D;
    margin-bottom: 5px;
}
.heading-title h2 .italic, .video-heading-title h2 .italic {
    font-family: Garamond-Semi-Bold-Italic; 
    color: #E0B01E;
}
.choose-title h2 .italic {
    font-family: Garamond-Semi-Bold-Italic; 
}
.video-heading-title h2 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 5px;
}
.number-title {
	text-align: center;
	color: #231D4D;
}
.number-title h5{
	font-size: 24px;
}
.number-title h4 {
	font-size: 30px;
	font-family: 'Proxima-Regular';	
}
.number-title h2 {
	font-size: 40px;
}
.number-title .italic {
	color: #e0b01e;
}
.numbers {
    padding: 0 200px;
}
.planet {
	padding: 0 200px;
}
.planet-1 {
	padding: 0 100px;
}
.planet-1 p {
	color: #0E0E0E;
}
.planet-text {
	position: relative;
	text-align: center;
	width: 140px;
    height:140px;
	padding: 25px;
	background: #231D4D;
 	border-radius:50%;
    /* border: 5px solid #E0B01E; */
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.planet-text.even {
	background: #E0B01E;
}
.planet-text.even .border {
	border: 4px dashed #231D4D;
}
.planet-text .border {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  border-radius: 50%;
  border: 4px dashed #E0B01E;
  -webkit-animation-name: Rotate;
  -webkit-animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: Rotate;
  -moz-animation-duration: 8s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: Rotate;
  -ms-animation-duration: 8s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
@-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes Rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes Rotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
.planet-text:hover{
	background: #E0B01E;
    border: 5px solid #231D4D;
}
.planet-text.even:hover{
	background: #231D4D;
    border: 5px solid #E0B01E;
}
.planet-text h2, .planet-text h3 {
	color: #fff;	
}
.choose-text {
    text-align: center;
    padding: 0 25px;
    border-right: 3px solid #231D4D ;
}
.choose-text.final {
    border: 3px solid transparent;
}
.choose-text h2 {
    color: #E0B01E;
}
.choose-text h3 {
    color: #231D4D;
}
.about-block .vc_column-inner {
    border-radius: 20px;
}
.about-block h4 {
	line-height: 26px;
	color: #eb3b09;
}
.contact-details h3 {
	color: #fff;
	text-align: center;
}
.contact-details h2{
	color: #fff;
	text-align: center;
	padding: 10px;
}
.contact-details a  {
	color: #fff;
}
.contact-yellow p, .contact-blue p, .contact-pink p{
	color: #fff;
}
.contact-yellow .vc_column-inner {
    border-radius: 10px;
    background-color: #c59000;
	color: #fff;
	padding: 15px;
}
.contact-pink .vc_column-inner {
    border-radius: 10px;
    background-color: #D61A5F;
	color: #fff;
	padding: 15px;
}
.contact-blue .vc_column-inner {
    border-radius: 10px;
    background-color: #247EA5;
	color: #fff;
	padding: 15px;
}
.wpcf7-form p {
    margin: 15px 0;
}
.wpcf7 input, .wpcf7 textarea {
    font-size: 16Px;
}

.wpcf7 .wpcf7-submit:hover{
	background: linear-gradient(rgb(255, 149, 0) 0%, rgb(255, 94, 58) 100%);	
}
.wpcf7 .wpcf7-submit {
    font-family: 'Garamond-Semi-Bold';
    font-size:18px;
	padding: 7px 40px; 
	letter-spacing: 0.5px;
	border-radius: 5px;
	border: 0;    
	color: #fff;
    background: linear-gradient(rgb(238, 195, 64) 0%, rgb(222, 172, 23) 100%);
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea {
    height: 45px;
    padding: 5px 10px;
}
.subscribe .btn {
	position: relative;
    right: 40px;
    font-size: 22px;
    padding: 10px;
    border: none;
    background: transparent;
    color: #E0B01E;
    box-shadow: none;
}
.subscribe .input-group .form-control:first-child {
	border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.subscribe .btn:focus {
	border-color: transparent;
}
.post-data h4 {
	height: 30px;
    text-align: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #231D4D;
    font-size: 22px;
    line-height: 25px;
    margin:15px 0;
}
.post-data .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
	background: #E0B01E;
}
.post-data .vc_grid-item-mini {
	background: #ddd;
	padding: 10px;
}
.post-data .vc_gitem_row {
	margin-bottom: 0;
}
.post-data .vc_btn3.vc_btn3-size-md {
	font-size: 16px;
}
.wpb_video_heading {
	text-align: center;
    font-size: 24px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-info h3{
	line-height: 32px;
}
.contact-info h2, .contact-info a{
	font-size: 50px;
	color: #E0B01E;
	animation: blinker 5s linear infinite;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes blinker {
   0% {	  
	   opacity: 1;
	   color: #2A056F;	   
	}
	50% {		
		opacity: 0;
		color: #e0b01e;
	}
	51% {		
		opacity: 1;
		color: #2A056F;
	}
	100% {		
		opacity: 1;
		color: #ee4823;
	}
}
.contact-details .vc_row.vc_column-gap-20>.vc_column_container {
	padding: 35px !important;
}
.card {
  font-family: 'Garamond-Semi-Bold';
  position: relative;
  font-size: 40px;
  width: 120px;
  height: 120px;
  color: #fff;
  background: #231D4D;
  padding: 20px;
  margin: auto;
  overflow: hidden;
  border: 5px solid #231D4D;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.card span {
  position: absolute;
  border-radius: 100vmax;
}
.card .top {
  top: 0;
  left: 0;
  width: 0;
  height: 5px;
  background: linear-gradient( 90deg, transparent 50%, rgba(224, 176, 30, 0.5), rgb(224, 176, 30) );
}
.card .bottom {
  right: 0;
  bottom: 0;
  height: 5px;
  background: linear-gradient( 90deg, rgb(224, 176, 30), rgba(224, 176, 30, 0.5), transparent 50% );
}
.card .right {
  top: 0;
  right: 0;
  width: 5px;
  height: 0;
  background: linear-gradient( 180deg, transparent 30%, rgba(224, 176, 30, 0.5), rgb(224, 176, 30) );
}
.card .left {
  left: 0;
  bottom: 0;
  width: 5px;
  height: 0;
  background: linear-gradient( 180deg, rgb(224, 176, 30), rgba(224, 176, 30, 0.5), transparent 70% );
}

.card .top {
	animation: animateTop 3s ease-in-out infinite;
}
.card .bottom {
  animation: animateBottom 3s ease-in-out infinite;
}
.card .right {
  animation: animateRight 3s ease-in-out infinite;
}
.card .left {
  animation: animateLeft 3s ease-in-out infinite;
}

.card:hover {
    background: #E0B01E;
	border: 5px solid #E0B01E;
}
.card:hover .top {
	background: linear-gradient( 90deg, transparent 50%, rgba(35, 29, 77), rgb(35, 29, 77) );
	animation: animateTop 3s ease-in-out infinite;
}
.card:hover .bottom {
  background: linear-gradient( 90deg, rgb(35, 29, 77), rgba(35, 29, 77), transparent 50% );
  animation: animateBottom 3s ease-in-out infinite;
}
.card:hover .right {
  background: linear-gradient( 180deg, transparent 30%, rgba(35, 29, 77), rgb(35, 29, 77) );
  animation: animateRight 3s ease-in-out infinite;
}
.card:hover .left {
  background: linear-gradient( 180deg, rgb(35, 29, 77), rgba(35, 29, 77), transparent 70% );
  animation: animateLeft 3s ease-in-out infinite;
}

@keyframes animateTop {
  25% {
    width: 100%;
    opacity: 1;
  }
  30%, 100% {
    opacity: 0;
  }
}
@keyframes animateBottom {
  0%, 50% {
    opacity: 0;
    width: 0;
  }
  75% {
    opacity: 1;
    width: 100%;
  }
  76%, 100% {
    opacity: 0;
  }
}
@keyframes animateRight {
  0%, 25% {
    opacity: 0;
    height: 0;
  }
	50% {
    opacity: 1;
    height: 100%;
  }
  55%, 100% {
    height: 100%;
    opacity: 0;
  }
}
@keyframes animateLeft {
  0%, 75% {
    opacity: 0;
    bottom: 0;
    height: 0;
  }
  100% {
    opacity: 1;
    height: 100%;
  }
}
.tip-for-success label {
	font-size: 18px;
	letter-spacing: 0.5px;
    color: #000;
}
.tip-for-success .btn {
	font-family: 'Garamond-Semi-Bold' !important;
    background: linear-gradient(rgb(238, 195, 64) 0%, rgb(222, 172, 23) 100%);
	color: #fff;
    font-size: 18px;
    padding-left: 40px;
    padding-right: 40px;
    letter-spacing: 0.5px;
    border-radius: 5px;
    border: 0;
	margin: 15px 0;
	text-transform: uppercase;
}
.tip-for-success .mid-button {
	display: flex;
	justify-content: center;
}







@media screen and (max-width: 991px) {
    html {
        overflow-x: hidden;
        margin: 0 !important;
    }
    .nav-mobile .toggle-menu {
        padding: 10px 0px;
    }
}
@media screen and (max-width: 1024px) {
    .widgets-top img {
        width: 75px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-xs {
        display: flex !important;
        align-items: center;
    }
    .widgets-top img {
        width: 70px;
    }
}
@media (max-width: 769px) {
    .visible-xs {
        display: flex !important;
        align-items: center;
    }
    .widgets-top {
        text-align: center;
    } 
    .top-bar .logo {
        display: none;
    }
    .nav-mobile .logo {
        width: 250px;
    }
    .heading-title h2, .video-heading-title h2, .number-title h2 {
        font-size: 30px;
    }
    .numbers, .planet, .planet-1 {
        padding: 0;
    }
    .banner-title {
        padding: 30px;
    }
    .banner-title h2, .banner-title h1 {
        font-size: 28px;
    }
	.subscribe .btn {
		right: 25px;
	}
	.owl-carousel .item {
		padding: 5px 25px;
	}
	.owl-nav .owl-prev button {
		left: -10px !important;
	}
	.owl-nav .owl-next button {
		right: -10px !important;
	}    
}

.owl-carousel .item {
	text-align: center;
}
.owl-carousel .item h3 {
    font-family: Garamond-Semi-Bold-Italic !important;
    color: #E0B01E;
    font-size: 32px;
}
.owl-carousel .item .date {
	font-weight: 700;
	font-size: 20px;
	color: #231D4D;
}
.owl-nav button {
    position: absolute !important;
    top: 25% !important;
    background-color: rgb(0 0 0 / 16%) !important;
    color: #000 !important;
    margin: 0 !important;
    transition: all 0.3s ease-in-out !important;
    height: 80px;
    border: 0;
}
.owl-nav .owl-prev button{
  left: 0;
}
.owl-nav .owl-next button{
  right: 0;
}
.owl-dots {
  text-align: center !important;
  padding-top: 15px !important;
}
.owl-dots button.owl-dot {
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  background: #ccc !important;
  margin: 0 3px !important;
}
.owl-dots button.owl-dot.active {
  background-color: #000 !important;
}
.owl-dots button.owl-dot:focus {
  outline: none !important;
}
.owl-nav button:focus {
    outline: none !important;
}