/*-------- Start Reset Browser ----------*/
html,
body {
    height: 100%;
	color: #656565;
}
*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px;
	vertical-align: top;
	font-family: "Source Sans Pro", serif, sans-serif;
	font-style: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-rendering: optimizelegibility;
}
h1 {
	font-size: 36px; 
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 11px;
}
img {
    max-width:100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.5;
}
a, a:hover, a:link,  a:active, a:visited{
	outline:0px none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*-------- End Reset Browser ----------*/

/*-------- Start Universal Body -------------*/
section{
	overflow:hidden;
}
.button{
	border: 0px;
	background-color: #37485c;
	color: #fff;
	padding: 10px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
}
.button:hover{
	background-color: #c5645b;
}

/*-------- End Universal Body -------------*/

/*-------- Start Head Body -------------*/
header, #header{
	position: fixed;
	z-index: 99;
	width: 100%;
	opacity: 1;
	top: 0;
	background: #F5E8DF;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	max-height: 100%;
	overflow: auto;
}
#header.active{
	
}
#header .navbar-default {
    border: transparent;
    background: #F5E8DF;
    margin: 10px auto;
    padding-left: 50px;
    padding-right: 50px;
	min-height:auto;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	max-width: 1240px;
}
.navbar-brand {
	padding:0px;
	height: auto;
}
.navbar-header {
    float: left;
}
.logo{
	height:40px;
}
#header #navbar li a {
    font-family: "Source Sans Pro", serif;
    color: #000;
    position: relative;
    font-size: 16px;
    font-weight: 400;
	margin-left:10px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
	padding: 7px 15px;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
#header #navbar li a:hover {
	color: #fff;
	background-color: #000;
}
#header #navbar  .active  a, #header #navbar  .active  a:focus, #header #navbar  .active  a:hover {
    color: #fff;
    background-color: #000;
}
#header #navbar li.call-to-action a {
	background-color: #B6554C;
	color:#fff;
}
#header .navbar-nav{
	margin-top: 2px;
}
#header.f-nav{
	background: #F5E8DF;
	border-bottom: 1px solid #B7B8B8;
}
#header.f-nav .navbar-default {
    margin: 3px auto;
}
#header.f-nav .navbar-nav {
    margin-top: 3px;
}
#header.f-nav  #navbar li a {
	padding: 7px 10px;
	color: #000;
}
#header.f-nav #navbar li.call-to-action a {
	color:#fff;
}
#header.f-nav #navbar li a:hover {
	color: #fff;
	background-color: #000;
}
#header.f-nav #navbar  .active  a, #header.f-nav #navbar  .active  a:focus, #header.f-nav #navbar  .active  a:hover {
    color: #fff;
    background-color: #000;
}
.template-nav-toggle {
    position: absolute;
    top: 12px;
    right: 15px;
    z-index: 21;
    padding: 6px 0 0 0;
    display: block;
    margin: 0 auto;
    display: none;
    height: 30px;
    width: 25px;
	cursor: pointer;
    text-decoration: none;
    border-bottom: none !important;
}
#header.f-nav .template-nav-toggle {
	top: 10px;
}
.template-nav-toggle i {
    position: relative;
    display: inline-block;
    zoom: 1;
    width: 25px;
    height: 3px;
    color: #F9F9F9;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #000;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#header.f-nav .template-nav-toggle i{
	background: #000;
}
.template-nav-toggle i::before, .template-nav-toggle i::after {
    content: '';
    width: 25px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
#header.f-nav .template-nav-toggle i::before, #header.f-nav .template-nav-toggle i::after {
	 background: #000;
}
.template-nav-toggle i::before {
    top: -7px;
}
.template-nav-toggle i::after {
    bottom: -7px;
}
.template-nav-toggle:hover i::before {
  top: -10px;
}
.template-nav-toggle:hover i::after {
  bottom: -10px;
}
.template-nav-toggle.active i {
  background: transparent;
}
#header.f-nav .template-nav-toggle.active i{
	background: transparent;
}
.template-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.template-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

/*-------- End Head Body -------------*/

