ul.top_social {
    text-align: right;
    list-style: none;
}
a:hover{text-decoration:none;}

/* ====> Region 10 Wrap <==== */

.footer_bottom {
    border-top: 1px dotted #ddd;
    padding-top: 20px;
}
.region10wrap p{ margin:0; padding:10px 0;}


.footer h5 {
    text-align: center;
    color: #ED1D25;
    font-size: 25px;
}
.container.region9wrap {
    margin-top: 30px;
}



/******************************
	-	SHADOWS		-
******************************/
.tp-bannershadow  {position:absolute; margin-left:auto; margin-right:auto;-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none;}
	
.tp-bannershadow.tp-shadow1 {	background:url("../images/sliders/sliderhome/assets/shadow1.png") no-repeat; background-size:100%; width:890px; height:30px; bottom:-30px;}
.tp-bannershadow.tp-shadow2 {	background:url("../images/sliders/sliderhome/assets/shadow2.png") no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
.tp-bannershadow.tp-shadow3 {	background:url("../images/sliders/sliderhome/assets/shadow3.png") no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}

/*************************
	-	CAPTIONS	-
**************************/
.caption.big_white	{
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: bolder;
	font-size: 24px;
	line-height: normal;
	padding: 0px 4px;
	padding-top: 1px;
	margin: 0px;
	background: rgb(0,0,0);



filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);				zoom: 1;
	letter-spacing: -1.5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
	background-color: transparent;
					}

.caption.big_color	{
						position: absolute;
						text-shadow: none; 
						font-weight: 300; 
						font-size: 32px; 
						line-height: 36px;
						padding: 0px 4px; 
						margin: 0px; 
						border-width: 0px; 
						border-style: none; 
						background:rgb(255,255,255);background: transparent\9;background:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff,endColorstr=#4cffffff);zoom: 1;	
						letter-spacing: -1.5px;															
					}	
					
.caption.big_black	{
						position: absolute; 
						color: #000; 
						text-shadow: none; 
						font-weight: 700; 
						font-size: 36px; 
						line-height: 36px; 
						padding: 0px 4px; 
						margin: 0px; 
						border-width: 0px; 
						border-style: none; 
						background:rgb(255,255,255);background: transparent\9;background:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff,endColorstr=#4cffffff);zoom: 1;	
						letter-spacing: -1.5px;															
					}		

.caption.medium_grey	{
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 300;
	font-size: 18px;
	line-height: 20px;
	padding: 2px 4px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	background: rgb(153,153,153);
	background: transparent\9;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cf999999,endColorstr=#4c999999);		zoom: 1;
	white-space: nowrap;
	background-color: transparent;
					}	
					
.caption.small_text	{
						position: absolute;
						color: #fff; 
						text-shadow: none; 
						font-weight: 700; 
						font-size: 14px; 
						line-height: 20px;
						margin: 0px; 
						border-width: 0px; 
						border-style: none; 
						white-space:nowrap;	
						text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);		
					}
					
.caption.medium_text	{
	position: absolute;
	color: #fff;
	text-shadow: none;
	font-weight: 700;
	font-size: 18px;
	line-height: 18px;
	margin: 0px;
	border-width: 0px;
	border-style: none;
	white-space: nowrap;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
					}
					
.caption.large_text	{
						position: absolute; 
						color: #fff; 
						text-shadow: none; 
						font-weight: 700; 
						font-size: 40px; 
						line-height: 40px;
						margin: 0px; 
						border-width: 0px; 
						border-style: none; 
						white-space:nowrap;	
						text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);		
					}	
					
.caption.very_large_text	{
						position: absolute; 
						color: #fff; 
						text-shadow: none; 
						font-weight: 700; 
						font-size: 60px; 
						line-height: 60px; 
						margin: 0px; 
						border-width: 0px; 
						border-style: none; 
						white-space:nowrap;	
						text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
						letter-spacing: -2px;		
					}	
					
					
.caption.very_big_white	{
						position: absolute; 
						color: #fff; 
						text-shadow: none; 
						font-weight: 700; 
						font-size: 60px; 
						line-height: 60px; 
						margin: 0px; 
						border-width: 0px; 
						border-style: none; 
						white-space:nowrap;	
						padding: 0px 4px; 
						padding-top: 1px;
						background-color:#000;		
					}	
					
