@charset "UTF-8";

@import "font-awesome.css";
@import "flaticon.css";

@import "bootstrap.css";



* { 

color:#097bf5; 

line-height:1.4; 

}

ul,ol { list-style:none; padding:0;}

html,body { 

margin:0; 

padding:0; 

width:100%; 

font-family: 'Open Sans', sans-serif; 

font-weight:400; 

font-size:14px;

}

.header{ 
padding-top:0px;
padding-bottom:0px; 
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	z-index:9999999; 
	width: 100%;

	position: static;
	top: 0;
	left: 0;
	-webkit-transition: top 500ms ease;
	-moz-transition: top 500ms ease;
	-o-transition: top 500ms ease;
	transition: top 500ms ease;

	/* enable hardware acceleration to fix laggy transitions */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	}

.scrollActive .header {
	position: fixed;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);

}
.top-contact { 
color: #fff;
display: block;
padding: 7px 0;
}
.top-contact a{ 
color:#fff; 
font-size:14px; 
/*font-weight:700; */
}
.top-contact i { 
color:#fff;
}
.top-form { 

/*background: #121212; */

padding-top:3px; 
float:left; 
width:100%;
}

.top-form .form-head { 
color: #fff;
font-size: 13px;
/*font-weight: 700;*/
line-height: 1;
margin: 2px 0 0; 
text-align:left;

}

.top-form .col-sm-2 { 
padding:0 5px !important; 
}

.top-form .col-sm-2:last-child { 

padding-right:25px !important; 

}
.top-form  .form-group { 
margin-bottom: 3px;
}
.top-form  .form-control { 

height:30px !important; 

font-size:12px;

}

.top-form  .btn {

  padding: 4px 12px; 

  background:#ed1c24; 

  color:#fff;

}

.slider { 

/*background: rgba(0, 0, 0, 0) url("../images/slider-bg.jpg") no-repeat center center ;*/

width:100%; 

height:450px; 

}

.service { 

padding-bottom:5%; 
padding-top:3%; 

background:#FFFAF0; 
position:relative;
}

.service h1{ margin:0px 0 25px 

}


.service a { 

 display: inline-block;

text-align: center;

transition: all 1s ease-out 0s;

}

.service a span{ 

display: inline-block;

font-weight: 500;

padding: 10px 0 0;

}

.service .icon { 

border: 2px solid #097bf5;

padding: 25px 10px 20px;

text-align: center; 

background:#fff; 

border-radius:50%; 

height:130px; 

width:130px; 

transition: all 1s ease-out;
}

.service .icon i{ 

font-size:75px; 

color:#097bf5; 

}

.service .icon:hover {

border: 2px solid #fff;

background:#ed1c24; 

}

