/*

Theme Name: Quality Assured Recruitment

Theme URI: https://wordpress.org/themes/twentysixteen/

Author: the WordPress team

Author URI: https://wordpress.org/

Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.

Version: 1.3

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, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog

Text Domain: qualityassuredrecruitment



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/





/**

 * Table of Contents

 *

 * 1.0 - Normalize

 * 2.0 - Genericons

 * 3.0 - Typography

 * 4.0 - Elements

 * 5.0 - Forms

 * 6.0 - Navigation

 *   6.1 - Links

 *   6.2 - Menus

 * 7.0 - Accessibility

 * 8.0 - Alignments

 * 9.0 - Clearings

 * 10.0 - Widgets

 * 11.0 - Content

 *    11.1 - Header

 *    11.2 - Posts and pages

 *    11.3 - Post Formats

 *    11.4 - Comments

 *    11.5 - Sidebar

 *    11.6 - Footer

 * 12.0 - Media

 *    12.1 - Captions

 *    12.2 - Galleries

 * 13.0 - Multisite

 * 14.0 - Media Queries

 *    14.1 - >= 710px

 *    14.2 - >= 783px

 *    14.3 - >= 910px

 *    14.4 - >= 985px

 *    14.5 - >= 1200px

 * 15.0 - Print

 */





/**

 * 1.0 - Normalize

 *

 * Normalizing styles have been helped along thanks to the fine work of

 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

 */

@charset "utf-8";

/* CSS Document */

body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000;}

