/*

Theme Name: QMS



Author: The QMS Team



Description: The QMS theme for WordPress.

Version: 1.0



*/

/**

 * 1.0 Reset

 *

 * Modified from Normalize.css to provide cross-browser consistency and a smart

 * default styling of HTML elements.

 *

 * @see http://git.io/normalize

 * ----------------------------------------------------------------------------

 */

 

 @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box }

a, img { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; }

img, fieldset { border: none }

img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

html, body { height: 100% }

h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: bold; font-variant: normal; }

h1 { font-size: 18px; }

h2 { font-size: 16px; }

h3 { font-size: 15px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 11px; }

.alignleft { float: left; margin: 0 20px 20px 0 }

.alignright { float: right; margin: 0 0 20px 20px }

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; background: #d9d9d9 url(images/gry_pic_right.jpg) no-repeat left 0; position:relative ;-webkit-text-size-adjust:none; }

header { float: left; width: 100%; background: #fff url(images/image_r1_c6.jpg) no-repeat top right; position: relative; z-index: 99 }



header .logo { float: left; margin: 18px 20px; max-width: 200px }

header .image_box { float: right }

header .image_box img { float: right }

.title_bar { float: left; background: url(images/image_r3_c4.jpg) repeat-x 0 0; width: 100%; min-height: 55px; }

.title_bar .box { float: left; width: 100%; background: url(images/image_r3_c1.jpg) no-repeat 0 0; padding-left: 325px; min-height: 55px; color: #fff }

.title_bar .box h1 { font-size: 18px; line-height: 22px; padding: 18px 0 5px; text-transform: uppercase; background: url(images/arrow.png) no-repeat 100% 18px; padding-right: 95px; display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-weight: 700 }

#body_container { float: left; width: 100%; height: 100%; position:relative ;/*background: url(images/gry_bg.jpg) repeat-y left 0*/ }

/*#body_container:after {
    display: block;
    position: absolute;
    height: 100%;
    content: "";
    background-color: #999999; width:200px; bottom:0px; z-index:-1; top:0px; left:0px}*/

.left_container { float: left; width: 200px; padding: 15px 0 15px 0; background: #999999 ; min-height: 100%; position:relative }




.left_container ul { list-style: none }

.left_container li { padding: 0 0 3px }

.left_container a { color: #fff; text-decoration: none; display: block; padding: 5px 20px; float: left; width: 100%; line-height: 19px }

.left_container a:hover { background: #797979 }

.left_container .current-menu-item a { background: url(images/white_arrow.png) no-repeat 100% center}

.right_container { margin-left: 200px; padding: 0; }

.content { float: left; width: 100%; max-width: 665px; padding: 15px; }
.content h3{ margin-bottom:15px}
.content h2{ margin-bottom:15px}



.content.blog { float: left; width: 100%; max-width: 910px; padding: 15px; }



.home_content { background: url(images/qms.gif) no-repeat 0 0; float: left; width: 100%; max-width: 665px; padding: 25px 15px 15px 120px }

.right_container a { color: #333; text-decoration: underline }

.right_container a:hover { text-decoration: none }

.right_container p { padding: 0 0 15px }

.right_container ol, .right_container ul { padding: 0 0 15px; margin: 0 0 0 30px }
.right_container ul li a{ color:#000}

.right_container blockquote { font-size: 13px; border-left: 5px solid #666; font-style: italic; line-height: 140%; margin: 0 0 15px }

.right_container blockquote p { padding: 0 }

.right_container blockquote { padding: 0 20px 0 10px; }

.toggleMenu { display: none }



.side_image{ float:left; padding:15% 0 0}



/* New css*/



.blog_sidebar{ float:right; width:30%; border-left: solid 1px #afafaf ; padding-left:15px}

.screen-reader-text{ display:none}

.blog_sidebar aside{ padding-bottom:20px}



.blog_sidebar.mobile{ display:none}

.search-submit{ border-radius:0; cursor:pointer; padding:3px 7px}

.repeat_box{ float:left; width:65%; padding-bottom:5px; border-bottom: solid 1px #afafaf ; margin-bottom:10px}
.repeat_box img{ margin-bottom:10px; margin-top:5px}

.repeat_box p{ display:inline}
.repeat_box h2{ margin-bottom:0px}

.repeat_box h2 a{ text-decoration:none}

.repeat_box figure{ float:left; margin-right:20px}

.search-field{ border-radius:0}

.search-submit{ float: none}
.search-submit:hover{ background:#999999; border: solid 1px #999999; color:#fff}

.meta_data{ display:block}
.wp-pagenavi a{ text-decoration:none; color:#000}
a.number_cls{ text-decoration:none; cursor:default; color:#333}
#commentform p{ float:left; width:100%}
#commentform p label{ width:83px; float:left}
#commentform input[type='text'] , input[type='email'] , input[type='url']{ border-radius:0px ;-webkit-appearance:none; -webkit-border-radius:0px;}
#commentform textarea{ border: 1px solid #888; padding:5px ; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px ;-webkit-appearance:none; -webkit-border-radius:0px;}
ol.comment-list{ list-style:none}
#commentform input[type='submit']{ border-radius:0px; cursor:pointer; margin-left:81px ;-webkit-appearance:none; -webkit-border-radius:0px;}
#commentform input[type='submit']:hover{ background:#999; border: solid 1px #999; color:#fff}
.comments-area .comment-author img{ float: left; margin-right:10px}
.comments-area{ padding-top:20px}
.comments-area h2.comments-title{ padding-bottom:10px}
#commentform p label.error{ display:none!important}
#commentform input.error{ border: solid 1px #f00}
ol.children{ list-style:none; margin-top:10px}
.comment-form{ padding-bottom:20px; float:left}
.comment-respond{ padding-top:20px}
.home_content hr{ border-top: 1px solid #afafaf!important; border-style:none; margin-top:50px; margin-bottom:20px}
#commentform textarea.error{ border: solid 1px #f00}

#scrollToTop{ display:none}
#back-to-top{
	
	background: url('images/back-to-top_arrow.png') no-repeat 0 0; width:38px; height:40px; font-size:0px; position: fixed; display:inline-block; right:20px; bottom:10px; display:none; opacity:0.9;
}

h2 a{ color:#000}
.repeat_box p a{color:#000}
.planning_content p{ padding-left:35px}
p.wp-caption-text{ background:#fff; display:block; padding:7px}
.alignleft img{ margin-bottom:0px; width:100%}
.alignright img{margin-bottom:0px; width:100%}
.read-more{ padding-left:4px}

input, select{-webkit-appearance:none; -webkit-border-radius:0px;}


.widget_categories ul li.current-cat a{ text-decoration:none}

.search-form input[type="search"]{ width:64%; padding:4px 4px}

.phone{background: url('images/seprater.jpg') no-repeat right center; padding-right:5px}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


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



.side_image	 { display:none}

.content, .home_content { width: 100%; float: left; max-width: 100% }
.repeat_box figure img{ width:140px}
.search-form input[type='search']{ width:56%; padding:4px}
.search-form .search-submit{ padding:3px 1px}
.single .repeat_box figure img{ width:100%}
.blog_sidebar{ padding-left:10px}
.alignleft{ width:150px!important}
.alignright{ width:150px!important}
#commentform textarea{ width:70%}

 }





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

.left_container nav { display: block!important }

}

 @media only screen and (max-width: 767px) {
	 body{ background-image:none}

.toggleMenu { display: inline-block; float: right; font-size: 18px; color: #fff; width: 49px; height: 41px; text-decoration: none; background: url(images/toggle.png) no-repeat 0 0; text-align: right; margin: 34px 20px 0 0 }

.toggleMenu.active { background-position: 0 -41px }

.left_container { float: left; width: 100%; height: auto; min-height: 0; padding: 0; background: #464573 }

.right_container { float: left; width: 100%; margin: 0 }



.title_bar .box { padding-left: 20px; text-align: left }

.title_bar .box h1 { text-shadow: 0 0 1px #000; display:block; max-width:95% }

.left_container nav { display: none; padding: 15px 0; float: left; width: 100% }

.left_container nav li a { border-bottom: 1px dashed #afafaf }

.left_container nav li:last-child a { border-bottom: none }

.left_container nav li a:hover { background-color: #302f57 }

header .logo { float: left }



/* New Css*/



.repeat_box{ float:left; width:100%; }



.blog_sidebar.mobile{ display:block; width:100%; /*padding: 30px 25px 20px;*/}

.blog_sidebar{ display:none}

.search-field{ width:331px; padding:4px; float:left}

.search-submit{ float:left}

.blog_sidebar.mobile #cat {

    background: #ffffff url("images/cat_bg.jpg") no-repeat scroll 252px center;

    width: 279px;

	border-radius:0; -webkit-appearance:none; height:37px;

}

.blog_sidebar aside{ padding-bottom:35px}
.search-form .search-submit{ padding:7px 5px ; width:59px}

.search-form input[type="search"]{ width:215px; padding:8px ;-webkit-appearance:none; -webkit-border-radius:0px;}	


	

.scrollToTop:hover{
	text-decoration:none;
}
.widget.widget_search{margin-bottom:10px}
.widget.widget_search h3.widget-title{ display:none; }
.widget.widget_categories h3.widget-title{ display:none}
.blog_sidebar{ border:none}
.left_container nav{ padding-bottom:0px; padding-top:0px}
.blog_sidebar{ padding-left:0px}
.blog_sidebar.mobile #cat option{ padding:5px; height:28px; font-size:14px; line-height:19px}
.alignleft{ width: auto!important}
.alignright{ width: auto!important}
.single .repeat_box figure{ float:none}
#back-to-top.show{ display:block; opacity:1}

}

@media only screen and (max-width: 600px) {
	
.alignleft{ width: 100%!important}
.alignright{ width: 100%!important}	
}

 

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

header { background: #fff; text-align: center }

.home_content { background: none; padding: 20px; }

/* New Css*/

.repeat_box figure{ float:left; width:100%}

.repeat_box figure img{width:100%; height:auto; max-width:100%; margin-bottom:20px}

.repeat_box{ float:left; width:100%; }



.blog_sidebar.mobile{ display:block; width:100%; /*padding: 30px 25px 20px;*/}

.blog_sidebar{ display:none}

.search-field{ width:170px; padding:4px}

.blog_sidebar.mobile #cat {

    /*background: #ffffff url("images/cat_bg.jpg") no-repeat scroll 212px center;*/

  /*  width: 235px;*/

	border-radius:0

}

.repeat_box figure{ float:left; width:100%}


.repeat_box figure img{width:100%; height:auto; max-width:100%; margin-bottom:20px}

.repeat_box{ float:left; width:100%; }

.title_bar .box{ background-size: cover}
#commentform textarea{ width:100%}
#commentform input[type="text"], input[type="email"], input[type="url"]{ width:100%}
.phone{ float:left; background:none}
.mobile{float:left; width:100%}
.phone::after {content: ""; display:none}
#commentform input[type="submit"]{ margin-left:0px}



}


@media only screen and (max-width: 320px) {
#commentform input[type="submit"]{ margin-left:0px}	

}