.caption.very_big_black	{
						position: absolute; 
						color: #000; 
						text-shadow: none; 
						font-weight: 700; 
						font-size: 60px; 
						line-height: 60px; 
						margin: 0px; 
						border-width: 0px; 
						border-style: none; 
						white-space:nowrap;	
						padding: 0px 4px; 
						padding-top: 1px;
						background-color:#fff;		
					}
					
.caption.boxshadow	{
						-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
						-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
						box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
					}
											
.caption.black {
						color: #000; 
						text-shadow: none;		
					}	
					
.caption.noshadow {text-shadow: none;}	
					
.caption a { text-shadow: none;	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;	 }			
.caption a:hover {}
					


/****************************************************************************************************
	-	TP THUMBS 	-	
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs{	z-index:100; position:absolute; background-color:#fff; bottom:0 !important;
												width:500px;height:50px; 			/* THE DIMENSIONS OF THE THUMB CONTAINER */
											}											
.fullwidthbanner-container .tp-thumbs {  padding:2px;}											

.tp-bullets.tp-thumbs .tp-mask	{	width:500px; height:50px;  			/* THE DIMENSIONS OF THE THUMB CONTAINER */
									overflow:hidden; position:relative;}


.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer	{	width:5000px; position:absolute;}

.tp-bullets.tp-thumbs .bullet				{   width:100px; height:50px; 			/* THE DIMENSION OF A SINGLE THUMB */
												cursor:pointer; overflow:hidden;background:none;margin:0;float:left; border:1px solid #f2f2f2;
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
												/*filter: alpha(opacity=50);	*/
												-moz-opacity: 0.5;	
												-khtml-opacity: 0.5;	
												opacity: 0.5;
												-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;	
											}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected		{ 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}											
.tp-thumbs img								{	width:100%; }

/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer								{	width:100%; height:10px; background:url("../images/sliders/sliderhome/assets/timer.png");position:absolute; z-index:200;}
	
/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/		
	
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	 }  
  	
  	  
	@media only screen and (min-width: 480px) and (max-width: 767px) {
			.responsive .tp-bullets.tp-thumbs				{	}
			.responsive .tp-bullets.tp-thumbs .tp-mask		{	}
			.responsive .tp-bullets.tp-thumbs .bullet		{	}
				
	}
   
    @media only screen and (min-width: 0px) and (max-width: 479px) {   
				.responsive .tp-bullets	{	display:none}
				.responsive .tparrows	{	display:none;}
	}
	
  
/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

.tp-simpleresponsive img {	-moz-user-select: none; -khtml-user-select: none;  -webkit-user-select: none; -o-user-select: none;}

.tp-simpleresponsive ul {list-style:none;padding:0;	margin:0;}			

.tp-simpleresponsive >ul li{list-stye:none;	position:absolute;visibility:hidden;}

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div {	width:10000px; height:10000px;  }  

.tp-loader 	{	background:url("../images/sliders/sliderhome/assets/loader.gif") no-repeat 10px 10px; background-color:#fff;  margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px;
				border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;}


/*==== Services ====*/