.service .icon:hover i { color:#fff}

.wel-div  { padding:10px 0;}

.welcome { padding:1% 0 5%;}
.welcome  h1 { margin-bottom:20px}
.welcome hr.no_line {

  height: 0;

  background-color: rgba(0, 0, 0, 0.08);

color: rgba(0, 0, 0, 0.08);

 border-width: 0;

}

.welcome .image_frame {

  border-style: solid;

  border-width: 0px;

  box-sizing: border-box;

  display: block;

  line-height: 0;

  max-width: 100%;

}

.welcome .image_frame .fa{ 

color:#097bf5; 

0



}

.blogpost { 

padding:0% 0 0%;

left: -89.5px;

position: relative;

}

.blogpost .blog .layer { 
position:absolute;
content:''; 
z-index:10;
    background-color: rgba(216, 34, 55, 0.7);
 width: 100%;
    height: 100%;
	top: 0;
    left: 0;
}

.blogpost .blog { 
position:relative;
background: url(../images/bg1.jpg) no-repeat center center/cover; 
height:400px;

}

.blog-section-title {

  margin-bottom: 20px;

  text-transform: uppercase;

}



.blog-section-title h2::after, .testi-section-title h2::after {

  background-color: #2bafe0;

  bottom: 0;

  content: " ";

  display: block;

  height: 1px;

  margin: 20px auto 0;

  width: 52px;

}

.blog-section-title h2, .testi-section-title h2

{

color:#fff; 

font-weight:300; 

text-transform:uppercase; 
margin-top:0;

}



.blog-small-blog {

  display: table;

  margin: 0 20px 26px 95px;

  padding: 2px 0;

  transition: all 0.4s ease 0.1s;

}

.blog-desc {

  display: table-cell;

  padding: 0 0 0 1rem;

  text-align: left;

  vertical-align: top;

}

.blog-desc .blog-desc-header {

  font-size: 16px;

  font-weight: 700;

  letter-spacing: 2px;

  line-height: 20px;

  margin: 0 0 0.5rem;

  padding: 0;

  text-transform: uppercase; 

  color:#fff;

}

.blog-desc .blog-desc-header a { color:#fff;}

.blog-desc .blog-desc-detail {

  color: rgba(255, 255, 255, 0.5);

  font-size: 14px;

  margin: 0 0 0.25rem;

  padding: 0;

}

.blogpost .testimomial {

padding-top:0%;

padding-bottom:2%;

}

 .testi-section-title h2 { color:#097bf5;}

 

 .quote {

    color: rgba(0,0,0,.1);

    text-align: center;

    margin-bottom: 0px;

}

.quote i { 

color: #df1f30;

opacity: 0.5;

}

#fade-quote-carousel p{ color:#212121}
#fade-quote-carousel span{ color:#212121}

/*-------------------------------*/

/*    Carousel Fade Transition   */

/*-------------------------------*/



#fade-quote-carousel.carousel {

  padding-bottom: 60px;

}

#fade-quote-carousel.carousel .carousel-inner .item {

  opacity: 0;

  -webkit-transition-property: opacity;

      -ms-transition-property: opacity;

          transition-property: opacity;

}

#fade-quote-carousel.carousel .carousel-inner .active {

  opacity: 1;

  -webkit-transition-property: opacity;

      -ms-transition-property: opacity;

          transition-property: opacity;

}

#fade-quote-carousel.carousel .carousel-indicators {

  bottom: 10px;

}

#fade-quote-carousel.carousel .carousel-indicators > li {

  background-color: #DF1F30;

  border: none;

}

#fade-quote-carousel blockquote {

    text-align: center;

    border: none;

}

#fade-quote-carousel .profile-circle {

    width: 100px;

    height: 100px;

    margin: 0 auto;

    border-radius: 100px;

}

 

.con_custom {

  background: #0071db url(../images/bg-red.jpg) no-repeat center center !important;

  padding-bottom: 50px !important;

  padding-top: 50px !important;

}

.con_custom h3{

font-size: 30px;

letter-spacing: 0px;

line-height: 40px;

margin-bottom: 15px;

text-transform: uppercase; 

text-align:center; 

color:#fff;

}

.con_custom p{

font-weight: 300; 

text-align:center;



}

.con_custom i {

  background: #fff none repeat scroll 0 0;

  border-radius: 50%;

  font-size: 26px;

  height: 50px;

  padding-top: 12px;

  width: 50px;

}

.con_custom h4 { 

 color:#fff; 

 font-size:18px

 }

.special  { 

padding:5% 0 7%

} 
.special h2 { font-size:24px} 

.special .spec-1 { 

/*background:url(../images/fixBroken.png) no-repeat center center; 

height:150px;*/ 

padding-bottom: 0%;
padding-top: 4%;
position: relative;
text-align: center;

 }
.special .spec-1 i{ 
font-size: 7em;
margin-bottom: 40px; 
color:#097bf5
 }

.special a { 

background: rgba(240, 0, 0, 0.1) none repeat scroll 0 0;
bottom: 0;
left: 0;
position: absolute;
text-decoration: none;
transition: all 1s ease-out 0s;
width: 100%;
	}

.special a h2{ text-align:center; 

color:#ED1C24; 

} 	

