#header .bottom-header h2,
.front-page-section .section-header h3{
font-family: "Source Sans Pro", sans-serif;
}

.front-page-section .section-header h3{
    border: 5px solid #000;
    border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
    margin: 2em 0;
    padding: 1.5em;
}

#contact-us .section-header h3
{
    border: 5px solid #FFF !important;
    border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
    margin: 2em 0;
    padding: 1.5em;
}

#contact-us{
   backgrond:#f1d204 !important;
}

#testimonials {
background:rgb(48, 169, 222) url(http://magician-teru.com/wp-content/uploads/2017/02/card1.png) center no-repeat;
}

#latest-news
 {
background:#e5e5e5 url(http://magician-teru.com/wp-content/uploads/2017/02/card2.png) center no-repeat;
}

#testimonials {
	color:#FFF;
}

#testimonials .section-header h3{
	border:5px solid #FFF;
}

#testimonials .section-content .testimonials-carousel .carousel-testimonial .testimonial-content{
background-color:#2d9bcb;
}
#testimonials .section-content .testimonials-carousel .carousel-testimonial .testimonial-content:after{
    content: "";
    width: 0;
    height: 0;
    margin-right: auto;
    margin-left: auto;
    border-style: solid;
    border-width: 19px 18px 0 18px;
    border-color: #2d9bcb transparent transparent transparent;
    position: absolute;
    right: 0;
    bottom: -19px;
    left: 0;
}

#footer{
	background:#000;
	color:#FFF;
}

#footer .widget .widget-title h3{
	color:#f1d204;
}
#footer .widget ul li a,
#footer .widget a {
	color:#FFF;
}

#header .bottom-header h2{
	line-height:110% !important;
}

table{
  width: 100%;
  border-collapse: collapse;
	font-size:24px;
}

table tr{
  border-bottom: solid 2px white;
}

table tr:last-child{
  border-bottom: none;
}

table th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #000;
  color: white;
  text-align: center;
  padding: 10px 0;
	
}

table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table td{
  text-align: center;
  width: 70%;
  background-color: #eee;
  padding:20px 0;
	color:#000;
}

h2.charge{
    border: 5px solid #000;
    border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
    margin: 2em 0;
    padding: 1.5em;
	  color:#000;
	  font-weight:800;
}
.magic-price{
	font-size:16px;
		  font-weight:700;
}
.tiny {
    float: left;
    margin: 20px 0;
    background: url(http://magician-teru.com/wp-content/uploads/2020/06/line.png) repeat;
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    border: 1px solid #2890bd;
    border-bottom: 10px solid #2890bd;
}
.small {
    float: left;
    margin: 20px 0;
    background: url(http://magician-teru.com/wp-content/uploads/2020/06/line.png) repeat;
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    border: 1px solid #ce3439;
    border-bottom: 10px solid #ce3439;
}
.medium {
    float: left;
    margin: 20px 0;
    background: url(http://magician-teru.com/wp-content/uploads/2020/06/line.png) repeat;
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    border: 1px solid #d6ba0d;
    border-bottom: 10px solid #d6ba0d;
}

.price{
    padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;
    border-top: solid 5px #5989cf;
    border-bottom: solid 5px #5989cf;
}
.price p {
    margin: 0; 
    padding: 0;
}
.pricing-table-header-tiny {
    padding: 5px 0 5px 0;
    background: #30a9dd;
    border-bottom: 10px solid #2890bd;
}

.pricing-table-header-tiny h2 ,.pricing-table-header-small h2,.pricing-table-header-medium h2{
    font-size: 31.5px;
	  color:#fff;
	  font-weight:800;
	  text-align:center;
}

.pricing-table-header-tiny h3,
.pricing-table-header-small h3,
.pricing-table-header-medium h3{
    font-size: 24.5px;
		  color:#fff;
		  text-align:center;
	
}
.pricing-table-features {
    margin: 15px 10px 0 10px;
    padding: 0 10px 15px 10px;
    border-bottom: 1px dashed #888;
    text-align: center;
    line-height: 25px;
    font-size: 20px;
    color: #222;
	  font-weight:700;
}

.pricing-table-header-small {
    padding: 5px 0 5px 0;
    background: #e53a40;
    border-bottom: 10px solid #ce3439;
}

.pricing-table-header-medium {
    padding: 5px 0 5px 0;
    background: #f1d10a;
    border-bottom: 10px solid #d6ba0d;
}

.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 767px) {
	#header .bottom-header h2{
	line-height:100% !important;
	font-size:16px;
	padding-top:150px;
}
}

#projects {
	background:#eee url(http://magician-teru.com/wp-content/uploads/2017/02/grid-2.png) repeat;
}

