@font-face {
    font-family: 'zurich_cn_btregular';
    src: url('../fonts/zurich-cn-bt-webfont.eot');
    src: url('../fonts/zurich-cn-bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/zurich-cn-bt-webfont.woff2') format('woff2'),
         url('../fonts/zurich-cn-bt-webfont.woff') format('woff'),
         url('../fonts/zurich-cn-bt-webfont.ttf') format('truetype'),
         url('../fonts/zurich-cn-bt-webfont.svg#zurich_cn_btregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sui_generisregular';
    src: url('../fonts/sui_generis_rg-webfont.eot');
    src: url('../fonts/sui_generis_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sui_generis_rg-webfont.woff2') format('woff2'),
         url('../fonts/sui_generis_rg-webfont.woff') format('woff'),
         url('../fonts/sui_generis_rg-webfont.ttf') format('truetype'),
         url('../fonts/sui_generis_rg-webfont.svg#sui_generisregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
}

h2 {
  padding: 0;
  margin: 0 0 10px 0;
}

#forkme_banner {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 10;
  padding: 10px 50px 10px 10px;
  color: white;
  background: url("../img/blacktocat.png") #6A3 no-repeat 95% 50%;
  font-weight: 700;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  text-decoration: none;
}

.head {
  padding: 30px 0;
  width: 960px;
  margin: auto;
}

.head h1 {
  font-weight: 200;
 font-family: 'Roboto', sans-serif;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  color: #999;
}

.text-align{text-align:center;}
ul li{list-style-type:none;}
.imgs1{padding:30px;}

.background {
    border-bottom: 1px solid #c8c8c8;
}
.logo {
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    float: left;
    height: 122px;
    margin: 15px 0;
    width: 179px; 
}
.logo1{display:none;}
.header-contacts {
    float: right;
    margin-top: 29px;
    width: auto;
}
.header-contacts p {
    color: #575757;
    float: left;
    font-size: 15px;
    line-height: 30px;
    margin-right: 10px !important;
    width: auto;
}
.rotation{transition:all 1s ease-out 0s;}
	.rotation:hover{transform: rotate(360deg);}
	.clear{clear:both;}
	.heading{
	 font-family: 'zurich_cn_btregular';
	 font-size:32px; font-style:italic; text-align:center; padding:10px 0;
	}
	.heading1{
	 font-family: 'sui_generisregular';
	 font-size:34px;  text-align:center;  margin-top:0;
	}
	.orange{color:#f1a83e;}
	.blue{color:#008eb8}
	.icon2{margin-left:30px; margin-right:30px; margin-top:19px;}
	.foot{background-color:#000; padding:12px 0; margin-top:15px;}
	.copyright{ color: #fff;
    font-size: 13px;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}
	
/**first image ecss ffect**/
.da-thumbs {
	list-style: none;
	
	position: relative; margin-left:-38px;

}
.da-thumbs li {
	float: left;
	margin: 4px;
	background: #fff;
	
	position: relative;
	
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;  padding:0;
}
.da-thumbs li a {
	overflow: hidden; height:100%; text-decoration: none;
    transform: none!important;
}
.da-thumbs li a div {
	position: absolute;
	/*ackground: #00c4e0;*/
	
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	font-size:20px;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3); text-align:center;
}

/***slider***/
#owl-demo .item{
        margin: 3px;
    }
    #owl-demo .item img{
        display: block;
        width: 100%;
        height: auto; padding-bottom:8px;
    }
	

.sliderA{width:1400px!important;	}
#demo{margin-top:-9px; }
.margin-tops{margin-top:-7px;}
.bottom-text{
	border-top:1px solid rgba(255,255,255,0.5);
	border-bottom:none!important;
	display: block;
	padding: 10px 0;
	font-size:20px;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	position:relative;
	top:60px;
}

.page-header {
    background-image: url("../img/main-heading-strip.png");
    background-repeat: no-repeat;
    border-bottom: medium none !important;
    border-top: 1px solid #e1e1e1;
   margin-bottom:30px;
    padding: 12px 0; height:63px;
}
.heading-text1 {
    color: #0bb0cd;
    float: left;
  
    font-size: 30px;
   
	font-family: "Raleway",sans-serif;
}
.stcode_title5 h3 {
  
    padding-bottom: 48px;
    position: relative;
    text-align: left;
    z-index: 1;
}
.stcode_title5{margin-bottom:40px;}
.stcode_title5 .line {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 1px;
    position: absolute;
    width: 100px;
}
.margins{margin:20px 0 ;}
.margins1{margin:30px 0 ;}
ul.list1 {
    margin: 0;
    padding: 0;
    width: 100%;
}
.list1 li {
    font-size: 16px;
}
.list1 li {
   background-repeat: no-repeat;
    color: #898989;
    line-height: 30px;
    list-style-image: url("../img/list-arrow.png");
    margin: 0;
    padding: 6px 7px;
    text-align: justify;
}

.italic-text {
   font-family: "Roboto";
   clear: both;
    color: #ff9700;
    float: left;
    font-size: 19px;
    font-style: italic;
    font-weight: normal;
    padding-bottom: 20px;
    position: relative;
    right: 38px;
}
.devider{ margin:40px 0; border-bottom:1px dashed #ccc;}
.deviderB{ margin:25px 0; border-bottom:1px dashed #ccc;}
.devider1{ background: rgba(0, 0, 0, 0) url("../img/shadow2.png") no-repeat scroll center bottom;
    float: left;
    margin-bottom: 25px;
    padding-top: 25px;
    text-align: center;
    width: 100%;}
.title-color1 {
    color: #ff9700;
    font-family: "Raleway",sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 9px;
}
.title-color2 {
    color: #00aecd;
    font-family: "Raleway",sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 9px;
}
.title-color3{
    color: #f1a434;
    margin-top: 9px; font-size:22px; margin-bottom:15px;
	 font-family: "Raleway",sans-serif;
	 font-weight: normal;
}
p {
    color: #898989;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 30px;
    margin: 10px 0 25px !important; text-align:justify;
}
.img-border{
 box-shadow: 0 0 5px #858585;
  -webkit-box-shadow: 0 8px 8px -6px #7a7a7a;
    -moz-box-shadow: 0 8px 8px -6px #7a7a7a;
         box-shadow: 0 8px 8px -6px #7a7a7a; border-radius:50%; border:1px solid #ff9700;
}
.img-border1{
 box-shadow: 0 0 5px #858585;
  -webkit-box-shadow: 0 8px 8px -6px #7a7a7a;
    -moz-box-shadow: 0 8px 8px -6px #7a7a7a;
         box-shadow: 0 8px 8px -6px #7a7a7a; border-radius:50%; border:1px solid #00adcc;
}
.color-white{color:#fff; font-size:31px;}
ul.list1 {
    margin: 0 0 0 10px;
    padding: 0;
    width: 100%;
}
.list1 li {
    font-size: 16px;
}
.list1 li {
    font-size: 16px;
}
.list1 li {
    background-repeat: no-repeat;
    color: #898989;
    line-height: 27px;
    list-style-image: url("../img/list-arrow.png");
    margin: 0;
    padding: 8px;
    text-align: left;
}
ul.list2 {
    margin: 0;
    /*padding: 0 0 0 193px;*/
    width: 100%; 
}

.list2 li {
    font-size: 16px; text-align:left;
}
.list2 li {
    background-repeat: no-repeat;
    color: #898989;
    line-height: 30px;
    list-style-image: url("../img/list-arrow1.png");
    margin: 0;
        line-height: 30px
    text-align: justify;
}
.margin-none{margin:0!important;}
.growth {
    margin-top: 35px;
}
.growth {
    margin-top: 35px;
}
.left-img {
   border-radius: 100%;
    box-shadow: 0 0 5px #ccc;
    float: left;
    margin-bottom: 40px;
    margin-right: 20px;
    padding: 10px;
}
.title-color {
    color: #00aecd;
    margin-top: 9px; font-size:23px; margin-bottom:50px;
}
.title-color1{
    color: #f1a434;
    margin-top: 9px; font-size:26px; margin-bottom:15px;
}

.title-colorA{
    color: #333;
    margin-top: 9px; font-size:20px; margin-bottom:15px;
}
.title-colorB{
    color: #f1a434;
    margin-top: 9px; font-size:20px; margin-bottom:15px;
}
.deviderA{
    border-bottom: 1px dashed #ccc;
    margin: 0 0 20px 0;
}
.margin-right{margin-right:10px;}
.banner{margin-bottom:0px;}
.small-section {
    /*margin-top: 40px;*/
    padding: 70px 10px 20px; margin-bottom:45px;
}
.bg-gray {
    background-color: #f9f9f9 !important;
}
.h5-text {
    color: #333;
    font-size: 22px;
    line-height: 40px;
    margin: 20px 0 0;
    text-align: center;
}
.i-font {
    color: #f1a83e;
    font-size: 40px;
	 border-radius: 50%;
    box-shadow: 0 0 5px #858585;
    clear: both;
    
}
.h3-text{ color: #f1a83e;
    font-size: 34px;
    margin-bottom: 30px;}
.img-borderA {
    border: 5px solid #fff;
    box-shadow: 0 0 5px #858585;
    clear: both;
    margin-bottom: 15px;
}

.left1 {
    color: #ccc !important;
    float: left;
    font-size: 15px;
    margin-top: 11px;
    padding-left: 0 !important;
    
}
.right1 {
    color: #fff !important;
    float: right;
   
}
.bold1{color:#333; font-size:17px; font-weight:normal;}
.text{margin-bottom:0!important;}
.devider1A {
    background: rgba(0, 0, 0, 0) url("../img/shadow2.png") no-repeat scroll center bottom;
    float: left;
    margin-bottom: 13px;
    padding-top: 36px;
    text-align: center;
    width: 100%;
}
.marginsA{ margin-bottom:45px;
    padding: 26px 0;}
	.marginsA1{margin-top:73px;}
.b-text{font-size: 19px; text-align:left!important;
    font-weight: normal;
    line-height: 60px; color:#00aecd}
	.text-left{text-align:left!important;}
	.margins-30{margin-top:30px;}
	.margin-bottom-none{margin-bottom:0!important;}
	.hides{display:block;}
	.shows{display:none;}
.lineA {
    background: #333 none repeat scroll 0 0;
   top:40px;
    display: block;
    height: 2px;
    position: absolute;
    width: 50px;
}
.stcode_title4 {
    margin: 0 0 32px;
    padding-bottom: 45px;
    position: relative;
    text-align: left;
    z-index: 1;
}
.leftA{float:left;}
.rightA{float:right;}
.italic-text1 {
    clear: both;
    color: #ff9700;
    float: left;
    font-family: "Roboto";
    font-size: 19px;
    font-style: italic;
    font-weight: normal;
    padding-bottom: 30px;
    position: relative;
    right: 23px;
}

/*Service Time-line*/
.timeliner {
    position: relative;
    padding: 0;
	margin-top:20px;
    list-style: none;
}
.timeliner:before {
		
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
  left: 50%;
    background-color: #f1f1f1;
}
.timeliner>li {
    position: relative;
    margin-bottom: 50px;
    min-height: 50px;
}
.timeliner>li:before,
.timeliner>li:after {
    content: " ";
    display: table;
}
.timeliner>li:after {
    clear: both;
}
.timeliner>li .timeline-panel {
    float: right;
    position: relative;
    width: 100%;
    padding: 0 20px 0 100px;
    text-align: left;
}
 .timeliner>li .timeline-panel:before {
    border-left-width: 0;
} 
 .timeliner>li .timeline-panel:after {
    border-left-width: 0;
}
.timeliner>li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    margin-left: 0;
    border: 4px solid #f1f1f1;
    border-radius: 100%;
    text-align: center;
    color: #fff;
}
.timeliner>li .timeline-image h4 {
    margin-top: 12px;
	color:#171717;
}
.timeliner>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 20px 0 100px;
    text-align: right;
}
.timeliner>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}
.timeliner>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}
.timeliner>li:last-child {
    margin-bottom: 0;
}
.timeliner .timeline-heading h4 {
    margin-top: 0;
}
.timeliner .timeline-heading h4.subheading {
    text-transform: none;
	text-transform:uppercase;
	color:#171717;
	font-weight:700;
}
.timeliner .timeline-body>p,
.timeliner .timeline-body>ul {
    margin-bottom: 0;
}
.timeline-icon {
   border:1px dashed #ccc;
   background:#fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #171717;
  font-size: 18px;
  height: 70px;
  left: 50%;
  line-height: 70px;
  margin: 22px 0 0 -35px;
  position: absolute;
  text-align: center;
  width: 70px;
  }
  .deviders {
    border-bottom: 1px dashed #ccc;
    margin: 40px 0 40px;
}
  .timeliner li:hover .timeline-heading h4.subheading,
.timeliner li .timeline-heading h4.subheading,
.timeliner li:hover .timeline-image,
.timeliner li .timeline-image
{
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}
.timeliner >li {
		min-height: 170px;
	}
	.timeliner >li .timeline-panel {
		padding: 0 20px 20px 100px;
	}
	.timeliner >li .timeline-image {
		 left: 50%;
		
		
	}
	.timeliner >li .timeline-image h4 {
		margin-top: 40px;
	}
	.timeliner >li.timeline-inverted>.timeline-panel {
		padding: 0 100px 20px 20px;
	}
	.timeliner > li .timeline-panel {
       padding: 24px 0 20px;
    text-align: left;
    width:100%;
    }
	 .timeliner > li .timeline-image h4 {
        margin-top: 16px;
        font-size: 13px;
        line-height: 18px;
    }
	  .timeliner > li.timeline-inverted > .timeline-panel {
        float: right;
        padding: 0 0 20px;
        text-align: left;
    }
	 .timeliner > li .timeline-image {
        left:0;
    width: 170px;
		height: 170px;
    
    }
	
.timeliner li:hover .timeline-image
{
	border-color: #333;
}

.a1:hover
{
	border-color: #f00;
}
.timeliner li:hover .timeline-heading h4..section-title h2
{
	color: #6f5635;
}
img {
    border: 0 none;
    max-height: 100%;
    max-width: 100%;
}
.title1 {
    color: #0bb0cd;
    font-size: 22px !important;
    letter-spacing: 0;
}
.orange-color{color:#f1a83e!important;}



/*automobile css*/

ul.listA {
    margin: 0 0 0 10px;
    padding: 0;
    width: 100%;
}
.listA li {
    font-size: 16px;
}
.listA li {
    font-size: 16px;
}
.listA li {
    background-repeat: no-repeat;
    color: #898989;
    line-height: 35px;
    list-style-image: url("../img/list-arrow1.png");
    margin: 0;
    padding:0;
    text-align: justify;
}
ul.listA1 {
    margin: 10px 0 0 10px;
    padding: 0;
    width: 100%;
}
.listA1 li {
    font-size: 16px;
}
.listA1 li {
    font-size: 16px;
}
.listA1 li {
    background-repeat: no-repeat;
    color: #898989;
    line-height: 35px;
    list-style-image: url("../img/list-arrow1.png");
    margin: 0;
    padding:4px;
    text-align: justify;
}
.no-border{border:none;}
.margin-left{margin-left:35px!important;}
.padding-left-none{padding-left:0;}
.bg-gray1 {
    background-color: #f9f9f9 !important; padding-bottom:40px; padding-top:60px
}
.margin-bottom-none1{margin-bottom:10px;}
.text-normal{font-weight:normal; font-size:19px; }
.show-hide1{display:block!important;}
	.show-hide2{display:none!important;}
	.margin-top-none{margin-top:0!important;}
.margin-bottom-40{margin-bottom:69px;}
.margin-30{margin:30px 0;}
.fixed-footer{position: fixed; bottom: 0px; width: 100%; height: 60px; background-color: black;}
.social {
    text-align: center;
}
.social li, nav.nav-typo ul li {
    list-style: outside none none;
}
.social li {
    display: inline-block;
    margin-top: 5px;
    margin-right: 6px;
}
.social li a {
  
    color: #f1a83e;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
.social li a:hover {color:#fff; text-decoration:none;}
.margin-bottom-none{margin-bottom:none!important;}
.margin-bottom-30{margin-bottom:40px;}
.box-box-shadow {
   box-shadow: 0 0 5px #ccc;
    float: left;
    margin-bottom: 40px;
     padding: 10px;
}
.mt-7{margin-top:70px;}
.borders{border-top:1px dashed #ccc; margin:30px 0;}
.h4-text {
    color: #008eb8;
    font-size: 30px;
    margin-bottom: 50px;
}