﻿@charset "utf-8";
/* CSS Document */
a{text-decoration:none !important;}
ul{list-style:none;}
*{margin:0; padding:0;}
body{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

.fixed_slider{
	position:fixed;
	width:100%;
	height:768px;
	top:0;
	left:0;
	}
.landingbg1{
	background: url(../images/landingpage_bg1.jpg);
    width: 100%;
    min-height: 768px;
    background-size: cover;
	background-position:center;
	background-attachment:scroll;
	}
.landingbg2{
	background: url(../images/landingpage_bg2.jpg);
    width: 100%;
    min-height: 768px;
    background-size: cover;
	background-position:center;
	background-attachment:scroll;
	}
.landingbg3{
	background: url(../images/landingpage_bg3.jpg);
    width: 100%;
    min-height: 768px;
    background-size: cover;
	background-position:center;
	background-attachment:scroll;
	}
.landingbg4{
	background: url(../images/landingpage_bg4.jpg);
    width: 100%;
    min-height: 768px;
    background-size: cover;
	background-position:center;
	background-attachment:scroll;
	}
	
.carousel-control{width:7%;}
.absolute_mainwrapper{
	position:absolute;
	top:0;
	z-index: 10;
	width: 100%;
	}
.dicorlogo{display:inline-block;}
.home{
	float: right;
    font-size: 20px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-right: 7%;
    background: #D20139;
    padding: 25px 15px;
    color: #fff !important;
    transition: .3s ease-in;
    box-shadow: 1px 1px 5px 1px #000;
	}
.home:hover{
	/*background: #4E82D6;*/
	padding: 25px 40px;
	}
.home span{margin-right:10px;}

.content_right{
	padding: 5% 8%;
    background: rgba(0,0,0,.7);
    color: #fff;
	}
	
.tagline{
	font-size: 22px;
    color: #3DDAD4;
    padding: 15px 0;
	}
	
.content_right h1{
	font-size: 48px;
    color: #fff;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 58px;
	}
	
.content_right p{
	font-size: 16px;
    line-height: 24px;
	}
	
.mybutton{
	color:#fff;
	margin: 30px 10px 0 0;
    padding: 10px;
    border: 1px solid;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 1px;
	background: rgba(255,255,255,.1);
	transition:.2s ease-in;
	}
.mybutton:hover{
	background:#D20139;
	color:#fff;
	border: 1px solid #D20139;
	}

.erp_image{
	/*margin: 10% 0 0 -30px;*/
    border: 3px solid #FFFFFF;
    padding: 12px;
	}
.erp_image img{width:100%;}
	
.content_left{
	background: rgba(0,0,0,.6);
    color: #fff;
    margin-top: 25px;
    margin-left: -15px;
	margin-bottom:50px;
    padding: 15px;
	}
.content_left p{
	float: left;
    width: 73%;
	}
	
.erp_image_small{
	border-radius:50%;
	box-sizing:border-box;
	border:3px solid #fff;
	padding:10px;
	width:25%;
	margin:1%;
	transition:.3s ease-in;
}

/*-------------css for making carousel fade-effect from sliding-effect------------------*/
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}
.item:nth-child(1) {
  background: #74C390;
}
.item:nth-child(2) {
  background: #51BCE8;
}
.item:nth-child(3) {
  background: #E46653;
}
/*-------------css for making carousel fade-effect from sliding-effect end ------------------*/

@media (max-width:767px){
	.content_left{margin-left:50px; margin-right:-15px;}
}

@media (max-width:550px){
	.content_left p{width:100%;}
	.erp_image_small{
		width: 200px;
    	display: table;
    	margin: auto;
		}
	.home {
    float: right;
    font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-right: 1%;
    padding: 18px 10px;
	}
	.home:hover{padding: 18px 10px;}
	.home span{margin-right:4px;}
	
	.dicorlogo{width:200px;}
}