/*********pop_up_protfolio*****/

/* Magnific Popup CSS */

.mfp-bg {	

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   z-index: 1042;

   overflow: hidden;

   position: fixed;

   background: #0b0b0b;

   opacity: 0.9;

   filter: alpha(opacity=80); }



.mfp-wrap {

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   z-index: 1043;

   position: fixed;

   outline: none !important;

   -webkit-backface-visibility: hidden; 

 }

.mfp-hide {

  display: none !important;

}

button.mfp-close,

button.mfp-arrow {

   overflow: visible;

   cursor: pointer;

   border: 0;

   -webkit-appearance: none;

   display: block;

   padding: 0;

   z-index: 1046; }



button::-moz-focus-inner {

   padding: 0;

   border: 0; }



.mfp-close {

   width:30px;

   height:30px;

   position: absolute;

   right: 0;

   top: 0;

   text-decoration: none;

   text-align: center;

   opacity: 0.65;

   font-style: normal;

   font-size: 28px; 

   outline:none;

  background:url(images/icon.png) no-repeat -71px -94px;

}

  .mfp-close:hover, .mfp-close:focus {

    opacity: 9; }

  .mfp-close:active {

    top: 0px; }



.mfp-close-btn-in .mfp-close {

  color: #333333; }

#small-dialog1{

	background: #FFF;

	padding: 10px 15px;

	text-align: left;

	max-width:36%;

	margin: 40px auto;

	position: relative;

}

.pop_up{

	padding:2em;

}

.pop_up h2{

	padding:10px 0;

	color: #000;

	font-size:1em;

	text-transform: uppercase;

}

.pop_up p{

	line-height: 1.8em;

	color: #999;

	font-size: 0.85em;

	margin-bottom:10px;

}





/*Pricing table and price blocks*/

.pricing-plans{

	padding:2em 0em;

	background:#fff;

}

.pricing-plans h5{

	color:#535A5E;

	margin-bottom:0.5em;

	font-size:1.8em;

	font-weight:600;

	letter-spacing: -1px;

	text-align: center;

}

.pricing-plans p{

	font-size: 1.2em;

	color: #959695;

	text-align: center;

	line-height: 1.9em;

	margin: 0 auto;

	width: 44%;

	margin-bottom: 2em;

	font-weight: 600;

}

/*----*/

.pricing-grid{

	width: 23%;

	float: left;

	text-align: center;

	margin-left: 7%;

	transition:0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	-o-border-radius:4px;

	border-radius:4px;

}

.pricing-grid ul,.price-value

{

	background: #E9EEF2;

}

.pricing-grid:nth-child(3){

	margin-right:0;

}

.pricing-grid h3 a{

	background:#485460;

	padding: 0.6em 1em;

	display: block;

	color: #FFF;

	font-family:'Open Sans', sans-serif;

	font-size: 1.8em;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

	border-top-right-radius: 3px;

	border-top-left-radius: 3px;

	-o-border-top-right-radius: 3px;

	-moz-border-top-right-radius: 3px;

	-webkit-top-left-radius:3px;

	-moz-border-top-left-radius:3px;

	-o-border-top-left-radius: 3px;

	-webkit-border-top-left-radius: 3px;

}

h4 {

	font-size: 15px;

	color: #fff;

	font-family: 'Open Sans', sans-serif;

}



h6 {

	font-size: 0.92em;

	color:#717374;

	text-align: center;

	line-height: 1.9em;

	margin: 0 auto;

	width:35%;

	margin-top:2em;

}

.price-value a{

   font-size:1.3em;

   color: #485460;

   font-family: 'Open Sans', sans-serif;

   font-weight: 600;

}

.price-value {

	padding: 0.9em 0 0.5em 0;

}



.pricing-grid ul li a{

	color:#485460;

	font-size: 1.3em;

	text-align: center;

	display: block;

	padding:0.8em 0em;

	transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

}