.special a:hover { background:#000;  opacity: 1; }

.special a:hover h2{ color:#fff; } 

footer { 

background:#1E222C; 

padding:2% 0; 
}

footer .bottom-menu li { display:inline-block; margin:0 5px;  }



footer .bottom-menu li a { 

color: #ED1C24;
}
.socaial { 
display: inline-block;
height: 50px;
width: 50px; 
transition: opacity 0.5s ease-out 0s;
opacity: 0.3; 
}
.socaial:hover { 
opacity: 1; 

}
.social-1 { 
background: rgba(0, 0, 0, 0) url("../images/social.png") repeat scroll -27px -108px;
}
.social-2 { 
background: rgba(0, 0, 0, 0) url("../images/social.png") repeat scroll -274px -28px;
}
.social-3 { 
background: rgba(0, 0, 0, 0) url("../images/shopify.png") no-repeat;
}
.social-4 { 
background: rgba(0, 0, 0, 0) url("../images/social.png") repeat scroll -192px -111px;
}
.social-5 { 
background: rgba(0, 0, 0, 0) url("../images/social.png") repeat scroll -24px -193px;
}

.copyright .col-sm-6{ 

color:#fff;

}

.error {

  color: #ff0000;

  display: block;

  font-family: "Open Sans",sans-serif;

  font-size: 12px;

  font-style: italic;

  width: 100%;

}
.about { padding-bottom:3%;}
.about h2 { 
color:#ED1C24; 
text-transform:uppercase; 
margin-top:40px; 

}
.about p { 
font-size:16px; 
text-align:justify; 
line-height:24px; 
color:#212121
}
.about .line-separator {
background-color: #0d77db;
display: block;
height: 3px;
margin: 5px auto 20px;
width: 40px;
}
.team-block-container {
  backface-visibility: hidden;
  display: block;
  margin: 0 auto 30px;
  position: relative;
  width: 100%;
  z-index: 3;
}
.team-block-container .image-block {
  height: 100%;
  margin-bottom: 0 !important;
  width: 100%;
}
.team-block-container .mem-name { font-weight:700; color:#0D77DB}
.team-block-container .expertise {}

div.blog_list {
  color: #333 ;
  font-size: 13px ;
  line-height: 20px ;
  text-align: justify ;
   margin-top: 35px;
}

div.post_list_wrapper {
  border-bottom: 2px solid #777777 ;
  padding: 3px ; 
  display:none; 
  margin-bottom:50px;
}
div.list_post_title {
  border-bottom: 1px solid #eeeeee ;
  color: #00365f ;
  font-size: 28px ;
  font-style: normal ;
  font-weight: normal ;
  line-height: 28px ;
  padding-bottom: 10px ;
  text-align: center ;
  text-decoration: none ;
}
div.list_post_title a {
  color: #00365f ;
  font-size: 28px ;
  font-style: normal ;
  font-weight: normal ;
  text-align: center ;
  text-decoration: none ;
}
div.list_dist_title_date {
  clear: both ;
  height: 24px ;
}
div.list_date_style {
  color: #aaaaaa ;
  font-size: 13px ;
  font-style: normal ;
  text-align: center ;
}
div.list_dist_date_text {
  clear: both ;
  height: 4px ;
}
div.list_post_text {
  color: #444444 ;
  font-size: 15px;
  font-style: normal ;
  font-weight: normal ;
  line-height: 20px ;
  margin: 0 ;
  padding: 0 2px ;
  text-align: left ;
}
div.comm_more {
  clear: both;
  padding: 24px 0 25px ;
}
a.comments_num_link {
  color: #aaaaaa ;
  display: block ;
  float: left ;
  font-size: 13px ;
  font-style: normal ;
  font-weight: normal ;
  text-decoration: none ;
}
span.comments_number {
  padding: 0 1px 0 0 ;
}
span.comments_numword {
  color: #aaaaaa ;
}
a.more_comm_num_link {
  color: #aaaaaa ;
  display: block ;
  float: right ;
  font-size: 13px ;
  font-style: normal ;
  font-weight: normal ;
  text-decoration: none ;
}
.arrow-right {
  border-bottom: 4px solid transparent ;
  border-left: 4px solid #aaaaaa ;
  border-top: 4px solid transparent ;
  display: inline-block ;
  height: 0 ;
  margin-top: 2px ;
  width: 0 ;
}

div.comment_message {
  color: red ;
  font-weight: bold ;
  padding: 10px ;
}
div.word_Comments {
  color: #333333 ;
  font-size: 18px ;
  font-style: normal ;
  font-weight: normal ;
  padding-bottom: 10px ;
}
div.comments_wrapper {
  border-color: #dddddd -moz-use-text-color -moz-use-text-color ;
  border-style: solid none none ;
  border-width: 1px 0 0 ; 
  margin-bottom:15px;
}
div.cmtname {float:left;padding-bottom:8px;color:#E56804;font-size:14px;font-style:normal;font-weight:bold;}
div.cmtdate {color:#999; font-family:Arial,Helvetica Neue,Helvetica,sans-serif; font-size:11px;font-style: normal; float:right;}
div.cmttext {color:#000000;font-size:14px;font-style:normal;font-weight:normal;}



div.list_post_text img {
  height: auto !important;
  max-width: 100% !important;
}
.widget-area { 
margin-top:35px; 
}

.widget-area  .widget {
  background-color: rgba(247, 245, 231, 0.7);
  font-size: 14px;
  hyphens: auto;
  margin: 0 0 24px;
  padding: 20px;
  word-wrap: break-word;
}
.widget .widget-title {
  font: italic 300 20px "Source Sans Pro",Helvetica,sans-serif;
  margin: 0 0 10px;
}
.widget li {
  padding: 5px 0;
}
.widget a {
  color: #bc360a;
}

.search-submit {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #ed1c24;
font-family: "FontAwesome";
font-size: 22px;
position: absolute;
right: 41px;
top: 55px;

}

.contact-block-style-1 .contact-block-container {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.12);
  padding: 25px;
}
.contact-block-container {
  display: block;
  margin: 0 auto 30px;
  position: relative;
  width: 100%;
}
.contact-block-container i.circle-icon-block {
  background-color: #ff3d00;
  color: #fff;
  margin-bottom: 25px;
}
i.circle-icon-block-lg {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  font-size: 22px;
  height: 64px;
  line-height: 64px;
  width: 64px;
}
i.circle-icon-block {
  background-color: #fff;
  border-radius: 50%;
  color: #515151;
  text-align: center;
  transition: all 0.3s ease-in-out 0s;
}
#map {
  height: 400px;
  margin-top: 0px;
  width: 100%;
}
.about .service_inner { 
padding-bottom:0; 
margin-bottom:2%; 
float:left; 
width:100%;
background: rgba(204, 204, 204, 0.2) none repeat scroll 0 0;
}
.about .service_inner a { 
margin:10% 0;  
display: inline-block; 
text-align: center; 
transition: all 1s ease-out 0s;
}
.about .service_inner .col-sm-3 { 
text-align:center
}
.about .service_inner .icon {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #404042;
  border-radius: 50%;
  height: 100px;
  padding: 25px 10px 20px;
  text-align: center;
  transition: all 1s ease-out 0s;
  width: 100px;
}
.about .service_inner .icon i {
  color: #404042;
  font-size: 50px;
}
.about .service_inner .icon:hover {
border: 2px solid #fff;
background:#ed1c24; 
}
.about .service_inner .icon:hover i { 
color:#fff
}
.about .service_inner a span{ 
display: inline-block;
font-weight: 500;
padding: 10px 0 0;
}
.about ul li { list-style: inside disc; text-align:left; padding:3px 0 3px 15px; font-size:16px;}
.shpfy:hover img { box-shadow:2px 2px 10px #000; background:transparent}
.odd .ser-img { 
margin-top:0%; /*box-shadow:inset -7px 0 9px -7px rgba(0,0,0,0.4);*/display: block;margin-left: auto;margin-right: auto;
}

.even .ser-img { 
margin-top:0%; /*box-shadow:inset 7px 0 9px -7px rgba(0,0,0,0.4);*/display: block;margin-left: auto;margin-right: auto;
}

    .wizard {
    margin: 0px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 0px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
.wizard li.disabled span.round-tab i{
    color:#555555;
}
.wizard li.disabled span.round-tab { 
    border: 2px solid #e0e0e0;
}
.wizard li span.round-tab, .wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #ED1C24;
    
}
.wizard li span.round-tab i, .wizard li.active span.round-tab i{
    color: #ED1C24;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #ED1C24;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 25px;
}

.wizard .tab-pane h5 strong{ 
color:#ED1C24;
}

.wizard .tab-pane ul { 
margin-top:30px;
}
.wizard h3 {
    margin-top: 0;
}
.step1 .row {
    margin-bottom:10px;
}
.step_11 {
    border :1px solid #eee;
    border-radius:5px;
    padding:10px; 
	background:rgba(238, 238, 238, 0.5) none repeat scroll 0 0;	
	margin-bottom: 10px;
}
.step_21 {
    border :1px solid #eee;
    border-radius:5px;
    padding:10px;
	background:rgba(238, 238, 238, 0.5) none repeat scroll 0 0;	
	margin-bottom: 10px;
}
.step33 {
    border:1px solid #eee;
    border-radius:5px;
    padding:10px;
    margin-bottom:10px;
	background:rgba(238, 238, 238, 0.5) none repeat scroll 0 0;	
}

.mar_ned {
    margin-bottom:10px;
}


.tab-pane label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
.tab-pane label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid #eee; 
  transition: all 1s ease;
}

.tab-pane label > input:hover +img {   
border:2px solid #f00;
}
.tab-pane label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #f00;
}

.bname { 
float: left;
width: 100%;
}

.hpanel {
  border: 2px solid #d3d3d3;
  box-shadow: none;
  margin-bottom: 0px;
}
.hpanel .hbuilt {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  padding: 10px;
  
color: inherit;
font-weight: 600;
transition: all 0.3s ease 0s;
}
.hpanel .panel-body {
  border-top: 2px solid #ff3d00 !important;
}
.ng-binding { 
font-size:x-small; color:#01b7df; 
font-weight:400;
}

.col-mgbtm {
  margin-bottom: 25px;
}


#checkboxes {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#checkboxes .whatever {
  background: white;
  cursor: pointer;
  display: inline-block;
  padding: 10px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  width: 100%;
}

#checkboxes input[type=checkbox] {
  display: none;
}

#checkboxes .check_overlay {
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  position: absolute;
  height: 100%;
  top: 0;
  left: 15px;
  overflow: hidden;
  right: 15px;
  display: none;
}
#checkboxes .check_overlay i {
  font-size: 28px;
  margin-top: 5%;
  margin-left: 45%;
  color: #ED1C24;
}
.eror {
color: #f00;
font-size: 12px;
font-style: italic;
}
.sucs {
color: #00FF00;
font-size: 13px;
font-style: italic;
}
.has-eror { border:1px solid #f00;}
.has-error1 { outline:1px solid #f00;}


#spinningTextG{
	width:234px;
	margin:auto;
	height:29px;
display:none;
}

.spinningTextG{ 
	color:rgb(0,0,0);
	font-family:Arial;
	font-size:24px;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	float:left;
	animation-name:bounce_spinningTextG;
		-o-animation-name:bounce_spinningTextG;
		-ms-animation-name:bounce_spinningTextG;
		-webkit-animation-name:bounce_spinningTextG;
		-moz-animation-name:bounce_spinningTextG;
	animation-duration:1.5s;
		-o-animation-duration:1.5s;
		-ms-animation-duration:1.5s;
		-webkit-animation-duration:1.5s;
		-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
}

#spinningTextG_1{
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}
#spinningTextG_2{
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}
#spinningTextG_3{
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}
#spinningTextG_4{
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}
#spinningTextG_5{
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}
#spinningTextG_6{
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}
#spinningTextG_7{
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}
#spinningTextG_8{
	animation-delay:1.9s;
		-o-animation-delay:1.9s;
		-ms-animation-delay:1.9s;
		-webkit-animation-delay:1.9s;
		-moz-animation-delay:1.9s;
}
#spinningTextG_9{
	animation-delay:2.05s;
		-o-animation-delay:2.05s;
		-ms-animation-delay:2.05s;
		-webkit-animation-delay:2.05s;
		-moz-animation-delay:2.05s;
}
#spinningTextG_10{
	animation-delay:2.2s;
		-o-animation-delay:2.2s;
		-ms-animation-delay:2.2s;
		-webkit-animation-delay:2.2s;
		-moz-animation-delay:2.2s;
}


