/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
@media only screen and (max-width: 767px) {


.container {
    width: 100% !important;
	    /* overflow-x: hidden;*/
}
section#header {
    /* width: 150%; */
}



.column.one.copyrights.last {
    width: 104% !important;
    /* float: none; */
    margin: 0 auto;
}
.column.one.bottom_addons.last {
    margin: 0 auto;
    /* float: none; */
    width: 100% !important;
}
#order-verticalsteps .maincontent table tr td {
   padding: 12px 0px 11px 0px !important;
}
#order-verticalsteps .maincontent {
    margin-left: 0px !important;
}
#order-verticalsteps .stepsbar {
      float: none !important;
    width: 100% !important;
}

#order-verticalsteps .stepsbar .step {
    
    width: 100% !important;
}
/*input[type="submit"] {*/
/*      margin-left: -358%;*/
/*	    margin-top: 228%;*/
/*}*/
#order-verticalsteps div.left {
    float: none !important;
}
.input-group {
    position: relative;
    display: inline-block;}
	.input-group-addon, .input-group-btn {
    width: 8%;
	}
	.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
    
    border-radius: 2px !important;
	margin-top: 5%;
}
}
/* Customize container */
@media (min-width: 960px) {
    .container {
        max-width: 960px;
            padding: 0;
    }
}

#wrapper{
	max-width: 960px;
	margin: 0 auto;
}



/********************** Backgrounds **********************/

	.mfn-color-1 { background-color: #2a2f35; }
	.mfn-color-2 { background-color: #3e444b; }
	.mfn-color-3 { background-color: #326e9b; }
	.mfn-color-4 { background-color: #53a3e0; }
	.mfn-color-5 { background-color: #73a7cf; }

	
/********************* Colors *********************/

/* Content font */

	
	
/* Links color */

	
	
/* Strong (dark) */
	.Recent_comments ul li strong, #Content .Latest_posts ul li a.title,  
	#Content .Latest_posts ul li p i, .Recent_comments ul li p strong,
	.Recent_comments ul li p i, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
	.ui-accordion h3.ui-state-active a, .Twitter ul li span, .single-post .post .date {
		color: #31373c;
	}
	
/* Dark blue */
	
	blockquote div.text p, .get_in_touch li.phone p, .pricing-box .plan-inside ul li strong,
	.error h4, .team p, blockquote p.author span {
		color: #005274;
	}
	
/* Grey notes */

	.Twitter ul li > a, .Recent_comments li span.date, .Latest_posts span.date, .get_in_touch li.label,
	.wp-caption .wp-caption-text, .pricing-box .plan-header .period, .post .meta, 
	.widget_categories li, .widget ul.menu li a i, .testimonial .rslides_tabs li a, .pager a,
	.Our_clients_slider a.Our_clients_slider_prev, .Our_clients_slider a.Our_clients_slider_next,
	.post .desc .r_meta, .single-post .tag-cat .category a, .single-post .tag-cat .category { 
		color: #A3A3A3;
	}
	
/* Headings font */

/* Menu color */

	#Header #menu > ul > li > a {
		color: #213442;
	}
	
	#Header #menu > ul > li > a span {
		color: #c5c4c4;
	}
	
	#Header #menu > ul > li.current-menu-item > a,
	#Header #menu > ul > li.current_page_item > a,
	#Header #menu > ul > li.current-menu-ancestor > a,
	#Header #menu > ul > li.current_page_ancestor > a {
		color: #629ac2;
	}
	
	#Header #menu > ul > li.current-menu-item > a span,
	#Header #menu > ul > li.current_page_item > a span,
	#Header #menu > ul > li.current-menu-ancestor > a span,
	#Header #menu > ul > li.current_page_ancestor > a span {
		color: #629ac2;
	}
	
	#Header #menu > ul > li > a:hover,
	#Header #menu > ul > li.hover > a {
		border-color: #e5e5e5;	
	}
	
	#Header #menu > ul > li > a:hover span,
	#Header #menu > ul > li.hover > a span {
		color: #053f57;
	}
	
	#Header #menu > ul > li.submenu > a:hover,
	#Header #menu > ul > li.submenu.hover > a {
		color: #fff;
		background: #53a3e0;
		border-color: #53a3e0;
	}
	
	#Header #menu > ul > li ul {
		background: #53a3e0;
	}
		
	#Header #menu > ul > li ul li a {
		color: #fff;
		border-color: #87bfe9;
	} 
	
	#Header #menu > ul > li ul li a:hover, 
	#Header #menu > ul > li ul li.hover > a {
		color: #bbedfc;
	}
	
/* Header addons */
	
	#Header .addons p.phone i,
	#Header .addons p.mail i {
		color: #40464d;
	}
	
	#Header .addons p.phone {
		color: #5890ba;
	}
	
	#Header .addons p.phone span {
		color: #326e9b;
	}
	
/* Subheader */
	#Subheader {
		background-color: #2A2F35;
		border-color: #66A6D8;
	}

	#Subheader h1 { 
		color: #fff;
	}
	
	#Subheader ul.breadcrumbs li,
	#Subheader ul.breadcrumbs li a { 
		color: #d0e6eb;
	}
	
	#Subheader ul.breadcrumbs li span {
		color: #4c90eb;
	}
	
/* Frames and borders color */

	.Recent_comments li, .Latest_posts li, .get_in_touch li.label, .pricing-box .plan-inside ul li, 
	.pricing-box, .ui-widget-header, #Content .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-panel,
	.ui-tabs .ui-tabs-nav li, .ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content, 
	.gallery .gallery-item .gallery-icon, .post .footer,
	#comments .commentlist > li .photo, #comments .commentlist > li, 
	#comments .commentlist li .comment-body, .Twitter ul li, .Flickr .flickr_badge_image a,
	.single-post .post .date, .pager, .single-portfolio .photo,
	.single-portfolio .sp-inside .sp-inside-right, table thead th, table tbody td, .widget ul.menu li a,
	.widget_links ul li a, .widget_meta ul li a, .our-offer .boxes .box.first, .our-offer .boxes .box.last, .testimonial .rslides_tabs li a,
	.pager a.page, .team .links a.link, .offer .header, .offer .box, 
	blockquote div.text, .single-post .tag-cat {
		border-color: #ebebeb;
	}
	
/* Buttons */


/* Go to top */
	#Footer a#back_to_top {
		color: #000;
	}
	#Footer a:hover#back_to_top {
		color: #005274;
	}
	
/* Blog */
	.post .date {
		background: #73a7cf;
		color: #fff;
	}
	.post .desc .meta .year, .post .desc .meta i {
		color: #cce9ff;
	}
	.post .desc .meta .month {
		color: #385a75;
	}
	.post .desc .meta .comments, .post .desc .meta .comments a {
		background: #326e9b;
		color: #ddeffc;
	}
	
/* Footer headers and text */

	
	#Footer h1,
	#Footer h2,
	#Footer h3,
	#Footer h4,
	#Footer h5,
	#Footer h6  {
		color: #2a2f35;
	}
	
	#Footer, 
	#Footer .bottom_addons .menu_bottom > ul > li > a { 
		color: #717171;
	}
	
	#Footer a,
	#Footer .bottom_addons .menu_bottom > ul > li.active > a { 
		color: #53a3e0;
	}
	
	#Footer a:hover,
	#Footer .bottom_addons .menu_bottom > ul > li > a:hover { 
		color: #53a3e0;
	}
	
/* Footer strong */
	#Footer .Twitter li span, #Footer .copy strong, #Footer .Latest_posts ul li a.title, 
	#Footer .Latest_posts ul li p i, #Footer .Recent_comments ul li p strong,
	#Footer .Recent_comments ul li p i, #Footer .widget_calendar caption, #Footer strong {
		color: #2a2f35;
	}
	
/* Footer grey notes */
	#Footer .Twitter ul li > a, #Footer .Recent_comments li span.date, #Footer .Latest_posts span.date {
		color: #A6A6A6;
	}
	
/* Footer frames, background & border color */	
	#Footer .Twitter li, #Footer .Flickr .flickr_badge_image a, #Footer .Recent_comments ul li, 
	#Footer .Latest_posts ul li, #Footer .widget ul.menu li a, #Footer .widget_meta ul li a, 
	#Footer table thead th, #Footer table tbody td,
	.footer-included #Footer .container:first-child, .footer-included #Footer .container .column .widget {
		border-color: #e4dddd;
	}
	
/* Footer Buttons */
	#Footer a.button, #Footer input[type="submit"], #Footer input[type="reset"], #Footer input[type="button"], #Footer .widget_mfn_clients a.rslides_nav {
		color: #326e9b;
	}
	
	#Footer a.button span, #Footer input[type="submit"] span, #Footer input[type="reset"] span, #Footer input[type="button"] span {
		color: #9DD3E8;
	}
	
/* Call to action */
	.call_to_action {
		background: #326E9B;
	}
	
	.call_to_action h4 {
		color: #fff;
	}
	
	.call_to_action h4 span {
		color: #B7E8FF;
	}
	
	.call_to_action a.button {
		color: #fff !important;
	}
	
/* Faq & Accordion & Tabs */
	.accordion, .faq, .ui-tabs {
		background: #fbfbfb !important;
	}
	.accordion .question h5,.faq .question h5,
	.ui-tabs .ui-tabs-nav li a { 
		color: #515e6d;
	}
	.faq .active h5, .accordion .active h5 {
		color: #313131;
	}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-active a {
		color: #313131;
		border-top: 4px solid #66A6D8;
	}
	.accordion .answer, .faq .answer, .faq .active h5, .accordion .active h5 {
		background: #fff;
	}
	.ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-active { 
		background-color: #fff !important; 
	}
	
/* Portfolio */	
	.portfolio_item a .ico i,
	.wp-caption .photo a i {
		color: #3FA8D2;
	}
	
	.portfolio_item h6 {
		color: #09526F;
	}
	
/* What we offer */
	.offer h3 {
		color: #53a3e0;
	}
	
	.offer h2 {
		color: #2a2f35;
	}
	
	.offer .box h5 a {
		color: #2a2f35;
	}
	
/* Content */
	.widget-area {
		background: #fcfcfc;
	}
	
/* Submenu */
	.widget ul.menu {
   		background: #FFFFFF;
   	}
	.widget ul.menu li a { 
		color: #475363 !important;
	}
	.widget ul.menu li.current_page_item a, 
	.widget ul.menu li a:hover {
		color: #fff !important; 
		background: #3C95B8 !important;	
	}
	
/* Slider */
	#mfn-offer-slider ul.slider-wrapper > li .slide-desc h2 {
		color: #fff;
	}
	#mfn-offer-slider ul.slider-wrapper > li .slide-desc p {
		color: #ddd;
	}
	#mfn-offer-slider ul.slider-wrapper > li .slide-desc .button {
		color: #fff;
	}
	

	/* #Global
================================================== */

body { padding: 10px 0 10px; font-size: 14px;}

#Wrapper { width: 1000px; margin: 0px auto; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); }

.layout-full-width { padding: 0; }
.layout-full-width #Wrapper { width: 100% !important; margin: 0 !important; }

.inner-padding { padding: 0 15px; }

#mfn-rev-slider { margin-bottom: 20px; }
.rev_slider iframe { max-width:1000px;}


/* #Header
================================================== */