.cart{

	color: #FFF;

	/*margin-top: 1em;*/

}

.cart a{

	color: #FFF;

	background: #485460;

	font-size: 1.1em;

	padding:1.1em 0em;

	display:block;

	font-weight:500;

	border-radius: 3px;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all; 

}

/****/

.black  h3 a:hover,.black .cart a:hover{

		background:#262A2E;

}

.green ul,.green .price-value

{

	background: #DFEBDF;

}

.green  h3 a,.green .cart a

{

	background: #58AD52;

}

.green  h3 a:hover,.green .cart a:hover{

	background: #2B7426;

}

.blue ul,.blue .price-value

{

	background: #DEE9EB;

}

.blue  h3 a,.blue .cart a

{

	background: #489EAB;

}

.blue  h3 a:hover,.blue .cart a:hover{

	background:#1F7986;

}

/*.green  h3 a

{

	padding: 0.3em 1em;

}*/

/******/

/*------------pricing-tabels--------------------*/



/*---start-pricing-tabels-----*/

.payment-online-form-left{

}

.payment-online-form-left h4{

	font-size: 1.8em;

	color: #222222;

	padding: 0.5em 0;	

}

.payment-online-form-left span{

	vertical-align: middle;

	margin-right: 5px;

}

.payment-online-form-left form{

	padding:0 3%;

}

.payment-online-form-left input[type="text"]{

	padding: 1em 1em;

	font-family:'Open Sans', sans-serif; 

	color: #485460;

	width: 42%;

	margin: 0.5em 0;

	border: 1px solid;

	outline: none;

	transition: border-color 0.3s;

	-o-transition: border-color 0.3s;

	-ms-transition: border-color 0.3s;

	-moz-transition: border-color 0.3s;

	-webkit-transition: border-color 0.3s;

	float: left;

	font-size: 0.9em;

	border-color: #EEE;

}

.payment-online-form-left input[type="text"]:hover{

	border-color:#49CBCD;

}



.payment-online-form-left input[type="password"]{

	padding: 1em 1em;

	font-family:'Open Sans', sans-serif; 

	color: #485460;

	width: 42%;

	margin: 0.5em 0;

	border: 1px solid;

	outline: none;

	transition: border-color 0.3s;

	-o-transition: border-color 0.3s;

	-ms-transition: border-color 0.3s;

	-moz-transition: border-color 0.3s;

	-webkit-transition: border-color 0.3s;

	float: left;

	font-size: 0.9em;

	border-color: #EEE;

}

.payment-online-form-left input[type="password"]:hover{

	border-color:#49CBCD;

}

.text-box-dark{

}

.text-box-light{

	background: url(images/calender.png) no-repeat 95% 50%;

	cursor:pointer;

	position: relative;

}

.payment-online-form-left ul li:first-child input[type="text"]{

	margin-right: 5%;

}
.payment-online-form-left ul li:first-child input[type="password"]{

	margin-right: 5%;

}

.payment-online-form-left  input[type="text"]:active, .payment-online-form-left input[type="text"]:hover {

	border-color:#485460;

	color: #58AD52;

}

.shipping{

	width: 32px;

	height: 32px;

	display: inline-block;

	background: url(images/icon.png) no-repeat -111px -31px;

}

.payment{

	width: 32px;

	height: 32px;

	display: inline-block;

	background: url(images/icon.png) no-repeat -152px -30px;



}

.payment-date-section{

	background: url(images/calender.png) no-repeat #fff 50%;

}

.payment-sendbtns{

	float:right;

	margin: 2em 0 3.5em;

}

.payment-sendbtns input[type="reset"]{

	background: #58AD52;

	padding: 0.7em 1em;

	font-family: 'Open Sans', sans-serif;

	border: none;

	color: #FFF;

	cursor: pointer;

	font-size: 1.2em;

	display: block;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

	outline:none;

}

.payment-sendbtns input[type="reset"]:hover{

	color:#FFF;

	background:#222222;

}

