/*
Theme Name: Pixelomatic Demo
Theme URI: http://pixelomatic.com/
Author: the Pixelomatic team
Author URI: http://wphats.com/author/mehedi
Description: This is custom WordPress theme customize by Pixelomatic Team.
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');

body {
    font-family: 'Raleway', sans-serif;
    overflow-x: hidden;
}
.container {
    width: 100%;
    max-width: 1170px;
}
.navbar.navbar-default.navbar-fixed-top {
    padding: 20px 0 18px;
    margin: 0;
    transition: all 0.3s ease 0s;
}
.navbar-brand {
    height: 30px;
  }
body.home #instalment{
    padding: 82px 0;
}
h1.media-heading{
	    padding: 20px;
}
.default-page-without-sidebar, .default-page-with-sidebar{
	padding: 30px;
}
h1.bloginfo a{
	color: #fff;
}
.navbar-nav {
    float: left;
    margin: 0 20px 0 0 !important;
}

.navbar-default.navbar-fixed-top2 .logo_website {
    display: none !important;
}

.navbar-default.navbar-fixed-top2 .logo_mobile {
    display: block !important;
}

.navbar-default.navbar-fixed-top2 .navbar-nav > li > a {
    color: #7a7a7a !important;
}

.navbar-default.navbar-fixed-top .navbar-nav > li > a span, .navbar-default.navbar-fixed-top .navbar-nav > li > a {
    transition: all 0.3s ease 0s;
    letter-spacing: 1px;
}

.navbar-default {
    background: none !important;
    border: none !important;
}

.copyright {
    padding: 20px;
    margin: 0;
    color: #a5a5a5;
    text-align: center;
}

.pagopay_logo {width: 25%;}

.sub-menu{ display:none !important;}
.mobile_view{ display:none !important;}

@media screen and (max-width:1017px) {
	.navbar-nav {
		margin: 0 !important;
	}
	.nav > li {
		padding: 10px 8px;
	}
}
@media screen and (max-width:980px) {

	.navbar-nav {
		margin: 0 !important;
	}
	.nav > li {
		font: 13px "ralewaysemibold" !important;
		padding: 10px 6px !important;
	}
	.nav.navbar-nav span {
		padding: 11px 15px !important;
	}

	.img-responsive.logo_website, .img-responsive.logo_mobile {
		margin: 9px 0 0 9px !important;
		width: 128px;
	}
}
@media screen and (max-width:800px) {
	.arconix-faq-wrap{ padding:0px !important;}
	.nav > li {
		padding: 10px 12px !important;
	}
	.nav > li {
		padding: 10px 8px !important;
	}
	.nav.navbar-nav span {
		padding: 11px 10px !important;
	}
	.nav > li {
		padding: 10px 4px !important;
	}

}
@media screen and (max-width:768px) {
	.nav > li {
		padding: 10px 8px !important;
	}
	.nav > li {
		padding: 10px 3px !important;
	}
	.nav.navbar-nav span {
		padding: 11px 6px !important;
	}
}
@media screen and (max-width:767px) {
	#menu-header-menu .mobile_view{ display:block !important;}
	.navbar.navbar-default.navbar-fixed-top .navbar-nav > li#menu-item-17:hover .sub-menu{ display:none !important;}
	.contant_left p {
		float: none !important;
		font: 16px "ralewaymedium" !important;
		margin: 0 auto;
		padding: 15px 0;
		text-align: center;
	}
	.nav > li {
		font: 11px "ralewaysemibold" !important;
	}
}

.textwidget .footer-title{
	padding-bottom: 20px !important;
}
.vc_row {
	margin:0 !important;
}
body {
	color:#525252;
}
p {
	font-size:16px;
}
.font-italic {
	font-style:italic;
}
/*-------------28/09/2016 css-------------*/
.copyright p {
	line-height:22px !important;
}
.overlay {
	position:relative;
}
.overlay::before {
	content:"";
	background:rgba(0, 0, 0, 0.6);
	height:100%;
	width:100%;
	display:block !important;
	position:absolute;
	top:0;
	left:0;
}

@media (max-width:767px) {
	.navbar-brand {
		height:auto;
	}
	.pagopay_logo {
		width:150px;
	}
	h1 {
		font-size:36px !important;
		line-height:46px !important;
	}
	h2 {
		font-size:28px !important;
		line-height:38px !important;
	}
	.pagopay-footer > div {
		margin-bottom:50px;
		text-align:center !important;
	}
	.footer-widget .menu {
		float:none;
	}
	.copyright p {
		text-align:center;
	}
	.nav > li > a {
		text-align:center;
	}
}
h4.media-heading {
	color: #525252;
	font-size: 20px;
	font-weight:600;
}
.media-body p {
	color: #9a9a9a;
	font-size: 14px;
	line-height:26px;
	font-weight:500;
}

.current-menu-item a, .current-menu-item a:hover {
	color:#ffffff !important;
	background:none !important;
	border-color:#156ba0 !important;
}
.buy-heading {
	padding:150px 0 20px;
}
@media (max-width:767px) {
	.buy-heading {
		padding:0 0 20px;
	}
}
h3.font-italic {
	font-style:italic !important;
}
.ui-accordion-header {
	color:#ffffff;
	background:#0969a2;
}
.faq-extra-q img {
	float:left;
	margin-right:20px;
}
.faq-extra-q {
	color:#333333;
	font-size:21px;
}




