@import url('https://fonts.googleapis.com/css?family=Courgette&display=swap');
html, body, div, span, object, iframe, h1, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	font-family: 'Courgette', cursive;
}
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
  margin: 0 auto;
  max-width: 80%;
}

#slider_content1, #slider_content2, #slider_content3 {
  top: 35% !important;
}

#meme {
  transform: rotateY(0deg);
}

#meme:hover {
  transform: rotateY(-25deg);
  transform-style: preserve-3d;
  transition: transform 1s ease 0s;
}

h1.site-title:hover {
display:block;
/*transition: transform 3s ease 0s;
	transform:rotateX(360deg);*/
margin-left:-35px;
transition-property: margin;
transition-duration:0.5s;
transition-delay: .2s;
transition-timing-function: linear;
}

/* entire container, keeps perspective */
.flip-container {
  /*border: 1px solid #CCCCCC;*/
  transform: perspective(1000px);
  transform-style: preserve-3d;
}

	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 450px;
	height: 385px;
}

.front{ height:280px;}

.front {
  background: #5da5fb none repeat scroll 0 0;
  color: #fff !important;
  z-index: 9999;
}
	
.back{
    background: none repeat scroll 0 0 #ADD8E6;}

/* flip speed goes here */
.flipper {
  position: relative;
  transform: perspective(1000px);
  transform-style: preserve-3d;
  transition: all 1s ease 0s;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
 transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

input, textarea, .uneditable-input {
  border-radius: 4px !important;
  height: auto;
  width: auto !important; padding:5px;
}
.form-control, input {
	border-width: 0px;
}
.contactform input, textarea { border-radius: 4px !important;
  height: 30px;
  width: 90% !important; }
.testimonials-slider .slide img { display: none; }

/*border css */
.allborder{
border-top: 20px solid #6699FF;
border-bottom: 20px solid #660066;
border-left: 20px solid #CC66CC;
border-right: 20px solid #003366;
}
.bordernospace{
font-size: 0px; line-height: 0%; width: 0px;
border-top: 20px solid #6699FF;
border-bottom: 20px solid #660066;
border-left: 20px solid #CC66CC;
border-right: 20px solid #003366;
}
.noleftborder{
font-size: 0px; line-height: 0%; width: 0px;
border-top: 20px solid #6699FF;
border-bottom: 20px solid #660066;
border-left: none;
border-right: 20px solid #003366;
}
.nobottomborder{
font-size: 0px; line-height: 0%; width: 0px;
border-top: 20px solid #6699FF;
border-bottom: none;
border-right: 20px solid #003366;
}
.onlytoprightborder{
font-size: 0px; line-height: 0%; width: 0px;
border-top: 20px solid #6699FF;
border-right: 20px solid #FFF;
}
.onlytoprightborderlarge{
font-size: 0px; line-height: 0%; width: 100px;
border-top: 20px solid #6699FF;
border-right: 20px solid #FFF;
}
.topbottomrightborder{
font-size: 0px; line-height: 0%; width: 0px;
border-top: 20px solid #6699FF;
border-bottom: 20px solid #660066;
border-right: 40px solid #003366;
}
.topbottomthinnerrightborderthicker{
font-size: 0px; line-height: 0%; width: 0px;
border-top: 10px solid #6699FF;
border-bottom: 10px solid #660066;
border-right: 40px solid #003366;
}

.downarrow{
font-size: 0px; line-height: 0%; width: 0px;
border-top:20px solid #003366;
border-left:10px solid #FFF;
border-right:10px solid #FFF;
}
.uparrow{
font-size: 0px; line-height: 0%; width: 0px;
border-bottom:20px solid #003366;
border-left:10px solid #FFF;
border-right:10px solid #FFF;
}
.leftarrow{
font-size: 0px; line-height: 0%; width: 0px;
border-left:20px solid #003366;
border-top:10px solid #FFF;
border-bottom:10px solid #FFF;
}
.rightarrow{
font-size: 0px; line-height: 0%; width: 0px;
border-right:20px solid #003366;
border-bottom:10px solid #FFF;
border-top:10px solid #FFF;
}
.hourglass{
font-size: 0px; line-height: 0%; width: 0px;
border-top:20px solid #003366;
border-bottom:20px solid #003366;
border-right:10px solid #FFF;
border-left:10px solid #FFF;
}
.sidewaysdirection{
font-size: 0px; line-height: 0%; width: 0px;
border-left:20px solid #003366;
border-right:20px solid #003366;
border-top:10px solid #FFF;
border-bottom:10px solid #FFF;
}
/* end border css */
.row.homepage_blogs .col-md-4 .homepage_post {
	min-height: 320px;
}

select {

  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */

select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}




select.round {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    radial-gradient(#ddd 70%, transparent 72%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
}

select.round:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    radial-gradient(gray 70%, transparent 72%);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}





select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


.contact_div {
	background-image: url("http://www.binnydaniel.com/wp-content/uploads/2018/08/map-b.jpg") !important;
}
.contact_div .contact_content {
	/*background-color: #BBB;*/
	padding: 10px;
	/*box-shadow: 5px 5px 20px #222;*/
	/* display: block; */
}
.pricing_div {
	background-color: #9792d4;
}

#services {
	background-image: url("/wp-content/uploads/2025/02/me3.png") !important;
	background-repeat: no-repeat;
}
.blog_div {
	background-image: url("/wp-content/uploads/2025/02/me1-1.png") !important;
	background-repeat: no-repeat;
}
#testimonial {
	background-image: url("/wp-content/uploads/2025/02/me2.png") !important;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 480px) {
  #services, .blog_div, #testimonial { background-size: 18%; }
}

.button {
	background-color: #f47264;
	webkit-box-shadow: 0 3px 0 #d35446;
	-moz-box-shadow: 0 3px 0 #d35446;
	box-shadow: 0 3px 0 #d35446;
	border-radius: 4px;
	color: #fff;
	padding: 3px 21px 3px 21px;
	display: inline-block;
	margin-bottom: 9px;
	font-size: 16px;
	font-weight: 400;
}
.button:hover {
    background: #DE2929;
    box-shadow: 0 3px 0 #DE2929;
  color: #fff;
}