/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

body a {
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

a:hover {
	text-decoration: none;
}



@font-face {
   font-family: sytlish;
   src: url(fonts/GreatVibes-Regular.otf);
}

@font-face {
   font-family:century;
   src: url(fonts/CenturyGothic.ttf);
}	

@font-face {
   font-family:oregano;
   src: url(fonts/Oregano-Regular.ttf);
}

@font-face {
	font-family: cav;
	src: url(fonts/CaviarDreams.ttf);
}
@font-face {
	font-family: panic;
	src: url(fonts/PanicStricken.ttf);
}

@font-face {
	font-family: mont;
	src: url(fonts/MontserratAlternates-Regular.otf);
}

@font-face {
	font-family: bis;
	src: url(fonts/gnuolane.ttf);
}

#social {
	float: right;
	width: 100%;
	margin-top:0.8em;
	font-size:33px;
	font-weight:normal;
	word-spacing:1px;
	letter-spacing:2px;
	font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif;
}

#social img {
	padding-right:10px;
	height:40px;
	margin-top:-5px;
}

.header-section {
	padding:5px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.21);
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.21);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.21);
	-o-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.21);
	position:relative;
	background-color:rgba(255, 255, 255, 0.4);/**/
}


.top-button {
	margin-top:2em;
	float:right;
}

.callback-button {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 10px 19px;
  background: #f44336;
  border: 1px solid #f44336;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
  font-weight: 200;
  text-transform: uppercase;
}
.callback-button i {
  margin-right: 9px;
}
.callback-button:hover {
  color: #666666;
  background: #fafafa;
  border-color: #eee;
}

.header-padding {
	padding: 0.5em 4em;
}

.login-btn {
	margin-right:12px;
	padding:8px;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	border: 1px solid #fff;
	box-shadow: 0px 2px 3px #808080;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.label-danger:hover {
	background-color: #ff342e;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.login-btn-right {
	float:right; 
	margin-top:0.8em;
}

.back-btnss {
	color: #fff;
	font-size: 20px;
	padding: 10px 18px;
}

.back-btn {
	margin-bottom: 0px;
	margin-left: 20px;
	margin-top: -37px;
}

.back-btn a {
	padding: 10px 16px;
	margin-top: 0px;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #fff;
	box-shadow: 0px 2px 3px #808080;
	text-transform: uppercase;
	background: #337bb6;
	font-size: 20px;
	font-family:century;
	color: #fff;
	-webkit-transition: all ease-in-out 700ms;
	-moz-transition: all ease-in-out 700ms;
	-ms-transition: all ease-in-out 700ms;
	-o-transition: all ease-in-out 700ms;
	transition: all ease-in-out 700ms;
}
.back-btn a:hover{
    background: #222222;
    color: #fff;
	text-decoration: none;
	cursor:pointer;
}



/*------------ Login Box code css start--------------*/



@font-face {
  font-family: Poppins-Regular;
  src: url('fonts/poppins/Poppins-Regular.ttf'); 
}

@font-face {
  font-family: Poppins-Medium;
  src: url('fonts/poppins/Poppins-Medium.ttf'); 
}

@font-face {
  font-family: Poppins-Bold;
  src: url('fonts/poppins/Poppins-Bold.ttf'); 
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url('fonts/poppins/Poppins-SemiBold.ttf'); 
}

.back-bg {
	background-image: url(../images/bg-2.jpg); 
	background-position: center bottom; 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-size: cover; 
}




/*--------------css gallery figure code start-----------------*/



html:not(.touch) .gallery-image figcaption, .touch .gallery-image figcaption, .mfp-with-zoom .mfp-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 14px;
  color: rgba(255, 255, 255, 0);
  padding: 1em;
  transition: all 0.2s ease;
  font-weight: 600;
  max-width: calc(100% - 9em);
  line-height: 1.25;
  text-align: center;
  box-sizing: border-box;
}
html:not(.touch) .gallery-image figcaption:before, .touch .gallery-image figcaption:before, .mfp-with-zoom .mfp-title:before, html:not(.touch) .gallery-image figcaption:after, .touch .gallery-image figcaption:after, .mfp-with-zoom .mfp-title:after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  padding: 2.4em;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  z-index: -1;
}
html:not(.touch) .gallery-image figcaption:before, .touch .gallery-image figcaption:before, .mfp-with-zoom .mfp-title:before, html:not(.touch) .gallery-image figcaption:after, .touch .gallery-image figcaption:after, .mfp-with-zoom .mfp-title:after {
  right: 100%;
  bottom: 100%;
}
html:not(.touch) .gallery-image figcaption:after, .touch .gallery-image figcaption:after, .mfp-with-zoom .mfp-title:after {
  left: 100%;
  top: 100%;
}
html:not(.touch) .gallery-image figcaption.visible, html:not(.touch) .gallery-image:hover figcaption, .touch .gallery-image figcaption, .mfp-with-zoom .visible.mfp-title, .mfp-with-zoom.mfp-ready .mfp-title {
  color: white;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease 0.3s;
}
html:not(.touch) .gallery-image figcaption.visible:before, html:not(.touch) .gallery-image:hover figcaption:before, .touch .gallery-image figcaption:before, .mfp-with-zoom .visible.mfp-title:before, .mfp-with-zoom.mfp-ready .mfp-title:before, html:not(.touch) .gallery-image figcaption.visible:after, html:not(.touch) .gallery-image:hover figcaption:after, .touch .gallery-image figcaption:after, .mfp-with-zoom .visible.mfp-title:after, .mfp-with-zoom.mfp-ready .mfp-title:after {
  opacity: 1;
}
html:not(.touch) .gallery-image figcaption.visible:before, html:not(.touch) .gallery-image:hover figcaption:before, .touch .gallery-image figcaption:before, .mfp-with-zoom .visible.mfp-title:before, .mfp-with-zoom.mfp-ready .mfp-title:before {
  right: -1.5em;
  bottom: -1.5em;
}
html:not(.touch) .gallery-image figcaption.visible:after, html:not(.touch) .gallery-image:hover figcaption:after, .touch .gallery-image figcaption:after, .mfp-with-zoom .visible.mfp-title:after, .mfp-with-zoom.mfp-ready .mfp-title:after {
  left: -1.5em;
  top: -1.5em;
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
}