/* ------------- Update for Addon page -------------*/
.pix-addon-banner {
  padding: 250px 0;
}
.pix-addon-overlay {
  position: relative;
  z-index: 1;
}
.pix-addon-overlay::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block !important;
}
.pix-addon-btn button,
.pix-addon-btn a{
	padding: 15px 40px !important;
}
.pix-addon-btn button:hover,
.pix-addon-btn a:hover{
	background-color: #2C62DB !important;
}
.back-to-top {
	z-index: 9;
}
/*--------------- nav bar -----------*/
.navbar-fixed-top2 .navbar-toggle span {
    background-color: #156BA0 !important;
}
.navbar-fixed-top .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-fixed-top2 .navbar-toggle {
    border-color: #156BA0;
}
.navbar-fixed-top2 .navbar-toggle:focus, .navbar-fixed-top2 .navbar-toggle:hover {
    background-color: #fff !important;
}
.navbar-brand h1{ color: #fff; margin-top: 0; }
.navbar-fixed-top2 h1{ color: #7a7a7a; }
.navbar{ padding-bottom: 0 !important;  }

/*------------ Update od qstr -------------*/

.q-section-overlay{
  position: relative;
  z-index: 1;
}
.q-section-overlay::after{
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  z-index: -1;
}
.q-cta-btn a,
a.q-cta-btn,
.q-cta-btn input,
input.q-cta-btn,
.q-cta-btn button,
button.q-cta-btn {
  background: #FF6600 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 22px !important;
  border-radius: 0 !important;
  padding: 11px 30px !important;
  transition: all 0.4s !important;
}
.q-cta-btn a:hover,
a.q-cta-btn:hover,
.q-cta-btn a:active,
a.q-cta-btn:active,
.q-cta-btn a:focus,
a.q-cta-btn:focus,
.q-cta-btn input:hover,
input.q-cta-btn:hover,
.q-cta-btn input:active,
input.q-cta-btn:active,
.q-cta-btn input:focus,
input.q-cta-btn:focus,
.q-cta-btn button:hover,
button.q-cta-btn:hover,
.q-cta-btn button:active,
button.q-cta-btn:active,
.q-cta-btn button:focus,
button.q-cta-btn:focus{
  background: #2c62db !important;
}
.navbar.navbar-default {
  padding: 15px 100px !important;
  background: rgba(0,0,0,0.1 ) !important;
  transition: all 0.4s !important;
}
.navbar.navbar-default:hover {
  background: rgba(0,0,0,0.5) !important;
}
.q-hero-section {
	padding: 200px 0;
}
.navbar-header h1 {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	text-shadow: 0 0 5px rgba(0,0,0,0.7);
  margin: 0;
}
.lead p{
	font-size: 22px !important;
}
.features .media-left i {
	color: #ffffff;
	background: #ff6600;
	font-size: 28px;
	text-align: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	display: block;
	line-height: 50px;
}
.body-sub-title {
	margin: 0;
}
.features .media {
	margin-bottom: 15px;
}
.text-orange p {
	color: #FF6600;
}
.single-demo-box > div {
	height: 300px;
	position: relative;
	z-index: 1;
	padding: 0 !important;
  overflow: hidden;
}
.demo-count-hover {
	position: absolute;
	margin: 0 !important;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(255,255,255,0.7);
	z-index: -1;
	display: table;
	left: 0;
	top: 100%;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: 0.4s;
}
.single-demo-box:hover .demo-count-hover{
  top: 0;
	opacity: 1 !important;
  visibility: visible !important;
}
.demo-count-hover > div {
  display: table-cell;
  vertical-align: middle;
}
.demo-count-hover h3 {
  margin: 0 0 30px 0;
  font-weight: 700;
  font-size: 26px;
  line-height: 28px;
}
.demo-count-hover .q-cta-btn i.fa {
  font-size: 25px;
}
.q-purchase-section {
	padding: 60px 0 80px;
	text-align: center;
}
.purchase-btn a {
	margin: 0;
	font-size: 30px !important;
	line-height: 32px !important;
	padding: 12px 250px !important;
	border-radius: 4px !important;
}
.footer {
	background: #000000;
	padding: 17px 0;
}
.back-to-top {
	color: #ffffff !important;
	font-size: 30px !important;
	background: #000000;
	border-radius: 0;
	padding: 5px 10px 15px;
	position: relative;
	top: -81px;
}
.back-to-top:hover {
	font-size: 30px !important;
}
/*title header */
.title-header{
	background:#ff6600;
	margin-top:96px;
	color:#fff;
}
.vc_color-info.vc_message_box {
    color: #ab3d3d;
    border-color: #f7f7f7!important;
    background-color: #f5f5f5 !important;
}
h3.widget-title{
	    border-bottom: 3px solid;
    padding: 10px 0;
}
.navbar-default.navbar-fixed-top2 .navbar-nav > li.buy-now > a  {
    color: #fff !important;
}
.nav > li.buy-now > a {
     padding: 12px 30px !important; 
    border-bottom: 2px solid transparent;
    color: white;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}