a{ color:#ffc000;}

#wpadminbar ul:after{ clear:inherit;}

ul li{ list-style-type:none;}

#navbtn{ display:none;}

.nav-menu{ float:right;}

.nav-menu li{ position:relative; float:left;}

.nav-menu li > a{ font:400 16px/83px 'Roboto Condensed', sans-serif; color:#fff; padding:0 16px; white-space:nowrap; display:block; text-transform:uppercase;}

.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ text-decoration:none; color:#f26828;}

.nav-menu .sub-menu{ position:absolute; left:0; top:74%; background:#6fb23b; min-width:220px; box-shadow:0 0 5px #02496d; transition: all 300ms ease-out 0s; display:none; z-index:999;}

.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}

.nav-menu li:hover > .sub-menu{ display:block;}

.nav-menu .sub-menu li{ float:none;}

.nav-menu .sub-menu a{ font:400 16px/40px 'Roboto Condensed', sans-serif; color:#fff; padding:0 16px; white-space:nowrap;}

.nav-menu .sub-menu a:hover{ color:#fff;}

.nav-menu .sub-menu li+li{ border-top:1px solid #035e8d;}

.nav-menu .menu-item-has-children > a{ cursor:pointer;}



#banner{ position:relative; background:#ffffff; text-align:center;}



header{ padding:10px 0; position:fixed; top:0; left:0; right:0; z-index:999;transition: all 300ms ease-out 0s;}

header.active{ padding:3px 0; top:0;  background:rgba(0, 0, 0, 0.8); box-shadow:0 0 4px #000; }



/*header.active .nav-menu li > a{ line-height:50px;}*/



#logo{ float:left;}

.banner_text{ position:absolute; left:50%; top:27%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);   -webkit-transform: translate(-50%, -50%); width:1200px; z-index:99; padding-left:10px; text-align:center;}
.banner_text.news{ top:auto; bottom:10%}

.banner_text > div{ width:700px;  display:table; margin:auto; position:relative;}

.banner_text h1{ font:400 54px/55px 'Oswald', sans-serif; color:#fff;}

.banner_text h1 span{ color:#f26828;}

.banner_text p{ font:400 16px/20px 'Roboto Condensed', sans-serif; color:#000; padding:12px 0 0; color:#fff;}



#content{ padding:50px 0 0;}

#content h1{ font:700 58px/58px 'Oswald', sans-serif; padding:15px 0 0;}

#content h2{ font:400 30px/34px 'Oswald', sans-serif; padding:15px 0 0;}

#content h3{ font:400 26px/30px 'Roboto', sans-serif; padding:15px 0 0;}

#content h2 span{ color:#f26828;}

#content h1 span{ color:#f26828;}

#content p{ font:400 16px/22px 'Roboto Condensed', sans-serif; padding:10px 0 0;}

#content ul li{ font:400 16px/28px 'Roboto Condensed', sans-serif; padding-left:16px; background:url(images/libg.png) no-repeat 0 9px;}


#content ul{ padding:12px 0 0;}

.gap{ padding-top:40px; padding-bottom:40px;}

.gap-top{ padding-top:30px;}

.gap-bottom{ padding-bottom:30px;}

.no-gap{ padding:0!important;}

.all-gap{ padding:22px;}

.brder-left{ border-left:solid 1px #fff;}

.left-gap{ padding-left:30px;}

.colorwhite{ color:#fff;}

.colororange{ color:#f26828;}

.orange-sec{ background:#f26828;}



a.more{ font:400 15px/35px 'Roboto Condensed', sans-serif; color:#fff; margin:15px 0 0; padding:0 23px; background:#6fb23b; display:inline-block;}

a.more2{ font:400 15px/35px 'Roboto Condensed', sans-serif; color:#fff; margin:10px 0 0; padding:0 23px; border:1px solid #fff; display:inline-block;}

a.more3{ font:400 15px/35px 'Roboto Condensed', sans-serif; color:#fff; margin:10px 0 0; padding:0 23px; border:1px solid #fff; display:inline-block;}

a.more3 img{ padding-right:4px;}

.blog{ background-color:#FFF; background-size:cover; background-attachment:fixed; margin:40px 0 0;}

#content .box p{ padding:0;}



.service{ background-size:cover; background-attachment:fixed; background-color:#eaeaea;}

.jcarousel li .testi{ border-radius:100%; border:1px solid #ccc; width:170px; height:170px;  display:block; margin:0 auto; text-align:center;}

.testi img{ width:100%; height:100%; object-fit:cover; border-radius:100%;}

.box{ background:#f26828; padding:10px;}

.box+.box{ background:#000; padding:20px;}

.brder-box{ border:1px solid #fff; padding:20px;}



#content .mmeetourteam h2{ padding:0;}


#popular-projects{ position:relative;}
#popular-projects .jcarousel {    position: relative;    overflow: hidden;    width: 100%; text-align:center;}
#popular-projects .jcarousel ul{ width: 20000em;    position: relative;    list-style: none;    margin: 0;    padding: 0;}
#popular-projects .jcarousel li{ width:200px;float:left; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box; padding:15px; text-align:center; background-image:none;} 
#popular-projects .jcarousel-control-prev{ left:0; position:absolute; top:50%; margin:0; width:21px; height:42px; background-size:100%; border:0; cursor:pointer; font-size:0; background:url(images/left-arrow1.png) no-repeat 50% 50%; margin:-21px 0 0;}
#popular-projects .jcarousel-control-next{ right:0; position:absolute; top:50%; margin:0; width:21px; height:42px; background-size:100%; border:0; cursor:pointer; font-size:0; background:url(images/right-arrow1.png) no-repeat 50% 50%; margin:-21px 0 0;}


#vacancies-slider{ padding:0 22px 1px;}
.vacancies-slider {    position: relative;    overflow: hidden;    width: 100%; text-align:center;}
.vacancies-slider ul{ width: 20000em;    position: relative;    list-style: none;    margin: 0;    padding: 0;}
#vacancies-slider .vacancies-slider li{ width:400px;float:left; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box; padding:0 5px; background:none !important; margin:0 0 15px;}
#vacancies-slider .vacancies-slider li > div{ background-color: #fff; padding:10px 10px 12px; min-height:695px;} 
#vacancies-slider .vacancies-slider-prev{ left:0; position:absolute; top:50%; margin:0; width:21px; height:42px; background-size:100%; border:0; cursor:pointer; font-size:0; background:url(images/left-arrow1.png) no-repeat 50% 50%; margin:-21px 0 0;}
#vacancies-slider .vacancies-slider-next{ right:0; position:absolute; top:50%; margin:0; width:21px; height:42px; background-size:100%; border:0; cursor:pointer; font-size:0; background:url(images/right-arrow1.png) no-repeat 50% 50%; margin:-21px 0 0;}


.from{ max-width: 600px;margin: 0 auto;box-shadow: 0 0 3px #ccc;padding: 12px;border: 1px solid #ccc;}


.latestvacancies{ /*background:url(images/latestvacanciesbg.jpg) no-repeat 50% 50%;*/ background-color:#eaeaea; background-attachment:fixed; background-size:cover; margin:30px 0 0;}

.contact{ /*background:url(images/footerbg.jpg) no-repeat 50% 50%;*/ background-size:cover; background-attachment:fixed; margin:30px 0 0;}

.total{ background:#f26828; min-height:150px; margin:30px 0;}

.green{ background:#366b06; min-height:150px; border-right:4px solid #fff;}

.contact p a{ color:#fff;}

footer{ background:#000;}

footer p{font:400 16px/45px 'Roboto Condensed', sans-serif; color:#fff;}



.pop-box{ background:#fff; padding:15px;}

.pop-box h2{ font:400 28px/30px 'Roboto Condensed', sans-serif; padding:15px 0 0;}

.pop-box h3{ font:400 20px/25px 'Roboto Condensed', sans-serif; padding:15px 0 0;}

.pop-box p{font:400 15px/18px 'Roboto Condensed', sans-serif; padding:15px 0 0;}
.image-box{ padding:15px 0 0;}


.menu-header-container{display:none !important;}
.home .menu-header-container{display:block !important;}
.home .menu-header-inner-container{ display:none !important;}
.from input[type="submit"]{color:#6fb23b; background:#000;}

.blog2 .col-4{background-color: #eaeaea;
padding-bottom: 12px; margin: 10px;}
.map_part p a{color:#000;}

.latestvacancies .col-4{background-color: #fff; padding:10px;
padding-bottom: 12px;}

.pages{ margin:0 auto; text-align:center;}
.pages a{ color:#fff; padding:0 15px; font:400 15px/36px 'Roboto Condensed', sans-serif; display:inline-block; background:#000;}
.page-numbers.current{ color:#fff; background:#6fb23b; padding:0 15px; font:400 15px/36px 'Roboto Condensed', sans-serif; display:inline-block;}
#seek-btn{    font: 400 18px/45px 'Roboto Condensed', sans-serif;
    color: #fff;
    margin: 15px 27px;
    padding:0 30px 0 60px;
	background:url(images/icon-new1.png) no-repeat 10px 50% #f00a81; background-size:30px;
    display: inline-block; float:right;
}}
@media only screen and (max-width: 1198px) {

.nav-menu li > a{ font-size:13px;}

.banner_text{ width:1000px;}

#logo{ width:10%;}
#vacancies-slider .vacancies-slider li > div{ min-height:755px;}
}

@media only screen and (max-width: 990px) {

.banner_text{ width:748px;}

.banner_text p{ font-size:12px; line-height:14px;}

#content h1{ font-size:40px; line-height:45px;}

.banner_text h1{ font-size:38px; line-height:40px;}

.banner_text > div{ width:550px;}

#navigation{}

#navbtn{ display:block; background:url(images/navigation.png) no-repeat 50% 50% #000; width:38px; height:27px; font-size:0; cursor:pointer; float:right;}

.nav-menu{ display:none; position:absolute; right:0; top:30px; min-width:300px; background:#e63535; box-shadow:0 3px 5px #460603; z-index:999;}

.nav-menu li{ float:none;}

.nav-menu li+li{ border-top:1px solid #f58989;}

.nav-menu li > a{ font:400 14px/35px 'Roboto', sans-serif; color:#fff;}
.nav-menu li:hover > a, .nav-menu li.active > a, .nav-menu li.current_page_item > a, .nav-menu li > a:focus{ color:#000;}
.nav-menu .sub-menu{ position:relative; margin:0 3px;}

.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}

.nav-menu .sub-menu li{ float:none;}

.nav-menu li:hover > .sub-menu{ display:none;}

#content h2{ font-size:23px; line-height:25px;}
#vacancies-slider .vacancies-slider li > div{ min-height:695px;}
}

@media only screen and (max-width: 740px) {

.banner_text{ width:460px;}

.banner_text > div{ width:400px;}

.banner_text p{ display:none;}

.banner_text h1{ font-size:30px; line-height:32px;}

#content h1{ font-size:35px; line-height:42px;}

#content{ padding:25px 0 0;}

.right{ margin:30px; text-align:center;}

.blog img{ width:100%;}

.mmeetourteam img{ text-align:center; width:100%; margin:30px 0 0;}

.mmeetourteam{ text-align:center;}

#content .mmeetourteam h2{ padding:20px 0 0;}

.service{ background-size:cover; background-attachment:fixed;}

.latestvacancies img{ width:100%;}

.design img{ width:100%;}

.green{ border:none; min-height:auto; padding-bottom:5px;}

.total{ padding-bottom:20px;}

.gap{ padding-top:20px; line-height:20px;}

.col-9.left-gap.brder-left{ border:none;}

.col-9.left-gap{ padding-left:0;}
#vacancies-slider .vacancies-slider li > div{ min-height:inherit;}

}

@media only screen and (min-width: 850px) {

.nav-menu{ display:block !important;}

}

@media only screen and (max-width: 450px) {

.banner_text{ width:98%;}

.banner_text > div{ width:300px;}

#content h1{ font-size:28px; line-height:34px;}

footer p{ font-size:11px; line-height:42px;}

.banner_text h1{ font-size:16px; line-height:20px;}

}