#Header .sixteen { position: relative; z-index: 101; margin-bottom: 0px; }
#Header h1 { line-height: 0; font-size: 0;     margin: 0;}
#Header #logo { display: block; overflow: hidden; float: left; z-index:101; padding: 40px 15px 0; position:absolute;}
#Header #logo:hover { text-decoration: none; }
#Header #menu { display: block; float: right; margin-top: 85px; }
#Header #menu > ul { min-width: 140px; float: left; position: relative; }
#Header #menu > ul > li { margin: 0; position: relative; z-index: 103; float:left; }
#Header #menu > ul > li.hover { z-index: 104; }
#Header #menu > ul > li > a { padding: 7px 10px 7px 10px; display: block; white-space: nowrap; font-size: 15px; }
#Header #menu > ul > li.submenu > a { padding-right: 25px; }
#Header #menu > ul > li.hover > a { border-style: solid; border-width: 1px; padding: 6px 9px 6px 9px; }
#Header #menu > ul > li.submenu.hover  > a { padding-right: 24px; }
#Header #menu > ul > li.last > a {}
#Header #menu > ul > li > a:hover, #Header #menu > ul > li.current-menu-item > a { text-decoration: none; }
#Header #menu > ul > li ul { position: absolute; left: 0px; top: 35px; z-index: 105; margin: 0; padding: 5px; display: none; -webkit-box-shadow: 6px 4px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 6px 4px 4px 1px rgba(0, 0, 0, 0.1); }
#Header #menu > ul > li ul li { padding: 0 0; width: 170px; position: relative; font-weight: normal; }
#Header #menu > ul > li ul li a { padding: 6px 20px 6px 5px; display: block; border-bottom-width: 1px; border-bottom-style: dotted; }
#Header #menu > ul > li > ul > li.last-item > a,
#Header #menu > ul > li > ul > li > ul > li.last-item > a { border-bottom-width: 0px; }
#Header #menu > ul > li > ul > li.last-item > a,
#Header #menu > ul > li > ul > li > ul > li.last-item > a { border-bottom-width: 0px; }
#Header #menu > ul > li ul li a:hover { text-decoration: none; }
#Header #menu > ul > li ul li ul { position: absolute; left: 170px; top: -5px; z-index: 104; }

#Header #menu > ul > li.last ul { right: 0px; left: auto; -webkit-box-shadow: -4px 4px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: -4px 4px 4px 1px rgba(0, 0, 0, 0.2); }
#Header #menu > ul > li.last ul li ul { right: 170px; }

#menu_responsive { display: none; margin-top: 85px; font-size: 14px; float: right; }

#Header .addons { position: absolute; right: 0px; top: 0px; overflow: hidden; } 
#Header .addons p.phone { display: block; float: left; text-align: right; background: url(https://qss.in/wp-content/themes/bretheon/images/sep_shadow.png) no-repeat top right; padding: 22px 18px; }
#Header .addons p.phone span { font-weight: bold; }
#Header .addons p.phone i { margin-right: 5px; }

#Header .addons p.mail { display: block; float: left; text-align: right; padding: 22px 18px; }
#Header .addons p.mail i { margin-right: 8px; }

#Header .addons > .social { float: left; position: relative; background: url(https://qss.in/wp-content/themes/bretheon/images/sep_shadow.png) no-repeat top right; padding: 20px 15px; }


/* #Social
================================================== */

.social li { display: block; float: left; margin: 1px; }
.social li a { width:24px; height:24px; line-height: 24px; text-align: center; font-size:24px; font-family: "Socialico"; display:block; color:#1E3E51 !important; text-decoration:none; opacity: 0.6; filter: alpha(opacity=60);
	transition: opacity .20s ease-in-out; 
	-o-transition: opacity .20s ease-in-out;
	-moz-transition: opacity .20s ease-in-out;
	-webkit-transition: opacity .20s ease-in-out;
}
.social li a:hover { opacity: 1; filter: alpha(opacity=100); }

/*
.social {}
.social li { display: block; float: left; margin: 2px; overflow: hidden; }
.social li a { display: block; width: 23px; height: 23px; overflow: hidden; text-indent: -9999px; background: #000; opacity: 0.6; filter: alpha(opacity=60); transition: opacity .20s ease-in-out; -o-transition: opacity .20s ease-in-out; -moz-transition: opacity .20s ease-in-out; -webkit-transition: opacity .20s ease-in-out; }
.social li a:hover { opacity: 1; filter: alpha(opacity=100); }

.social li.facebook a { background: url(../images/social/facebook.png) no-repeat center center; }
.social li.dribbble a { background: url(../images/social/dribbble.png) no-repeat center center; }
.social li.flickr a { background: url(../images/social/flickr.png) no-repeat center center; }
.social li.googleplus a { background: url(../images/social/googleplus.png) no-repeat center center; }
.social li.linked_in a { background: url(../images/social/linkedin.png) no-repeat center center; }
.social li.twitter a { background: url(../images/social/twitter.png) no-repeat center center; }
.social li.vimeo a { background: url(../images/social/vimeo.png) no-repeat center center; }
.social li.youtube a { background: url(../images/social/youtube.png) no-repeat center center; }
.social li.rss a { background: url(../images/social/rss.png) no-repeat center center; }
.social li.pinterest a { background: url(../images/social/pinterest.png) no-repeat center center; }

.social.social-large li.facebook a { background: url(../images/social/large/facebook.png) no-repeat center center; }
.social.social-large li.dribbble a { background: url(../images/social/large/dribbble.png) no-repeat center center; }
.social.social-large li.flickr a { background: url(../images/social/large/flickr.png) no-repeat center center; }
.social.social-large li.googleplus a { background: url(../images/social/large/googleplus.png) no-repeat center center; }
.social.social-large li.linked_in a { background: url(../images/social/large/linkedin.png) no-repeat center center; }
.social.social-large li.twitter a { background: url(../images/social/large/twitter.png) no-repeat center center; }
.social.social-large li.vimeo a { background: url(../images/social/large/vimeo.png) no-repeat center center; }
.social.social-large li.youtube a { background: url(../images/social/large/youtube.png) no-repeat center center; }
.social.social-large li.rss a { background: url(../images/social/large/rss.png) no-repeat center center; }
.social.social-large li.pinterest a { background: url(../images/social/large/pinterest.png) no-repeat center center; }
*/

/* #subpage header
================================================== */
#Subheader { border-bottom: 5px solid; background-image: url(../images/subheader_overlay.png); background-repeat: no-repeat; background-position: top center; }
#Subheader .sixteen { margin-bottom: 0; }
#Subheader_overlay { height: 100%; overflow: hidden; padding: 105px 55px 0;}

.aside_left #Subheader .sixteen { width: 720px; padding-left: 240px; }
.aside_right #Subheader .sixteen { width: 720px; }

#Subheader h1 { margin: 15px 0 5px; font-weight:100; float: left; }
#Subheader ul.breadcrumbs { margin: 10px 0 15px; overflow: hidden; clear: both; font-size: 13px; }
#Subheader ul.breadcrumbs li { display:inline-block; padding-right: 10px; margin-bottom: 0; }
#Subheader ul.breadcrumbs li span { padding-left: 10px; }
#Subheader ul.breadcrumbs li.home, ul.breadcrumbs li.last { background: none; padding-right: 0; }
#Subheader ul.breadcrumbs li.last span { display: none; }
#Subheader a.button { position: absolute; right: 55px; top: 140px; }

/* #Content
================================================== */
#Content { width:100%; padding-top:20px;}
.template-slider #Content { padding-top:0px;}

.content { width: 960px; display: inline; float:left; }
.with_aside #Content .content { width: 720px; }
.aside_left .four { float: left; }
.aside_left .content { float: right; }
.aside_right .content { float: left; }
.aside_right .four { float: right; }

.widget-area { position: relative; top: -111px; margin-bottom:-111px; padding: 15px 0 0; overflow: hidden; }
.aside_left .widget-area { margin-right: 20px; }
.aside_right .widget-area { margin-left: 20px; }

.the_content {}
.the_content_wrapper { margin: 0 0px 20px; overflow: hidden; clear: both; }

/* #mfn-offer-slider
================================================== */
#mfn-offer-slider ul.slider-wrapper { visibility:hidden; height:340px;}

#mfn-offer-slider .sixteen { position:relative;}
#mfn-offer-slider .rslides_nav { position:absolute; top:50%; display:block; width:35px; height:35px; text-indent:-9999px; margin-top:-17px; opacity:0; filter: alpha(opacity = 0);}
#mfn-offer-slider:hover .rslides_nav { opacity:0.40; filter: alpha(opacity = 40);}
#mfn-offer-slider .rslides_nav:hover { opacity:0.70; filter: alpha(opacity = 70);}
#mfn-offer-slider .rslides_nav.prev { left:0;}
#mfn-offer-slider .rslides_nav.next { right:0;}

#mfn-offer-slider ul.slider-wrapper > li { position:relative; width:100%; height:340px;}
#mfn-offer-slider ul.slider-wrapper > li .slide-wrap { position:absolute; float:left; height:340px; top:0;}

#mfn-offer-slider ul.slider-wrapper > li .slide-img { width:50%;}
#mfn-offer-slider ul.slider-wrapper > li .slide-img iframe { width:480px; height:340px;}

#mfn-offer-slider ul.slider-wrapper > li .slide-desc { width:44%; padding:0 3%; }
#mfn-offer-slider ul.slider-wrapper > li.slide-left-img .slide-img { left:0;}
#mfn-offer-slider ul.slider-wrapper > li.slide-left-img .slide-desc { right:0;}
#mfn-offer-slider ul.slider-wrapper > li.slide-right-img .slide-img { right:0;}
#mfn-offer-slider ul.slider-wrapper > li.slide-right-img .slide-desc { left:0;}

#mfn-offer-slider ul.slider-wrapper > li .slide-desc h2 { text-transform:uppercase; margin:5% 0 2%; font-size: 46px; line-height:46px; display:block; width:100%;}
#mfn-offer-slider ul.slider-wrapper > li .slide-desc p { display:block; width:100%; font-size:16px; }
#mfn-offer-slider ul.slider-wrapper > li .slide-desc .button {}
#mfn-offer-slider ul.slider-wrapper > li .slide-desc .button:hover {}




/* #Projects
================================================== */
#Projects { display: block; width:100%; float:left; }
#Projects .container { padding-top: 20px; }

/* #Footer
================================================== */
#Footer { display: block; width:100%; }
#Footer .container .column { padding-top: 20px; background: url(https://qss.in/wp-content/themes/bretheon/images/sep_shadow.png) no-repeat top right; margin-bottom: 0; }
#Footer .container .column.last { background: none; }
#Footer .copyrights { text-align: center; font-size: 12px; padding-bottom: 20px; padding-top: 20px !important; margin-bottom: 0; }
#Footer .copyrights img { margin-bottom: 15px; }
#Footer .copyrights p { line-height: 20px; }

#Footer .bottom_addons { padding-bottom: 0px; margin-bottom: 25px; overflow: hidden; }
#Footer .bottom_addons .social { float: left; }
#Footer .bottom_addons .menu_bottom { float: right; }
#Footer .bottom_addons .menu_bottom > ul {}
#Footer .bottom_addons .menu_bottom > ul > li { float:left; }
#Footer .bottom_addons .menu_bottom > ul > li > a { padding: 7px 10px 7px 10px; display: block; }
#Footer .bottom_addons .menu_bottom > ul > li > a:hover { text-decoration: none; }
#Footer .bottom_addons .menu_bottom > ul > li.active > a { font-weight: bold; }

.footer-included #Footer .container:first-child { margin-bottom: 15px; padding-top: 15px; border-top-width: 1px; border-style: solid; }
.footer-included #Footer .container .column { background: none; padding: 0; }
.footer-included #Footer .container .column .widget { border-right-width: 1px; border-style: solid; margin: 0; padding: 15px; }
.footer-included #Footer .container .column.last .widget { border-right: 0; }
.footer-included #Footer .container .bottom_addons { padding-top: 20px; }

/* #Error 404
================================================== */

#Error_404 { width:100%; }
#Error_404 .error { clear: both; text-align: center; padding: 30px 0 30px; }
#Error_404 .error h2 { font-size: 70px; line-height: 70px; margin-bottom: 25px; }
#Error_404 .error h4 { margin-bottom: 55px; font-size: 24px; line-height: 27px; }
#Error_404 .error p { margin-bottom: 0; }
#Error_404 .error p .check { line-height: 45px; font-size: 16px; }
#Error_404 .error p em { font-style: italic; font-size: 17px; font-family: Georgia, serif; padding: 0 15px; }
#Error_404 .error p a.button { position: relative; }

/* #Contact form
================================================== */
.contact_form { overflow: hidden; position: relative; }
.contact_form input[type="text"] { float: left; margin-bottom: 14px; }
.contact_form .nick { margin-right: 15px; }
.contact_form .email { margin-right: 15px; }
.contact_form textarea { clear: both; margin-bottom: 14px; height: 150px; }
.contact_form input[type="submit"] { float: right; margin-bottom: 14px; }
.about { margin-bottom: 10px; overflow: hidden; }
.about ul { margin-bottom: 10px; }
.about ul li { margin-bottom: 2px; }