/*-------- Start Banner Body -------------*/
#Banner{
	height:600px;
	background:#fff url('../images/spiralSky.jpg') no-repeat center center;
	background-size:cover;
	position:relative;
	min-height:420px;
}
.Head_Line{
	position:absolute;
	top:35%;
	left:50%;
	transform:translate(-50%, -50%);
	width: 70%;
}
.Head_Line h1{
	display:block;
	color:#fff;
	font-size: 35px;
	padding:5px 15px;
	text-transform: uppercase;
	font-weight: bold;
}
.Head_Line h2{
	display: block;
	color: rgba(0, 0, 0, 0.5);
	margin-top: 10px;
	padding: 5px 15px;
	font-size: 30px;
	font-weight: bold;
}
.Head_Line h2 span{
	font-size: 30px;
	font-weight: bold;
}
.Head_Line span.blink {
  border-right: .05em solid;
  animation: caret 1s steps(1) infinite;
}

@keyframes caret {
  50% {
    border-color: transparent;
  }
}
/*-------- End Banner Body -------------*/

/*-------- Start Main Body -------------*/

/* Brand */
#Brand{
	min-height:100px;
	padding: 80px 0px 30px;
	background-color: #F5E8DF;
}
#Brand .container{
	opacity:0;
}
#Brand h3 {
    font-size: 28px;
	font-weight: bold;
    color: #5A5A5A;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}
#Brand p {
	margin-bottom: 2em;
}