.service{width: 100%; margin:10px 0 20px; text-align:center; overflow: hidden; position: relative; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear;-ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.service a{  width: 100%; height: 100%; display: block; color: #333; position: relative;}
.service-icon{ position: relative; width: 100%;	padding:15px 0; text-align: center; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear;transition: all 400ms linear;}	
.service-icon img {}
.service-content{position: relative; left: 0px; width: 100%;height: 50%; top: 50%;}
.service-main{ font-size: 24px; text-align: center; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear;transition: all 200ms linear;}
.service-sub{padding:5px; position: relative; margin:10px 0 0; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}	
.service:hover{}
.service:hover .service-icon{ color: #e5e5e5;-webkit-animation: moveFromBottom 300ms ease; -moz-animation: moveFromBottom 300ms ease; -ms-animation: moveFromBottom 300ms ease;}
.service:hover .service-icon img{ background:#e5e5e5;}
.service:hover .service-main{ -webkit-animation: smallToBig 300ms ease; -moz-animation: smallToBig 300ms ease; -ms-animation: smallToBig 300ms ease;}
.service:hover .service-sub{color: #fff; -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease;}

@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

/*==== Recent Work ====*/

/* WORKS */
.work-item{background:#f8f8f8; border-bottom:1px solid #e5e5e5; text-align:center;}
.work-item:hover {border-bottom:1px solid;}
.work-item-image{}
.work-item-image a{ display:block;}
.work-item-content { padding: 0 10px;}
.work-item-content h5{margin-top:20px;}
.work-item-content p{font-style:italic;}

.contentHover{ position: relative;   width: 100%;}    
.contentHover .hover-content { display: none;   position:absolute; height:100%; z-index: 2; top: 0%; left: 0%; margin: 0; padding: 10px;
		
		background: #f8f8f8; /* Fallback for browsers that don't support RGBa */
		background: rgba(248,248,248,0.8);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80f8f8f8, endColorstr=#80f8f8f8); /* IE 5.5 - IE 7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80f8f8f8, endColorstr=#80f8f8f8)"; /* IE 8 */
    }
.contentHover .hover-content  h3{ border:none; padding:0px; font-size:20px; font-weight:300; letter-spacing:-1px; margin-top:20px;}

.hover-links { width:90%; margin:0 auto; position:absolute; bottom:0; }
.hover-links a.view-item {background: url(../images/work-overlay-icons.png) no-repeat ;padding:20px 20px 2px;}
.hover-links a.view-image {background: url(../images/work-overlay-icons.png) -40px 0 no-repeat ; padding:20px 20px 2px; }
.hover-links  a.view-item:hover { background-color:#444;}
.hover-links  a.view-image:hover {background-color:#444;}

/*==== Clients List ====*/

ul.clients_list{ list-style:none; float:left; position:relative; width:100%;margin-bottom:20px; text-align:center; }
ul.clients_list li{ float:left; padding:0 15px 0 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";	-moz-opacity: 0.6;	-khtml-opacity: 0.6;	opacity: 0.6;
-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
ul.clients_list li:first-child{}
ul.clients_list li a{display: block; height: 100%; position: relative; width: 100%;}
ul.clients_list li:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
ul.clients_list li img{border: 1px solid #efefef;padding:5px; background:#f8f8f8;}


/* ======================== Main Content Bottom ===================== */


.content_bottom h2{ font-weight:500; font-size:24px; color:#FFF; letter-spacing:-1px; margin-bottom:6px; margin-top:10px;}

.content_bottom p{ color:#FFF;}

/* ====Newsletter ==== */

.newsletter-input { padding-top:25px;}
.newsletter-input input[type="text"]{color:#999; display: block; font-size: 12px; margin: 0; padding: 5px 5px 6px;width: 100%; border:none; }
.newsletter-input input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus{-webkit-appearance:none;}
.newsletter-input .button{ background-color:#ED1C24;}
.newsletter-input .button:hover{background-color:#939598;}
.info {
    margin: 0;
        margin-bottom: 0px;
    line-height: 1.5;
    color: #ED1C24;
    margin-bottom: 20px;
}

/* ============================================= */
/* ======================== FOOTER ===================== */
/* ============================================= */


/* ===== Footer Top ==== */

.footer { padding:20px 0 30px;}
.footer a{color:#ccc;font-size:15px;}

/* ===== Footer Bottom ==== */

.footer_bottom{}
.footer_bottom a{ color:#ccc; }
.footer_bottom .copyright{ margin:5px 0;}



/* ======================== Tabs ===================== */

dl.tabs {border-bottom: 1px dotted #ccc;display: block;height: auto; margin-bottom: 0px;padding: 0; float:left; width:100%; margin-top:5px;}
ul.tabs-content { display: block;padding: 20px;border: 1px dotted #ccc; border-top:none; float:left; width:100%; margin:0px;}
dl.tabs dd {}
dl.tabs dd.active {  border-top: 5px solid;  margin-top: -5px; border-bottom: 2px solid white !important; margin-bottom:-1px;}
dl.tabs dd.active a { border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;}

dl.tabs dd a { color: #666;    display: block;  font-size: 16px; font-weight: 300;  height: auto;  line-height: normal; padding: 20px 5px;  position: relative;}
dl.tabs dd a:hover {}
dl.tabs dd a:focus {}

dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a {
    padding: 20px 5px;
}

.tabs.vertical dd.active, .tabs.vertical li.active { border-bottom:0px;}

/* ======================== Accordion ===================== */

/* Footer List ---------------------- */

ul.footer-list { display: block; list-style: none; margin: 0; padding: 0; }
ul.footer-list li { display: block; list-style: none; margin: 0 0 7px 0; }
ul.footer-list li a { display: block; }
ul.footer-list li.active a { color: #4d4d4d; font-weight: bold; }
ul.footer-list li.divider { border-top: 1px solid #e6e6e6; height: 0; padding: 0; }

/* ======================== Ordered Lists ===================== */

.ol-type1{  counter-reset: li; margin-left: 5px; padding-left: 0; margin-top:20px;}
.ol-type1 > li { color: #999999; list-style: none outside none;  margin: 0 0 20px 20px; padding: 4px 8px 4px 30px;  position: relative;}
.ol-type1 > li:before{   -moz-box-sizing: border-box; color: #FFFFFF; content: counter(li, decimal);  counter-increment: li;  font-size: 24px; left: -1em;  margin-right: 8px;   position: absolute; text-align: center; width: 36px;}

/* ======================== Pagination ===================== */


/* ======================== Pricing Table ===================== */


.pricing-table{font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; float:left; width:100%; margin-bottom:0px; border:none;}
.plans { margin-bottom:0;}
.pricing-table .columns{ padding:1px; margin: 20px 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.pricing-table .button:hover { background-color: #999; }

.plan_features:nth-child(even){ background: none repeat scroll 0 0 #F7F7F7; font-size: 13px;font-weight: bold; padding: 10px 5px; width: 100%;}

.plan_features:nth-child(odd){ background: none repeat scroll 0 0 #fff; font-size: 13px; font-weight: bold; padding: 10px 5px;}

.plan_price{ color: #FFFFFF; font-size: 35px; font-weight: 300; padding: 20px; text-align: center; letter-spacing:-2px;
-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.plan_price span{ font-size:24px; font-weight:600; line-height: 0; position: relative; vertical-align: baseline; top:-0.5em;}

.pricing_plan1 .plan_price,.pricing_plan1 .buy{background: none repeat scroll 0 0 #999;}
.pricing_plan2 .plan_price,.pricing_plan2 .buy{background: none repeat scroll 0 0 #999;}
.pricing_plan3 .plan_price,.pricing_plan3 .buy{background: none repeat scroll 0 0 #999;}
.pricing_plan4 .plan_price,.pricing_plan4 .buy{background: none repeat scroll 0 0 #999;}

.plan_title{ background: none repeat scroll 0 0 #ED1D25;color: #e5e5e5;font-size: 20px;font-weight: bold;padding: 20px;text-align: center;}
.plan{border:1px solid #eee; margin-bottom:0;}
.plan_buy{ padding: 20px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
		  
.plan_buy a{ display: block; text-align: center; text-decoration: none;width:80%;margin:0 auto;}
.plan_more{ background: none repeat scroll 0 0 #fff; font-size: 13px; padding: 10px; display: none;}

.more_icon{ background-image: url("../images/plus_minus_icons.png");  background-position: 25px -3px;  float: right;  height: 25px;  width: 25px;}

.more_icon:hover{cursor: pointer;}

.less_icon{ background-image: url("../images/plus_minus_icons.png"); background-position: 0px -3px;  float: right;  height: 25px; width: 25px;}

.less_icon:hover{  cursor: pointer;}

.plan_features img{ float:left;}

.feature_desc{ color: #4E4E4E; text-align: center;}


.pricing_plan1:hover { position:relative; z-index:100; 
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000');}

/* Pricing Table Alternative*/

.pricing-alternative{}

.pricing-alternative .plan_title{ background: #e5e5e5; color: #444 ;}
.pricing-alternative .pricing_plan1 .plan_price{ background:#444; color: #fff;}
.pricing-alternative .pricing_plan2 .plan_price{ background:#444; color: #fff;}
.pricing-alternative .pricing_plan3 .plan_price{ background:#444; color: #fff;}
.pricing-alternative .pricing_plan4 .plan_price{ background:#444; color: #fff;}

.pricing-alternative .plan_buy {background: #e5e5e5; }

.pricing-alternative .pricing_plan1:hover .plan_buy{ background:#444 !important;}
.pricing-alternative .pricing_plan2:hover .plan_buy{ background:#444 !important;}
.pricing-alternative .pricing_plan3:hover .plan_buy{ background:#444 !important;}
.pricing-alternative .pricing_plan4:hover .plan_buy{ background:#444 !important;}

/* Pricing Table Alternative - Active Column*/

.pricing-active{ position:relative; z-index:90; -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);  box-shadow: 0px 0px 20px rgba(0, 0, 0, .5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#000000');}
.pricing-active .plan_price{ color: #fff !important ;}
.pricing-active .plan_buy{ background: #444 !important;}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .plan_title{ width:45%; float:left; }
	
    .plan_price{ width:55%; padding:8px 2%; float:left; line-height: 1.25;}  

    .plan_more{display: block; clear: both;}
	
    .plan_buy{ padding: 10px;}

    .plan > dd {
        height: 0;
        overflow: hidden;
        padding:0 !important;

        opacity: 0;
        filter: alpha(opacity=0); /* IE6-IE8 */
        -webkit-transition: opacity 0.9s ease-in-out;
        -moz-transition: opacity 0.9s ease-in-out;
        -o-transition: opacity 0.9s ease-in-out;
        -ms-transition: opacity 0.9s ease-in-out;
        transition: opacity 0.9s ease-in-out;
    }
    .plan:target > dd{
        padding: 10px 5px !important;
        height: auto;
        opacity: 1;
        filter: alpha(opacity=100); /* IE6-IE8 */
    }


}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .pricing_plan4,#.pricing_plan3,.pricing_plan2,.pricing_plan1{
        width: 50%;
    }

    .plan_title{ width:auto; float:none;}
    .plan_price{
	width: auto;
	float: none;
	border-top: 1px solid #F83333;
	font-size: 14px;
}
    .plan_more{ display: none;}


    .plan > dd { padding: 10px 5px !important; height:auto;
	    opacity: 1;
        filter: alpha(opacity=1); /* IE6-IE8 */
        -webkit-transition: opacity 0.9s ease-in-out;
        -moz-transition: opacity 0.9s ease-in-out;
        -o-transition: opacity 0.9s ease-in-out;
        -ms-transition: opacity 0.9s ease-in-out;
        transition: opacity 0.9s ease-in-out;
    }

} 

/* ======================== Tipsy Tooltips ===================== */


/* Service Block */

.service-block{ background:#f8f8f8; max-height:115px; min-height:115px; margin:20px 0; -webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;}

.service-block-icon{ height:115px; width:115px; font-size:68px; font-weight:800; color:#fff; float:left; text-align:center; margin-right:10px; -webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;}

.service-block-icon a{ color:#fff !important; display:block; padding:20px 0; }
.service-block:hover{ background:#f2f2f2;}
.service-block:hover .service-block-icon{ background:#444;}
.service-block-content{}
.service-block-content h4{ margin:0; padding:4% 0;}

.service-block-icon [class^="icon-"]:before, .service-block-icon [class*=" icon-"]:before { padding:0;}

/* ======================== Single Project Page ===================== */
input[type="button"] { background-color:#ED1C24; border:none; color:#fff; padding:7px 10px; cursor:pointer; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #ED1C24;
    border-color: #ED1C24;
}
input[type="button"]:hover  { background-color:#939598; border:none; color:#fff; padding:7px 10px;}

h2.changecolor	{	color:#E33A0C;}

h2.results		{	-webkit-transition: all 0.2s ease-out;
					-moz-transition: all 0.2s ease-out;
					-o-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out; }
/******************************
	-	HEADER	-
********************************/



  header		{	width:100%; padding:20px 0px 17px 0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
  .content		{	width:100%; padding:0px 30px 0px 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}


 .logo-container	{	float:left; width:50%;}
 .logo				{	background:url(../images/logo.png); background-size:100%; background-position: center center; background-repeat:no-repeat;max-width:406px; min-width:340px;height:60px; }

  .button-holder .button,
  .button-holder .button:hover,
  .button-holder .button:visited {
	float: right;
	background-color: #E33A0C;
	color: #FFF;
	text-decoration: none;
	font-weight: 300;
	font-size: 14px;
	padding: 8px 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

/******************************
	-	CONTAINER	-
********************************/
.container		{	max-width:1170px;}
/******************************
	-	PRE	-
********************************/


pre				{	font-size:12px; font-family: 'Open Sans', sans-serif; color:#888; line-height:16px; background:url(../editor/assets/prebg.png) repeat; padding:16px; padding-bottom:15px;}
pre .linedark	{	background:#888}
pre span		{	font-weight:700}
pre strong		{	color:#555;font-weight:800}

h3				{	font-size:14px; color:#e33a0c; line-height:20px;}
.boxedcontainer		{	max-width: 1170px; margin:auto; padding:0px 30px;}

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}
.hList .menu-title {
    font-size: 15px;
}


/*Menu*/

a {
  text-decoration: none;
  color: inherit;
}

* {
  box-sizing: border-box;
}
ul.hList li {
    list-style: none;
}
.hList {
    float: right;
}
ul li ul, ul li ol {
    margin-left: 0px;
    margin-bottom: 0;
    margin-top: 0;
}
.menu {
  display: block;
  position: relative;
  cursor: pointer;
}

.hList .menu-title {
  display: block;
  width: 160px;
  height: 40px;
  padding: 12px 0 0;
  background: #939598;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  transition: 0.3s background-color;
  margin-bottom:0;
}

.hList .menu-title:before {
  content: "";
  display: block;
  height: 0;
  border-top: 5px solid #939598;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-bottom: 0 solid #dddddd;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 101;
  transition: 0.2s 0.2s border-top ease-out, 0.3s border-top-color;
}

.hList .menu-title:hover {
  background: #8db842;
}

.hList .menu-title:hover:before {
  border-top-color: #8db842;
}

.menu:hover > .hList .menu-title:before {
  border-top-width: 0;
  transition: 0.2s border-top-width ease-in, 0.3s border-top-color;
}

.hList .menu-title:after {
  content: "";
  display: block;
  height: 0;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  border-bottom: 0 solid #ebebeb;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 101;
  transition: 0.2s border-bottom ease-in;
}

.menu:hover > .hList .menu-title:after {
  border-bottom-width: 5px;
  transition: 0.2s 0.2s border-bottom-width ease-out;
}

.hList .menu-title_2nd {
  background: #73AF45;
}

.hList .menu-title_2nd:hover {
  background: #3e86a3;
}

.hList .menu-title_2nd:before {
  border-top-color: #73AF45;
}

.hList .menu-title_2nd:hover:before {
  border-top-color: #3e86a3;
}

.hList .menu-title_3rd {
  background: #c97676;
}

.hList .menu-title_3rd:hover {
  background: #b96666;
}

.hList .menu-title_3rd:before {
  border-top-color: #c97676;
}

.hList .menu-title_3rd:hover:before {
  border-top-color: #b96666;
}

.hList .menu-title_4th {
  background: #73AF45;
}

.hList .menu-title_4th:hover {
  background: #cb9b48;
}

.hList .menu-title_4th:before {
  border-top-color: #73AF45;
}

.hList .menu-title_4th:hover:before {
  border-top-color: #cb9b48;
}
.hList .menu-title_5th {
  background: #ED1C24;
}

.hList .menu-title_5th:hover {
  background: #cb9b48;
}

.hList .menu-title_5th:before {
  border-top-color: #dbab58;
}

.hList .menu-title_5th:hover:before {
  border-top-color: #cb9b48;
}

.menu-dropdown {
  min-width: 100%;
  padding: 15px 0;
  position: absolute;
  background: #ebebeb;
  z-index: 100;
  transition: 0.5s padding, 0.5s background;
}

.menu-dropdown:after {
  content: "";
  display: block;
  height: 0;
  border-top: 5px solid #ebebeb;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 101;
  transition: 0.5s border-top;
}

.menu:not(:hover) > .menu-dropdown {
  padding: 4px 0;
  background: #dddddd;
  z-index: 99;
}

.menu:not(:hover) > .menu-dropdown:after {
  border-top-color: #dddddd;
}

.menu:not(:hover) > .hList .menu-title:after {
  border-bottom-color: #dddddd;
}

.menu-dropdown > * {
  overflow: hidden;
  height: 30px;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0);
  white-space: nowrap;
  transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color;
}

.menu-dropdown > *:hover {
  background: rgba(0, 0, 0, 0.1);
}

.menu:not(:hover) > .menu-dropdown > * {
  visibility: hidden;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  color: rgba(25, 25, 25, 0);
  transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility;
  z-index: 99;
}

.hList > * {
  float: left;
}

.hList > * + * {
  margin-left: 0;
}
/*end menu*/

button {
    padding: 5px 20px;
    color: #fff!important;
    border-radius: 3px;
}
a.button{
	background: #ED1C24;
    color: #fff;
    margin-top: 10px;
	margin-top: 10px;
    font-size: 15px;
    padding: 8px 20px;
}

.price, .brand {
    font-size: 16px;
}
.product-box {
    float: left;
    position: relative;
    margin-bottom: 20px;
}
.product-box img {
    margin-bottom: 20px;
	display:block;
}
button:hover, a.button:hover{ background: #939598;}
.highlight, .split:hover,  div.alert-box, .label, .panel.callout, .user-control .notification, .login-modal .close-reveal-modal, .top-bar ul > li a.active,  a.prev:hover, a.next:hover, .content_top, .service-icon img, .service:hover .service-sub, .hover-links a.view-item, .hover-links a.view-image, .content_bottom, div.progress .meter, .accordion-title.active, .ol-type1 > li:before, ul.pagination li.current a, .scrollup:hover, .toggle-view li:hover span, .service-block-icon, .left_pagination:hover, .all_pagination:hover, .right_pagination:hover, .post-date-type1 .post-date-day, .recent-post .post-date-type1 .post-date-day, .option-set li a.selected, ul.side-nav li.active a, .tabs.vertical dd.active a, .tabs.vertical li.active a {
	background-color: #8CC63F;
 
}
.btn-info, .btn-info  {
    color: #fff;
    background-color: #ED1C24;
    border-color: #ED1C24;
}

/* -- Background Color with !importratant -- */

.arrow a:hover, .pricing_plan1:hover .plan_price, .pricing_plan2:hover .plan_price, .pricing_plan3:hover .plan_price, .pricing_plan4:hover .plan_price, .pricing-active .plan_price, .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background-color: #ED1D25 !important;
}

/* ======================== Text Color ===================== */

.color, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, a, a:focus, .top_header a:hover, #logo h1 span, .caption.big_color, .service:hover .service-main, .work-item-content h5, .footer a:hover, .footer_bottom a:hover,dl.tabs dd a:hover, dl.tabs dd a:focus, .type1 a:hover, .type1 li:hover:before, .type2 a:hover, .type2 li:hover:before, .type3 a:hover, .type3 li:hover:before, .type4 a:hover, .type4 li:hover:before, .toggle-view li:hover h2, .member-name, .article_meta a:hover, .article_meta_type1 a:hover, .article_meta_type2 a:hover, .comment .author a:hover, .sidebar-widget a:hover {
	color : #ED1C24;
	font-size: 12px;
	background-color: transparent;
}

/* ======================== Border Color ===================== */

.maincontent h3, .work-item:hover, .footer h4, dl.tabs dd.active, .member-description, .member-social li, .portfolio-item:hover .portfolio-item-content, .tabs.vertical dd.active, .tabs.vertical li.active {
    border-color: #ED1D25;
    font-size: 30px;
    color: #ED1D25;
}
.clients_list img {
    display: block;
    max-width: 200px;
    height: 100px;
}
.top_social i {
    font-size: 30px;
}
.maincontent h3, .carosel h3, .work-item:hover, .footer h4, dl.tabs dd.active, .tabs.vertical dd.active, .tabs.vertical li.active {
    border-color: #ED1D25;
    font-size: 25px;
    margin-bottom: 20px;
}
 .glyph {
        display: inline-block;
        width: 9em;
        margin: 1em;
        text-align: center;
        vertical-align: top;
        background: #FFF;
    }
    .glyph .glyph-icon {
        padding: 10px;
        display: block;
        font-family:"Flaticon";
        font-size: 64px;
        line-height: 1;
    }
    .glyph .glyph-icon:before {
        font-size: 64px;
        color: #222;
        margin-left: 0;
    }
ul.side-nav li a.active {
    background: #82B545;
    color: #fff;
}
ol.breadcrumb li {
    list-style: none;
    display: inline;
    font-size: 20px;
}
ol.breadcrumb {
    margin: 20px 0;
    background: #ddd;
}
.breadcrumb span {
    font-size: 18px;
    margin-left: 5px;
}

select {
    width: 100%;
    padding: 10px;
}
.slicknav_menu {
	display:none;
}
.slicknav_menu {
    font-size: 16px;
    background: #939598;
    padding: 5px;
}
.slicknav_btn {
    background-color: #B42B2B;
}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 768px) {
    
    .slicknav_menu {
		display:block;
	}
	#menu{display:none;}
}

@media screen and (max-width: 40em) {
	/* #menu is the original menu */
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    float: right;
    font-size: 30px;
    color: #ED1C24;
    padding-left: 10px;
    font-weight: bold;
}
div#brand {
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    padding: 10px 0;
}
div#mc_embed_signup {
    display: block;
    overflow: hidden;
    width: 100%;
}
div#mc_embed_signup {
    width: 100%;
    display: block;
    overflow: hidden;
}
.footer_bottom ul.nav a {
    padding: 10px;
    font-size: 14px;
}

.footer_bottom ul.nav {
    text-align: right;
    float: right;
}
.row.top_header nav li a {
    padding: 5px 0;
    font-size: 15px;
    padding-right: 15px;
}
.no-gutter.row,
.no-gutter.container,
.no-gutter.container-fluid{
  margin-left: 0;
  margin-right: 0;
}

.no-gutter>[class^="col-"]{
  padding-left: 0;
  padding-right: 0;
}
.product-box {
    float: left;
}
div#ajax-post {
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: 30px;
	padding-bottom:20px;
}
#tabs li.active {
    background: #94C047;
    padding: 5px;
}
#tabs li.active a{
    color:#fff;
} 

.tabs-left {
  border-bottom: none;
  border-right: 1px solid #ddd;
}

.tabs-left>li {
  float: none;
 margin:0px;
  
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  background:#f90;
  border:none;
  border-radius:0px;
  margin:0px;
}
.nav-tabs>li>a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}
.tabs-left>li.active>a::after{content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid #f90;
    display: block;
    width: 0;}
	.panel {
    background: #939598;
    border: solid 1px #939598;
    margin: 0 0 22px 0;
    padding: 20px;
}
#accordion .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
}
#accordion a {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid #b42b2b;
  text-decoration: none;
}
#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
  background-color: #b42b2b;
  color: white;
  transition: all 0.2s ease-in;
}
#accordion .panel-heading a.collapsed:hover::before,
#accordion .panel-heading a.collapsed:focus::before {
  color: white;
}
#accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
  text-align: center;
}
#accordion .panel-heading a:not(.collapsed) {
  color: white;
  background-color: #b42b2b;
  transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
#accordion .panel-heading .accordion-toggle::before {
  font-family: 'FontAwesome';
  content: '\f00d';
  float: left;
  color: white;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle.collapsed::before {
  color: #444;
  transform: rotate(-135deg);
  transition: all 0.2s ease-in;
}
#accordion .panel-body p {
    color: #fff;
}
#tabs li a {
    color: #939598; 
}
.product-box a.button {
    position: relative;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
	display: block;
    text-align: center;
    width: 100px;
}
div#content {
    display: block;
    overflow: hidden;
    width: 100%;
}
h2.title a {
    color: #BABCBE;
    font-size: 20px;
}
.page-title {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #939598;
    border-color: #939598;
}
div#call-us-modal h2 {
    color: #ED1C24;
    text-align: center;
    margin-bottom: 20px;
}
div#call-us-modal td {
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #777;
    vertical-align: text-bottom;
    padding: 0 5px;
}
div#call-us-modal i {
    color: red;
}
a.button.btncallus {
    width: 100px;
    display: block;
    text-align: center;
}

/*scroll to top*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.57);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #ED1C24;
	margin: 0;
	position: relative;
	left: 14px;
	top: 8px;
	font-size:35px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}


/* Extra Things */
body{background: #eee ;font-family: 'Open Sans', sans-serif;}h3{font-size: 30px; font-weight: 400;text-align: center;margin-top: 50px;}h3 i{color: #444;}
/*scroll to top*/