.one .contact_form input[type="text"] { width: 278px; }
.one .contact_form textarea { width: 908px; }
.with_aside .one .contact_form input[type="text"] { width: 198px; }
.with_aside .one .contact_form textarea { width: 668px; }

.three-fourth .contact_form input[type="text"] { width: 198px; }
.three-fourth .contact_form textarea { width: 668px; }
.with_aside .three-fourth .contact_form input[type="text"] { width: 138px; }
.with_aside .three-fourth .contact_form textarea { width: 488px; }

.two-third .contact_form input[type="text"] { width: 171px; }
.two-third .contact_form textarea { width: 588px; }
.with_aside .two-third .contact_form input[type="text"] { width: 118px; }
.with_aside .two-third .contact_form textarea { width: 428px; }

.one-second .contact_form input[type="text"] { width: 118px; }
.one-second .contact_form textarea { width: 428px; }
.with_aside .one-second .contact_form input[type="text"] { width: 78px; }
.with_aside .one-second .contact_form textarea { width: 308px; }

.one-third .contact_form input[type="text"] { width: 268px; margin-right: 0; }
.one-third .contact_form textarea { width: 268px; height: 100px; }
.with_aside .one-third .contact_form input[type="text"] { width: 188px; margin-right: 0; }
.with_aside .one-third .contact_form textarea { width: 188px; height: 100px; }

.one-fourth .contact_form input[type="text"] { width: 188px; margin-right: 0; }
.one-fourth .contact_form textarea { width: 188px; height: 100px; }
.with_aside .one-fourth .contact_form input[type="text"] { width: 128px; margin-right: 0; }
.with_aside .one-fourth .contact_form textarea { width: 128px; height: 70px; }