.gallery {
  -webkit-column-gap: 0;
          column-gap: 0;
}
@media (min-width: 480px) {
  .gallery {
    -webkit-column-count: 2;
            column-count: 2;
  }
}
@media (min-width: 1260px) {
  .gallery {
    -webkit-column-count: 3;
            column-count: 3;
  }
}

.gallery-image {
  position: relative;
  margin: 5px;
  padding: 0;
}

.gallery-image i { 
	font-size: 25px;
}
.gallery-image:before, .gallery-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 16px solid rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
  will-change: border;
}
.gallery-image:after {page-title
  border-width: 0;
}
.gallery-image img {
  display: block;
  max-width: 100%;
  height: auto;
}
html:not(.touch) .gallery-image {
  overflow: hidden;
}
html:not(.touch) .gallery-image:hover:before {
  border-width: 16px;
}
html:not(.touch) .gallery-image:hover:after {
  border-width: 32px;
}
.touch .gallery-image figcaption {
  top: auto;
  bottom: 2em;
}

/*--------------css gallery figure code end-----------------*/







/*--------------css Pagination code start-----------------*/


.pagination {
  display: block;
  width: 75%;
  margin: 1em auto;
  text-align: center;
}
.pagination:after {
  content: '';
  clear: both;
}

.pagination-button {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #e0e0e0;
  background-color: #eee;
  color: #333;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
}
.pagination-button:hover {
  background-color: #ddd;
  color: #3366cc;
}
.pagination-button.active {
  background-color: #bbb;
  border-color: #bbb;
  color: #3366cc;
}
.pagination-button:first-of-type {
  border-radius: 18px 0 0 18px;
}
.pagination-button:last-of-type {
  border-radius: 0 18px 18px 0;
}

/* arbitrary styles */


.article-loop {
  display: block;
  width: 100%;
  margin: 1em auto;
}



/*--------------css Pagination code end-----------------*/
















/*---------------------------------------------*/
input {
	outline: none;
	border: none;
	color:#333;
}

textarea {
  outline: none;
  border: none;
}

/*textarea:focus, input:focus {
  border-color: transparent !important;
}*/

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

