/*   
Template Name: Unify - Responsive Bootstrap Template
Description: Business, Corporate, Portfolio and Blog Theme.
Version: 1.2
Author: Html Stream
Website: http://htmlstream.com/preview/unify
*/

/*Import Google Fonts*/
@import url(https://fonts.googleapis.com/css?family=Monda:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

* {
	
}
@media (min-width:768px) and (max-width:980px){
   #map{
        width:175px;
        height:150px;
        }
    .logRegInput{
    width:100%;
    }

}

@media (max-width:980px){
.or{
        margin-left:auto;
        margin-right:auto;
        width:100% !important;
    }

}

@media (min-width:979px) and (max-width:1200px){
    #scroll{
        margin-left:100px !important;
            
    }
}
@media (min-width:738px) and (max-width:767px){
    #mHeader{
        font-size:28px !important;
        }
        }
@media (min-width:640px) and (max-width:737px){
    #mHeader{
        font-size:24px !important;
        }
        }
@media (min-width:593px) and (max-width:639px){
    #mHeader{
        font-size:22px !important;
        }
        }
@media (min-width:543px) and (max-width:592px){
    #mHeader{
        font-size:20px !important;
        }
        }
@media (max-width:542px){
    #mHeader{
        font-size:12px !important;
        width:200px;
        }
}
@media (max-width:401px){


.divider{
width:0 !important;
}

th.pricingheader{
width:10px !important;
}
}
@media (max-width:737px){
.who{
        padding-left:10px;
        }
        h3{
        padding-left:7px;
        }
        }
body { 
    padding:0;
	color:#333333; 
    font-size:11px;
    line-height:1.6;
	background:#fff; font-family: verdana, arial, helvetica;
}

p, a, li { 
	/*color:#555;*/
	line-height:1.6; 
}

a,
a:focus, 
a:hover, 
a:active {
   outline:0 !important;
}
a:hover {
	color:#FF8F32;
	text-decoration:underline;
}

h1, h2, h4, h5 {
	color:#555; 
	margin-top:5px; 
	text-shadow:none; 
	text-shadow:0 0 1px #f6f6f6;
	font-weight:normal !important; 
	font-family:'Open Sans', sans-serif; 
} 
h3
{color:#057292; 
	margin-top:5px; 
	text-shadow:none; 
	text-shadow:0 0 1px #f6f6f6;
	font-weight:bold !important; 
    font-size: 15px;
	font-family:'Open Sans', sans-serif; 
 }
h1 i, h2 i, h3 i, h4 i, h5 i {
	margin-right:7px;
}

/*Block headline*/
.heading {
	padding:5px 20px 5px 20px;
	border-left:4px solid #27c5f2; 
}

.headline {
	display:block;
	margin:10px 0 25px 0;
	border-bottom:1px dotted #e4e9f0;
}
.headline h3, 
.headline h4 {
	color:#585f69;
	margin:0 0 -2px 0;
	padding-right:10px;
	display:inline-block;
	text-shadow:0 0 1px #f6f6f6;
	border-bottom:2px solid #FF8F32;
}

.purchase .container {
	padding:0 20px;
}
.purchase .container .span9 {
	margin-right:20px;
}
.purchase span {
	color:#666;
	display:block;
	font-size:32px;
	line-height:35px;
	margin-bottom:12px;
}
.purchase a.btn-buy {
	color:#fff;
	font-size:16px;
	cursor:pointer;
	margin-top:22px;
	font-weight:bold;
	border-radius:2px;
	background:#FF8F32;
	display:inline-block;
	text-decoration:none;
	padding:12px 28px 9px;
	text-transform:uppercase;
	text-shadow:0 1px 0 #51a00b;
}
.purchase a.btn-buy:hover {
	color:#fff;
	background:#68af28;
	text-decoration:none;
	box-shadow:0 0 5px #c0c2c1;
} 