.payment-sendbtns input[type="submit"]{

	background:#222222;

	padding: 0.7em 1em;

	font-family: 'Open Sans', sans-serif;

	border: none;

	color: #fff;

	cursor: pointer;

	font-size: 1.2em;

	display: block;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

	outline:none;

}

.payment-sendbtns input[type="submit"]:hover{

	color:#eee;

	background: #58AD52;

	border: none;

}

.payment-sendbtns li{

	display:inline-block;

}

.payment-type li{

	display:inline-block;

}

.payment-online-form-right{

	background: #2B2937;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	border-bottom: 4px solid #1A1822;

}

/*---start-checkbox----*/

input[type=checkbox].css-checkbox1,input[type=checkbox].css-checkbox2{

	display: none;

}

input[type=checkbox].css-checkbox1 + label.css-label1 {

	height:30px;

	width:30px;

	display: inline-block;

	line-height: 18px;

	background-repeat: no-repeat;

	background-position: 0 0;

	vertical-align: super;

	cursor: pointer;	background: url(images/icon.png) no-repeat -186px -26px;

}

input[type=checkbox].css-checkbox1:checked + label.css-label1 {

	background: url(images/icon.png) no-repeat -225px -212px;

}

input[type=checkbox].css-checkbox2 + label.css-label2 {

	height: 30px;

	width: 30px;

	display: inline-block;

	line-height: 18px;

	background-repeat: no-repeat;

	background-position: -20px 0px;

	vertical-align: super;

	cursor: pointer;

	background:url(images/icon.png) no-repeat -218px -28px;

}

input[type=checkbox].css-checkbox2:checked + label.css-label2 {

	background: url(images/icon.png) no-repeat -65px -176px;



}

.visa{

	display: inline-block;

	width: 32px;

	height: 32px;

	background:url(images/icon.png) no-repeat -32px -29px;

}

.paypal{

	display: inline-block;

	width: 32px;

	height: 32px;

	background: url(images/icon.png) no-repeat -71px -26px;



}

.payment-online-form-right{

	float: right;

	width: 30%;

	background: #2B2937;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius: 5px;

	border-bottom: 4px solid #1A1822;

	padding-bottom: 2em;

}

.payment-online-form-right a{

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

.payment-online-form-right a:hover{

	color:#1ABC9C;

}

.payment-online-form-right ul li{

	display:block;

	padding: 0.5em;

}

.payment-online-form-right ul li a{

	color:#9095AA;

}

.payment-online-form-right h4{

	color: #FFF;

	font-size: 1em;

	text-transform: uppercase;

	border-bottom: 1px solid rgba(144, 149, 170, 0.22);

	padding: 0.8em;

}

.payment-online-form-right ul {

	padding: 0px 1em;

}

.payment-online-form-right h5{

	color: #FFF;

	padding: 0.5em 0.8em 0.4em;

	font-size: 1em;

}

.payment-type {

	border-top: 1px solid rgba(144, 149, 170, 0.22);

	margin-top: 1.5em;

}

input[type=checkbox].css-checkbox3,input[type=checkbox].css-checkbox4,input[type=checkbox].css-checkbox5,input[type=checkbox].css-checkbox6{

	display: none;

}

input[type=checkbox].css-checkbox3 + label.css-label3 {

	height: 22px;

	width: 21px;

	display: inline-block;

	line-height: 18px;

	background-repeat: no-repeat;

	background-position: 0 -38px;

	vertical-align: middle;

	cursor: pointer;

	background-image: url(images/filter-bg.png);

}

input[type=checkbox].css-checkbox3:checked + label.css-label3 {

	background-position: 0px 0px;

}

input[type=checkbox].css-checkbox4 + label.css-label4 {

	height: 22px;

	width: 21px;

	display: inline-block;

	line-height: 18px;

	background-repeat: no-repeat;

	background-position: 0 0px;

	vertical-align: middle;

	cursor: pointer;

	background-image: url(images/filter-bg.png);

}

input[type=checkbox].css-checkbox4:checked + label.css-label4 {

	background-position: 0px -38px;

}

input[type=checkbox].css-checkbox5 + label.css-label5 {

	height: 22px;

	width: 21px;

	display: inline-block;

	line-height: 18px;

	background-repeat: no-repeat;

	background-position: 0 -38px;

	vertical-align: middle;

	cursor: pointer;

	background-image: url(images/filter-bg.png);

}

input[type=checkbox].css-checkbox5:checked + label.css-label5 {

	background-position: 0px 0px;

}

input[type=checkbox].css-checkbox6 + label.css-label6 {

	height: 22px;

	width: 21px;

	display: inline-block;

	line-height: 18px;

	background-repeat: no-repeat;

	background-position: 0 0px;

	vertical-align: middle;

	cursor: pointer;

	background-image: url(images/filter-bg.png);

}

input[type=checkbox].css-checkbox6:checked + label.css-label6 {

	background-position: 0px -38px;

}

/*-----*/

/* start state */



/* start state */

#small-dialog{

	background: white;

	padding: 20px 30px;

	text-align: left;

	max-width: 400px;

	margin: 40px auto;

	position: relative;

	border-radius:2px;

	-webkit-border-radius:2px;

	-moz-border-radius:2px;

	-o-border-radius:2px;

}