.inp_error { border-color: #E38E8E !important; }

/* #Comments
================================================== */
#comments { margin-top: 20px; }
#comments .commentlist { margin-left: 0; list-style-type: none; }
#comments .commentlist > li { border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 15px; }
#comments .commentlist > li > .children { margin-bottom: 15px; }
#comments .commentlist > li .photo { display: block; width: 64px; height: 64px; float: left; margin-right: 15px; overflow: hidden; padding: 2px; border-width: 1px; border-style: solid; line-height: 0; }
#comments .commentlist > li .comment-author { font-size: 13px; font-weight: bold; }
#comments .commentlist > li .comment-author a {}
#comments .commentlist > li .comment-meta { font-size: 12px; font-style: italic; }
#comments .commentlist > li .comment-meta a {}
#comments .commentlist > li .comment-meta a.comment-edit-link { float: right; padding-right: 52px; position: relative; top: -20px; }
#comments .commentlist > li p { padding-left: 80px; margin: 4px 0 10px; }
#comments .commentlist > li .reply { position: absolute; right: 0; top: 0; }
#comments .commentlist > li .reply a.comment-reply-link {font-size: 11px; padding: 3px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#comments .commentlist > li .reply a:hover.comment-reply-link { text-decoration: none; }
#comments .commentlist li { overflow: hidden; }
#comments .commentlist li .comment-body { margin-bottom: 15px; position: relative; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; }
#comments .commentlist li .comment-body.last { padding-bottom: 0; }
#comments .commentlist li .comment-body.lastBorder { border-bottom: 0; margin-bottom: 0; }
#comments .commentlist .children { margin-bottom: 0px; margin-left: 30px; padding-left: 50px; }
#comments .commentlist .children li { margin-bottom: 0; }
#comments #comments-title { font-size: 26px; line-height: 28px; margin-bottom: 20px; }
#comments #comments-title span { font-style: italic; }

/* #Respond
================================================== */
#respond { overflow: hidden; }
#respond p { margin-bottom: 5px; padding-left: 0 !important; }
#respond .comment-notes .required { position: static; }
#respond input[type="text"] { margin-bottom: 0; }
#respond label { margin-bottom: 3px;  }
#respond .required { position: absolute; right: 10px; top: 30px; }
#respond .comment-form-author { width: 31%; margin-right: 2% !important; float: left; position: relative; }
#respond .comment-form-email { width: 31%; margin-right: 2% !important; float: left; position: relative; }
#respond .comment-form-url { width: 33%; float: left; position: relative; }
#respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 91%; }
#respond .comment-form-comment { width: 98%; }
#respond .comment-form-comment textarea { width: 98%; margin-bottom: 10px; }
#respond .form-submit { overflow: hidden; }
#respond .form-submit input[type="submit"] { float: right !important; }
#respond .form-allowed-tags {}
#respond .form-allowed-tags code { margin-top: 10px; }


/* #Pager
================================================== */
.pager { overflow: hidden; padding: 10px; position: relative; height: 30px; border-top-width: 1px; border-top-style: solid; margin-top: 15px; }
.pager a.page { width: 32px; height: 32px; line-height: 32px; margin: 0 1px; display: inline-block; overflow: hidden; text-align: center; border-style: solid; border-width: 1px; }
.pager a.active, .pager a:hover.page { text-decoration: none; }
.pager a.active { font-weight: bold; }
.pager .next_page { position: absolute; right: 10px; top: 15px; font-weight: bold; }
.pager .prev_page { position: absolute; left: 10px; top: 15px; font-weight: bold; }


/* #Post
==================================================*/
.post { margin-bottom: 15px; overflow: hidden; }
.post .image { padding: 0px; line-height: 0; background: #f2f2f2; }
.post .desc { position: relative; padding-left: 165px; padding-top: 15px; z-index: 100; min-height: 126px;}
.post .desc.no_meta { padding-left: 0; }
.post .desc .r_meta { display: none; margin-bottom: 7px; }
.post .desc h3 { margin-bottom: 10px; }
.post .desc p.tags { margin-bottom: 0; }
.post .desc p.tags a { overflow: hidden; display: inline-block; height: 22px; font-size: 11px; padding-right: 8px; margin-right: 1px; }
.post .desc p.tags a span { padding-left: 8px; height: 22px; line-height: 22px; display: block; float: left; }
.post .desc .meta { width: 125px; position: absolute; left: 20px; top: -20px; text-align: center; position: absolute; }
.post .desc .meta .date { position: relative; }
.post .desc .meta .date i { position: absolute; left: 14px; top: 5px; display: block; font-size: 11px; }
.post .desc .meta .date .year { position: absolute; right: 14px; top: 5px; display: block; font-size: 11px; }
.post .desc .meta .date .day { font-size: 50px; line-height: 50px; display: block; padding-top: 18px; }
.post .desc .meta .date .month { display: block; padding-bottom: 10px; }
.post .desc .meta .comments { padding: 3px; }
.post .desc .footer { border-top-width: 1px; border-style: solid; padding-top: 15px; overflow: hidden; }
.post .desc .footer p.tags { float: left; }
.post .desc .footer a.button { float: right; border: 0; padding: 4px 15px; margin-bottom: 0; }

.post .image iframe { width: 100%; height:390px;}
.with_aside .post .image iframe { height:293px;}

.post .desc.no-post-thumbnail { padding-top: 0; }
.post .desc.no-post-thumbnail .meta { top: 0px; }


/* #Single Post
==================================================*/
.single-post .post { margin-bottom: 15px; }
.single-post .post .desc .share { margin-bottom: 20px; }
.single-post .post .desc .r_meta { margin-bottom: 10px; }
.single-post .desc.no_meta { padding-left: 0; }
.single-post .tag-cat { overflow: hidden; margin-bottom: 15px; border-bottom-width: 1px; border-style: solid; padding-bottom: 10px; }
.single-post .tag-cat .category { float: right; width: 49%; font-size: 13px; padding-top: 3px; text-align: right; }
.single-post .tag-cat .tags { float: left; width: 49%; }


/* #Single portfolio
================================================== */
.single-portfolio > .photo { padding: 2px; border-width: 1px; border-style: solid; line-height: 0; margin-bottom: 15px; }
.single-portfolio .photo iframe { width:100%; height:440px;}
.single-portfolio .sp-inside { overflow: hidden; }
.single-portfolio .sp-inside .sp-inside-left { float: left; margin-right: 20px; padding-top: 10px; }
.single-portfolio .sp-inside .sp-inside-right { float: left; border-left-width: 1px; border-left-style: solid; padding-left: 20px; padding-top: 10px; }
.single-portfolio .sp-inside .sp-inside-left dt { font-weight: bold; display: block; }
.single-portfolio .sp-inside .sp-inside-left dd { display: block; padding: 5px 0 10px 10px; }
.single-portfolio .sp-inside .sp-inside-left dd.date { font-style: italic; }
.single-portfolio .sp-inside .sp-inside-right footer { overflow: hidden; }
.single-portfolio .sp-inside .sp-inside-right footer .button { float: right; }

.single-portfolio .sp-inside .sp-inside-left { width: 180px; }
.single-portfolio .sp-inside .sp-inside-right { width: 739px; }

.with_aside .single-portfolio .photo iframe { height: 329px;}
.with_aside .single-portfolio .sp-inside .sp-inside-left { width: 180px; }
.with_aside .single-portfolio .sp-inside .sp-inside-right { width: 499px; }

/* #Call to action
================================================== */
.Call_to_action { margin-bottom: 0; border-bottom-width: 1px; border-bottom-style: solid; }
.Call_to_action h3 { float: left; margin: 30px 0; }
.Call_to_action a.button { float: right; margin-top: 25px; }

/* #Go to top
================================================== */
a#back_to_top { font-size: 35px; opacity: 0.2; line-height: 35px; display: block; position: absolute; z-index: 110; right: 0; top: 40px; margin-left: 480px; overflow: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
a:hover#back_to_top { text-decoration: none; opacity: 1; }

/* #Widgets
================================================== */
.widget { clear: both; margin-bottom: 15px; padding: 0 15px; }
.widget h3 { margin-bottom: 10px; }

.widget_search { position: relative; overflow: hidden; width: 190px; }
.widget_search form  { margin-bottom: 5px; position:relative; }
.widget_search form input[type="text"] { width: 140px; margin-bottom: 0; padding-right: 40px !important; }
.widget_search form input[type="submit"] { width: 34px; height: 31px; overflow: hidden; text-indent: -9999px; display: block; margin: 0; padding: 0 !important; border: 0; position: absolute; right: 0; top: 3px; -webkit-box-shadow: inset 0 0 0 0; box-shadow: inset 0 0 0 0; text-shadow: 0px 0px 0px; border: 0; }

.widget_categories ul { overflow: hidden; }
.widget_categories li { width: 50%; float: left; line-height: 24px; }

.widget_archive ul { overflow: hidden; }
.widget_archive li { width: 50%; float: left; line-height: 24px; }

.widget ul.menu { padding: 5px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05); }
.widget ul.menu li {}
.aside_right .widget ul.menu li { background: url("../images/submenu_shadow_left.png") repeat-y left top; }
.widget ul.menu li a { padding: 7px 25px 7px 10px; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative; }
.aside_right .widget ul.menu li a { padding-left: 15px; }
.widget ul.menu li a i { position: absolute; right: 10px; top: 10px; font-size: 12px; }
.widget ul.menu li a:hover { text-decoration: none; }
.widget ul.menu li.current_page_item { background: none; }
.widget ul.menu li.current_page_item a { font-weight: bold; }
.widget ul.menu li.last a { border-bottom: 0; }

.widget_links ul { padding: 0px; }
.widget_links ul li {}
.widget_links ul li a { padding: 5px 20px 5px 10px; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative; }
.widget_links ul li a i { position: absolute; right: 5px; top: 6px; font-size: 12px; }
.widget_links ul li a:hover { text-decoration: none; }
.widget_links ul li.current_page_item a { font-weight: bold; }
.widget_links ul li.last a { border-bottom: 0; }

.widget_meta ul { padding: 0px; }
.widget_meta ul li {}
.widget_meta ul li a { padding: 5px 20px 5px 10px; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative; }
.widget_meta ul li a i { position: absolute; right: 5px; top: 6px; font-size: 12px; }
.widget_meta ul li a:hover { text-decoration: none; }
.widget_meta ul li.current_page_item a { font-weight: bold; }
.widget_meta ul li.last a { border-bottom: 0; }

.widget_calendar td, .widget_calendar th { padding: 2px; } 
.widget_calendar caption { padding: 5px; font-weight: bold; }
#Footer .widget_calendar caption { background: none; }

.widget_mfn_tag_cloud {}
.widget_mfn_tag_cloud ul { margin-bottom: 0; overflow: hidden; }
.widget_mfn_tag_cloud ul li {margin: 0; padding: 0; float: left; margin: 0 5px 2px 0; }
.widget_mfn_tag_cloud a { overflow: hidden; white-space: nowrap; display: inline-block; height: 20px; text-shadow: 1px 1px 0 #fff; font-size: 11px; padding-right: 8px; margin-right: 1px; }
.widget_mfn_tag_cloud a:hover { text-decoration: none; }
.widget_mfn_tag_cloud a span { padding-left: 8px; height: 20px; line-height: 20px; display: block; float: left; }






/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Contents
==================================================
#Base 960 Grid
#Clearing */

/* #Base 960 Grid
================================================== */


.container .column,
.container .columns                         { float: left; display: inline; margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

/* Base Grid */
.container .one.columns                     { width: 60px;  }
.container .two.columns                     { width: 120px; }
.container .three.columns                   { width: 180px; }
.container .four.columns, .container .one-fourth.column                    { width: 240px; }
.container .five.columns                    { width: 300px; }
.container .six.columns                     { width: 360px; }
.container .seven.columns                   { width: 420px; }
.container .eight.columns, .container .one-second.column                   { width: 480px; }
.container .nine.columns                    { width: 540px; }
.container .ten.columns                     { width: 620px; }
.container .eleven.columns                  { width: 660px; }
.container .twelve.columns, .container .three-fourth.column                  { width: 720px; }
.container .thirteen.columns                { width: 780px; }
.container .fourteen.columns                { width: 840px; }
.container .fifteen.columns                 { width: 900px; }
.container .sixteen.columns, .container .one.column                 { width: 960px; }

.container .one-third.column                { width: 320px; }
.container .two-third.column				{ width: 640px; }

/* Subpage grid */
.with_aside #Content .container .one-third.column		{ width: 240px; }
.with_aside #Content .container .two-third.column		{ width: 480px; }

.with_aside #Content .container .one-fourth.column		{ width: 180px; }
.with_aside #Content .container .three-fourth.column		{ width: 540px; }

.with_aside #Content .container .one-second.column		{ width: 360px; }

.with_aside #Content .container .sixteen.columns, .with_aside #Content .container .one.column	{ width: 720px; }

/* The content */	
.container .the_content .one.column				{ width: 98% !important; margin-right: 1% !important; margin-left: 1% !important; }

.container .the_content .one-second.column		{ width: 48% !important; margin-right: 1% !important; margin-left: 1% !important; }

.container .the_content .one-third.column		{ width: 31.33% !important; margin-right: 1% !important; margin-left: 1% !important; }
.container .the_content .two-third.column		{ width: 64.66% !important; margin-right: 1% !important; margin-left: 1% !important; }

.container .the_content .one-fourth.column		{ width: 23% !important; margin-right: 1% !important; margin-left: 1% !important; }
.container .the_content .two-fourth.column		{ width: 48% !important; margin-right: 1% !important; margin-left: 1% !important; }
.container .the_content .three-fourth.column	{ width: 73% !important; margin-right: 1% !important; margin-left: 1% !important; }




/********************** Backgrounds **********************/

		
	
	

/********************** Fonts **********************/

 	body, button, input[type="submit"], input[type="reset"], input[type="button"],
	input[type="text"], input[type="password"], input[type="email"], textarea, select {
		font-family: Titillium Web, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	#menu > ul > li > a, a.button, input[type="submit"], input[type="reset"], input[type="button"], .ui-tabs .ui-tabs-nav li a, .post .desc .meta {
		font-family: Patua One, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h1 {
		font-family: Patua One, Arial, Tahoma, sans-serif;
		font-weight: 100;
	}
	
	h2 {
		font-family: Patua One, Arial, Tahoma, sans-serif;
		font-weight: 100;
	}
	
	h3 {
		font-family: Patua One, Arial, Tahoma, sans-serif;
		font-weight: 100;
	}
	
	h4 {
		font-family: Patua One, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h5 {
		font-family: Patua One, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h6 {
		font-family: Patua One, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}


/********************** Font sizes **********************/


	
/* Footer */
	#Footer {
		background-position: center top;
		background-repeat: repeat;
		background-image: url('https://qss.in/wp-content/themes/bretheon/images/overlays/10.png');
	    font-size: 90%;
	    line-height: 122%;
	}
	
	#Footer ul {
		list-style: none !important;
	}
/* Grey notes */

	.Recent_comments li span.date, .Latest_posts span.date {
		font-size: 92%;
	    line-height: 130%;
	}	

.widget h4 {
	font-size: 24px;
    line-height: 27px;
}
.Latest_posts{
	padding: 0;
}

/* Recent comments */
.Recent_comments {}
.Recent_comments ul { margin-bottom: 0 }
.Recent_comments ul li { padding: 10px 0; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 0; }
.Recent_comments ul li p strong { font-weight: normal; }
.Recent_comments ul li p a {}
.Recent_comments li span.date {}
.Recent_comments ul li p { margin-bottom: 0; display: block; overflow: hidden; padding-top: 4px; }
.Recent_comments ul li.last { border-bottom: 0; }
.Recent_comments ul li.first { padding-top: 0; }

/* Recent comments */
.Latest_posts {}
.Latest_posts ul { margin-bottom: 0; padding: 0;}
.Latest_posts ul li { padding: 10px 0; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 0; position: relative; }
.Latest_posts ul li .photo { width: 50px; height: 40px; position: absolute; left: 0; top: 10px; }
.Latest_posts ul li .photo span.comments { position: absolute; left: 5px; bottom: -5px; padding: 0 6px; font-size: 11px; height: 18px; line-height: 18px; text-align: center; display: block; }
.Latest_posts ul li .desc { padding-left: 60px; }
.Latest_posts ul li .desc.no_img { padding-left: 0px; }
.Latest_posts ul li p strong { font-weight: normal; }
.Latest_posts ul li h6 { margin-bottom: 6px; font-size: 13px; line-height: 16px; }
.Latest_posts ul li h6 a {}
.Latest_posts li span.date {}
.Latest_posts ul li p { margin-bottom: 0; display: block; overflow: hidden; }
.Latest_posts ul li.last { border-bottom: 0; }
.Latest_posts ul li.first { padding-top: 0; }
.Latest_posts ul li.first .photo { top: 0; }

/* Testimonial */
.testimonial { padding-right: 2px; }
.testimonial ul.slider > {}
.testimonial ul.slider > li {}
blockquote p { font-style: italic;}
blockquote blockquote { margin-bottom: 0; }
blockquote div.text {}
blockquote div.text p { padding: 15px 15px 15px 70px; font-size: 21px; line-height: 26px; margin-bottom: 0; font-family: Cambria, Georgia, serif; font-style: italic; }
blockquote p.author { font-size: 16px; line-height: 40px; padding-left: 70px; margin-bottom: 0; font-style:normal; }
blockquote p.author span { font-weight: bold; }
blockquote p.author a {}
blockquote p.author a:hover { text-decoration: none; }
.testimonial .rslides_tabs { position: relative; width: 100%; margin-top: 10px; padding-left: 50px; }
.testimonial .rslides_tabs li { display: inline-block; margin-right: 3px; }
.testimonial .rslides_tabs li a { width: 32px; height: 32px; line-height: 32px; text-align: center; display: block; overflow: hidden; border-width: 1px; border-style: solid; -webkit-border-radius: 32px; border-radius: 32px; }
.testimonial .rslides_tabs li a:hover { text-decoration: none; }
.testimonial .rslides_tabs li.rslides_here a { font-weight: bold; }
.testimonial .rslides li { width: 99%; }

/* Get in touch */
.get_in_touch {}
.get_in_touch h6 { margin-bottom: 7px; }
.get_in_touch li { overflow: hidden; }
.get_in_touch li.label { border-bottom-width: 1px; border-bottom-style: solid; font-size: 12px; margin-bottom: 2px; }
.get_in_touch .ico { display: block; width: 16px; height: 16px; overflow: hidden; text-indent: -9999px; float: left; margin-right: 7px; margin-top: 8px; clear: both; }
.get_in_touch i { display: block; width: 18px !important; height: 18px; overflow: hidden; float: left; margin-right: 3px; margin-top: 8px; clear: both; }
.get_in_touch p { display: block; float: left; margin: 0px; padding: 5px 0 7px 10px; }
.get_in_touch .address i { font-size: 18px; line-height: 18px; }
.get_in_touch .address p { font-size: 12px; line-height: 17px; font-weight: bold; }
.one-fourth .get_in_touch .address p { width: 177px; }
.get_in_touch .phone i { font-size: 18px; line-height: 18px; }
.get_in_touch .phone p { font-size: 17px; line-height: 22px; font-weight: bold; }
.get_in_touch .mail i { font-size: 17px; line-height: 17px;}
.get_in_touch .twitter i { margin-top: 7px; font-size: 17px; line-height: 17px; }
.get_in_touch li.last { border-bottom: 0; }


/* Latest twitter */
.Twitter {}
.Twitter ul { margin-bottom: 0 }
.Twitter ul li { padding: 10px 0 10px 0; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 0; }
.Twitter ul li p { margin-bottom: 0; }
.Twitter ul li span { font-weight: bold; padding-left: 23px; display: block; }
.Twitter ul li span a { padding: 3px 0 3px 0; }
.Twitter ul li a { font-style: italic; font-weight: normal; padding-left: 23px; }
.Twitter a.twitter_time { padding-left: 3px; }
.Twitter ul li.last { border-bottom: 0; }
.Twitter ul li.first { padding-top: 0; }
.Twitter ul li > a { font-style: normal; }

/* Flickr */
.Flickr { overflow: hidden; }
.Flickr .flickr_badge_image { margin: 0; padding: 0; float: left; margin: 0 2% 2% 0; }
.Flickr .flickr_badge_image a { display: block; line-height: 0; padding: 4px; border-width: 1px; border-style: solid; } 
.Flickr .flickr_badge_image a img {width: 49px; height: 49px; }

/* Recent work */
#Projects {}
.Projects .column { margin-bottom: 10px; }
.Projects .Projects_inside { margin-bottom: 15px; }
.Projects_inside { float: left; width: 100%; }
.Projects_header {}
.Projects_header h3 { float: left; width: 30%; }
.Projects_header .categories { width: 70%; float: right; }
.Projects_header .categories ul { float: right; margin-top: 4px; }
.Projects_header .categories ul li { float: left; margin: 0 2px; font-size: 13px; }
.Projects_header .categories ul li.label h6 { line-height: 28px; margin: 0 3px 0 0; }
.Projects_header .categories ul li a { display: block; padding: 2px 8px; overflow: hidden; margin-bottom: 2px; border-style: solid; border-width: 1px; }
.Projects_header .categories ul li a:hover, .Projects_header .categories li.current-cat a { text-decoration: none; }
.Projects_header .categories ul li.current-cat a { font-weight: bold; }

#Content .Projects_header .categories { width: 100%; float: none; }
#Content .Projects_header .categories ul { float: left; }

/* Portfolio item */
.portfolio_item .photo { padding: 4px; border-width: 1px; border-style: solid; line-height: 0; }
.portfolio_item .photo .photo_wrapper { position: relative; overflow: hidden; width: auto; height: auto; }
.portfolio_item .photo .photo_wrapper img { display: block; }
.portfolio_item .photo .photo_wrapper i { display: none; font-size: 70px; line-height: 70px; text-decoration: none; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -52px; }
.portfolio_item .photo .photo_wrapper p.title { display: none; font-size: 13px; line-height: 17px; text-decoration: none; position: absolute; left: 50%; top: 50%; margin-left: -90px; margin-top: 15px; width: 180px; text-align: center; font-weight: bold; }
.portfolio_item .photo .photo_wrapper a .mask { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.portfolio_item .photo .photo_wrapper a:hover { text-decoration: none; }
.portfolio_item .photo .photo_wrapper a:hover i { display: block; -webkit-animation: moveFromLeft 400ms ease; -moz-animation: moveFromLeft 400ms ease; -ms-animation: moveFromLeft 400ms ease; }
.portfolio_item .photo .photo_wrapper a:hover p.title { display: block; -webkit-animation: moveFromBottom 500ms ease;-moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; }
.portfolio_item .photo .photo_wrapper a:hover .mask { display: block; -webkit-animation: moveFromBottom 300ms ease;-moz-animation: moveFromBottom 300ms ease; -ms-animation: moveFromBottom 300ms ease; }

/* Isotope Filtering */
.isotope-item { z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}

/* Recent works */
.recent_works { overflow: hidden; }
.recent_works > ul > li { width: 50%; height: 152px; float: left; overflow:hidden;}
.one-fourth > .recent_works > ul > li { width:100%; }
.three-fourth > .recent_works > ul > li { width:33.333%; }
.one > .recent_works > ul > li { width:25%; }
.recent_works .header { padding: 15px; height: 100%; }
.recent_works .header a.button { margin-bottom: 0; display: inline-block; }
.recent_works h3 { margin-bottom: 10px; text-transform: uppercase; }

.da-thumbs li { position: relative; float:left; }
.da-thumbs li a,
.da-thumbs li a img { display: block; position: relative;}
.da-thumbs li a { overflow: hidden;}
.da-thumbs li a div { position: absolute; background: rgba(255,255,255,0.7); width: 100%; height: 100%; text-align: center; }
.da-thumbs li a div span { display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 23px; position: absolute; left: 50%; top: 50%; margin: -45px 0 0 -25px; background: #fff; -webkit-border-radius: 50px; border-radius: 50px; }
.da-thumbs li a div h6 { font-size: 15px; width: 180px; position: absolute; left: 50%; top: 50%; margin: 15px 0 0 -90px; }
.da-thumbs li a:hover, .da-thumbs li a { text-decoration: none; }

/* Our clients slider */
.Our_clients_slider {}
.Our_clients_slider ul { margin-bottom: 10px !important; }
.Our_clients_slider li { width: 100%; height: 145px !important; margin-right: 0 !important; line-height: 145px !important; text-align: center; }
.Our_clients_slider li img { vertical-align: middle; }
.Our_clients_slider a.Our_clients_slider_prev, .Our_clients_slider a.Our_clients_slider_next { display: block; overflow: hidden; width: 32px; height: 32px; line-height: 32px; margin: 0 2px; text-align: center; -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; border-style: solid; border-width: 1px; }
.Our_clients_slider a.Our_clients_slider_prev { float: left; position: relative; left: 50%; margin-left: -27px; }
.Our_clients_slider a.Our_clients_slider_next { float: left; position: relative; left: 50%; margin-left: 0px; }
.Our_clients_slider a.Our_clients_slider_prev {}
.Our_clients_slider a:hover.Our_clients_slider_prev { text-decoration: none; }
.Our_clients_slider a.Our_clients_slider_next {}
.Our_clients_slider a:hover.Our_clients_slider_next { text-decoration: none; }

/* Code & Pre */
code, pre {
	color: #595A5C;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 50%, #f2f2f2 50%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #ffffff 50%,#f2f2f2 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 50%,#f2f2f2 50%); /* Opera 11.10+ */
	background: linear-gradient(top,  #ffffff 50%,#f2f2f2 50%); /* W3C */
    background-size: 42px 42px;
	padding: 21px 15px 20px;
	display: block;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	line-height: 21px !important;
	border: 1px solid #EEEEEE;
	font-family: monospace !important;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* Alerts */
.alert_info, .alert_success, .alert_warning, .alert_error { padding: 10px 10px 10px 45px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-repeat: no-repeat; background-position: left center; }

.alert_info a, .alert_success a, .alert_warning a, .alert_error a { font-weight: bold; }
.alert_info { color: #163140; text-shadow: 1px 1px 0 #79c6f0; background: #4e7d97 url(../images/alerts/bg_information.png) repeat-x; }
.alert_info a { color: #163140 !important; }

.alert_success { color: #304403; text-shadow: 1px 1px 0 #daf592; background: #9ec844 url(../images/alerts/bg_success.png) repeat-x; }
.alert_success a { color: #304403 !important; }

.alert_warning { color: #3e1c00; text-shadow: 1px 1px 0 #feca6a; background: #e47b48 url(../images/alerts/bg_warning.png) repeat-x; }
.alert_warning a { color: #3e1c00 !important; }

.alert_error { color: #590000; text-shadow: 1px 1px 0 #f55252; background: #bc3c3c url(../images/alerts/bg_error.png) repeat-x; }
.alert_error a { color: #590000 !important; }

/* Text hightlight  */
.highlight { padding: 0 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* Video in article */
.article_video { margin-bottom: 15px; }

/* Links */
ul.links { padding: 15px 15px 8px 15px; border: 1px solid #E0DDDD; background: #F9F9F9; -webkit-box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.08); box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.08); }
.the_content ul.links { margin-bottom: 15px;}
ul.links li { padding-left: 23px; margin-bottom: 7px; background: url(../images/icons/ico_clip.png) no-repeat left center; }


/* Table */
table { width: 100%; margin-bottom: 15px; border-collapse: collapse; border-spacing: 0; }
table th, table tr td { padding: 14px; text-align: center; border-top-width: 1px; border-top-style: solid; }
table th { font-weight: normal; font-size:120%; border:none; }
table td {}
table tr.odd td {}

/* Lists */
ul.list, ol.list { margin-bottom: 15px; }
ul.list ul, ul.list ol, ol.list ul, ol.list ol { margin: 5px 0 5px 30px; }
ul.list li, ol.list li { margin-bottom: 5px; }

ul.list { list-style: disc outside; }
ul.list li { margin-left: 25px; }

ol.list { list-style: decimal outside; }
ol.list li { margin-left: 0px; }

ol.list_roman { list-style: upper-roman outside; }
ol.list_roman li { margin-left: 0px; }

ol.list_alpha { list-style: upper-alpha outside; }
ol.list_alpha li { margin-left: 0px; }

ul.list_tick { list-style: none; margin-left: 10px; }
ul.list_tick li { padding-left: 27px; margin-left: 0; background: url(../images/icons/list_tick.png) no-repeat 0 2px; }

ul.list_info { list-style: none; margin-left: 10px; }
ul.list_info li { padding-left: 27px; margin-left: 0; background: url(../images/icons/list_info.png) no-repeat 0 2px; }

ul.list_warning { list-style: none; margin-left: 10px; }
ul.list_warning li { padding-left: 27px; margin-left: 0; background: url(../images/icons/list_warning.png) no-repeat 0 2px; }

ul.list_plus { list-style: none; margin-left: 10px; }
ul.list_plus li { padding-left: 27px; margin-left: 0; background: url(../images/icons/list_add.png) no-repeat 0 2px; }

ul.list_minus { list-style: none; margin-left: 10px; }
ul.list_minus li { padding-left: 27px; margin-left: 0; background: url(../images/icons/list_delete.png) no-repeat 0 2px; }

ul.list_arrow { list-style: none; margin-left: 10px; }
ul.list_arrow li { padding-left: 27px; margin-left: 0; background: url(../images/icons/list_arrow.png) no-repeat 0 2px; }

ul.list_help { list-style: none; margin-left: 10px; }
ul.list_help li { padding-left: 27px; margin-left: 0; background: url(../images/icons/list_help.png) no-repeat 0 2px; }
										
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }

/* Dropcaps */
.dropcap { width: 60px; height: 60px; float: left; font-size: 60px; line-height: 60px; text-align: center; font-weight: bold; display: inline-block; }

.dropcap_circle {
	font-size: 35px; width: 50px; height: 50px; font-size: 35px; line-height: 50px; margin: 5px;
	background-repeat: no-repeat;
	background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
	background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
	background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
	background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
	background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.15));
	border: 1px solid rgba(0, 0, 0, 0.15);
	-ms-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	-o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
	text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px;
	-moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px;
}

/* Clients */
.clients { overflow: hidden; }
.clients li { padding: 10px; width: 213px; height: 110px; overflow: hidden; float: left; position: relative; text-align: center; margin-bottom: 10px; line-height: 100px; }
.clients li img { vertical-align: middle; }

/* #Gallery
================================================== */
.gallery .gallery-item { width: 23% !important; margin-right: 2% !important;  }
.gallery .gallery-item .gallery-icon { overflow: hidden; padding: 2px; border-width: 1px; border-style: solid; line-height: 0; }
.gallery .gallery-item img { border: 0 !important; line-height: 0; display: block; }

/* Image frames */
.wp-caption { display: inline-block; line-height: 0; }
.wp-caption.scale-with-grid { max-width:100%;}
.wp-caption a { line-height: 0; display: block; position: relative; overflow: hidden; z-index: 1; }
.wp-caption a img { padding:0; }
.wp-caption .wp-caption-text { display: block; font-size: 13px; text-align: center; margin:0; padding: 8px 0 6px; line-height: normal; }
.wp-caption.no-border .photo { background: none !important; }

.alignleft { float: left; margin: 15px 15px 15px 0px; }
.alignright { float: right; margin: 15px 0px 15px 15px; }
.aligncenter { text-align: center; margin: 15px auto; display:block; }
.aligncenter img { display: inline; }
.sticky, .gallery-caption, .bypostauthor { }

/* Portfolio item */
.wp-caption.border .photo, .wp-caption.border > img, .wp-caption.border > a > img { line-height: 0; }
.wp-caption .photo .photo_wrapper { position: relative; overflow: hidden; width: auto; height: auto; }
.wp-caption .photo .photo_wrapper img { display: block; }
.wp-caption .photo .photo_wrapper i { display: none; font-size: 70px; line-height: 70px; text-decoration: none; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; }
.wp-caption .photo .photo_wrapper p.title { display: none; font-size: 13px; line-height: 17px; text-decoration: none; position: absolute; left: 50%; top: 50%; margin-left: -90px; margin-top: 15px; width: 180px; text-align: center; font-weight: bold; }
.wp-caption .photo .photo_wrapper a .mask { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.wp-caption .photo .photo_wrapper a:hover i { display: block; -webkit-animation: moveFromLeft 400ms ease; -moz-animation: moveFromLeft 400ms ease; -ms-animation: moveFromLeft 400ms ease; }
.wp-caption .photo .photo_wrapper a:hover p.title { display: block; -webkit-animation: moveFromBottom 500ms ease;-moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; }
.wp-caption .photo .photo_wrapper a:hover .mask { display: block; -webkit-animation: moveFromRight 300ms ease;-moz-animation: moveFromRight 300ms ease; -ms-animation: moveFromRight 300ms ease; }

/* Pricing box */
.pricing-box { border-width: 1px; border-style: solid; margin-top: 7px; box-shadow: 0px 0px 0px #ebebeb; overflow: hidden; }
.pricing-box .plan-header { text-align: center; margin-bottom: 7px; }
.pricing-box .plan-header h3 { margin-bottom: 0; padding: 11px 5px 20px; font-size: 30px; line-height: 30px; margin: 0 15px; }
.pricing-box .plan-header p { display: none; }
.pricing-box .plan-header .price { font-size: 45px; line-height: 40px; padding-bottom: 19px; }
.pricing-box .plan-header .price sup { font-size: 20px; font-weight: 100; opacity: 0.5; filter: alpha(opacity=50); }
.pricing-box .plan-header .period { padding-bottom: 7px; background: #F8F8F8; margin-bottom: 3px; }
.pricing-box .plan-header .period a.button { margin-bottom: 10px; }
.pricing-box .plan-inside { padding-bottom: 10px; }
.pricing-box .plan-inside ul { margin: 0 10px; }
.pricing-box .plan-inside ul li { text-align: center; padding: 5px; border-bottom-width: 1px; border-bottom-style: solid; }
.pricing-box .plan-inside ul li.last { border: 0; }
.pricing-box .plan-footer { padding: 8px 5px; }
.pricing-box .plan-footer a.button { margin-bottom: 0; }
.pricing-box-featured { margin-top: 0; }
.pricing-box-featured .plan-header h3 { font-size: 35px; line-height: 35px; padding-top: 13px; }
.pricing-box-featured .plan-header .price { font-size: 50px; line-height: 45px; padding-top: 2px; }
.pricing-box-featured .plan-header .period { padding-bottom: 9px; }
.pricing-box-featured .plan-footer { padding: 10px 5px; }

/* Team */
.team { text-align: center; padding: 0px; position: relative; }
.team .photo { overflow: hidden; margin-bottom: 6px; position: relative; }
.team .photo .links { position: absolute; right: 10px; bottom: 10px; }
.team .photo .links a.link { background: #000; width: 32px; height: 32px; line-height: 32px; display: inline-block; overflow: hidden; text-align: center; }
.team .photo .links a:hover.link  { text-decoration: none; }
.team h4 { margin-bottom: 1px; font-size: 18px; line-height: 20px; }
.team p { margin-bottom: 8px; }


/* Our team */
.offer { position: relative; }
.offer .header, .offer .box { border-right-width: 1px; border-style: solid; }
.offer .header { height: 220px; padding: 0 40px 0 15px; text-align: right; }
.offer .header h2 { margin-bottom: 0; font-size: 53px; line-height: 53px; }
.offer .header h3 { margin-bottom: 0px; font-size: 33px; line-height: 33px; padding: 40px 20px 0 0; }
.offer a.Offer_slider_prev, 
.offer a.Offer_slider_next { width: 32px; height: 32px; line-height: 32px; text-align: center; display: block; overflow: hidden; border-width: 1px; border-style: solid; }
.offer.offer-no-pager a.Offer_slider_prev,
.offer.offer-no-pager a.Offer_slider_next { display:none;} 
.offer a:hover.Offer_slider_prev, 
.offer a:hover.Offer_slider_next { text-decoration: none; }
.offer a.Offer_slider_prev { position: absolute; left: 135px; top: 140px; }
.offer a.Offer_slider_next { position: absolute; left: 173px; top: 140px; }
.offer .box { padding: 10px 15px; text-align: center; }
.offer .box .ico { height: 115px; line-height: 115px; margin-bottom: 10px; }
.offer .box .ico a { display: block; }
.offer .box .ico a img { vertical-align: middle; }
.offer .box h5 { margin-bottom: 10px; }
.offer .box h5 a:hover { text-decoration: none; }
.offer .box p { margin-bottom: 0; }
.offer .column { margin-bottom: 0; }

.with_aside .our-offer .boxes { width: 230px; }
.with_aside .our-offer .box { width: 210px; }
.with_aside .our-offer .illustration { width: 200px; margin-top: 45px; }


/* Article box */
.article_box { overflow: hidden; }
.article_box .photo { width: 50%; height: 200px; float: left; line-height: 0; }
.article_box .desc { width: 44%; height: 170px; padding: 15px 3%; float: left; }
.article_box .desc h6 { margin-bottom: 10px; text-transform: uppercase; opacity: 0.5; filter: alpha(opacity=50); }
.article_box .desc h3 { margin-bottom: 10px; text-transform: uppercase; }
.article_box a.button { margin-bottom: 0; }

/* Call to action */
.call_to_action {}
.call_to_action .inside { padding: 10px 265px 10px 20px; position: relative; }
.call_to_action h4 { margin: 18px 0 18px; font-size: 21px; line-height: 24px; text-transform: uppercase; }
.call_to_action h4 span { font-weight: normal; }
.call_to_action a.button { position: absolute; right: 15px; top: 17px; padding: 15px 31px; font-size: 18px; }

/* #FAQ
================================================== */
.mfn-acc { padding: 10px 10px 0; overflow:hidden; }

.faq .question { margin-bottom: 10px; }
.faq .question h5 { margin: 0px; cursor: pointer; padding: 15px 15px 15px 45px; font-size: 15px; line-height: 17px; position: relative; border-width: 1px 1px 0; border-style: solid; }
.faq .question h5 span.icon { width: 18px; height: 18px; overflow: hidden; position: absolute; left: 16px; top: 15px; }
.faq .question .answer { padding: 10px 15px 10px 45px; }
.faq .first h5 { border-top: 0; }
.faq .active h5 { border: 0; }

.accordion .question { margin-bottom: 10px; }
.accordion .question h5 { margin: 0px; cursor: pointer; padding: 15px 15px 15px 45px; font-size: 15px; line-height: 17px; position: relative; border-width: 1px 1px 0; border-style: solid; }
.accordion .question h5 span.icon { width: 18px; height: 18px; background: #000; overflow: hidden; position: absolute; left: 16px; top: 15px; }
.accordion .question .answer { padding: 10px 15px 10px 45px; overflow: hidden; }
.accordion .first h5 { border-top: 0; }
.accordion .active h5 { border: 0; }

/* Offer page */
.offer-page {}
.offer-page .offer-item { overflow: hidden; margin-bottom: 10px; }
.offer-page .offer-item .photo { width: 25%; text-align: center; }
.offer-page .offer-left .photo { float: left; margin-right: 2%; }
.offer-page .offer-right .photo { float: right; margin-left: 2%; }
.offer-page .offer-item .desc { width: 73%; float: left; padding: 0 0 10px; }

/* Our clients slider */
.widget_mfn_clients { overflow: hidden; }
.widget_mfn_clients ul { margin-bottom: 10px !important; }
.widget_mfn_clients li { width: 100%; height: 100px !important; margin-right: 0 !important; line-height: 100px !important; text-align: center; }
.widget_mfn_clients li img { vertical-align: middle; display: inline-block; float: none; width: auto; }
.widget_mfn_clients a.rslides_nav { display: block; overflow: hidden; width: 32px; height: 32px; text-align: center; line-height: 32px; border-width: 1px; border-style: solid; }
.widget_mfn_clients a:hover.rslides_nav { text-decoration: none; }
.widget_mfn_clients a.prev { float: left; position: relative; left: 50%; margin-left: -35px; }
.widget_mfn_clients a.next { float: left; position: relative; left: 50%; margin-left: 3px; }
.widget_mfn_clients a.prev { background-position: 0px 0px !important; }
.widget_mfn_clients a:hover.prev { background-position: 0px -12px !important; }
.widget_mfn_clients a.next { background-position: -27px 0px !important; }
.widget_mfn_clients a:hover.next { background-position: -27px -12px !important; }


/* Addons */
#Header .addons {
	background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/header_addons.png") repeat-x left top;
}

/* Twitter */
.Twitter ul li span { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/icons/ico_twitter.png") no-repeat left 5px; }

/* Portfolio & Captions mask */
.portfolio_item .mask, .wp-caption .mask { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/photo_overlay.png") no-repeat left top; }

/* Search */
#Top_bar #searchform input[type="submit"], .widget_search form input[type="submit"] { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/search_submit.png") no-repeat }

/* Slider */
#mfn-offer-slider .rslides_nav.next { background: #000 url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/slider_next.png") no-repeat center center; }
#mfn-offer-slider .rslides_nav.prev { background: #000 url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/slider_prev.png") no-repeat center center; }

/* Recent comments */
.Latest_posts ul li .photo span.comments { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/comments.png") repeat-x left top; color: #fff; text-shadow: 1px 1px 0 #3881c3; }

/* Call to action */
.call_to_action {}

/* Blockquote */
blockquote div.text { background: #f8f8f8; text-shadow: 1px 1px 0 #fff; }
blockquote div.text p { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/blockquote.png") no-repeat 20px 15px; }
blockquote p.author { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/blockquote_arrow.png") no-repeat 30px top; }

/* Menu */
#Header #menu > ul > li ul .arrow { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/menu_arrow.png") no-repeat; }

/* Faq */
.faq h5 { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/bg_tabs.png") repeat-x top left; }
.faq .question h5 span.icon { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/faq_inactive.png") no-repeat; }
.faq .active h5 span.icon { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/faq_active.png") no-repeat; }

/* Accordion */
.accordion .question h5 span.icon { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/accordion_plus.png") no-repeat; }
.accordion .active h5 span.icon { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/accordion_minus.png") no-repeat; }
.accordion h5 { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/bg_tabs.png") repeat-x top left; }

/* Pricing box */
.pricing-box .plan-header { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/pricing_bg.png") no-repeat bottom center; }
.pricing-box .plan-header h3 { color: #fff; background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/hr_white.png") repeat-x left bottom; }
.pricing-box .plan-header .price { color: #b4e9f8; }
.pricing-box-featured .plan-header { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/pricing_bg_featured.png") no-repeat bottom center; }
.pricing-box .plan-header .price { color: #b4e9f8; }

/* Tags */
.post .desc p.tags a, .widget_mfn_tag_cloud a { color: #767676 !important; background: #F8F8F8; text-shadow: 1px 1px 0 #fff; border: 1px solid #E8E8E8; }
.post .desc p.tags a span, .widget_mfn_tag_cloud a span { background: #F8F8F8; }
.post .desc p.tags a:hover, .widget_mfn_tag_cloud a:hover { color: #1b1b1b !important; border: 1px solid #d5d5d5; }
.post .desc p.tags a:hover span, .widget_mfn_tag_cloud a:hover span {}

/* Our team */
.team .photo .links a { color: #fff; }
.team .photo .links a:hover i { opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.team .photo .links a.link_1 { background: #53a3e0; }
.team .photo .links a.link_2 { background: #4790c7; }
.team .photo .links a.link_3 { background: #3a7eb1; }
.team .photo .links a.link_4 { background: #326e9b; }

/* Tabs */
.ui-tabs .ui-tabs-nav li a { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/bg_tabs.png") repeat-x top left; }

/*  */
.widget_calendar caption { background: url(../../ui/images/bg_widget_header.png) no-repeat 0 0; }

/* Footer */
#Footer .bottom_addons { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/hr.png") repeat-x left top !important; }

/* HR */
hr { background: url("https://qss.in/wp-content/themes/bretheon/css/skins/blue/images/hr.png") repeat-x left top; }


@font-face {
    font-family: 'Socialico';
    src: url('https://qss.in/wp-content/themes/bretheon/fonts/socialico-webfont.eot');
    src: url('https://qss.in/wp-content/themes/bretheon/fonts/socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://qss.in/wp-content/themes/bretheon/fonts/socialico-webfont.woff') format('woff'),
         url('https://qss.in/wp-content/themes/bretheon/fonts/socialico-webfont.ttf') format('truetype'),
         url('https://qss.in/wp-content/themes/bretheon/fonts/socialico-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* #Tablet (Landscape)
================================================== Skeleton */
/* Note: Design for a width of 768px - 959px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	body { min-width:0;}
	
    .container                                  { width: 728px; }
	.container .one-fourth.column,
	.container .four.columns					{ width: 182px; }
	.container .one-second.column				{ width: 364px; }
	.container .three-fourth.column				{ width: 546px; }
    .container .sixteen.columns,
	.container .one.column                		{ width: 728px; }
    .container .one-third.column                { width: 242px; }
    .container .two-third.column				{ width: 484px; }

	/* Subpage grid */
	.with_aside #Content .container .one-third.column		{ width: 182px; }
	.with_aside #Content .container .two-third.column		{ width: 364px; }
	.with_aside #Content .container .one-fourth.column		{ width: 136px; }
	.with_aside #Content .container .three-fourth.column	{ width: 410px; }
	.with_aside #Content .container .one-second.column		{ width: 273px; }
	
	.with_aside #Content .container .sixteen.columns,
	.with_aside #Content .container .one.column				{ width: 546px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 48px; }
    .container .offset-by-two                   { padding-left: 96px; }
    .container .offset-by-three                 { padding-left: 144px; }
    .container .offset-by-four                  { padding-left: 192px; }
    .container .offset-by-five                  { padding-left: 240px; }
    .container .offset-by-six                   { padding-left: 288px; }
    .container .offset-by-seven                 { padding-left: 336px; }
    .container .offset-by-eight                 { padding-left: 384px; }
    .container .offset-by-nine                  { padding-left: 432px; }
    .container .offset-by-ten                   { padding-left: 480px; }
    .container .offset-by-eleven                { padding-left: 528px; }
    .container .offset-by-twelve                { padding-left: 576px; }
    .container .offset-by-thirteen              { padding-left: 624px; }
    .container .offset-by-fourteen              { padding-left: 672px; }
    .container .offset-by-fifteen               { padding-left: 720px; }
}


/* #Tablet (Portrait)
================================================== Skeleton */
/* Note: Design for a width of 768px */

@media only screen and (max-width: 767px) {
	body { min-width:0;}
	
   /* .container { width: 260px; } */
    .container .columns,
    .container .column { margin: 0; margin-bottom: 20px; }

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-third.column  { width: 260px !important; }

    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen { padding-left: 0; }
	
	/* Subpage grid */
	#Content .container .one-third.column, 
	#Footer .container .one-third.column	{ width: 260px !important; clear: both; }
	#Content .container .two-third.column, 
	#Footer .container .two-third.column	{ width: 260px !important; clear: both; }
	#Content .container .one-fourth.column, 
	#Footer .container .one-fourth.column	{ width: 260px !important; clear: both; }
	#Content .container .three-fourth.column, 
	#Footer .container .three-fourth.column	{ width: 260px !important; clear: both; }
	#Content .container .one-second.column, 
	#Footer .container .one-second.column	{ width: 260px !important; clear: both; }
	#Content .container .sixteen.columns, 
	#Footer .container .sixteen.columns		{ width: 260px !important; }

	
	/* The content */
	.the_content_wrapper 							{ margin-right: 0 !important;; margin-left: 0 !important; }
	.container .the_content .one.column				{ width: 100% !important; margin-right: 0% !important; margin-left: 0 !important; }
	
	.container .the_content .one-second.column		{ width: 100% !important; margin-right: 0% !important; margin-left: 0 !important; }
	
	.container .the_content .one-third.column   	{ width: 100% !important; margin-right: 0% !important; margin-left: 0 !important; }
	.container .the_content .two-third.column   	{ width: 100% !important; margin-right: 0% !important; margin-left: 0 !important; }
	
	.container .the_content .one-fourth.column		{ width: 100% !important; margin-right: 0% !important; margin-left: 0 !important; }
	.container .the_content .three-fourth.column	{ width: 100% !important; margin-right: 0% !important; margin-left: 0 !important; }
}


/* #Mobile (Landscape)
================================================== Skeleton */
/* Note: Design for a width of 480px - 767px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    
	.container { width: 380px; }
    .container .columns,
    .container .column { margin: 0; margin-bottom: 20px; }

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-third.column { width: 380px !important; }
	
	
	/* Subpage grid */
	#Content .container .one-third.column, #Footer .container .one-third.column    { width: 380px !important; clear: both; }
	#Content .container .two-third.column, #Footer .container .two-third.column   { width: 380px !important; clear: both; }
	#Content .container .one-fourth.column, #Footer .container .one-fourth.column    { width: 380px !important; clear: both; }
	#Content .container .three-fourth.column, #Footer .container .three-fourth.column    { width: 380px !important; clear: both; }
	#Content .container .one-second.column, #Footer .container .one-second.column    { width: 380px !important; clear: both; }
	#Content .container .sixteen.columns, #Footer .container .sixteen.columns     { width: 380px !important; }
	
	
	/* Respond */
	#respond .comment-form-author { width: 100%; margin-right: 0%; float: none; }
	#respond .comment-form-email { width: 100%; margin-right: 0%; float: none; }
	#respond .comment-form-url { width: 100%; float: none; }
	#respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 94%; }
	#respond .comment-form-comment textarea { width: 96%; }
	#comments .commentlist .children { margin-left: 0px; padding-left: 30px; }
	#respond .required { right: 15px; }
	
}
	

/* #Media Queries
================================================== Custom */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#Wrapper { width: 768px; }
	#Header #logo { position:static;}
	
	#Header .addons p.phone { background: none; }
	#Header .addons p.mail { display: none; }

	#Content .content { width: 748px; }
	.with_aside #Content .content { width: 546px; }
	
	/* Slider */
	#mfn-offer-slider ul.slider-wrapper { height: 258px;}
	#mfn-offer-slider ul.slider-wrapper > li,
	#mfn-offer-slider ul.slider-wrapper > li .slide-wrap  { height:258px;}
	#mfn-offer-slider ul.slider-wrapper > li .slide-desc h2 { font-size:34px; line-height:34px;}
	#mfn-offer-slider ul.slider-wrapper > li .slide-desc p { font-size:13px; line-height:15px;}
	#mfn-offer-slider ul.slider-wrapper > li .slide-img iframe { width:364px; height:258px;}
	
	/* Menu */
	#Header #menu { display: none; }
	#menu_responsive { display: block; }
	#menu_responsive select { margin-bottom:0; }
	
	.aside_left #Subheader .sixteen { width: 545px; padding-left: 182px; }
	.aside_right #Subheader .sixteen { width: 545px; }

	/* Projects */
	.Projects_header h3 { float: none; width: 100%; }
	.Projects_header .categories { width: 100%; float: none; }
	.Projects_header .categories ul { float: left; }
	
	/* Article box */
	.article_box .photo { width: 50%; height: 150px; }
	.article_box .desc { width: 44%; height: 130px; padding: 10px 3%; }
	.article_box .desc h3 { font-size: 20px; line-height: 20px; }
	.article_box .desc h6 { font-size: 13px; line-height: 15px; margin-bottom: 5px; }
	
	/* Recent posts */
	.Latest_posts ul li .photo { display: none; }
	.Latest_posts ul li .desc { padding-left: 0px; }
	
	/* Get in touch */
	.one-fourth .get_in_touch .address p, .one-fourth .get_in_touch .phone p, .get_in_touch p { padding-left: 0; }
	.get_in_touch .phone p { font-size: 15px; }
	.get_in_touch i { display: none; }
	
	/* Recent works */
	.recent_works > ul > li { width: 182px; height: 115px; }
	.recent_works h3 { font-size: 20px; line-height: 20px; }
		
	/* Flickr */
	.Flickr .flickr_badge_image a img {width: 31px !important; height: 31px !important; }
	
	/* Contact form */
	.one .contact_form input[type="text"] { width: 200px; }
	.one .contact_form textarea { width: 675px; }
	.with_aside .one .contact_form input[type="text"] { width: 140px; }
	.with_aside .one .contact_form textarea { width: 494px; }
	
	.three-fourth .contact_form input[type="text"] { width: 140px; }
	.three-fourth .contact_form textarea { width: 494px; }
	.with_aside .three-fourth .contact_form input[type="text"] { width: 94px; }
	.with_aside .three-fourth .contact_form textarea { width: 357px; }
	
	.two-third .contact_form input[type="text"] { width: 119px; }
	.two-third .contact_form textarea { width: 432px; }
	.with_aside .two-third .contact_form input[type="text"] { width: 79px; }
	.with_aside .two-third .contact_form textarea { width: 312px; }
	
	.one-second .contact_form input[type="text"] { width: 79px; }
	.one-second .contact_form textarea { width: 311px; }
	.with_aside .one-second .contact_form input[type="text"] { width: 221px; margin-right: 0; }
	.with_aside .one-second .contact_form textarea { width: 221px; height: 100px; }
	
	.one-third .contact_form input[type="text"] { width: 190px; margin-right: 0; }
	.one-third .contact_form textarea { width: 190px; }
	.with_aside .one-third .contact_form input[type="text"] { width: 130px; margin-right: 0; }
	.with_aside .one-third .contact_form textarea { width: 130px; height: 100px; }
	
	.one-fourth .contact_form input[type="text"] { width: 130px; margin-right: 0; }
	.one-fourth .contact_form textarea { width: 130px; height: 100px; }
	.with_aside .one-fourth .contact_form input[type="text"] { width: 84px; margin-right: 0; }
	.with_aside .one-fourth .contact_form textarea { width: 84px; height: 70px; }
	
	/* Blog */
	
	/* Widgets */
	.widget_archive li { float: none; width: 100%; }

	
	/* Search */
	.widget_search { width: 132px; }
	.widget_search form input[type="text"] { width: 80px; }
	
	/* Portfolio details */
	.single-portfolio .sp-inside .sp-inside-left { width: 150px; }
	.single-portfolio .sp-inside .sp-inside-right { width: 535px; }
	
	.with_aside .single-portfolio .sp-inside .sp-inside-left { width: 150px; }
	.with_aside .single-portfolio .sp-inside .sp-inside-right { width: 350px; }
	
	/* Call to action */
	.call_to_action .inside { height: auto !important; }
	.call_to_action h4 {}
	.call_to_action a.button {}
	
	/* Team */
	.one-third .team .photo .team-overlay { width: 236px; }
	.one-fourth .team .photo .team-overlay  { width: 172px; }
	
	/* Offer */
	.offer .header { padding: 0 15px; }
	.offer .header h3 { font-size: 30px; line-height: 30px; }
	.offer .header h2 { font-size: 47px; line-height: 47px; }
	.offer a.Offer_slider_next { left: 133px; }
	.offer a.Offer_slider_prev { left: 95px; }
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	#Content .content { width: 420px; margin: 0 0 20px; }
	.with_aside .content { width: 420px !important; margin: 0 0 20px; float: none; }
	
	#Subheader .sixteen { padding-left: 0 !important; }
	#Subheader h1 { font-size: 40px; line-height: 40px; }
	
	.widget-area { top: 0 !important; }
	.the_content_wrapper { margin-bottom: 0; }
	
	.inner-padding { padding: 0 0px; }
	
	#Error_404 { padding-top: 0px; }

	/* Header */
	#Header #logo { width: 100%; text-align: center; margin: 10px 0; position: static; float: none; padding: 20px 0 }
	#Header .addons { position: static; }
	#Header .addons > .social { float: none; clear: both; background: none; padding: 10px 0px 0px; overflow: hidden; text-align: center; }
	#Header .addons > .social li { display: inline-block; float: none; margin: 1px; }
	#Header .addons p.phone { display: none; float: none; clear: both; background: none; padding: 5px 0; text-align: center; margin-bottom: 0; }
	#Header .addons p.mail { display: none; float: none; clear: both; background: none; padding: 5px 0; text-align: center; margin-bottom: 0; }

	/* Menu */
	#Header #menu { display: none; }
	#menu_responsive { display: block; margin: 0px 0 0px; float: none; }
	#menu_responsive select { width: 100%; }

	/* Projects */
	.Projects_header h3 { float: none; width: 100%; }
	.Projects_header .categories {  width: 100%; float: none; }
	.Projects_header .categories ul { float: left; }
	
	/* Article box */
	.article_box .photo, .article_box .desc { width: 100%; height: auto; float: none; }
	
	/* Recent works */
	.recent_works > ul > li { width: 380px; height: 253px; }
	.recent_works .header_li { height: auto !important; }
	
	/* Flickr */
	.Flickr .flickr_badge_image { width: 18% !important; }
	.Flickr .flickr_badge_image a img {width: 53px !important; height: 53px !important; }	
		
	/* Menu */
	#menu_responsive { display: block; }			
	#menu_responsive select {  margin: 0 auto; }
	#Header #logo { margin: 0; }
	#Header #logo img { vertical-align: middle; }
	
	/* Tabs */
	.ui-tabs .ui-tabs-nav li { float: none !important; top: 1px; margin: 0; width: 100%; overflow: hidden; }
	.ui-tabs .ui-tabs-nav li a { float: none; padding: 0px !important; width: 360px !important; text-align: center; }
	
	/* Clients */
	.clients li { width: 100% !important; padding: 0 !important; }
	
	/* Contact form */
	.contact_form input[type="text"] { width: 358px !important; margin-right: 0 !important; }
	.contact_form textarea { width: 358px !important; }
	
	/* Blog */
	.post .desc { padding-left: 0px; }
	.post .desc .meta { display: none; }
	.post p.tags { display: block; }
	.post .desc .footer { padding-top: 10px; }
	.post .desc .tag-cat { margin-bottom: 7px; }
	.post .desc .r_meta { display: block; }
	.post .desc.no_meta .r_meta { display: none; }
	
	/* Search */
	.widget_search { width: 350px; }
	.widget_search form input[type="text"] { width: 300px; }
	
	/* Get in touch */
	.get_in_touch .inside { padding: 0; }
	.get_in_touch .address p, .get_in_touch .phone p { width: auto; }
	
	/* Blog details */
	.single-post .post .meta { overflow: hidden; width: 100%; margin-bottom: 0px; }
	.single-post .post .meta .date { border-bottom-width: 0px; float: left; margin-right: 10px; padding: 0; }
	.single-post .post .meta .date .day { font-weight: bold; font-size: 13px; line-height: 21px; display: inline; }
	.single-post .post .meta .date .month { font-size: 13px; line-height: 21px; }
	.single-post .post .meta .category { float: left; padding: 0; border: 0; margin-right: 10px; margin-bottom: 0; }
	.single-post .post .meta .category br { display: none; }
	.single-post .post .meta .category a { margin-right: 3px; }
	.single-post .post .meta .comments { float: left; line-height: 21px; margin-top: 0; }
	
	/* Portfolio details */
	.single-portfolio .sp-inside .sp-inside-left { width: 380px; float: none; margin-right: 0; margin-bottom: 20px; padding-top: 0px; }
	.single-portfolio .sp-inside .sp-inside-right { width: 380px; float: none; border-left: 0; padding-left: 0; padding-top: 0px; }
	
	.with_aside .single-portfolio .sp-inside .sp-inside-left { width: 380px; float: none; margin-right: 0; margin-bottom: 20px; }
	.with_aside .single-portfolio .sp-inside .sp-inside-right { width: 380px; float: none; border-left: 0; padding-left: 0; }

	.single-portfolio .sp-inside .sp-inside-left dt { font-weight: bold; display: inline-block; clear: both; width: 30%; padding: 3px 0; }
	.single-portfolio .sp-inside .sp-inside-left dd { display: inline-block; padding: 0; width: 65%; padding: 3px 0; }

	/* Call to action */
	.call_to_action .inside { padding: 15px 20px 15px 20px; text-align: center; height: auto !important; }
	.call_to_action h4 { margin: 0px 0 15px; font-size: 24px; line-height: 27px; }
	.call_to_action a.button { position: static; margin-bottom: 0; }
	
	/* Team */
	.team .photo .team-overlay { width: 420px !important; }
	
	/* Offer */
	.offer { padding-bottom: 45px; }
	.offer .header { text-align: center; height: auto; padding: 0; }
	.offer .header, .offer .box { border-right: 0; }
	.offer .header h3, .offer .header h2 { display: inline-block; padding: 5px 3px; font-size: 40px; line-height: 40px; }
	.offer .jcarousel-skin-tango { clear: both; }
	.offer .one-fourth.column, .offer .one-fourth.column { clear: none !important; margin-bottom: 5px; }
	.offer a.Offer_slider_prev { bottom: 0; top: auto; left: 150px; }
	.offer a.Offer_slider_next { bottom: 0; top: auto; left: 190px; }
	
	/* Footer */
	#Footer .bottom_addons .social { float: none; width: 100%; text-align: center; margin-bottom: 10px; }
	#Footer .bottom_addons .social li { display: inline-block; float: none; }
	
	#Footer .bottom_addons .menu_bottom { float: none; width: 100%; text-align: center; }
	#Footer .bottom_addons .menu_bottom > ul > li { display: inline-block; float: none; }
	
	.footer-included #Footer .container .column .widget { border-right: 0; }
	
	/* Offer */
	.offer.offer-no-pager a.Offer_slider_prev,
	.offer.offer-no-pager a.Offer_slider_next { display:block;} 

	.offer-page .offer-item { margin-bottom: 5px; }
	.offer-page .offer-item .photo { float: none; width: 100%; margin: 0; }
	.offer-page .offer-item .desc { float: none; width: 100%; }
	
	/* Widgets */
	#Footer .container .column { background: none; }
	
	#Footer .copyrights { padding-top: 55px !important; }
	a#back_to_top { right: 50%; margin-right: -16px; top: 10px; }

}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#Wrapper { width: 420px; }
	.widget-area { margin: 15px 0 0 !important; }
		
	/* Slider */
	#mfn-offer-slider ul.slider-wrapper { height: 134px;}
	#mfn-offer-slider ul.slider-wrapper > li,
	#mfn-offer-slider ul.slider-wrapper > li .slide-wrap  { height:134px;}
	#mfn-offer-slider ul.slider-wrapper > li .slide-desc h2 { font-size:16px; line-height:17px;}
	#mfn-offer-slider ul.slider-wrapper > li .slide-desc p { font-size:9px; line-height:10px; margin-bottom:5px;}
	#mfn-offer-slider ul.slider-wrapper > li .slide-desc .button { padding:5px; font-size:10px; line-height:10px;}
	#mfn-offer-slider ul.slider-wrapper > li .slide-img iframe { width:190px; height:134px;}
	
	/* Header */
	#Header .container { width: 380px; margin: 0 auto; left: auto; }
	#Header .sixteen { width: 380px; }
	
	/* Error */
	#Error_404 .error h2 { font-size: 30px; line-height: 30px; margin-bottom: 15px; }
	#Error_404 .error h4 { margin-bottom: 15px; font-size: 18px; line-height: 21px; }
	#Error_404 .error p .check { line-height: 30px; }
	
	/* Our offer */
	.our-offer .boxes { width: 100% !important; margin: 0 0 20px; }
	.our-offer .box { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
	.our-offer .illustration { width: 100% !important; margin-top: 45px; margin: 0 0 20px; }
	.our-offer footer { margin-top: 0 !important; }
		
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	#Subheader .sixteen { padding-left: 0 !important; }
	
	#Wrapper { width: 300px; }
	.widget-area { margin: 15px 0 0 !important; }

	#Content .content { width: 300px; margin: 0 0 20px; }
	.with_aside .content { width: 300px !important; margin: 0 0 20px; float: none; }
		
	/* Slider */
	#mfn-offer-slider ul.slider-wrapper { height: 92px;}
	#mfn-offer-slider ul.slider-wrapper > li,
	#mfn-offer-slider ul.slider-wrapper > li .slide-wrap  { height:92px;}
	#mfn-offer-slider ul.slider-wrapper > li .slide-desc h2 { font-size:11px; line-height:12px;}
	#mfn-offer-slider ul.slider-wrapper > li .slide-desc p { font-size:6px; line-height:7px; margin-bottom:0px;}
	#mfn-offer-slider ul.slider-wrapper > li .slide-desc .button { padding:3px; font-size:6px; line-height:6px;}
	#mfn-offer-slider ul.slider-wrapper > li .slide-img iframe { width:130px; height:92px;}

	/* Header */
	#Header .container { width: 260px; margin: 0 auto; left: auto; }
	#Header .sixteen { width: 260px; }
	
	/* Projects */
	.Projects_header h3 { float: none; width: 100%; }
	.Projects_header .categories {  width: 100%; float: none; }
	.Projects_header .categories ul { float: left; }
	
	/* Flickr */
	.Flickr .flickr_badge_image a img {width: 31px !important; height: 31px !important; }
	
	/* Tabs */
	.ui-tabs .ui-tabs-nav li { float: none !important; top: 1px; margin: 0; width: 100%; overflow: hidden; }
	.ui-tabs .ui-tabs-nav li a { float: none; padding: 0px !important; width: 249px !important; text-align: center; }
		
	/* Clients */
	.clients .item { width: 100% !important; padding: 0 !important; }
	
	/* Error */
	#Error_404 .error h2 { font-size: 30px; line-height: 30px; margin-bottom: 15px; }
	#Error_404 .error h4 { margin-bottom: 15px; font-size: 18px; line-height: 21px; }
	#Error_404 .error p .check { line-height: 30px; }
	
	/* Contact form */
	.contact_form input[type="text"] { width: 238px !important; float: none; clear: both; margin-bottom: 5px; margin-right: 0; }
	.contact_form textarea { width: 238px !important; margin-bottom: 5px; }
	
	/* Recent works */
	.recent_works > ul > li { width: 260px; height: 173px; }
	
	/* Our offer */
	.our-offer .boxes { width: 100% !important; margin: 0 0 20px; }
	.our-offer .box { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
	.our-offer .illustration { width: 100% !important; margin-top: 45px; margin: 0 0 20px; }
	.our-offer footer { margin-top: 0 !important; }
	
	/* Blog */
	.post .image {}
	.post .desc { padding-left: 0; }
	.post .desc .meta { display: none; }
	.post .desc .r_meta { display: block; }
	.post .desc.no_meta .r_meta { display: none; }
	
	/* Respond */
	#respond .comment-form-author { width: 99%; margin-right: 0%; float: none; }
	#respond .comment-form-email { width: 99%; margin-right: 0%; float: none; }
	#respond .comment-form-url { width: 99%; float: none; }
	#respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 93%; }
	#respond .comment-form-comment textarea { width: 94%; }
	#comments .commentlist .children { margin-left: 0px; padding-left: 30px; }
	#respond .required { right: 11px; }
	
	/* Search */
	.widget_search { width: 229px; }
	.widget_search form input[type="text"] { width: 179px; }
	
	/* Portfolio details */
	.single-portfolio .sp-inside .sp-inside-left { width: 260px; float: none; margin-right: 0; margin-bottom: 20px; padding-top: 0px; }
	.single-portfolio .sp-inside .sp-inside-right { width: 260px; float: none; border-left: 0; padding-left: 0; padding-top: 0px; }
	
	.with_aside .single-portfolio .sp-inside .sp-inside-left { width: 260px; float: none; margin-right: 0; margin-bottom: 20px; }
	.with_aside .single-portfolio .sp-inside .sp-inside-right { width: 260px; float: none; border-left: 0; padding-left: 0; }
	
	.single-portfolio .sp-inside .sp-inside-left dt { font-weight: bold; display: inline-block; clear: both; width: 30%; padding: 3px 0; }
	.single-portfolio .sp-inside .sp-inside-left dd { display: inline-block; padding: 0; width: 65%; padding: 3px 0; }
	
	/* Team */
	.team .photo .team-overlay { width: 300px !important; }
	
	/* Offer */
	.offer .header h3, .offer .header h2 { font-size: 33px; line-height: 33px; }
	.offer a.Offer_slider_prev { bottom: 0; top: auto; left: 94px; }
	.offer a.Offer_slider_next { bottom: 0; top: auto; left: 132px; }
	
}


/* #Video
================================================== Iframe */

@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.post .image iframe { height:296px;}
	.with_aside .post .image iframe { height:222px;}

	.single-portfolio .photo iframe { height:333px;}
	.with_aside .single-portfolio .photo iframe { height:249px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.post .image iframe { height:154px;}
	.with_aside .post .image iframe { height:154px;}
	
	.single-portfolio .photo iframe { height:172px;}
	.with_aside .single-portfolio .photo iframe { height:172px;}

}

@media only screen and (max-width: 479px) {
	.post .image iframe { height:106px;}
	.with_aside .post .image iframe { height:106px;}

	.single-portfolio .photo iframe { height:117px;}
	.with_aside .single-portfolio .photo iframe { height:117px;}

}






.pricing-cont{
    margin-bottom: 100px;
}
.pricing-cont p {
    margin-top: 15px;
}
.pricing-cont .title-pack,
.pricing-cont .price-pack{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
    border: 0;
}
.pricing-cont .price-pack{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 23px;
    border: 0;	
}
.pricing-cont .year-text {
    font-size: 10px;
    margin-bottom: 25px;
    margin-top: 0;
    border: 0;
}
.pricing-page p{
	border-bottom: 1px solid #629ac2;
}

.pricing-page{
    border: 1px solid #629ac2;
    margin: 25px 0;
    min-height: 521px;
    padding: 15px;
    width: 100%;
    position: relative;
    border-radius: 6px;
}
.pricing-page.with-bg:before{
    content: "";
    height: 162px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
   
}

.most-popular-pack {
    margin-top: 0px;
}
.pack-popular-box{
    font-family: 'Roboto', sans-serif;
    background: #629ac2;
    color: #fff;
    text-transform: uppercase;
    padding: 8px;
    font-size: 20px;
    margin-top: -20px;
}

.btns:hover, .signup-btn:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #629ac2;
    text-decoration: none;
}
.btns {
	font-family: 'Roboto', sans-serif;
    background-color: #629ac2;
    border-radius: 0;
    color: #fff;
    display: block;
    margin: 0 auto;
    padding: 6px;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
    transition: 0.3s;
    border: 1px solid transparent;
    font-size: 14px;
    border-radius: 5px;
}


.navbar-main{
	background-color: #629ac2 !important;
	border-radius: 0;
}

.home-shortcuts{
	background: #629ac2 !important;
}

.menu li:hover ul.sub-menu{
	display: block !important;
}

section#header {
	padding: 0 !important;
}