/*Service*/
.service { 
	margin-bottom:10px;
	padding:15px 15px 10px;
}
.service:hover {
	border-radius:2px;
	box-shadow:0 0 8px #ddd;
	background:#fcfcfc;
    -webkit-transition:box-shadow 0.2s ease-in-out;
    -moz-transition:box-shadow 0.2s ease-in-out;
    -o-transition:box-shadow 0.2s ease-in-out;
    transition:box-shadow 0.2s ease-in-out;
}
.service:hover i {
	color:#656565;
}
.service i {
	float:left;
	padding:10px;
	color:#A3A3A3;
	font-size:45px;  
	text-align:center;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.service i.icon-cogs {
	font-size:37px;
}
.service .desc {
	width:75%;
	float:right;
}
.service .desc h4 {
	font-size:22px;
	line-height:25px;
}

.ie7 .service .circle i  {
	padding-bottom:45px !important; /*ie7*/
}

/*Blockquote*/
blockquote:hover {
	border-left-color:#FF8F32; 
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.hero {
	padding:18px;
	margin:20px 0;
	color:#566c8a;
	font-size:16px;
	background:#fcfcfc;
	border-left:4px solid #94c564; 
	font-family:'Open Sans', sans-serif;
}
.hero h1, .hero p { 
	text-shadow:1px 1px 0 #fff;
}

.hero-unify p {
	font-size:13px;
	line-height:20px;
}

.hero-unit {

    margin-top: 30px;
    font-family: verdana, arial, helvetica;
    font-size: 12px;
    padding: 15px;
}
.hero-unit1 {

    margin-top: 0px;
    font-family: verdana, arial, helvetica;
    font-size: 12px;
    padding: 15px;
    text-align: center;
}


/* Recent Work  */
.recent-work a {
	text-align:center;
	background:#fcfcfc;
	display:inline-block;
}

.recent-work a:hover {
	text-decoration:none;
}

.recent-work a:hover strong {
	color:#555;
}

.recent-work em.overflow-hidden {
	display:block;
}

.recent-work a span {
	display:block;
	padding:10px;
	border-bottom:solid 2px #eee;
}

.recent-work a strong {
	color:#555;
	display:block;
}

.recent-work a i {
	color:#777;
}

.recent-work a img {
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}

.recent-work a:hover img {
	opacity:0.8;
   -webkit-transform: scale(1.2) rotate(3deg);
   -moz-transform: scale(1.2) rotate(3deg);
   -o-transform: scale(1.0) rotate(3deg);
   -ms-transform: scale(1.2) rotate(3deg);
   transform: scale(1.2) rotate(3deg);
}

.recent-work a:hover span {
	border-bottom:solid 2px #FF8F32;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.3s ease-in-out;
}

/* Work */
.work {
	margin-top:6px;
}
.work .details {
	padding:10px;
}
.work .caption {
	display:block;
	padding-top:5px;
	color:#585f69 !important;
	font-size:18px !important;
}
.work .caption:hover {
	cursor:pointer;
	color:#444 !important;
	text-decoration:underline;
}

/*Home-page learn more button*/
.learnButton{
   position: absolute;
    width: 25%;
    height: 80px;
    margin-left: 11.5%;
    margin-top: 2.5%;
    background-color: rgb(255,144,46);
    border-radius: 10px;
    cursor: pointer;
}
.learnButtonText{
    margin:  auto;
    text-align: center;
    color: white;
    height: 50px;
    font-size: 1.7em;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.learnPlay{
        width:50px;
        margin-right:10px;
}
@media(max-width:1084px){
    .learnButtonText{
        font-size:1.5em;
    }
}
@media(max-width:985px){
    .learnButtonText{
        font-size:1.2em;
    }
}
@media(max-width:800px){
    .learnButtonText{
        font-size:1em;
    }
}
@media(max-width:400px){
    .learnButtonText{
        font-size:.9em;
    }
}
@media(max-width:906px){
    .learnPlay{
        width:40px;
    }
}
@media(max-width:696px){
    .learnPlay{
        width:20px;
    }
}
#vid1, #vid2, #vid3, #vid4, #vid5{
display:none;
width: 775px;
height: 480px;
background-color: rgb(255, 152, 50);
padding-left: 10px;
padding-bottom: 10px;
border-radius: 20px;
opacity:0.2;
overflow:visible;
}
#youtube{
margin-top:10px;
}
.media{
display:none;
}
.b-close {
border-radius: 7px;
font: bold 131% sans-serif;
padding: 0 6px 2px;
background-color: #2b91af;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
position: absolute;
right: -7px;
top: -7px;
z-index:10000;
}
.b-close:hover {
background-color: #1e1e1e;
}
.button.b-close, .button.bClose {
border-radius: 5px 5px 5px 5px;
box-shadow: none;
font: bold 131% sans-serif;
padding: 0 6px 2px;
position: absolute;
right: -11px;
top: -8px;
}


/* Testimonials */
.testimonial-body {
	padding:10px;
	margin-top:5px;
	background:#fcfcfc;
	border:1px solid #f5f5f5;
}
.testimonial-author{
	padding-top:15px;
	padding-left:20px;
}
.testimonial-author .arrow {
  width:0;
  height:0;
  position:absolute;
  margin-top:-16px;
  margin-left:20px;
  border-top:15px solid #fcfcfc;
  border-bottom:15px solid transparent;
  border-right:15px solid transparent;
}

.testimonial-author .name {
	color:#585f69;
	font-weight:bold;
}

.testimonal-arrow a {
	margin:0;
	top:-22px;
	float:right;
	color:#A3A3A3;
	font-size:25px;
	position:relative;
	display:inline-block;
	text-decoration: none;
	padding:0 9px !important;
}
.testimonal-arrow a:hover {
	color:#fff;
	text-decoration:none;
	background:#FF8F32 !important;
}

/*Carousel Arrow */
.carousel-caption {
	padding:10px 15px;
}
.carousel-arrow a.carousel-control {
	font-size:40px;
	height:inherit;
}
.carousel-arrow a.left {
	left:0;
}
.carousel-arrow a.right {
	right:0;
}

/*Clients (Flexslider)*/
.clients {
	box-shadow:none !important;
	margin-bottom:0 !important;    
}
.clients li {
	float:left;
	overflow:hidden;
	margin-left:1px;
	position:relative;
	background:#fafafa;
}
.clients li:hover {
	background:#f6f6f6;
}
.clients li img.color-img {
	top:0;
	left:0;
	display:none;
	position:absolute;
}
.clients li:hover img.color-img { 
	display:block;
}
.clients li img {
    filter:gray; /* IE6-9 */
	float:none !important;
	margin:0 auto !important;
}
.clients li img:hover {
    filter:none;
}
.clients, 
.flexslider.home {
    border:0px;
    overflow:hidden;
    margin-top:10px;      
    margin-bottom:30px;      
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

.flexslider { 
	margin-top:10px !important;
}
.flexslider .flex-direction-nav a {
	margin-top:-10px !important;
}


/*Footer*/
.footer {
	margin-top:40px;
	padding:20px 10px;
	background:#39589D;
	color:#dadada;
} 
.footer h1, 
.footer h2, 
.footer h3, 
.footer h4, 
.footer h5 {
	text-shadow:none;
	font-weight:normal !important; 
} 
.footer p,
.footer a {
	font-size:12px;
} 
.footer p {
	color:#dadada;
} 
.footer a {
	color:#FF8F32;
}
.footer a:hover {
	color:#a8f85f;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.footer h4, 
.footer h3 {
	color:#e4e4e4;
	background:none;
	text-shadow:none;
}

/*Blog Posts*/
.footer .posts {
	padding:0 15px;
}
.footer .blog-list {
	margin:0;
	padding:0;
	color:#dadada;
	list-style:none;
}
.footer .blog-list li {
	padding:0 0;
	margin-bottom:7px; 
}
.footer .blog-list li span {
	color:#818488;
}
.footer .dl-horizontal,
.footer .dl-horizontal:hover {
	border:none !important;
	background:none !important;
}
.footer .dl-horizontal a {
	color:#dadada;
}
.footer .dl-horizontal a:hover {
	color:#a8f85f !important;
}
.footer .dl-horizontal img {
	border-color:#888 !important;
}

/*Copyright*/
.copyright {
	font-size:12px;
	padding:5px 10px;
	background:#3e4753;
	border-top:solid 1px #777;	
}
.copyright p {
	color:#dadada;
}
.copyright a {
	margin:0 5px;
	color:#FF8F32;
}
.copyright a:hover {
	color:#a8f85f;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.copyright .span8 {
	padding-top:15px;
}
.copyright .span4 {
	padding-top:10px;
}

/*Home Page "Main page" (Default)
------------------------------------*/
/*Thumbnail*/
.thumbnail-style { 
	padding:5px; 
	border-radius:2px; 
}
.thumbnail-style:hover { 
	box-shadow:0 0 8px #ddd; 
    -webkit-transition:box-shadow 0.2s ease-in-out;
    -moz-transition:box-shadow 0.2s ease-in-out;
    -o-transition:box-shadow 0.2s ease-in-out;
    transition:box-shadow 0.2s ease-in-out;
}
.thumbnail-style h3 {
	margin:5px 0 0 0;
}
.thumbnail-style h3 a {
	font-size:20px;
}
.thumbnail-style h3 a:hover {
	color:#A3A3A3;
	text-decoration:none;
}
.thumbnail-style .thumbnail-img {
	position:relative;
}
.thumbnail-style a.btn-more {
	right:-10px;
	bottom:10px;
	color:#fff;
	padding:1px 6px;
	position:absolute;
	background:#FF8F32;
	display:inline-block; 
}
.thumbnail-style a.btn-more:hover {
	text-decoration:none;
	box-shadow:0 0 0 2px #377500;
}
.thumbnail-style:hover a.btn-more {
	right:10px;
}

.thumbnail-kenburn img {
	left:10px;
	margin-left:-10px;
	position:relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.thumbnail-kenburn:hover img {
   -webkit-transform: scale(1.2) rotate(2deg);
   -moz-transform: scale(1.2) rotate(2deg);
   -o-transform: scale(1.2) rotate(2deg);
   -ms-transform: scale(1.2) rotate(2deg);
   transform: scale(1.2) rotate(2deg);
}
 
/*Welcome Block*/
.servive-block .span4 {
	padding:20px 30px;
	text-align:center;
	margin-bottom:20px;
	background:#fafafa;
	border-radius:2px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.servive-block .span4:hover {
	border-radius:2px;
	box-shadow:0 0 8px #ddd;
}
.servive-block .span4 h4 a:hover {
	color:#FF8F32;
	text-decoration:none;
}

.servive-block .span4:hover h4,
.servive-block .span4:hover i {
	color:#555555;
}
.servive-block .span4 i {
	color:#565656;
	font-size:40px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.servive-block-in .span4 i {
	color:#555555;
}
.servive-block-in .span4:hover i {
	color:#565656;
}
/*
Breadcrumbs
.breadcrumbs {
	padding:10px 0 6px;
	box-shadow:inset 0 0 4px #eee;
	background:url(../img/breadcrumbs.png) repeat;
}*/
.breadcrumbs h1 {
	color:#686868;
	font-size:30px;
	text-shadow:0 1px 0 #f1efef;
}
.breadcrumbs .container {
	padding:0 15px;
}

.breadcrumb { 
	top:9px;
	padding-right:0;
	background:none;
	position:relative;
}
.breadcrumb a {
	color:#777;
}
.breadcrumb li.active,
.breadcrumb li a:hover {
	color:#A3A3A3;
	text-decoration:none;
}

/*Home Page "Options"
------------------------------------*/
/*Accardion*/
.acc-home a.accordion-toggle { 
	color:#686868; 
	font-size:18px; 
	background:none; 
	padding:5px 15px;
	background:#fafafa;
	border-bottom:solid 1px #eee; 
	text-decoration:none !important;
}
.acc-home a.active,
.acc-home a.accordion-toggle:hover { 
	color:#92d556; 
	text-decoration:none !important;
}
.acc-home .accordion-group { 
	border:none;
	margin:0 !important; 
}
.acc-home .accordion-heading, 
.acc-home .accordion-inner { 
	border:none;
}
.acc-home .accordion-inner { 
	border:none;
	padding-top:3px;
}
.acc-home .collapse.in { 
	margin-top:-1px;
	margin-bottom:20px;
	background:#fdfdfd;
	border-bottom:solid 1px #FF8F32; 
}

/*Posts*/
.posts .dl-horizontal { 
	margin-bottom:0;
	padding:3px;
	background:#fdfdfd;
	border-right:solid 2px #eee;
}
.posts .dl-horizontal:hover { 
	border-right:solid 2px #FF8F32;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.posts .dl-horizontal dt { 
	width:56px; 
	float:left;
}
.posts .dl-horizontal dt img { 
	width:50px; 
	height:50px; 
	border:solid 3px #eee;
}
.posts .dl-horizontal dd { 
	margin-left:66px;
}
.posts .dl-horizontal dd p { 
	margin:0;
}
.posts .dl-horizontal a {
	font-size:15px;
	line-height:14px !important; 
}
.posts .dl-horizontal a:hover { 
	color:#FF8F32; 
	text-decoration:none;
}
.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a { 
	color:#A3A3A3;
	border-color:#555555 !important;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

/*Home Page "Options"
------------------------------------*/
/*Slider*/
.slider-inner .da-slider {
	box-shadow:none;
	border-bottom:2px solid #ddd;
}

/*Carousel*/
.carousel-control { 
	color:#fff; 
	border:none; 
	margin-top:0;
	border-radius:2px; 
}
.carousel-control:hover { 
	opacity:1;
	color:#FF8F32; 
}

/*Tabs*/
.nav-tabs { 
	background:none !important;
}
.nav-tabs a { 
	font-size:14px;
	padding:5px 15px !important; 
}
.nav-tabs li.active a, 
.nav-tabs li.active a:hover,
.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover, 
.nav-tabs > .active > a:focus { 
	color:#fff;
	border:none; 
	background:#EEEEEE;
}
.nav-tabs > li > a { 
	border:none;
}
.nav-tabs > li > a:hover { 
	color:#fff; 
	background:#EEEEEE; 
}
.tab-content { 
	padding:7px 10px; border-top:solid 2px #FF8F32; font-size:11px;
    line-height:1.6;
 font-family: verdana, arial, helvetica;
 background-color: #F5F5F5;
}

/*Home Page "Options"
------------------------------------*/
/*Right Sidebar*/
.who li { 
	margin-bottom:6px;
}
.who li i { 
	color:#A3A3A3; 
	position:relative; 
	top:2px; 
	margin-right:7px; 
	font-size:18px;
}
.who li:hover i, 
.who li:hover a { 
	color:#777;
}
.who li:hover a:hover {
	text-decoration:none;
}

/*Home Page "Options"
------------------------------------*/
/*Service Blocks*/
.service-alternative .service:hover { 
	background:#76ca2c;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.service-alternative .service:hover i,
.service-alternative .service:hover p,
.service-alternative .service:hover h4 { 
	color:#fff;
}

/*About Page
------------------------------------*/
.team ul { 
	text-align:right;
}
.team ul li {
	padding:0 !important;
	margin:0 !important;
}
.team ul li a,
.team ul li a:hover {
	text-decoration:none;
}
.team ul li i {
	color:#aaa;
	font-size:20px;
	padding:4px;
	background:#f7f7f7;
}
.team ul li i:hover {
	color:#fff;
	background:#FF8F32;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.team .thumbnail-style {
	padding:12px;
}
.team .thumbnail-style small {
	display:block; 
	font-size:12px;
}
.team .thumbnail-style h3 {
	margin-bottom:10px;
}
.team .thumbnail-style:hover h3 a {
	color:#A3A3A3 !important;
}

/*Icons Page
------------------------------------*/
.icon-page li { 
	color:#555; 
	margin:5px 0;
	font-size:14px; 
	font-family:Arial; 
}
.icon-page li i { 
	font-size:14px; 
	margin-right:5px;
}
.icon-page li:hover { 
	color:#A3A3A3;
}

/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.pricing {
	position:relative;
	border-radius:3px;
	margin-bottom:15px;
	box-shadow:0 0 5px #eee;
}
.pricing:hover {
	box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
	color:#55c931;
}
.pricing-head {
	text-align:center;
}
.pricing-head h3,
.pricing-head h4 {
	margin:0;
	line-height:normal;
	font-weight:bold !important;
}
.pricing-head h3 span, 
.pricing-head h4 span {
	display:block;
	margin-top:5px;
	font-size:12px;
	font-style:italic;
}
.pricing-head h3 {
	color:#fafafa;
	padding:12px 0;
	font-size:35px;
	font-family:Arial;
	background:#55c931;
	border-radius:3px 3px 0 0;
	text-shadow:0 1px 0 #32a20f;
	border-bottom:solid 1px #41b91c;
}
.pricing-head h4 {
	color:#bac39f;
	padding:5px 0;
	font-size:70px;
	font-family:Arial;
	background:#fbfef2;
	text-shadow:0 1px 0 #fff;
	border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
	top:-8px;
	font-size:28px;
	font-style:normal;
	position:relative;
}
.pricing-head h4 span {
	top:-10px;
	font-size:14px;
	font-style:normal;
	position:relative;
}
	
/*Pricing Content*/
.pricing-content li {
	color:#888;
	font-size:12px;
	padding:7px 15px;
	border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
	top:2px;
	color:#FF8F32;
	font-size:16px;
	margin-right:5px;
	position:relative;
}

/*Pricing Footer*/
.pricing-footer {
	color:#777;
	font-size:11px;
	line-height:17px;
	text-align:center;
	padding:0 20px 19px;
	border-radius:0 0 3px 3px;
}
.pricing-footer a,
.pricing-footer button {
	color:#fff;
	border:none;
	margin-top:5px;
	font-size:16px;
	padding:6px 15px;
	text-align:center;
	border-radius:2px;
	background:#55c931;
	display:inline-block;
	text-transform:uppercase;
	text-shadow:0 1px 0 #38b312;
	border-bottom:solid 2px #41b91c;
}
.pricing-footer a:hover,
.pricing-footer button:hover {
	cursor:pointer;
	background:#40ba1a;
	text-decoration:none;
	box-shadow:0 0 3px #999;
}

/*Priceing Active*/
.price-active,
.pricing:hover {
	z-index:9;
	margin-top:-15px;
	box-shadow:0 0 15px #b5b5b5;
}
.price-active h4 {
	color:#55c931;
}

.no-space-pricing .pricing:hover {
	-webkit-transition:box-shadow 0.3s ease-in-out;
	-moz-transition:box-shadow 0.3s ease-in-out;
	-o-transition:box-shadow 0.3s ease-in-out;
	transition:box-shadow 0.2s ease-in-out;
}
.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
	color:#55c931;
	padding:15px 0;
	font-size:80px;
	-webkit-transition:color 0.5s ease-in-out;
	-moz-transition:color 0.5s ease-in-out;
	-o-transition:color 0.5s ease-in-out;
	transition:color 0.5s ease-in-out;
}

/*Gallery Page
------------------------------------*/
.gallery .thumbnail,
.gallery .thumbnail:hover {
	padding:0;
	border:none;
	box-shadow:none;
}
.gallery .thumbnails {
	margin-bottom:6px;
}

/*Registration and Login Page
------------------------------------*/
.reg-page,
.login-page  {
	overflow:hidden;
	margin:0 auto;
	background:#fcfcfc;
	border:solid 1px #eee;
	box-shadow:0 0 7px #eee;
}

/*Registration*/
.reg-page {
	min-width:30%;
	padding:10px 50px 30px;
    margin-top: 10px;
}
.reg-page h3 {
	margin-bottom:25px;
}

/*Login*/
.login-page {
	min-width:25%;
	max-width:25%;
	padding:35px 30px 30px;
}
.login-page h3 {
	margin:0 0 25px 0;
}
.login-page input.login-inputs {
	width:86%;
}
.login-page .checkbox {
	margin-top:7px;
}
.login-page .checkbox input {
	margin-right:6px !important;
}
.login-page button {
	margin:0 0 5px 0;
}

/*Login Page v1.1*/
.log-page {
	width: 310px;
	padding: 20px;
	margin: 0 auto;
	background:#fcfcfc;
	border:solid 1px #eee;
	box-shadow:0 0 7px #eee;
}

/*404 Page
------------------------------------*/
.page-404 p {
	top:70px;
	color:#777;
	font-size:300px;
	line-height:180px;
	text-align:center;
	position:relative;
}
.page-404 p i {
	font-style:normal;
	text-shadow:0 0 3px;
}
.page-404 p span {
	display:block;
	font-size:32px;
	position:relative;
}

/*Clients Page
------------------------------------*/
.clients-page { 
	overflow:hidden;
}
.clients-page p { 
	overflow:auto;
}
.clients-page p a { 
	overflow:auto;
	text-decoration:underline;
}
.clients-page a.img-hover {
	display:block;
	position:relative;
}
.clients-page img { 
	float:left;
	margin-right:20px;
	background:#fafafa;
	border:solid 1px #eee;
	width:120px;
	height:120px;
}
.clients-page img.img-colorful {
	display:none;
}
.clients-page a:hover img.img-colorful,
.clients-page:hover img.img-colorful {
	top:0; 
	left:0;
	display:block;
	position:absolute;
}

/*Privacy Page
------------------------------------*/
.privacy {}
.privacy a {
	text-decoration:underline;
}
.privacy a:hover {
	color:#FF8F32;
	text-decoration:none;
}

/*Portfolio Page
------------------------------------*/
.portfolio-columns .span3 {
	margin-bottom:1.8%;
}
.portfolio-columns .span4 {
	margin-bottom:2.3%;
}
.portfolio-columns .span6 {
	margin-bottom:2.2%;
}

/*Portfolio Item Page
------------------------------------*/
.portfolio-item h3 { 
	margin-top:0;
}
.portfolio-item li {
	padding:3px 0;
} 
.portfolio-item p a {
	text-decoration:underline;
}
.portfolio-item p a:hover {
	text-decoration:none;
}

/*Blog Page
------------------------------------*/
.blog-page ul,
.blog-page li {
	margin:0 !important;
	padding:0 !important;
}
.blog h3 {
	color:#FF8F32;
}
.blog ul {
	color:#555;
	font-size:12px;
}
.blog li {
	margin-right:7px !important;
}
.blog li i {
	color:#666;
}
.blog li a:hover {
	color:#FF8F32;
	text-decoration:none;
}
.blog ul.blog-info {
	border-top:solid 1px #eee;
}
.blog .blog-img { 
	margin:10px 0;
}

/*Blog Tags*/
ul.blog-tags a {
	font-size:13px;
	padding:2px 5px;
	background:#f7f7f7;
	margin:0 2px 5px 0;
	display:inline-block;
	text-shadow:0 1px 0 #fff;
}
ul.blog-tags a:hover,
ul.blog-tags a:hover i {
	color:#FF8F32;
	text-decoration:none;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
ul.blog-tags a i {
	color:#777;
}
.blog ul.blog-tags {
	border-bottom:solid 1px #eee;
	padding-bottom:4px !important;
}
.blog ul.blog-tags a {
	font-size:10px;
	display:inline;
	padding:2px 3px;
	margin-right:2px;
	background:#f4f4f4;
}

/*Blog Ads*/
.blog-ads li {
	display:inline;
}
.blog-ads li img {
	opacity:0.6;
	width:60px;
	height:60px;
	margin:0 2px 8px;
}
.blog-ads li img:hover {
	opacity:1;
	box-shadow:0 0 0 4px #FF8F32;
}

/*Blog Latest Tweets*/
.blog-twitter p {
}
.blog-twitter p span {
	color:#777;
	display:block;
	font-size:11px; 
}
.blog-twitter p a {
	color:#FF8F32;
	text-decoration:none;
}
.blog-twitter p a:hover {
	text-decoration:underline;
}

/*Blog Item Page
------------------------------------*/
.blog-item .media img {
	top:3px;
	width:54px;
	height:54px;
	position:relative;
}
.blog-item h4.media-heading {
	position:relative;
}
.blog-item h4.media-heading span {
	top:3px; 
	right:0;
	color:#777;
	font-size:12px;
	position:absolute;
}
.blog-item h4.media-heading span a {
	color:#FF8F32;
}

/*Contact Page
------------------------------------*/
.map {
	width:100%; 
	height:350px;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}

.map-box {
	height: 250px;
}

.map-box-space {
	margin-top: 25px;
}

/*Coming Soon Page
------------------------------------*/
.coming-soon-page {
	background: #585f69;
}

.coming-soon-border {
	border-top: solid 3px #FF8F32;
}

.coming-soon-logo  {
	margin-top: 10px;
	padding-top: 15px;
	border-top: solid 1px #4c5159;
}

.coming-soon-logo a {
	display: block;
	text-align: center;
}

.coming-soon,
.coming-soon-plugin {
	padding: 20px;
	text-align: center;
	margin-top: 20px;
}  

.coming-soon-plugin {
	min-height: 260px;
}

.coming-soon h1,
.coming-soon p {
	color: #fff;
}

.coming-soon h1 {
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 15px;
	text-shadow: none;
}

.coming-soon p {
	font-size: 16px;
	line-height: 22px;
}

.coming-soon input {
	box-shadow: none;	
	-moz-box-shadow: none;	
	-webkit-box-shadow: none;	
}

.coming-soon-copyright {
	padding: 5px 0;
}

.coming-soon-copyright p {
	color: #fff;
	text-align: right;
}

/*One Page
------------------------------------*/
.one-page {
	padding-left: 0;
	padding-right: 0;
}

.one-page h1,
.one-page h2 {
	color: #fff;
	font-size: 30px;
	text-shadow: none;
	margin-bottom: 20px;
}

.one-page p {
	color: #fff;
}

.one-page .one-default p,
.one-page .one-default h1,
.one-page .one-default h2,
.one-page .one-grey p,
.one-page .one-grey h1,
.one-page .one-grey h2 {
	color: #555;
}

.one-page .one-page-inner {
	padding: 30px 20px;
	min-height: 300px;
}

.one-page .one-page-btn {
	font-size: 20px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;  
	margin-bottom: 15px;
}

.one-page .btn-u {
	margin-bottom: 15px;	
}

.one-page .one-default {
	background: #fff;
}
.one-page .one-grey {
	background: #fafafa;
}
.one-page .one-blue {
	background: #3498db;
}
.one-page .one-red {
	background: #ff8f32;
}
.one-page .one-orange {
	background: #e67e22;
}
.one-page .one-green {
	background: #2ecc71;
}

/*Search Page
------------------------------------*/
.search-page h2 {
	font-size: 28px;
	margin-bottom: 20px;
}

.booking-blocks {
	overflow: hidden;
	padding: 15px 20px;
	margin-bottom: 25px;
	background: #fafafa;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.booking-blocks:hover {
	border-radius:2px;
	background: #fafafa;
	box-shadow:0 0 8px #ddd;
}

.booking-blocks p a {
	color: #FF8F32;
}

.booking-blocks .booking-img {
  width: 140px;
  margin-right: 10px;
}

.booking-blocks .booking-img li {
  color: #777;
}

.booking-blocks .booking-img li i {
  color: #78ccf8;
  font-size: 12px;
  margin-right: 5px;
}

.booking-blocks .booking-img img {
  float: left;
  width: 140px;
  height: auto;
  margin: 5px 10px 10px 0;
}

.booking-blocks h2 {
  margin-top: 0;
  font-size: 20px;
  line-height: 20px;
}

.booking-blocks ul.inline li {
  padding: 0;
}

.booking-blocks ul.inline li i {
  color: #f8be2c;
  cursor: pointer;
  font-size: 16px;
}

.booking-blocks ul.inline li i:hover {
  color: #f8be2c;
}

/*Others (Global classes)
------------------------------------*/
.color-red { color:#c00;}
.color-green { color:#555555;}
.color-blue { color:#3498db;}

.pull-lft { text-align:left;}
.pull-rgt { text-align:right;}

.rgt-img-margin { margin:4px 0 5px 8px;}
.lft-img-margin { margin:5px 20px 5px 0;}

.overflow-hidden { overflow:hidden;}
.padding-left-5 { padding-left:5px;}
.img-width-200 { width:200px;}

/*Image Border*/
.img-border {
	border:solid 3px #fff;
}

/*Background light-style*/
.bg-light { 
	padding:10px 15px; 
	border-radius:3px;
	margin-bottom:10px; 
	background:#fcfcfc; 
}
.bg-light:hover { 
	padding:9px 14px;
	border:solid 1px #e5e5e5;
}

/*Link read-more*/
a.read-more {
	font-weight:bold;
	text-decoration:none;
}
a.read-more:hover { 
	color:#555555; 
	text-decoration:none;
}

/*Link color-green-style*/
.linked:hover {
	color:#555555;
	text-decoration:none;
}

/*CSS3 Hover Effects*/
.hover-effect {
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.hover-effect-kenburn {
	left:10px;
	margin-left:-10px;
	position:relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.hover-effect-kenburn:hover {
	-webkit-transform: scale(2) rotate(5deg);
	-moz-transform: scale(2) rotate(5deg);
	-o-transform: scale(2) rotate(5deg);
	-ms-transform: scale(2) rotate(5deg);
	transform: scale(2) rotate(5deg);
}

/*Spaces*/
.margin-bottom-5, 
.margin-bottom-10, 
.margin-bottom-20, 
.margin-bottom-20,
.margin-bottom-25, 
.margin-bottom-40, 
.margin-bottom-50, 
.margin-bottom-60 { 
	clear:both;
}   
.margin-bottom-5 {
	margin-bottom:5px;
}
.margin-bottom-10 {
	margin-bottom:10px;
}
.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-bottom-25 {
	margin-bottom:25px;
}
.margin-bottom-30 {
	margin-bottom:30px;
}
.margin-bottom-40 {
	margin-bottom:40px;
}
.margin-bottom-50 {
	margin-bottom:50px;
}
.margin-bottom-60 {
	margin-bottom:60px;
}

.top-2 {
	top:2px;
}

/*Button Style*/
.btn {
	box-shadow: none;
}

.btn-u {
	border:0;
	font-size:14px;
	cursor:pointer;
	padding:5px 13px;
	position:relative;
	background:#EEEEEE;
	display:inline-block;
	color:#fff !important;
	text-decoration:none !important;
}
.btn-u:hover {
	color:#fff;
	background:#5fb611;
	text-decoration:none;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}

.btn-u-small {
	padding:3px 12px;
}
.btn-u-large {
	font-size:18px;
	padding:10px 25px;
}
a.btn-u {
	padding:4px 13px;
	vertical-align:middle;
}
a.btn-u-small {
	padding:2px 12px;
}
a.btn-u-large {
	font-size:18px;
	padding:6px 25px;
}

/*Buttons Color*/
.btn-u-blue {
	background: #3498db !important;
}
.btn-u-blue:hover {
	background: #2980b9 !important;
}

.btn-u-red {
	background: #ff8f32 !important;
}
.btn-u-red:hover {
	background: #c0392b !important;
}

.btn-u-orange {
	background: #e67e22 !important;
}
.btn-u-orange:hover {
	background: #d35400 !important;
}

.btn-u-sea {
	background: #1abc9c !important;
}
.btn-u-sea:hover {
	background: #16a085 !important;
}

.btn-u-green {
	background: #2ecc71 !important;
}
.btn-u-green:hover {
	background: #27ae60 !important;
}

.btn-u-yellow {
	background: #F1C40F !important;
}
.btn-u-yellow:hover {
	background: #F39C12 !important;
}

/*Social Icons*/
.social-icons {
	margin:0;
}
.social-icons li {
	float:left;
	display:inline;
	list-style:none;
	margin-right:5px;
	margin-bottom:5px;
	text-indent:-9999px;
}
.social-icons li a, a.social-icon {
	width:28px;
	height:28px;
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
	background-position:0 -38px;
}



/*Glyphicons*/
.glyphicons-demo {
    text-align: ;
}

.glyphicons-demo .glyphicons {
    color: #999999;
    display: inline-block;
    font-size: 14px;
    line-height: 48px;
    margin-right: 20px;
    text-align: left;
    width: 150px;
}

.glyphicons-demo .glyphicons i:before {
    color: #666666;
    line-height: 55px !important;
}

.glyphicons-demo a:hover {
	color: #555555;
	text-decoration: none;
}

/*Style Switcher*/
i.style-switcher-btn {
	right: 0;
	top: 37px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	z-index: 555555;
	position: fixed;
	padding: 7px 9px;
	background: #585f69;
}

i.style-switcher-btn:hover {
	background:#707985;
}

i.style-switcher-btn-option {
	top: 38px;
	background: #9097a0;
}

i.style-switcher-btn-option:hover {
	background: #707985;
}

.style-switcher {
	right: 0;
	top: 37px;
	display: none;
	z-index: 555555;
	position: fixed;
	background: #585f69;
	padding: 15px 15px 15px 20px;
}

.style-switcher-inner {
	background: #9097a0;
}

.style-switcher .theme-close {
	top: 10px;
	right: 6px;
	position: absolute;
}

.style-switcher .theme-close i {
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	padding: 5px 7px;
	background: #464e5b;
}

.style-switcher .theme-close i:hover {
	color: #464e5b;
	background: #fff;
 }

.style-switcher .theme-heading {
	color: #fff;
	font-size: 14px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.style-switcher ul {
	margin-bottom: 0;
}

.style-switcher li {
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: #c00;
	margin-right: 5px;
	display: inline-block;
	border: solid 1px #70747a; 
}

.style-switcher li:hover,
.style-switcher li.theme-active {
	margin-right: 3px;
	border: solid 2px #fff;
}

.style-switcher li.theme-default {
	background: #FF8F32;
}
.style-switcher li.theme-blue {
	background: #3498db;
}
.style-switcher li.theme-orange {
	background: #e67e22;
}
.style-switcher li.theme-red {
	background: #ff8f32;
}
.style-switcher li.theme-light {
	background: #ecf0f1;
}


#hero {
}

#hero .primary-content {
  padding-bottom: 20px;
}

#hero h1 {
  font-size: 70px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #D26;
  margin-bottom: 0.1em;
}

#hero .tagline {
  font-size: 24px;
  margin-bottom: 0.8em;
  line-height: 1.2;
}


/* ---- big ol buttons ---- */

.hero-masonry .button {
  display: block;
  font-size: 1.3em;
  line-height: 1.2em;
  position: relative;
  padding-left: 50px;
  background: #D26;
}

.hero-masonry .button:hover { background: #A2C; }

.hero-masonry .button .icon {
  font-size: 32px;
  position: absolute;
  left: 10px;
  top: 10px;
}

/* ---- hero masonry ---- */

.hero-masonry {
  background: white;
  border-radius: 10px;
  padding: 10px 1%;
  margin-bottom: 20px;
}

.hero-masonry:after {
  content: '';
  display: block;
  clear: both;
}

.hero-item,
.hero-masonry .grid-sizer {
  width: 46.9%; /* juse a lil under  47 */
  margin: 10px 1%;
  float: left;
  border-radius: 8px;
  background-color:lightgrey;
}

/* necessary for proper sizing with margins */
.hero-masonry .grid-sizer {
  position: absolute;
}

.hero-item.texty {
  background: #D8D6D2;
  padding: 10px;
}


.hero-item.has-title,
.hero-item.w2 {
  width: 96%;
}

.hero-item.has-example {
}

.hero-item.has-example a {
  font-size: 13px;
  font-weight: bold;
  background: #D26;
  color: white;
  display: block;
  border-radius: 10px 10px 8px 8px;
}

.hero-item.has-example a:hover {
  background: #A2C;
  color: white;
}

.hero-item.has-example img {
  display: block;
  max-width: 100%;
  border-radius: 8px 8px 0 0;
}

.hero-item.has-example .example-title {
  padding: 5px 10px;
  margin: 0;
}

/* enough width for 4 columns */
@media screen and ( min-width: 720px ) {

  .hero-item,
  .hero-masonry .grid-sizer {
    width: 22.5%;
  }

  .hero-item.has-title,
  .hero-item.w2 {
    width: 46.9%; /* just a lil under 47 */
  }

}

/* ---- desktop ---- */

@media screen and ( min-width: 960px ) {

  #hero h1 {
    font-size: 120px;
  }

  #hero .tagline {
    font-size: 32px;
  }

  /* just a little under 71.5 */
  .hero-item.has-title {
    width: 71.4%;
  }

  /* buttons */

  .big-ol-buttons .button {
    font-size: 1.6em;
    padding-left: 86px;
    min-height: 94px;
  }

  .big-ol-buttons .icon {
    font-size: 56px;
    left: 18px;
    top: 16px;
  }

}


.pettimeline{background:#fff no-repeat 15px 16px;border-bottom:1px solid #fff;border-top:1px solid #e9e9e9;line-height:14px;outline:0;padding:6px 14px 6px 2px;position:relative}


strong{
 font-weight:bold;
}


.mainpagecontent  {
font-family: "Helvetica Neue", Helvetica, "Open Sans", Arial, sans-serif;
font-weight: 300;
    font-size: 14px;
    margin: 0 0 10px;
}

.mainpagecontent.ul.li {
font-family: "Helvetica Neue", Helvetica, "Open Sans", Arial, sans-serif;
font-weight: 300;
    font-size: 14px;
}

#AboutUs {
background: #333 url('../../images/AboutUs.jpg') 50% 50% no-repeat;
height:auto%;
background-size: cover;
}

#contactus {
background: #333 url('../../images/AboutUs.jpg') 50% 50% no-repeat;
height:auto%;
background-size: cover;
z-index:100000;
}
#nprogress {
    pointer-events: none;
    -webkit-pointer-events: none;
}

    #nprogress .bar {
        background: red;
        position: fixed;
        z-index: 10000;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
    }
    /* Fancy blur effect */
    #nprogress .peg {
        display: block;
        position: absolute;
        right: 0px;
        width: 100px;
        height: 100%;
        box-shadow: 0 0 15px red, 0 0 10px red;
        opacity: 1.0;
        -webkit-transform: rotate(3deg) translate(0px, -4px);
        -moz-transform: rotate(3deg) translate(0px, -4px);
        -ms-transform: rotate(3deg) translate(0px, -4px);
        -o-transform: rotate(3deg) translate(0px, -4px);
        transform: rotate(3deg) translate(0px, -4px);
    }

    /*#nprogress .spinner {
        display: block;
        position: fixed;
        z-index: 10000;
        top: 50%;
        left: 50%;
    }

    #nprogress .spinner-icon {
        width: 40px;
        height: 40px;
        box-sizing: border-box;
        border: solid 5px transparent;
        border-top-color: #29d;
        border-left-color: #29d;
        border-radius: 50%;
        -webkit-animation: nprogress-spinner 400ms linear infinite;
        animation: nprogress-spinner 400ms linear infinite;
    }*/


    #nprogress .spinner {
        display: block;
        position: fixed;
        z-index: 10000;
        top: 50%;
        left: 50%;
    }

    #nprogress .spinner-icon {
        width: 100px;
        height: 100px;
        background: #fff;
        box-sizing: border-box;
        border: solid 5px transparent;
        border-top-color: #29d;
        border-left-color: #29d;
        border: 10px solid #19bee1;
        -webkit-animation: nprogress-spinner 400ms linear infinite;
        animation: nprogress-spinner 400ms linear infinite;
    }

        #nprogress .spinner-icon:after {
            content: '';
            background: trasparent;
            width: 140%;
            height: 140%;
            position: absolute;
            border-radius: 100%;
            top: -20%;
            left: -20%;
            opacity: 0.7;
            box-shadow: rgba(255, 0, 0, 0.6)  -4px -5px 3px -3px;
            animation: rotate 2s infinite linear;
        }


/*.loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -60px;
  background: #fff;
   z-index: 10000;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 10px solid #19bee1;
}
.loading:after {
  content: 'test';
  background: trasparent;
  width: 140%;
  height: 140%;
  position: absolute;
  border-radius: 100%;
  top: -20%;
  left: -20%;
  opacity: 0.7;
  box-shadow: rgba(255, 255, 255, 0.6) -4px -5px 3px -3px;
  animation: rotate 2s infinite linear;
}

@keyframes rotate {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}*/

.portlet {
    clear: both;
    position: relative;
    width: auto;
}
.portlet .portlet-header {
    background-color: #49afcd;
    background-repeat: repeat-x;
    border: 1px solid #D5D5D5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 1px 15px;
    position: relative;
}
.portlet .portlet-header:before, .portlet .portlet-header:after {
    content: " ";
    display: table;
}
.portlet .portlet-header:after {
    clear: both;
}
.portlet .portlet-header h1, .portlet .portlet-header h2, .portlet .portlet-header h3, .portlet .portlet-header h4, .portlet .portlet-header h5, .portlet .portlet-header h6 {
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 15px;
    margin: 0 1em 0 0;
    padding: 10px 0;
    vertical-align: middle;
}
.portlet .portlet-header h1, .portlet .portlet-header h2, .portlet .portlet-header h3, .portlet .portlet-header h4, .portlet .portlet-header h5, .portlet .portlet-header h6 {
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
}
.portlet .portlet-tools {
    display: inline-block;
    float: left;
    margin: 5px 0 0;
    padding: 0;
}
.portlet .portlet-tools > li {
    display: inline-block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.portlet .portlet-tools .btn-icon {
    color: #555555;
    font-size: 16px;
    margin-top: -2px;
}
.portlet .portlet-tools .btn-icon:hover {
    background-color: #FFFFFF;
    text-decoration: none;
}
.portlet .portlet-tools .btn-icon .caret {
    margin-top: -3px;
}
.portlet .portlet-tools .dropdown-menu {
    left: auto;
    right: 0;
}
.portlet .portlet-tools .btn.btn-sm {
    margin-bottom: 0;
    padding-bottom: 3px;
    padding-top: 3px;
}
.portlet .portlet-tools .form-control.input-sm {
    display: inline-block;
    height: 26px;
    width: 125px;
}
.portlet .portlet-tools .progress {
    margin-bottom: 0;
    margin-top: 0;
    width: 125px;
}
.portlet .portlet-tools .nav-tabs, .portlet .portlet-tools .nav-pills {
    margin-bottom: 0;
}
.portlet .portlet-tools .nav-pills > li > a {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 9px;
}
.portlet .portlet-tools .nav-pills > li.active > a, .portlet .portlet-tools .nav-pills > li.active > a:hover, .portlet .portlet-tools .nav-pills > li.active > a:focus {
    background-color: #555555;
    color: #FFFFFF;
}
.portlet .portlet-content {
    background: none repeat scroll 0 0 padding-box #FFFFFF;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    padding: 15px;
}
.portlet .portlet-toolbar {
    background-image: linear-gradient(to bottom, #FAFAFA 0%, #EBEBEB 100%);
    background-repeat: repeat-x;
    border: 1px solid #D5D5D5;
    padding: 10px 15px;
}
.portlet .portlet-toolbar:before, .portlet .portlet-toolbar:after {
    content: " ";
    display: table;
}
.portlet .portlet-toolbar:after {
    clear: both;
}
.portlet .portlet-header + .portlet-content, .portlet .portlet-toolbar + .portlet-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 1px;
}
.portlet .portlet-header + .portlet-toolbar {
    margin-top: 1px;
}
.portlet .portlet-content + .portlet-toolbar {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: 1px;
}
.portlet .toolbar-bottom .portlet-content {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.portlet.portlet-nopad .portlet-content {
    padding: 0;
}
.portlet .portlet-content:before, .portlet .portlet-content:after {
    content: " ";
    display: table;
}
.portlet .portlet-content:after {
    clear: both;
}
.portlet.portlet-plain {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
}
.portlet.portlet-plain .portlet-header {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color -moz-use-text-color #CCCCCC;
    border-image: none;
    border-style: none none dotted;
    border-width: medium medium 1px;
    filter: none;
    padding: 0 0 8px;
}
.portlet.portlet-plain .portlet-header h3 {
    color: #555555;
    font-size: 18px;
    font-weight: 600;
    left: 0;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
.portlet.portlet-plain .portlet-header i {
    font-size: 20px;
}
.portlet.portlet-plain .portlet-content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    padding-left: 0;
    padding-right: 0;
}