input::-webkit-input-placeholder { color: #333;}
input:-moz-placeholder { color: #333;}
input::-moz-placeholder { color: #333;}
input:-ms-input-placeholder { color: #333;}

textarea::-webkit-input-placeholder { color: #333;}
textarea:-moz-placeholder { color: #333;}
textarea::-moz-placeholder { color: #333;}
textarea:-ms-input-placeholder { color: #333;}

label {
  margin: 0;
  display: block;
}

/*---------------------------------------------*/
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}


/*//////////////////////////////////////////////////////////////////
[ Utility ]*/
.txt1 {
  font-family: Poppins-Regular;
  font-size: 13px;
  color: #333;
  line-height: 1.5;
}


/*//////////////////////////////////////////////////////////////////
[ login ]*/

.wrap-login100 {
  width: 500px;
  border-radius: 10px;
  overflow: hidden;
  padding: 40px 40px 28px 40px;
  border:3px solid #7579ff;
  background-color:rgba(255,255,255,0.7);
  box-shadow: 0 2px 5px 1px rgba(19, 35, 47, 0.3);
  
  /*background: #9152f8;
	background-color:rgba(248,201,119,0.6);
  background: -webkit-linear-gradient(top, #7579ff, #b224ef);
  background: -o-linear-gradient(top, #7579ff, #b224ef);
  background: -moz-linear-gradient(top, #7579ff, #b224ef);
  background: linear-gradient(top, #7579ff, #b224ef);*/
}


/*------------------------------------------------------------------
[ Form ]*/

.login100-form {
  width: 100%;
}

.login100-form-logo {
  font-size: 60px; 
  color: #333333;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 auto;
}

.login100-form-title {
  /*font-family: Poppins-Medium;*/
  
  font-family:bis;
  font-size: 40px;
  color: #0b376a;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin-bottom:0.5em;
}


/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 {
  width: 100%;
  color:#333;
  position: relative;
  border-bottom: 2px solid rgba(0,0,0,0.24);
  margin-bottom: 30px;
}

.input100 {
  font-family: Poppins-Regular;
  font-size: 16px;
  color: #333;
  line-height: 1.2;
  display: block;
  width: 100%;
  height: 45px;
  background: transparent;
  padding: 0 5px 0 38px;
}

.user-icon {
	background: url(../images/my-profile.png) no-repeat;
}


/*---------------------------------------------*/ 
.focus-input100 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  background: #333;
}

.focus-input100::after {
  /*font-family: Material-Design-Iconic-Font;
  font-size: 22px;
  content: attr(data-placeholder);*/
  color: #fbdfad;
  content:open-quote;
  font-size: 22px;
  display: block;
  width: 100%;
  position: absolute;
  top: 11px;
  left: 0px;
  padding-left: 25px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background: url(../images/my-profile.png) no-repeat;
}


.focus-input100-pass {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100-pass::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  background: #333;
}

.focus-input100-pass::after {
  /*font-family: Material-Design-Iconic-Font;
  font-size: 22px;
  content: attr(data-placeholder);*/
  
  color: #fbdfad;
  font-size: 22px;
  content: open-quote;
  display: block;
  width: 100%;
  position: absolute;
  top: 11px;
  left: 0px;
  padding-left: 25px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background: url(../images/change-pass.png) no-repeat;
}


.focus-input100-forgot {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100-forgot::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  background: #333;
}

.focus-input100-forgot::after {
  /*font-family: Material-Design-Iconic-Font;
  font-size: 22px;
  content: attr(data-placeholder);*/
  
  color: #fbdfad;
  font-size: 22px;
  content: open-quote;
  display: block;
  width: 100%;
  position: absolute;
  top: 13px;
  left: 0px;
  padding-left: 25px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background: url(../images/mail.png) no-repeat;
}




.input100:focus {
  padding-left: 5px;
}

.input100:focus + .focus-input100::after {
  top: -22px;
  font-size: 18px;
}

.input100:focus + .focus-input100-pass::after {
  top: -22px;
  font-size: 18px;
}

.input100:focus + .focus-input100-forgot::after {
  top: -22px;
  font-size: 18px;
}

.input100:focus + .focus-input100::before {
  width: 100%;
}

.has-val.input100 + .focus-input100::after {
  top: -22px;
  font-size: 18px;
}

.has-val.input100 + .focus-input100-pass::after {
  top: -22px;
  font-size: 18px;
}

.has-val.input100 + .focus-input100-forgot::after {
  top: -22px;
  font-size: 18px;
}

.has-val.input100 + .focus-input100::before {
  width: 100%;
}

.has-val.input100 {
  padding-left: 5px;
}


/*==================================================================
[ Restyle Checkbox ]*/

.contact100-form-checkbox {
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 15px;
}

.contact100-form-checkbox .check {
position: absolute;
width: 16px;
height: 16px;
}

.contact100-form-checkbox span {
	font-family:Poppins-Regular;
	font-size:14px;
	color:#333;
	padding-left:25px;
}

.input-checkbox100 {
  display: none;
}

.label-checkbox100 {
  font-family: Poppins-Regular;
  font-size: 13px;
  color: #fff;
  line-height: 1.2;

  display: block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
}

.label-checkbox100::before {
  content: "\f26b";
  font-family: Material-Design-Iconic-Font;
  font-size: 13px;
  color: transparent;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: #fff;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.input-checkbox100:checked + .label-checkbox100::before {
  color: #555555;
}


/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.login100-form-btn {
  font-family: Poppins-Medium;
  font-size: 16px;
  color: #555555;
  line-height: 1.2;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  min-width: 120px;
  height: 50px;
  border-radius: 25px;
  border:2px solid #7579ff;
  background: #9152f8;
  background: -webkit-linear-gradient(bottom, #7579ff, #b224ef);
  background: -o-linear-gradient(bottom, #7579ff, #b224ef);
  background: -moz-linear-gradient(bottom, #7579ff, #b224ef);
  background: linear-gradient(bottom, #7579ff, #b224ef);
  position: relative;
  z-index: 1;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.login100-form-btn::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  background-color: #fff;
  top: 0;
  left: 0;
  opacity: 1;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.login100-form-btn:hover {
  color: #fff;
}

.login100-form-btn:hover:before {
  opacity: 0;
}


/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 576px) {
  .wrap-login100 {
    padding: 55px 15px 37px 15px;
  }
}



/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input {
  position: relative;
}

.alert-validate::before {
  content: attr(data-validate);
  position: absolute;
  max-width: 70%;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 4px 25px 4px 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
  pointer-events: none;

  font-family: Poppins-Regular;
  color: #c80000;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.alert-validate::after {
  content: "\f12a";
  font-family: FontAwesome;
  font-size: 16px;
  color: #c80000;

  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5px;
}

.alert-validate:hover:before {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 992px) {
  .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}








/*------------ Login Box code css end--------------*/



.login {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 10px 14px;
  margin-left:10px;
  border: 1px solid #337bb6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #337bb6;
  font-size: 14px;
  font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.login i {
  margin-right: 9px;
}
.login:hover {
  color: #fff;
  background: #337bb6;
  border-color: #337bb6;
}



.top-button login {
  color: #666666;
  background: #fafafa;
  border-color: #eee;
}
.footer-section {
    background: #333;
    padding: 12px;
    width: 100%;
	bottom:0px;
	color:#fff;
	font-size:14px;
	font-family:cav;
	position:absolute;
    text-align: center;
    box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.21);
    -ms-box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.21);
    -o-box-shadow: 0px -1px 4px rgba(0, 0, 0, 
    0.21);
}#example_filter {	float:right;}

.footer-inner {
    background: #333;
    padding: 12px;
	color:#fff;
	font-size:14px;
	font-family:cav;
    text-align: center;
    box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.21);
    -ms-box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.21);
    -o-box-shadow: 0px -1px 4px rgba(0, 0, 0, 
    0.21);
}

.mid-section {
	padding-top:2em;
	padding-bottom:1em;
}

.flat-inner-section {
	padding-top:2em;
	padding-bottom:2em;
}

.detail-section {
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.inner-section {
	padding-top:1em;
	background-color:#ececec;
	padding-bottom:1em;
}

.inner-middle-section {
	padding-top:2em;
	padding-bottom:2em;
}

.filter-div ul {
	list-style:none;
	margin:0px;
}

.filter-tag {
	font-size:16px;
	font-weight:bold;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}

.left-side {
	padding:5px;
	border:1px solid #337bb6;
}

.left-side h2 {
	font-size:22px;
	text-align:center;
	background-color:#337bb6;
	color:#fff;
	margin:0px;
	padding:10px;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}







/*------------details slider css start--------------*/

.slider-container {
  position: relative;
  max-width: 720px;
  height: auto;
  margin-top:2em;
}
@media (max-width: 768px) {
  .slider-container {
    max-width: 630px;
    margin: 30px auto 0 auto;
  }
}
.slider-container .slider {
  position: relative;
  width: 630px;
  height: auto;
  min-height: 300px;
  float: left;
  cursor: pointer;
}
@media (max-width: 768px) {
  .slider-container .slider {
    width: 100%;
  }
}
.slider-container .slider.active .controls {
  opacity: 1;
}
.slider-container .slider #owl-demo .owl-controls {
  margin-top: 0;
}
.slider-container .slider #owl-demo .owl-controls .owl-pagination {
  display: none;
  height: 18px;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .slider-container .slider #owl-demo .owl-controls .owl-pagination {
    display: block;
  }
}
.slider-container .slider #owl-demo .item {
  height: auto;
  object-fit: contain;
}
.slider-container .slider #owl-demo .item img {
  width: 100%;
  /*height: auto;*/
  height: 450px;
  min-height: 300px;
  border:5px solid #333;
  object-fit: cover;
}
.slider-container .slider .owl-pagination .owl-page.active span {
  background: #000000;
}
.slider-container .slider .owl-pagination .owl-page span {
  background: #cccccc;
  width: 8px;
  height: 8px;
  margin: 5px 4px;
}
.slider-container .slider .controls {
  position: absolute;
  top: -moz-calc(36%);
  top: -webkit-calc(36%);
  top: -o-calc(36%);
  top: calc(36%);
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  transition: opacity 0.2s ease-in;
  cursor: pointer;
}
@media (min-width: 768px) {
  .slider-container .slider .controls {
    opacity: 0;
    top: 50%;
  }
}
.slider-container .slider .controls.prev {
  left: 0;
}
.slider-container .slider .controls.next {
  right: 0;
}
.slider-container .slider-gallery {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 450px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .slider-container .slider-gallery {
    display: none;
  }
}
.slider-container .slider-gallery .gallery-controls {
  position: absolute;
  width: 100%;
  height: 28px;
  opacity: 1;
  transition: opacity 0.2s ease-in;
  cursor: pointer;
  display: none;
  z-index: 2;
}
.slider-container .slider-gallery .gallery-controls.active {
  display: block;
}
.slider-container .slider-gallery .gallery-controls.hide {
  display: none;
}
.slider-container .slider-gallery .gallery-controls svg {
  width: 25px;
  height: 25px;
  display: block;
  margin: 0 auto;
}
.slider-container .slider-gallery .gallery-controls.prev {
  top: 0;
  border-top: 3px solid #000000;
}
.slider-container .slider-gallery .gallery-controls.next {
  bottom: 0;
  border-bottom: 3px solid #000000;
}
.slider-container .slider-gallery ul {
  position: relative;
  list-style: none;
  transition: top 0.3s ease-in;
  margin: 0;
}
.slider-container .slider-gallery ul li {
  margin-bottom: 6px;
  width: 60px;
  height: 51px;
  cursor: pointer;
}
.slider-container .slider-gallery ul li:last-child {
  margin-bottom: 0;
}
.slider-container .slider-gallery ul li.active img {
  border-bottom: 2px solid #000000;
}
.slider-container .slider-gallery ul li img {
  border-bottom: 2px solid transparent;
  outline-offset: -2px;
  width: 100%;
  height: 51px;
  user-select: none;
}
.slider-container .slider-gallery ul li img:hover {
  border-bottom: 2px solid #000000;
}


/*------------details slider css end--------------*/




/*------------Flat box div start--------------*/

.blog-box {
	font-family:century;
	padding:5px;
	margin-bottom:1.5em;
	border: 1px solid #eee;
	box-shadow: 0px 1px 4px #ddd;
	padding-bottom:0px;
	 -webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-box:hover {
	box-shadow: 0px 2px 8px #ddd;
	padding-bottom:0px;
	 -webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}


.zoom-img {
	overflow: hidden;
	text-align: center;
	/*margin-top: 20px;*/
	/*border: 5px solid #fff;
	box-shadow:0px 0px 4px #CCCCCC;*/
	width:100%;	
}
.zoom-img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity:0.9;
	text-decoration:none;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transition: all 800ms ease;
   -moz-transition: all 800ms ease;
   -ms-transition: all 800ms ease;
   -o-transition: all 800ms ease;
   transition: all 800ms ease;
}

.zoom-img img:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-filter: brightness(120%);
		text-decoration:none;
		-webkit-transition: all 500ms ease;
   -moz-transition: all 800ms ease;
   -ms-transition: all 800ms ease;
   -o-transition: all 800ms ease;
   transition: all 800ms ease;
}

.pd-left {
	padding-left:0px;
}

.blog-box h2 {
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    font-size: 22px;
	color:#333;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:10px;
}
.blog-box h2 a {
	color:#333;
}

.blog-box h2 a:hover {
	color:#ee4f4f;
}

.blog-box h3 {
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
    font-size: 14px;
	color:#2bb700;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:2px;
}



.blog-box ul {
	list-style:none;
	font-size:12px;
	color:#999999;
	height:30px;
	padding-left:0px;
	margin-bottom:0px;
}

.blog-box li {
	float:left;
	margin-right:15px;
}

.blog-para {
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
	font-size:14px;
	color:#777;
	line-height:22px;
	margin-bottom:10px;
}

.blog-box img {
	height:160px;
}

a.read-more-button {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 10px 19px;
  background: #f44336;
  border: 1px solid #f44336;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-weight: 200;
  text-transform: uppercase;
}
a.read-more-button i {
  margin-right: 9px;
}
a.read-more-button:hover {
  color: #333;
  background: #fafafa;
  border-color: #f44336;
}


a.view-contact-button {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 10px 19px;
  background-color:#fafafa;
  border: 1px solid #337bb6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #337bb6;
  font-size: 15px;
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

a.view-contact-button:hover {
  color: #fff;
  background: #337bb6;
  border-color: #337bb6;
}

.morecontent span {
    display: none;
}
.morelink {

}

.flat-table {
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size:14px;
	border:1px solid #ccc;
	text-align:left;
	margin-top:1em;
	font-weight:500;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.flat-table:hover {
	background-color:#F0F0F0;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}
.flat-table span {
	font-weight:bold;
}

.flat-sr {
	font-weight:bold;
	color:#333;
	text-align:center;
}

.flat-table-sold {
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size:14px;
	border:1px solid #ff0000;
	text-align:left;
	margin-top:1em;
	font-weight:500;
	background-color:rgb(210, 171, 102, 0.3);
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.flat-table-sold:hover {
	background-color:#F0F0F0;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}
.flat-table-sold span {
	font-weight:bold;
	color:#ff0000;
}


.hed-tittle {
	font-family:Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
	font-size:15px;
	text-transform:uppercase;
	border:1px solid #ccc;
	text-align:center;
	font-weight:bold;
}
.hed-tittle .b1 {
	border-right:1px solid #ccc;
	padding:8px;
}

.hed-tittle .b2 {
	padding:8px;
}

.table-flat {
	font-size:14px;
	
}

.flat-grid-top {
	width:10%;
	float:left;
	height:50px;
	padding-top:15px;
	text-align:center;
	border-right:1px solid #ccc;
}
.flat-grid-1-top {
	width:5%;
	float:left;
	height:50px;
	padding-top:15px;
	text-align:center;
	border-right:1px solid #ccc;
}
.flat-grid-2-top {
	width:15%;
	float:left;
	height:50px;
	padding-top:15px;
	text-align:center;
	border-right:1px solid #ccc;
}
.flat-grid-5-top {
	width:6%;
	float:left;
	height:50px;
	padding-top:15px;
	text-align:center;
	border-right:1px solid #ccc;
}
.flat-grid-6-top {
	width:7%;
	float:left;
	height:50px;
	padding-top:15px;
	text-align:center;
	border-right:1px solid #ccc;
}

.flat-grid-7-top {
	width:8%;
	float:left;
	height:50px;
	padding-top:15px;
	text-align:center;
	border-right:1px solid #ccc;
}


.flat-grid-3-top {
	width:12%;
	height:50px;
	padding-top:15px;
	text-align:center;
	border-right:1px solid #ccc;
	float:left;
}

.flat-grid-4-top {
	width:31%;
	height:50px;
	padding-top:15px;
	float:left;
	text-align:center;
}

.flat-grid {
	width:10%;
	float:left;
	height:50px;
	padding:5px;
	text-align:center;
	border-right:1px solid #ccc;
}

.flat-grid-1 {
	width:5%;
	float:left;
	height:50px;
	padding-top:15px;
	border-right:1px solid #ccc;
}

.flat-grid-2 {
	width:15%;
	float:left;
	height:50px;
	padding-top:5px;
	padding-left:5px;
	border-right:1px solid #ccc;
}

.flat-grid-5 {
	width:6%;
	float:left;
	height:50px;
	text-align:center;
	padding-top:5px;
	padding-left:5px;
	border-right:1px solid #ccc;
}

.flat-grid-6 {
	width:7%;
	float:left;
	height:50px;
	text-align:center;
	padding-top:5px;
	padding-left:5px;
	border-right:1px solid #ccc;
}

.flat-grid-7 {
	width:8%;
	float:left;
	height:50px;
	text-align:center;
	padding-top:5px;
	padding-left:5px;
	border-right:1px solid #ccc;
}

.flat-grid-8 {
	width:7%;
	float:left;
	height:50px;
	padding-top:5px;
	padding-left:5px;
}


.flat-grid-3 {
	width:12%;
	padding-top:5px;
	padding-left:5px;
	height:50px;
	text-align:center;
	border-right:1px solid #ccc;
	float:left;
}

.flat-grid-4 {
	width:24%;
	padding-top:5px;
	padding-left:5px;
	height:50px;
	border-right:1px solid #ccc;
	float:left;
}

.falt-details {
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
	font-size: 14px;
	color: #fff;
	float:left;
	margin-top:6px;
	padding:5px 13px;
	border: 1px solid #fff;
	box-shadow:1px 0px 2px #ccc;
	background-color: #E5091C;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.falt-details:hover {
	background-color: #ff0000;
	color:#fff;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}


.table {
	margin-bottom:4px;
}

.table td {
	font-weight:600;
}

.table td p {
	color:#747474;
	text-transform:uppercase;
	font-weight:normal;
}

.table-bottom {
	background-color:#fff;
	margin-bottom:4px;
}

.table-bottom td {
	font-size:14px;
	font-weight:600;
}



.table-details {
	margin-bottom:4px;
	margin-top:10px;	
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
}

.table-details td {
	font-size:14px;
	font-weight:300;
}

.table-details td span {
	font-weight:bold;
}

.detail-right h2 {
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size:22px;
	color:#333;
	font-weight:bold;
	margin-bottom:1em;
	margin-top:1em;
}

.detail-right p {
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size:17px;
	color:#333;
	text-align:center;
	font-weight:bold;
	border:2px solid #fccc00;
	box-shadow: 0px 2px 8px #ddd;
	background-color:#eee;
	padding:12px;
	line-height:28px;
	/*margin-bottom:2em;
	margin-top:1em;*/
	margin: 1em 5em 0px 5em;
}




.be-mobile-menu-icon.is-clicked{
	background-color:hsla(0,0%,100%,0)!important
}
.be-mobile-menu-icon.is-clicked .hamburger-line-1,.be-mobile-menu-icon.is-clicked:before{
	top:0;-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.be-mobile-menu-icon.is-clicked .hamburger-line-3,.be-mobile-menu-icon.is-clicked:after{
	top:0;-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);transform:rotate(45deg)
}


.flat-field {
	padding:10px;
	margin-bottom:15px;
	border:1px solid #ccc;
}
.flat-field .head {
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size:18px;
	color:#333;
	font-weight:bold;
	text-align:center;
	margin-top: -22px;
	margin-bottom: 21px;
	background-color: #fff;
	display: block;
	padding: 4px 10px;
	width:-moz-fit-content;
	margin-left:18%;
}

.details-des {
	margin-top:2em;
}
.tab_content p {
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size:14px;
	color:#333;
	text-align:justify;
	line-height:28px;
}

.detail-tp {
	padding:10px 2px;
	margin-top:2em;
	font-family:century;
	font-size:14px;
	height:35px;
	font-weight:bold;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	letter-spacing: 0.2px;
}

.detail-tp span {
	color:#f44336;
}
.detail-tp ul {
	list-style:none;
	padding-left:0px;
}

.detail-tp ul li {
	float:left;
	margin-right:20px;
}

/*------------Flat box div end--------------*/






/*------------details des div start--------------*/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 40px;
	border-bottom: 1px solid #333;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	font-family:mont;
	padding: 0px 21px;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #fccc00;
	color: #333;
	overflow: hidden;
	position: relative;
}

.tab_last { border-right: 1px solid #333; }

ul.tabs li:hover {
	background-color: #fea100;
	color: #fff;
}

ul.tabs li.active {
	background-color: #fff;
	color: #333;
	border-bottom: 1px solid #fff;
	display: block;
}

.tab_container {
	border: 1px solid #333;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.tab_content {
	padding: 20px;
	display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		background-color: #ccc;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active {
		background-color: #666;
		color: #fff;
	}
}

/*------------details des div end--------------*/







/*------------Search Categeory start--------------*/

.form {
  background: rgba(255, 255, 255, 0.9);
  padding: 30px;
  max-width: 600px;
  margin: 10px auto;
  border-radius: 4px;
  box-shadow: 0 2px 5px 1px rgba(19, 35, 47, 0.3);
}

.tab-group {
  list-style: none;
  padding: 0;
  margin: -55px 0 20px 0;
  border:1px solid #ddd;
}
.tab-group:after {
  content: "";
  display: table;
  clear: both;
}
.tab-group li a {
  display: block;
  text-decoration: none;
  padding: 10px;
  background: rgba(255, 255, 255, 1.0);
  color: #333;
  font-size: 16px;
  font-family:century;
  float: left;
  width: 50%;
  text-align: center;
  cursor: pointer;
  transition: .5s ease;
}
.tab-group li a:hover {
  background: #ff9900;
  color: #ffffff;
}
.tab-group .active a {
  background: #FFCB05;
  color: #333;
}

.tab-content > div:last-child {
  display: none;
}

h1 {
  text-align: center;
  color: #ffffff;
  font-weight: 300;
  margin: 0 0 40px;
}

/*label {
  position: absolute;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  left: 13px;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.25s ease;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  font-size: 22px;
}
label .req {
  margin: 2px;
  color: #1ab188;
}

label.active {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  left: 2px;
  font-size: 14px;
}
label.active .req {
  opacity: 0;
}

label.highlight {
  color: #ffffff;
}

input, textarea {
  font-size: 22px;
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
  background: none;
  background-image: none;
  border: 1px solid #a0b3b0;
  color: #ffffff;
  border-radius: 0;
  transition: border-color .25s ease, box-shadow .25s ease;
}
input:focus, textarea:focus {
  outline: 0;
  border-color: #1ab188;
}*/

textarea {
  border: 2px solid #a0b3b0;
  resize: vertical;
}

.field-wrap {
  position: relative;
  margin-bottom: 40px;
}

.top-row:after {
  content: "";
  display: table;
  clear: both;
}
.top-row > div {
  float: left;
  width: 48%;
  margin-right: 4%;
}
.top-row > div:last-child {
  margin: 0;
}

.button {
  border: 0;
  outline: none;
  border-radius: 0;
  padding: 15px 0;
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .1em;
  background: #1ab188;
  color: #ffffff;
  transition: all 0.5s ease;
  -webkit-appearance: none;
}
.button:hover, .button:focus {
  background: #179b77;
}

.button-block {
  display: block;
  width: 100%;
}

.forgot {
  margin-top: -20px;
  text-align: right;
}

.search-tag {
	margin-bottom:0.2em;
}


.sumitfield{
    border: none;
    background: none;
    margin-bottom: 0px;
}
.sumitfield h3{
    width: 100%;
	display:block;
	padding:15px;
	height:44px;
	margin-top:0px;
	padding-top:11px;
	margin-bottom:0px;
    text-align: center;
    text-transform: uppercase;
    background: #337bb6;
    font-size: 18px;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    color: #fff;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.sumitfield h3:hover{
    background: #222222;
    color: #fff;
	cursor:pointer;
}

.search-fm {

}
.search-fm input[type="text"] {
    outline: medium none;
    font-size:13px;
    font-weight: 400;
	background: transparent url("../images/flat-icon.png") no-repeat scroll 6px 12px;
    color: #1F1F1F;
    padding:17px 15px 15px 46px;
    border: 1px solid #8a8a8a;
    width:100%;
	margin-bottom:1em;
    font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}


/*------------Search Categeory End--------------*/





.singlefield, .singletextarea{
    /*width: 100%;
    position: relative;*/
    background: #fff;
    margin-bottom: 12px;
}
.singlefield input{
    border: none;
    border-radius: 0px;
    width: 100%;
    padding: 0px 35px 0px 15px;
    font-size: 13px;
    color: #333;
    background: none;
    height: 40px;
    border: 1px solid #464443;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.singlefield input:focus{
    border-color: #ff0000;
}
.singlefield i{
    color: #333;
    font-size: 18px;
    position: absolute;
    right: 25px;
	margin-top:-29px;
	display:block;
}
.singletextarea{
    background: none;
}
.singletextarea textarea{
    height: 110px;
    background: none;
    border: none;
    border-radius: 0px;
    padding: 15px;
    resize: none;
    width: 100%;
    z-index: 9999;
    font-size: 13px;
    color: #333;
    line-height: 22px;
    background: #fff;
    border: 1px solid #464443;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.singletextarea textarea:focus{
    border-color: #f7c221;
}
.sumitfield{
    border: none;
    background: none;
    margin-bottom: 0px;
}
.sumitfield input{
    width: 100%;
	padding:0px;
	margin-bottom:0px;
    text-align: center;
    text-transform: uppercase;
    background: #337bb6;
    font-size: 18px;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    color: #fff;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.sumitfield input:hover{
    background: #222222;
    color: #fff;
	cursor:pointer;
}


.pop-heading {
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size:25px;
	text-align:center;
}


.sumitfield .sub{
    width: 100%;
	display:block;
	padding:0px;
	height:44px;
	margin-top:0px;
	margin-bottom:0px;
    text-align: center;
    text-transform: uppercase;
    background: #337bb6;
    font-size: 18px;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    color: #fff;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.sumitfield .sub:hover{
    background: #222222;
    color: #fff;
	cursor:pointer;
}



/*------------------New heading code start-------------------*/

.heading.centered {
    display: table;
    margin: auto;
    text-align: center;
	margin-bottom:0.3em;
}

.heading.centered [class*="head-"] {
    display: table;
    margin: auto;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 20px
}

.heading [class*="head-"] h3 {
    font-size: 35px;
    font-weight: 300;
    padding: 0;
    line-height: 1;
    letter-spacing: -1.5px;
    margin: 0
}

.heading [class*="head-"] h4 {
    font-size: 35px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1;
    margin: 0
}


.main-heading h3 {
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 5px;
    padding: 0;
    line-height: 1;
    letter-spacing: -1px
}

.heading-para {
	color: #333;
	font-size: 16px;
	font-family: Avant Garde, Avantgarde, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	margin-bottom: 0;
	line-height:28px;
	margin-bottom:2em;
	padding:10px;
	text-align:center;
	font-weight:  normal;
}

.main-heading .sub-title {
    font-size: 35px;
    font-weight: 800;
    margin: 0 0 5px;
    padding: 0;
    line-height: 1;
    letter-spacing: -1px
}
.main-heading h3,
    .main-heading .sub-title {
        font-size: 35px;
        letter-spacing: 0.3px;
		font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
		color:#333;
		font-weight:bold;
}



.main-heading .sub-title-2 {
    font-size: 35px;
    font-weight: 800;
    margin: 0 0 5px;
    padding: 0;
    line-height: 1;
    letter-spacing: -1px
}
.main-heading h3,
    .main-heading .sub-title-2 {
        font-size: 48px;
        letter-spacing: 0.3px;
		font-family: oregano;
		color:#333;
		font-weight:bold;
}


.main-heading .heading-separator {
    margin: 15px 0 15px;
    position: relative;
    height: 10px
}

.main-heading .heading-separator .main-bg {
    position: absolute;
    left: 50%;
    width: 14px;
    height: 5px;
    top: 5px;
    margin-left: -13px
}

.main-heading .heading-separator .dark-bg {
    position: absolute;
    right: 50%;
    width: 14px;
    height: 5px;
    bottom: 5px;
    margin-right: -13px
}

.main-heading .heading-separator:before,
.main-heading .heading-separator:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 3px;
    width: 50%;
    height: 1px;
    bottom: 2px;
    margin-right: -2px
}

.main-heading .heading-separator:before {
    right: auto;
    left: 3px;
    top: auto;
    top: 2px;
    background: #777;
    width: 50%;
    margin-left: -2px
}

.main-heading.no-desc {
    margin-bottom: 30px !important
}

.feature-img:hover figure a, .full-heading.main-bg::before, .accordion.style-1 .panel > .panel-heading h4 a:not(.collapsed)::before, .accordion.style-3 .panel > .panel-heading h4 a:not(.collapsed), .black-bg:hover > a, .blog-posts .post-item:hover .post-content, .box-5:hover, .bquote-2, .comment-list .comment-content h6, .dark-bg:not(.top-head):hover a, .darker-bg:hover a, .diamond.colored::after, .diamonds:hover, .diamonds:hover a, .feature-img2:hover figure a, .filter-by ul li::after, .filter-by.style-2 ul li.active a, .filter-by.style-3 ul li.active a, .filter-by:not(.style-2) ul li.active a, .filter-by:not(.style-3) ul li.active a, .flex-control-paging li a.flex-active, .footer-3 .footer-top .social-list li a:hover, .footer-middle h3::after, .head-4::after, .head-5::after, .head-8::before, .header-9 .top-nav > ul > li.mega-menu:hover > span::after, .header-9 .top-nav > ul > li.mega-menu:hover > span::before, .header-9 .top-nav > ul > li:not(.mega-menu):hover::after, .header-9 .top-nav > ul > li:not(.mega-menu):hover::before, .heading-full [class*="head-"]::after, .heading-full [class*="head-"]::before, .icon-box .filled i:hover, .icon-box.box-1 .outlined i::after, .icon-box.box-1.bordered .inner::after, .icon-box.box-1.bordered .inner::before, .icon-box.box-1.bordered::after, .icon-box.box-1.bordered::before, .icon-box.gry-border-1:hover, .icon-box.gry-border-2:hover h3, .icon-box:hover .filled i, .icons-style-1:hover .btn, .item-img .product-buttons a:hover, .list-grid a.selected, .login-box-lg .login-inner::after, .main-bg, .main-heading .heading-separator::after, .minimal-socials li a:hover, .modal-header, .nav-border-bottom li.mega-menu .inner-mega::after, .nav-border-bottom > ul > li::after, .nav-border-left li.mega-menu .inner-mega::after, .nav-border-left > ul > li::after, .nav-border-right li.mega-menu .inner-mega::after, .nav-border-right > ul > li::after, .nav-border-top li.mega-menu .inner-mega::after, .nav-border-top > ul > li::after, .on-sale, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .pagination ul li.selected, .pagination.bar-1 ul li a:hover, .pagination.bar-3 ul::after, .pagination.bottom-border ul li:hover, .portfolio-item .fav:hover, .portfolio-item .link:hover, .portfolio-item .zoom:hover, .post-icon, .post-item:hover .bottom_tools a, .pricing-tbl.style-1.selected .btn, .pricing-tbl.style-1:hover .btn, .pricing-tbl.style-2.selected .btn, .pricing-tbl.style-2.selected h3, .pricing-tbl.style-2:hover .btn, .pricing-tbl.style-2:hover h3, .pricing-tbl.style-3.selected, .pricing-tbl.style-3:hover, .pricing-tbl.style-4.selected .btn, .pricing-tbl.style-4.selected .plan-head, .pricing-tbl.style-4.selected .plan-head::after, .pricing-tbl.style-4.selected .plan-head::before, .pricing-tbl.style-4:hover .btn, .pricing-tbl.style-4:hover .plan-head, .pricing-tbl.style-4:hover .plan-head::after, .pricing-tbl.style-4:hover .plan-head::before, .progress-bars .bar .bar-in, .saf-tags.hover-effect li:hover, .side-one li a, .sidebar_widgets .widget-head::after, .sidebar_widgets li.widget::after, .sidebar_widgets li.widget::before, .slick-dots li.slick-active button, .social-list li:not(.main-bg) a:hover, .tabs-style-ballon .nav-tabs > li.active > a, .tabs-style-bg .nav-tabs > li.active a::after, .tabs-style-bottomline li.active::after, .tabs-style-lg.style-1 .nav-tabs > li.active > a, .team-box.box-1:hover .team-details, .team-box.box-2:hover, .team-box.box-2:hover .team-pos, .timeline .post-item .timeline_date .inner_date::before, .timeline .post-item .timeline_date::before, .top-bar .social-list li a:hover, .top-bar.main-bg li.dropdown ul, .top-head.boxed-transparent .bot-line, .top-head.boxed-transparent .logo::after, .top-head.boxed-transparent .logo::before, .top-head.header-2 .top-cart > a::before, .top-head.header-2 .top-nav > ul > li.selected > a, .top-head.header-2 .top-nav > ul > li.selected > span > a, .top-head.header-2 .top-nav > ul > li:hover > a, .top-head.header-2 .top-nav > ul > li:hover > span > a, .top-head.header-2 .top-search > a::before, .top-head.header-5 .top-nav > ul > li .inner-mega::before, .top-head.header-5 .top-nav > ul > li::before, .top-head.header-6 .top-nav > ul > li .inner-mega::before, .top-head.header-6 .top-nav > ul > li.mega-menu:hover > a, .top-head.header-6 .top-nav > ul > li:hover::before, .top-head.header-6 .top-nav > ul > li:hover > a::before, .top-head.header-6 .top-nav > ul > li > span > a::before, .top-head.header-8 .top-nav > ul > li.selected > a, .top-head.header-8 .top-nav > ul > li.selected > span > a, .top-head.header-8 .top-nav > ul > li:hover > a, .top-head.header-8 .top-nav > ul > li:hover > span > a, .top-nav.colored-submenu ul li ul, .top-shop-links a:hover, .tri-line::before, footer .tags li a:hover, footer .tags.hover-effect a::after, input[type="radio"]:checked + label > span > span, li.outlined.rectangle:hover {
	background-color: #fea100;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.15);
}

.dark-bg, .icon-box h3.bottom_half_border::after, .head-6::after, .tags-widget .tags a:hover {
	background-color:#947054;
}
.main-color {
	font-weight:bold;
}


/*------------------New heading code end-------------------*/

























/*----------contact us code start------------*/
.contactfield, .contacttextarea{
    width: 100%;
    position: relative;
	margin-bottom:1em;
}

.contactfield select {
    border: none;
    border-radius:0px;
    width: 100%;
	background-color:#fff;
    padding: 0px 35px 0px 15px;
    font-size: 13px;
    color: #1F1F1F;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    height: 40px;
    border: 1px solid #8a8a8a;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}

.contactfield select:hover {
    border: 1px solid #ff6600;
}


.contactfield input{
    border: none;
    border-radius:0px;
    width: 95%;
	background-color:#fff;
    padding: 0px 35px 0px 15px;
    font-size: 13px;
    color: #1F1F1F;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    height: 40px;
    border: 1px solid #8a8a8a;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.contactfield label {
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
    font-size: 16px;
    color: #333;
	padding-left:3px;
	margin-bottom:5px;
	font-weight:normal;
}
.contactfield label span {
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
    font-size:18px;
    color: #333;
	font-weight:normal;
}
.contactfield textarea{
    border-radius:0px;
    width:100%;
	height: 196px;
	background-color:#fff;
    padding: 8px 35px 0px 15px;
    font-size: 13px;
    color: #1F1F1F;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
     border: 1px solid #8a8a8a;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}


.subfield textarea{
    border-radius:0px;
    width:100%;
	height: 196px;
	background-color:#fff;
    padding: 8px 35px 0px 15px;
    font-size: 13px;
    color: #1F1F1F;
	font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;
     border: 1px solid #8a8a8a;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}





/*--responsive--*/