/* Main_offer */
#Main_offer{
	width:100%;
	border-top:1px solid #B7B8B8;
	border-bottom:1px solid #B7B8B8;
	background-color: #222D3A;
	padding: 80px 0px 90px;
}
#Main_offer .container{
	opacity:0;
}
#Main_offer h3{
	color: #f5e8df;
	letter-spacing: 0.5px;
	font-size: 64px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px rgb(31, 41, 52), 2px 2px rgb(31, 41, 52), 3px 3px rgb(31, 41, 52), 4px 4px rgb(31, 41, 52), 5px 5px rgb(31, 41, 52), 6px 6px rgb(31, 41, 52), 7px 7px rgb(31, 41, 52), 8px 8px rgb(31, 41, 52), 9px 9px rgb(31, 41, 52), 10px 10px rgb(31, 41, 52), 11px 11px rgb(31, 41, 52), 12px 12px rgb(31, 41, 52), 13px 13px rgb(31, 41, 52), 14px 14px rgb(31, 41, 52), 15px 15px rgb(31, 41, 52), 16px 16px rgb(31, 41, 52), 17px 17px rgb(31, 41, 52), 18px 18px rgb(31, 41, 52), 19px 19px rgb(31, 41, 52), 20px 20px rgb(31, 41, 52), 21px 21px rgb(31, 41, 52), 22px 22px rgb(31, 41, 52), 23px 23px rgb(31, 41, 53), 24px 24px rgb(31, 41, 53), 25px 25px rgb(31, 42, 53), 26px 26px rgb(31, 42, 53), 27px 27px rgb(31, 42, 53), 28px 28px rgb(32, 42, 54), 29px 29px rgb(32, 42, 54), 30px 30px rgb(32, 42, 54), 31px 31px rgb(32, 42, 54), 32px 32px rgb(32, 43, 55), 33px 33px rgb(32, 43, 55), 34px 34px rgb(32, 43, 55), 35px 35px rgb(32, 43, 55), 36px 36px rgb(32, 43, 55), 37px 37px rgb(33, 43, 56), 38px 38px rgb(33, 43, 56), 39px 39px rgb(33, 44, 56), 40px 40px rgb(33, 44, 56), 41px 41px rgb(33, 44, 56), 42px 42px rgb(33, 44, 57), 43px 43px rgb(33, 44, 57), 44px 44px rgb(33, 44, 57), 45px 45px rgb(33, 44, 57), 46px 46px rgb(34, 45, 58);
}
#Main_offer h4{
	font-size: 15px;
	letter-spacing: 0.5px;
	color: #f5e8df;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 1px 1px rgb(31, 41, 52), 2px 2px rgb(31, 41, 52), 3px 3px rgb(31, 41, 52), 4px 4px rgb(31, 41, 52), 5px 5px rgb(31, 41, 52), 6px 6px rgb(31, 41, 52), 7px 7px rgb(31, 41, 52), 8px 8px rgb(31, 41, 52), 9px 9px rgb(31, 41, 52), 10px 10px rgb(31, 41, 52), 11px 11px rgb(31, 41, 52), 12px 12px rgb(31, 41, 52), 13px 13px rgb(31, 41, 52), 14px 14px rgb(31, 41, 52), 15px 15px rgb(31, 41, 52), 16px 16px rgb(31, 41, 52), 17px 17px rgb(31, 41, 52), 18px 18px rgb(31, 41, 52), 19px 19px rgb(31, 41, 52), 20px 20px rgb(31, 41, 52), 21px 21px rgb(31, 41, 52), 22px 22px rgb(31, 41, 52), 23px 23px rgb(31, 41, 53), 24px 24px rgb(31, 41, 53), 25px 25px rgb(31, 42, 53), 26px 26px rgb(31, 42, 53), 27px 27px rgb(31, 42, 53), 28px 28px rgb(32, 42, 54), 29px 29px rgb(32, 42, 54), 30px 30px rgb(32, 42, 54), 31px 31px rgb(32, 42, 54), 32px 32px rgb(32, 43, 55), 33px 33px rgb(32, 43, 55), 34px 34px rgb(32, 43, 55), 35px 35px rgb(32, 43, 55), 36px 36px rgb(32, 43, 55), 37px 37px rgb(33, 43, 56), 38px 38px rgb(33, 43, 56), 39px 39px rgb(33, 44, 56), 40px 40px rgb(33, 44, 56), 41px 41px rgb(33, 44, 56), 42px 42px rgb(33, 44, 57), 43px 43px rgb(33, 44, 57), 44px 44px rgb(33, 44, 57), 45px 45px rgb(33, 44, 57), 46px 46px rgb(34, 45, 58);
}
#Main_offer p{
	font-size: 15px;
	letter-spacing: 0.5px;
	margin-bottom: 3em;
	color: #f5e8df;
	font-weight: bold;
	text-shadow: 1px 1px rgb(31, 41, 52), 2px 2px rgb(31, 41, 52), 3px 3px rgb(31, 41, 52), 4px 4px rgb(31, 41, 52), 5px 5px rgb(31, 41, 52), 6px 6px rgb(31, 41, 52), 7px 7px rgb(31, 41, 52), 8px 8px rgb(31, 41, 52), 9px 9px rgb(31, 41, 52), 10px 10px rgb(31, 41, 52), 11px 11px rgb(31, 41, 52), 12px 12px rgb(31, 41, 52), 13px 13px rgb(31, 41, 52), 14px 14px rgb(31, 41, 52), 15px 15px rgb(31, 41, 52), 16px 16px rgb(31, 41, 52), 17px 17px rgb(31, 41, 52), 18px 18px rgb(31, 41, 52), 19px 19px rgb(31, 41, 52), 20px 20px rgb(31, 41, 52), 21px 21px rgb(31, 41, 52), 22px 22px rgb(31, 41, 52), 23px 23px rgb(31, 41, 53), 24px 24px rgb(31, 41, 53), 25px 25px rgb(31, 42, 53), 26px 26px rgb(31, 42, 53), 27px 27px rgb(31, 42, 53), 28px 28px rgb(32, 42, 54), 29px 29px rgb(32, 42, 54), 30px 30px rgb(32, 42, 54), 31px 31px rgb(32, 42, 54), 32px 32px rgb(32, 43, 55), 33px 33px rgb(32, 43, 55), 34px 34px rgb(32, 43, 55), 35px 35px rgb(32, 43, 55), 36px 36px rgb(32, 43, 55), 37px 37px rgb(33, 43, 56), 38px 38px rgb(33, 43, 56), 39px 39px rgb(33, 44, 56), 40px 40px rgb(33, 44, 56), 41px 41px rgb(33, 44, 56), 42px 42px rgb(33, 44, 57), 43px 43px rgb(33, 44, 57), 44px 44px rgb(33, 44, 57), 45px 45px rgb(33, 44, 57), 46px 46px rgb(34, 45, 58);
}
#Main_offer img{
	max-height: 110px;
}