/*----*/

.my-mfp-zoom-in #small-dialog{

	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	-webkit-transform: scale(0.8);

	-moz-transform: scale(0.8);

	-ms-transform: scale(0.8);

	-o-transform: scale(0.8);

	transform: scale(0.8);

}

/* animate in */

.my-mfp-zoom-in.mfp-ready #small-dialog {

	opacity: 1;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

/* animate out */

.my-mfp-zoom-in.mfp-removing #small-dialog{

	-webkit-transform: scale(0.8);

	-moz-transform: scale(0.8);

	-ms-transform: scale(0.8);

	-o-transform: scale(0.8);

	transform: scale(0.8);

	opacity: 0;

}

.pop_up2 p a{

	font-size: 1em;

	color: #555555;

	line-height: 1.8em;

}



.pop_up2 {

}

.mfp-bg {

  font-family: 'open_sansregular';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background:rgba(0, 0, 0, 0.87);

  opacity: 0.9;

  filter: alpha(opacity=80); }



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden; }



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }



.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle; }



.mfp-align-top .mfp-container:before {

  display: none; }



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045; }



.mfp-inline-holder .mfp-content,

.mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto; }



.mfp-ajax-cur {

  cursor: progress; }



.mfp-zoom-out-cur,

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out; }



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in; }



.mfp-auto-cursor .mfp-content {

  cursor: auto; }



.mfp-close,

.mfp-arrow,

.mfp-preloader,

.mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none; }



.mfp-loading.mfp-figure {

  display: none; }



.mfp-hide {

  display: none !important; }



.mfp-preloader {

  color: #cccccc;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044; }



.mfp-preloader a {

  color: #cccccc; }



.mfp-preloader a:hover {

  color: white; }



.mfp-s-ready .mfp-preloader {

  display: none; }



.mfp-s-error .mfp-content {

  display: none; }



button.mfp-close,

button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  border: 0;

  -webkit-appearance: none;

  display: block;

  padding: 0;

  z-index: 1046;

 bground: url(images/close.png) no-repeat;

}

button::-moz-focus-inner {

  padding: 0;

  border: 0; }



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto; }



/* The shadow behind the image */

.mfp-figure:after {

  content: '';

  position: absolute;

  left: 0;

  top: 40px;

  bottom: 40px;

  display: block;

  right: 0;

  width: auto;

  height: auto;

  z-index: -1;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: #444444; }



.mfp-figure {

  line-height: 0; }



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto; }



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #f3f3f3;

  word-break: break-word;

  padding-right: 36px; }