.page_top {
position:fixed;
bottom:10px;
right:10px;
width: 80px;
height: 80px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color:#fff;
font-size:30px;
text-decoration:none;
background:#000;
border: 3px solid #ffffff;
text-align: center;
line-height: 80px;
}

.page_top:hover{
	color:#FFF;
	}

#header .top-header{
	background:rgba(0,0,0,0.9);
	padding:20px 0;
}

#services {
	background:url(http://magician-teru.com/wp-content/uploads/2017/02/grid-1.png) repeat;
}

.service{
	background:url(http://magician-teru.com/wp-content/uploads/2017/02/card-1.png) repeat left bottom;
	padding-bottom:10px;
	border-top:3px solid rgb(241, 210, 3);
	border-bottom:1px solid #000;
}

.service-entry {
	color:#FFF;
}

.service-icon{
	padding-top:20px;
	background:rgba(0,0,0,0.8);
	}
.service-title{
	background:rgba(0,0,0,0.8);
}

.service-button-two{
    width: auto;
    height: 63px;
    line-height: 63px;
    background: #f1d204;
    margin: 50px 15px 0 15px;
    padding: 0 70px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.service-button-two a{
	color:#fff;
}

.blog-post-tags{
	background:rgba(255,255,255,0.2);
	border:1px solid #ddd;
	padding:2% 5% !important;
}

.youtube-area{
 clear:both;
 width:100%;
 text-align:center;
 padding:10px 0;}

@media only screen and (max-width: 400px) {
	
#header .top-header {
    width: 100%;
		padding:5px 0;
}
#header .bottom-header {
       padding-top: 10%;
       padding-bottom: 10%;
}

.front-page-section .section-header h3 {
    border: 5px solid #000;
    border-radius: 120px 15px 90px 15px / 15px 100px 15px 90px;
    margin: 0.5em 0;
    padding:0.5em;
	  font-size: 20px;
}

#contact-us .section-header h3{
	    border: 5px solid #f1d204;
    border-radius: 120px 15px 90px 15px / 15px 100px 15px 90px;
    margin: 0.5em 0;
	padding: 0.5em;
	font-size: 20px;
}

#about, #static-page-content {
    padding: 1px 0 20px 0;
}

#about img{
	  width:95%;
	  height:auto;
}

.service-entry img{
	  width:98%;
	  height:auto;
}





.front-page-section .section-header h3{
	  line-height:120%;
}

#projects,
#testimonials,
#services,
#latest-news,
#contact-us{
	padding:5px 0 20px 0;
}
#projects .section-header,
#testimonials .section-header,
#services .section-header,
#latest-news .section-header{
	margin-bottom:5px;
}

#contact-us .section-header{
	margin-bottom:1px;
}
#contact-us .col-sm-4,
#contact-us .col-sm-5{
	display:none;
}
.blog h2{
	font-size:20px !important;
	font-weight:800;
	line-height:120% !important;
}

.page_top {
position:fixed;
bottom:5px;
right:5px;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color:#fff;
font-size:20px;
text-decoration:none;
background:rgba(0,0,0,0.6);
border: 3px solid #ffffff;
text-align: center;
line-height: 30px;
}
.widget .widget-title h3{
	font-size:15px !important;
}
#footer{
	font-size:14px !important;
}

.service-button-two{
	font-size:14px;
}

#illdy_project-4,#illdy_project-5,#illdy_project-8,#illdy_project-9,#illdy_project-12,#illdy_project-13{
	display:none;
}
.youtube-area{
 clear:both;
 width:100%;
 text-align:center;
 padding:10px 0;}
}

@media only screen and (max-width: 992px){
	.responsive-menu ul li a {
    border-bottom: 1px solid #e4e4e4;
    color: #FFF;
}
.responsive-menu {
    background-color: rgba(0,0,0,0.6);
}
}