/* Task_Step */
#Task_Step{
	padding: 80px 0px;
}
#Task_Step .container{
	opacity:0;
}
#Task_Step h3{
	font-size: 32px;
	color: #5A5A5A;
	font-weight: 900;
    margin-bottom: 6px;
    text-transform: uppercase;
}

#Task_Step p{
	font-weight: 400;
    color: #5A5A5A;
	padding: 0px 35px 0;
	margin-bottom: 50px;
}
#Task_Step .title {
    font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #5A5A5A;
    padding: 12px 0;
    text-align: center;
    letter-spacing: .07em;
    color: #fff;
    font-weight: 800;
    font-size: 17px;
    margin-bottom: 15px;
    position: relative;
}
#Task_Step .title::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
        border-top-color: transparent;
        border-top-width: medium;
        border-right-color: transparent;
        border-right-width: medium;
        border-bottom-color: transparent;
        border-bottom-width: medium;
        border-left-color: transparent;
        border-left-width: medium;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #5A5A5A;
    border-width: 8px;
    margin-left: -8px;
}
#Task_Step .pricing-table {
    border: 0;
    margin: 0 0 1.25em 0;
    padding: 0;
}
#Task_Step .pricing-table .description {
    background: #b86662;
    text-align: center;
    padding: 32px 0;
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: solid 1px #a85d59;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#Task_Step .pricing-table .bullet-item {
    background-color: #b86662;
    padding: 0.9375em;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    border-bottom: solid 1px #a85d59;
}
#Task_Step .pricing-table .price {
    font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
    background: #b86662;
    text-align: center;
    padding: 12px 0 28px;
    color: #EAEAEA;
    font-weight: 900;
    font-size: 15px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
#Task_Step .pricing-table .price span {
    color: #EAEAEA;
    font-weight: 900;
    font-size: 53px;
    display: block;
    text-shadow: 1px 1px rgb(166, 92, 88), 2px 2px rgb(166, 92, 88), 3px 3px rgb(166, 92, 88), 4px 4px rgb(166, 92, 88), 5px 5px rgb(166, 92, 88), 6px 6px rgb(166, 92, 88), 7px 7px rgb(166, 92, 88), 8px 8px rgb(166, 92, 88), 9px 9px rgb(166, 92, 88), 10px 10px rgb(166, 92, 88), 11px 11px rgb(166, 92, 88), 12px 12px rgb(166, 92, 88), 13px 13px rgb(167, 92, 88), 14px 14px rgb(168, 93, 89), 15px 15px rgb(169, 93, 89), 16px 16px rgb(170, 94, 90), 17px 17px rgb(171, 94, 90), 18px 18px rgb(172, 95, 91), 19px 19px rgb(173, 95, 91), 20px 20px rgb(174, 96, 92), 21px 21px rgb(175, 97, 93), 22px 22px rgb(176, 97, 93), 23px 23px rgb(177, 98, 94), 24px 24px rgb(178, 98, 94), 25px 25px rgb(179, 99, 95), 26px 26px rgb(180, 99, 95), 27px 27px rgb(181, 100, 96), 28px 28px rgb(182, 100, 96), 29px 29px rgb(183, 101, 97), 30px 30px rgb(184, 102, 98);
    background-color: rgb(184, 102, 98);
}


/* Our_Client */
#Our_Client{
	background-color: #222D3A;
	padding: 50px 0px;
	overflow: initial;
}
#Our_Client .circle {
    border-radius: 50%;
    overflow: hidden;
    width: 104px;
    height: 104px;
    background: #37485c;
    padding-top: 26px;
    margin: 0 auto;
    margin-top: -104px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
    text-align: center;
}
#Our_Client .circle span {
    color: #B6554C;
    font-size: 56px;
}
#Our_Client h3{
	font-size: 44px;
	color: #FFF;
	font-weight: bold;
	margin-bottom:20px;
}

#Our_Client p{
    font-size: 14px;
}