.mfp-figure small {

  color: #bdbdbd;

  display: block;

  font-size: 12px;

  line-height: 14px; }



.mfp-image-holder .mfp-content {

  max-width: 100%; }



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer; }

/******** Plans List *******/

/* Styles for dialog window */

#small-dialog {

	background: white;

	padding:20px;

	text-align: left;

	max-width: 700px;

	margin: 40px auto;

	position: relative;

	border-radius: 2px;

}

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

	.wrap{

		width:80%;

	}

	.pricing-grid {

	width: 25%;

	margin-left: 6%;

	}

}

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

	.wrap{

		width:85%;

	}

	.pricing-grid {

	width: 26%;

	margin-left: 5.5%;

	}

}

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

	.wrap{

	width:87%;

	}

	.pricing-grid {

	width: 29.5%;

	margin-left: 2.8%;

	}

	.pricing-plans h5 {

	width: 60%;

	margin:0 auto;

	margin-bottom: 0.5em;

	}

	.pricing-plans p{

	width: 55%;

	}

	h6 {

	width: 47%;

	}

}

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

	.wrap{

	width:90%;

	}

	.pop_p

	{

		display:none;

	}

	.pricing-plans p {

	width: 67%;

	font-size: 0.98em;

	}

	.pricing-plans h5 {

	font-size: 1.5em;

	width: 100%;

	}

	.pricing-grid {

	width: 46%;

	margin: 0em 1em 0em 1em;

	}

	.pricing-grid:nth-child(3) {

	display: none;

	}

	.pricing-grid:nth-child(2) {

	margin: 0 auto;

	margin-bottom:2em;

	}

	h6 {

	width: 61%;

	margin-top: 2em;

	font-size: 0.98em;

	}

	

}

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

	.wrap{

	width:90%;

	}

	.pricing-plans h5 {

	width:100%;

	margin: 0 auto;

	margin-bottom: 0.5em;

	font-size: 1.5em;

	}

	.pricing-plans p {

	width: 90%;

	}

	#small-dialog,#small-dialog1 {

	max-width: 80%;

	}

	.pop_up,.pop_up2 {

	padding: 1em;

	}

	.payment-online-form-left input[type="text"] {

		width: 41%;

	}

	h6 {

	width: 74%;

	margin-top: 1em;

	}

}

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

	.wrap{

	width:90%;

	}

	.pricing-grid {

	width: 78%;

	margin: 0em auto;

	margin-bottom: 1em;

	float: none;

	}

	.pricing-grid:nth-child(3) {

	display:block;

	display: block;

	margin-left: 2.68em;

	}

	.pricing-plans p {

	width: 90%;

	font-size: 0.8825em;

	}

	.pricing-plans h5 {

	width: 90%;

	margin-bottom: 0.5em;

	font-size: 1.1em;

	}

	.pricing-grid h3 a {

	font-size: 1.5em;

	}

	pricing-grid ul li a {

	font-size: 1em;

	}

	.cart a {

	padding: 1em;

	}

	h6 {

	width: 93%;

	margin-top:0.7em;

	font-size: 0.87em;

	}

	

}

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

	.wrap{

	width:90%;

	}

	.pricing-grid h3 a {

	padding: 17px;

	font-size: 1.3em;

	}

	.price-value a {

	font-size: 1em;

	}

	.pricing-grid ul li a {

	font-size: 1em;

	padding: 16px;

	}

	.pricing-plans h5 {

	margin-bottom: 0.3em;

	font-size: 0.98em;

	}

	.pricing-plans p {

	width: 95%;

	font-size: 0.8em;

	}

	.pricing-grid {

	width: 95%;

	margin: 0em 1em 1em 0.4em;

	}

	.pricing-grid:nth-child(3) {

	display: block;

	margin-left: 0.4em;

	}

	.cart a {

	font-size: 1em;

	padding: 13px;

	}

	h6 {

	width:100%;

	margin-top: 0.2em;

	font-size: 0.75em;

	}

}