/*
Theme Name: Flying Fashion
Theme URI: http://www.thedesignworks.co.uk/
Author: designworks
Author URI: http://www.thedesignworks.co.uk/
Description: Twenty Seventeen child theme
Version: 1.0
Template: twentyseventeen
*/

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/robotocondensed-bold-webfont.eot');
    src: url('../fonts/robotocondensed-bold-webfont.eot') format('embedded-opentype'),
         url('../fonts/robotocondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/robotocondensed-regular-webfont.eot');
    src: url('../fonts/robotocondensed-regular-webfont.eot') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* General Styles */
body, button, input, select, textarea{
	font-family: 'robotoregular', sans-serif;
    color: #3a3e45;
}

h1, h2{font-family: 'roboto_condensedbold', sans-serif; color: #636466;}
h3, h4, h5, h6{font-family: 'robotobold', sans-serif; color: #636466;}
h1{font-size:32px;}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title{font-size:24px; color: #636466;}

h1.page-title, h2.page-title{
	text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 4px;
}

.home h2.page-title{color: #104e87;}


h3.sub-head{
	text-align: center;
    font-family: 'roboto_condensedregular';
    font-size: 40px;
    letter-spacing: 4px;
}

h3.sub-head:after{
     content: "";
    position: absolute;
    left: 43%;
    bottom: 10px;
    width: 15%;
    border-bottom: 4px solid #104e87;
}


h1 span{font-size:32px; line-height:34px;}

p{font-size: 22px; color: #636466; margin:0 0 0.8em;}
.entry-content li{color: #636466; font-size: 22px;}

.intro-text p{
	font-size:22px;
}

.icon-text p, .icon-text a{
	text-align: center;
    text-transform: uppercase;
    font-family: 'roboto_condensedbold';
    font-size: 24px;
    letter-spacing: 2px;
	color: #636466!important;
}

.entry-header{padding:0!important;}

b, strong {font-family: 'robotobold', sans-serif;}

.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong, .read-more-area a, footer a{
	box-shadow: none;
    color: #636466;
    font-family: 'robotobold', sans-serif;
}

label {color: #fff; font-weight:normal;}

footer a:hover{color:#767676;}


.site-content {padding: 1em 0 0;}

.panel-content .wrap{
	margin-top: 0;
	background: #191a1f;
    border: 0;
    padding-bottom: 2em;
    padding-top: 2em;
}
.site-content .wrap{
    background: #fff;
    border: 0;
    padding-bottom: 0;
    padding-top: 0;
	padding-left:0;
	padding-right:0;
}
.panel-content{
	    background: #fff;
}

.site-content-contain {
    background-color: #fff;
}

.inner-wrap{
	margin:0 auto!important;
	width:1200px;
}

.icons{
    margin: 10px 0;
}

.int-market{
	position: relative;
	float:left;
    display: block;
    width: 40px;
    height: 20px;
    background: #5197dd;
    margin-right: 10px;
}


/*sticky social*/
.sticky-social{
	width: 32px;
    position: fixed;
    z-index: 999;
    right: 0;
    top: 125px;
    margin: 0 10px;
}
.sticky-social img{margin-bottom:5px;}

/* Header */
.site-header {
	background-color: #104e87;
	padding:0 0 15px;
}
.home .site-header {background-color:#104e87;}

.top-head{
    position: relative;
    overflow: visible;
    display: block;
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0 0;
}

.logo{
	display: block;
    float: left;
    position: relative;
	width:25%;
}

.logo h1, .logo a{margin-bottom:0; font-size:32px;}

.site-navigation-fixed.navigation-top{
	position:relative;
	top:0;
}
.admin-bar .site-navigation-fixed.navigation-top {
    top: 0;
}

.page-header{padding-bottom:0;}
.blog .site-main > article, .archive .site-main > article, .search .site-main > article{padding-bottom:2em;}
.entry-content ul{padding-left:20px;}

.has-sidebar:not(.error404) #primary{width:100%;}


/* Menu */
.navigation-top {
    background: #104e87;
	font-family: 'robotobold', sans-serif;
}
.navigation-top .wrap {
    padding: 0.75em 0;
}
.site-header .navigation-top .menu-scroll-down{display:none;}
.navigation-top {
    border-bottom: none;
    border-top: none;
}
.main-navigation a{color:#fff;}
.logo a{color:#fff;}
.navigation-top a{font-weight:normal; text-transform:uppercase;}
.navigation-top a:hover:after{color:#fff;}
.main-navigation li{padding:0 15px;}
/*.main-navigation li:first-child{padding:0 15px 0 0;}*/
.main-navigation li:last-child{padding:0 0 0 15px;}

.main-navigation ul ul{
	background: #104e87;
    border: 0;
}
.main-navigation li:first-child ul{margin-left:-10px;}
.main-navigation li li a:hover{color:#104e87;}
.main-navigation li li a:after{display:none;}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    color: #fff;
}

.navigation-top .current-menu-item > a:hover, .navigation-top .current_page_item > a:hover{color: #767676;}
.main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover{color:#000;}

.main-navigation ul li.menu-item-has-children.focus:before, .main-navigation ul li.menu-item-has-children:hover:before, .main-navigation ul li.menu-item-has-children.focus:after, .main-navigation ul li.menu-item-has-children:hover:after, .main-navigation ul li.page_item_has_children.focus:before, .main-navigation ul li.page_item_has_children:hover:before, .main-navigation ul li.page_item_has_children.focus:after, .main-navigation ul li.page_item_has_children:hover:after{display:none;}

.main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon{display:none;}
.main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover {
    color: #104e87;
}
.main-navigation li li a:focus, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus{color: #104e87}
/*.main-navigation li li:first-child{padding: 0 5px;}*/

/* Footer */ 
.footer-right{
	float:right;
	width:30%;	
}
.footer-right .logo{width:100%;}
.site-footer {border-top: 0; margin-top:0; padding:20px 0 0 0; }
.site-footer .wrap{padding-top: 10px;}

.site-footer p{
color:#fff;
}
footer a{text-decoration:none;}

.copyright{float:left; width:100%;}
.copyright p{
	font-size: 18px;
    margin-bottom: 5px;
}

.dw{float:left;}
.dw p{font-size:16px;}

.site-footer {background:#404041;}
.site-footer.footer-half-colour{
	background:linear-gradient(to left, #404041 0%,#404041 50%,#404041 50%,#104e87 50%,#104e87 100%);
	padding:0;
}

.site-footer.footer-half-colour .wrap{
	padding-top: 0;
	padding-bottom:0;
}

.site-footer.footer-half-colour .testimonial-outer{
    width: 67%;
    float: left;
    padding-top: 40px;
    padding-bottom: 30px;
    border-right: 4px solid #fff;
    background: #104e87;
}
.footer-testimonials{padding-right:20px; min-height:155px; font-family: 'robotobold', sans-serif;}
.site-footer.footer-half-colour .footer-right-outer{
	float: right;
    width: 30%;
    padding: 30px 0 0 0;
}
.site-footer.footer-half-colour .footer-right{width:auto;}
.testimonail-info p{margin-bottom:0; text-transform: uppercase;}


.site-footer.footer-half-colour .wrap:after{
	border-right:2px solid #fff;
}

.footer-social{
	display: block;
    position: relative;
    float: left;
    margin: 10px 0;
}
.footer-social .logo{width:100%;}

.footer-social a{margin-right:15px;}
@media screen and (min-width:1100px){.site-footer.footer-half-colour .testimonial-outer{max-height: 225px;}}


/* Home Carousel */
.carousel-padding .vc_images_carousel{
	padding:0 70px;
}

.carousel-padding .vc_images_carousel .vc_carousel-control .icon-prev:before{
	content:url('http://www.fashionflying.cn/wp-content/themes/flying-fashion/imgs/prev.png')!important;
}
.carousel-padding .vc_images_carousel .vc_carousel-control .icon-next:before{
	content:url('http://www.fashionflying.cn/wp-content/themes/flying-fashion/imgs/next.png')!important;
}
@media screen and (min-width:769px){.mobile-img{display:none;}}
@media screen and (min-width:768px){
	.carousel-padding .vc_images_carousel .vc_carousel-control .icon-prev {margin-left:-25px!important;}
}

h2.wpb_heading.wpb_gallery_heading{
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #104e87;
}

.tp-leftarrow.custom.tparrows{
	background: url(../images/prev.png)!important;     
	opacity: .5;
}
.tp-rightarrow.custom.tparrows{
background:url(../images/next.png)!important;
}
.custom.tparrows{opacity: .5;}
.custom.tparrows:hover{opacity:1;}

h2.wpb_heading.wpb_revslider_heading{
	text-transform: uppercase;
    letter-spacing: 2px;
    color: #104e87;
}


/* production boxes */
.production-box h2{
	 color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.production-box h2 a, .production-box h2 a:hover, .production-box h2 a:focus{color: #fff;}
.production-box h2 a{
    display: block;
    width: 100%;
}
.production-box ul{
	list-style: none;
    padding-left: 3px;
    font-family: 'robotobold';
}
.production-box li{color: #333; font-size: 18px; margin-bottom: 3px;}

.large-separator .vc_sep_line{border-top-width: 20px!important;}

/* section */
.section h2{
	color: #104e87;
	text-transform:uppercase;
	font-size: 40px;
    letter-spacing: 4px;
}
.section h3{font-size:30px;}
.section strong{color:#104e87;}
.section p{margin-bottom:5px;}

.caption p{font-size:20px; line-height:22px;}

/* customer logos */
.customer-grid p{margin-bottom:0;}
.customer-grid strong{color: #104e87;}


.entry-content a img, .comment-content a img, .widget a img{box-shadow:none;}

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover{-webkit-box-shadow: none; box-shadow: none; color:#767676;}

.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a{-webkit-box-shadow: none; box-shadow: none;}



@media screen and (min-width:1220px){
	.site-footer .wrap{padding-left:0; padding-right:0;}
}

@media screen and (min-width:1024px) and (max-width:1220px){
	.sticky-social{top:155px;}
}
	
@media screen and (min-width: 48em){
	.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
    float: left;
    width: 100%;
}
body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
	
.main-navigation a {
	font-size: 18px;
    padding:0.4em 0 0.4em 0.6em
}
	.main-navigation li:first-child a{padding:0.4em 0;}

.wrap {
    max-width: 1200px;
    padding-left: 2em;
    padding-right: 2em;
	}
.site-content {
    padding: 0;
}
.navigation-top {
    position: relative;
    display: block;
    width: auto;
    float: right;
	margin-top:10px;
}
	.navigation-top nav{margin-left:0}
	.main-navigation li li:first-child a {padding: 0.4em;}
	.main-navigation ul ul a {padding: 0.4em;}
	.main-navigation li li:hover, .main-navigation li li.focus {background: #fff;}
}

@media screen and (max-width:1220px){
	.top-head{width: 100%; padding: 0 1em;}
	.navigation-top{width: 100%; float: left; margin-top: 0;}
	.site-content .wrap, .wrap{width: 100%; padding: 0 1em;}
	.logo{margin-top:15px;}
	.home #rev_slider_5_1_wrapper {
    margin-top: -128px!important;
}
	.inner-wrap{width:100%;}

}

@media screen and (max-width:1024px){
	.logo{width:100%;}
	.sticky-social{
		width: 175px;
    	position: fixed;
    	z-index: 9999999;
    	right: 0;
    	top: 5px;
    	margin: 0 10px;
	}
	.sticky-social img{margin-bottom:0; margin-right:8px;}
}


@media screen and (max-width:768px){
	.page-template-page-contact .entry-header{width:100%!important;}
	p {font-size: 18px;}
	.col-third{width:100%;}
	.footer-social{text-align:left;}
	.footer-copy {width: 100%; float: left;}
	.home #rev_slider_5_1_wrapper {
    margin-top: -100px!important;
}
	.footer-social{width:100%;}
	.footer-right {float: left; width: 100%;}
	.site-footer.footer-half-colour {background: #404041;}
	.site-footer.footer-half-colour .wrap{    margin: 0; max-width: 100%; padding: 0;}
	.site-footer.footer-half-colour .testimonial-outer { width: 100%; float: left; border-right: 0; padding-right: 1em; padding-left: 1em; border-bottom: 4px solid #fff;}
	.site-footer.footer-half-colour .footer-right-outer {float: left; width: 100%;padding: 1em;}
	.site-content{padding:0;} 
	.desktop-img{display:none;}
	.key{margin-left:10px;}
}



@media screen and (min-width: 30em){
.panel-content .entry-header {
    margin-bottom: 0;
}

}


@media screen and (max-width:640px){
	.left-logo{
	   width: 100%;
       text-align: center;
	}
	.left-logo img{width:120px;}
	.logo-right{
		margin: 24px 0;
        width: 100%;
        text-align: center;
	}
	.home-grid-column a{width:100%; margin-right:0; padding:13.55% 5%!important; max-height:none;}
	.home-grid-column:first-of-type a{margin-right:0;}
}



@media screen and (max-width:520px){
	.footer-corner{display:none;}
	.mobile-footer{display:block; position: absolute; bottom: -135px;}
	.mobile-footer img{margin-bottom:-7px;}
}

@media screen and (max-width:490px){.home-grid-column:first-of-type a:last-child{padding:8.5%!important;}}

@media screen and (max-width:470px){
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {font-size: 18px!important;}
}


@media screen and (max-width:430px){
	.yt-if iframe{height:auto;}
}

@media screen and (max-width:413px){
	.all-vacancies a{font-size:12px;}
}

@media screen and (max-width:402px){
	.home-grid-column:nth-of-type(2) a:last-child{padding:8.5%!important;}
}

@media screen and (max-width:385px){
	#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {font-size: 16px!important;}
}

@media screen and (max-width:350px){
	.logo img{width:85%;}
}

@media screen and (max-width:340px){
	#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {font-size: 14px!important;}
}