/* Features */
#Features{
	display:inline-block;
	width:100%;
	text-align:center;
	background: #fafafa url(../images/monitoring_bg.jpg) repeat-x center bottom;
}
#Features .Features_Inner{
	opacity:0;
	width:100%;
	max-width:1245px;
	margin: 0px auto;
	padding: 90px 0px 20px;
	display:inline-block;
	text-align:center;
}

#Features .Features_Inner img{
	width:100%;
}
#Features h3{
	font-size: 32px;
	color: #5A5A5A;
	font-weight: 900;
    margin-bottom: 6px;
    text-transform: uppercase;
}
#Features p{
	font-weight: 400;
	color: #5A5A5A;
	padding: 0px 35px 0;
}

/* quotation */
#quotation{
	width:100%;
	background:#fff url('../images/header_alt-1_bg.jpg') no-repeat scroll center bottom;
	background-size: cover;
	padding: 100px 0px 140px;
}
#quotation .container{
	opacity:0;
}
#quotation h3{
	font-size: 32px;
	color: #fff;
	font-weight: 900;
	margin-bottom: 10px;
	text-transform: uppercase;
}
#quotation p{
	color:#fff;
	font-size: 15px;
	letter-spacing: 0.5px;
	margin-bottom: 5px;
	text-transform: capitalize;
}
#quotation button{
	margin-top: 25px;
    margin-bottom: 5px;
}
#quotation .form-grids-half {
    width: 100%;
    text-align: left;
    padding: 35px 50px;
    position: relative;
    z-index: 2;
    color: #000;
    background: #fff;
    border-radius: 20px;
}
#quotation .form-grids-half .form-group {
    padding:0px 20px;
}
#quotation .form-grids-half label {
    width: 100%;
    margin-bottom: 8px;
}
#quotation .form-grids-half input[type="text"], #quotation .form-grids-half input[type="email"], #quotation .form-grids-half textarea {
    border-bottom: 1px solid #8a8a8a;
	width: 100%;
}
#quotation .form-grids-half input[type="submit"] {
	width: 100%;
}
#quotation .form-grids-half textarea {
	height: 118px;
}

/*-------- End Main Body -------------*/

/*-------- Start Footer Body -------------*/
footer, #footer{
	background: #222D3A;
	padding: 0px 0px 20px;
	color: #fff;
}
#footer .contacts {
    text-align: center;
}
#footer .contacts .col-sm-3{
    border-bottom: 1px solid #37485c;
	padding-top: 30px;
	padding-bottom: 30px;
	text-transform: uppercase;
}
#footer .contacts span{
    display: block;
    font-size: 33px;
    font-weight: 400;
    margin-bottom: 12px;
}
#footer .footerlinks {
	padding-top: 0px;
	padding-bottom: 30px;
}
#footer .footerlinks .col-sm-4{
	margin-top: 2px;
	border-top: 1px solid #37485c;
	padding-bottom: 30px;
}
#footer .footerlinks input{
	width: 100%;
	margin-top: 5px;
	margin-bottom: 8px;
	border-radius: 5px;
	font-size: 16px;
	padding: 8px;
}
#footer .footerlinks input.email{
	color: #000;
}
#footer h2{
	font-size: 20px;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 10px;
}
#footer li{
	font-size: 14px;
	color: #fff;
	padding: 5px 0px;
}
#footer .copyright{
	text-align: center;
	margin-top: 2px;
	border-top: 1px solid #37485c;
	padding-top: 20px;
	font-size: 13px;
}

/*-------- End Footer Body -------------*/