@keyframes bounce_spinningTextG{
	0%{
		transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		transform:scale(.3) rotate(90deg);
		color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_spinningTextG{
	0%{
		-o-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-o-transform:scale(.3) rotate(90deg);
		color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_spinningTextG{
	0%{
		-ms-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-ms-transform:scale(.3) rotate(90deg);
		color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_spinningTextG{
	0%{
		-webkit-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-webkit-transform:scale(.3) rotate(90deg);
		color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_spinningTextG{
	0%{
		-moz-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-moz-transform:scale(.3) rotate(90deg);
		color:rgb(255,255,255);
	}
}
.side-blog { 
background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #ed1c24 0%, #d82237 100%, #7db9e8 100%) repeat scroll 0 0;
padding-bottom: 2%;
padding-top: 2%; 
margin-top:5%;
}

.product {border: 1px solid #d1d3d1; padding:15px; margin-bottom:30px;}
.product .prod_img {}
.product .prod_content h3{ 
text-align:center;
	font-size: 22px;
	font-weight: 400;
	padding-bottom: 10px;
	color: #454444;
	font-family: 'Roboto Slab',serif;
}
.product .prod_content p {
	color: #646464;
	font-size: 14px;
	padding-bottom: 15px;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}




@media (min-width: 1200px) { 



}



@media screen and (min-width: 768px) and (max-width:1200px) { 
.navbar-collapse {
  padding-left: 0px;
  padding-right: 0px;
}
.navbar-right {
  float: left !important;
  margin-right: 0px;
}
.navbar li {
  margin: 0 1px;
}

}

@media screen and (min-width: 992px) and (max-width:1200px) { 
.service .icon {
  height: 135px;
  padding: 30px 10px 31px;
  width: 135px;
}
.special a h2 {
  font-size: 26px;
}
.blogpost {
  left: -85.5px;
}
}

@media screen and (min-width: 768px) and (max-width:991px) { 

.nav > li > a {
  padding: 10px 3.5px;
}

.service .icon {
  height: 100px;
  padding: 20px 10px 31px;
  width: 100px;
}
.service .icon i {
  color: #0d77db;
  font-size: 60px;
}
.special a h2 {
  font-size: 20px;
}
.blogpost {
  left: -29.5px;
}
.blog-small-blog {
  margin: 0 20px 26px 30px;
}
}
@media (min-width: 768px) { 
.l768 { display:none}

}
@media (max-width: 768px) { 
.g768 { display:none;}
.l768 { display:block}
.togle { display:none;}
.top-form .form-head {
  text-align: center;
}
.top-form {
  padding-bottom: 10px;
  padding-top: 5px;
}
.top-form .col-sm-2:last-child {
  padding-right: 5px !important;
}
.navbar-toggle {
  background-color: #000;

}
.navbar-toggle .icon-bar {
 
  background: #ED1C24;
}
.blogpost {
  left: 0;
}
.blog-small-blog {
  margin: 0;
  padding: 5px 0;
}
.logo a { 
display:inline-block;
}
.navbar-nav > li > a {
  padding-bottom: 0;
  padding-top: 3px;
}
.menu { 
margin-top: -55px;
}
.logo { 
text-align:left !important;
}
}

@media (max-width: 480px) { 

.special a h2 {
  font-size: 24px;
}
.copyright .text-right, .copyright .text-left {
font-size: 13px;
text-align: center;
}
.slider {
  height: 200px;
}
}