/*-------- Start animate Body -------------*/
.animated {
    animation-duration: 1.5s;
    animation-fill-mode: both;
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0px, 100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInUp {
    animation-name: fadeInUp;
}
@keyframes fadeInUpnew {
0% {
    opacity: 0;
    transform: translate3d(-50%, 100%, 0px);
}
100% {
    opacity: 1;
}
}
.fadeInUpnew {
    animation-name: fadeInUpnew;
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInRight {
    animation-name: fadeInRight;
}
@keyframes zoomInUp {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.275, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 200px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
}
100% {
	opacity: 1;
}
}
.zoomInUp {
    animation-name: zoomInUp;
	animation-duration: .8s;
}
/*-------- End animate Body -------------*/

/*-------- Start responsive Body -------------*/


@media screen and (max-width: 1200px) {
	#header #navbar li a {
		margin-left: 5px;
	}

	.Head_Line{
		width: 90%;
	}
	.Head_Line h1 {
		font-size: 44px;
	}

	#Task_Step p {
		padding: 0px 15px 0;
	}

	#Task_Step .col-xs-12 {
		padding-right: 0px;
		padding-left: 0px;
	}
	#Task_Step .col-md-4 {
		padding-right: 10px;
		padding-left: 10px;
	}
	#Our_Client h3 {
		font-size: 34px;
	}
	#Features h3 {
		margin: 20px 0px;
	}
	#Features p {
		font-size: 16px;
	}
	
}
@media screen and (max-width: 992px) {
	#header .navbar-default {
		padding-left: 30px;
		padding-right: 30px;
	}
	#header #navbar li a {
		padding: 7px 13px;
	}

	#Task_Step .col-sm-4 {
		padding-right: 10px;
		padding-left: 10px;
	}
	#Task_Step p {
		padding: 0px;
	}
	#Features .Features_Inner .col-sm-7 {
		width: 50%;
	}
	#Features .Features_Inner .col-sm-5{
		width: 50%;
	}
	#Our_Client {
		padding: 50px 0px 40px;
	}
	#Our_Client .col-xs-12{
		padding-right: 0px;
		padding-left: 0px;
	}
	#Our_Client .col-md-4{
		margin-bottom:50px;
	}
	#Main_offer h3 {
		font-size: 32px;
	}
}
	

@media screen and (max-width: 900px) {
	#header #navbar  li a {
		font-size: 15px;
		padding: 7px 7px;
	}
}

@media screen and (max-width: 768px) {
	.container {
		padding-right: 10px;
		padding-left: 10px;
	}
	.button {
		padding: 13px 30px;
		font-size: 20px;
	}
	.Head_Line {
		width: 100%;
	}
	.Head_Line h1 {
		font-size: 34px;
	}
	.Head_Line h2 {
		font-size: 22px;
	}
	#Task_Step h3 {
		font-size: 26px;
	}
	#Task_Step {
		padding: 50px 0px 20px;
	}
	#Task_Step .col-sm-4 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#Features .Features_Inner .col-sm-7 {
		width: 100%;
	}
	#Features .Features_Inner .col-sm-5{
		width: 100%;
	}
	#Features .Features_Inner .pull-right {
		width: 100%;
	}
	#Features h3 {
		font-size: 26px;
		text-align: center;
	}
	#Features p {
		text-align: center;
	}
	#Features .button {
		margin: 0px auto;
		display: block;
	}
	#Features .Features_Inner img {
		width: 400px;
		margin: 0px auto;
		display: block;
	}
	footer, #footer {
		padding: 40px 0px;
		text-align: center;
	}
	#footer .col-xs-12 {
		padding-right: 0px;
		padding-left: 0px;
	}
	#footer .col-sm-4 {
		margin-bottom: 30px;
	}
	#footer h6 {
		border-bottom: 1px solid #fff;
	}
	#footer .social {
		margin-top: 10px;
	}
	#footer .tel{
		margin-top: 0px;
	}
}

@media screen and (max-width: 787px) {
	.template-nav-toggle {
		display: block;
	}
	.collapsing {
		width: 100%;
	}
	.collapse.in {
		width: 100%;
	}
	#header #navbar {
		margin-top: 10px;
	}
	#header #navbar  li a {
		margin-left: 0px;
	}
	#header #navbar li.call-to-action a {
		border: 0px;
	}
	#Our_Client h3 {
		font-size: 20px;
	}
	#quotation h3 {
		font-size: 24px;
	}
}
@media screen and (max-width: 480px) {
	.button {
		padding: 13px 13px;
		font-size: 19px;
	}
	.Head_Line h1 {
		font-size: 25px;
	}
	.Head_Line h2 {
		font-size: 17px;
	}
}

/*-------- End responsive Body -------------*/