@charset "utf-8";

/* CSS Document */



/* fonts */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

/* fonts */



/* global */

*{

	margin: 0;

	padding: 0;

}

html {

	height: 100%;

	min-height: 100%;

}



body {

	height: 100%;

	min-height: 100%;

	background:#fff;

	font-family: 'Roboto', sans-serif;

	font-size: 12px;

	line-height: 16px;

	color: #000;

	position: relative;

	overflow-x: hidden;

}



h1 {

	font-size: 22px;

	line-height: 24px;

}



h2 {

	font-size: 13px;

	line-height: 28px;

}



h3 {

	font-size: 13px;

	line-height: 18px;

}



ul {

	list-style: disc;

	text-indent: 0;

	margin-left: 13px;

	

}



ul ul {

	margin: 5px 0;

}



ol {

	text-indent: 0;

	margin-left: 20px;

}



li {

	line-height: 18px;

}



a {

	color: #004f92;

	text-decoration: none;

	cursor: pointer;

}



a:hover, a.active {

	text-decoration: none;

}



img {

	border: none;

}



p {

	padding-bottom: 10px;

}



.clear {

	clear: both;

}



.clearAll {

	clear: both;

	width: 100%;

	height: 0px;

	overflow: hidden;

	display: block;

}

.spacer10 {

	clear: both;

	width: 100%;

	height: 0px;

	overflow: hidden;

	display: block;

	height: 10px;

}

.spacer25 {

	clear: both;

	width: 100%;

	height: 0px;

	overflow: hidden;

	display: block;

	height: 25px;

}

.spacer50 {

	clear: both;

	width: 100%;

	height: 0px;

	overflow: hidden;

	display: block;

	height: 50px;

}



.left {

	float: left;

}



.right {

	float: right;

}



.alignLeft {

	text-align: left;

}



.alignCenter {

	text-align: center;

}



.alignRight {

	text-align: right;

}



.hidden {

	display: none;

}



.imgLeft {

	margin-right: 10px;

	margin-bottom: 10px;

	float: left;

}



.imgRight {

	margin-left: 10px;

	margin-bottom: 10px;

	float: right;

}



label {

	font-weight: bold;

	font-size: 11px;

}



.formText {

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #565656;

}

.img_responsive {

	max-width:100%;

}

/* end global */



body {

	font-family: 'Roboto', sans-serif;

}

header {

	width: 100%;

	float: left;

	height: auto;

	top: 0;

	left: 0;

}

.container {

	max-width: 1200px;

	margin: 0 auto;

	padding: 0 10px;

	box-sizing: border-box;

}

.row {

	margin-left: -10px;

	margin-right: -10px;

}

.topHeader {

	width: 100%;

	float: left;

	height: auto;

	background: #333;

	padding: 0;

	overflow: hidden;

	text-align: right;

}

.topHeader img{

	height: 15px;

	vertical-align: middle;

	display: inline-block;

	margin-right: 3px;

}

.topHeaderBlock {

	float: left;

	height: auto;

	padding: 5px 0;

	box-sizing: border-box;

	color: #fff;

	line-height: 30px;

	font-size: 14px;

	text-transform: uppercase;

	position: relative;

}

.topHeader  .btn {

	display: inline-block;

	width: 195px;

	vertical-align: top;

	color: #fff;

	line-height: 30px;

	font-size: 14px;

	padding: 5px 0;

	padding-left: 22px;

	box-sizing: border-box;

	position: relative;

	background: #eb570c;

	text-align: left;

}

.topHeader .btn-sm{

	width: 130px;

}

.topHeader  .btn:before {

    content: "";

    display: inline-block;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 40px 40px 0;

    border-color: transparent #eb570c transparent transparent;

    position: absolute;

    top: 0;

    left: auto;

    right: 100%;

}

.topHeader  .hirebtn:before {

    content: "";

    display: inline-block;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 40px 40px 0;

    border-color: transparent #000 transparent transparent;

    position: absolute;

    top: 0;

    left: auto;

    right: 100%;

}

.topHeader .btn .fa {

    width: 23px;

    height: 30px;

    font-size: 17px;

    line-height: 30px;

    text-align: center;

    top: 4px;

    left: -3px;

    position: absolute;

}

.topHeader .hirebtn{

	background: #000;

}

.topHeader .top-menu{

	display: inline-block;

	margin-right: 40px;

}

.topHeader .top-menu ul{

	margin: 0;

	padding: 0;

}

.topHeader .top-menu ul li{

	list-style: none;

	display: inline-block;

	border-right: 1px #fff solid;

}

.topHeader .top-menu ul li:last-child{

	border-right: 0;

}

.topHeader .top-menu ul li a {

    color: #fff;

    text-decoration: none;

    transition: all 0.4s ease-in-out;

    padding: 11px 15px;

    display: block;

}

.topHeader .top-menu ul li a:hover{

	color: #eb570c;

}

#logo {

	height: auto;

	float: left;

	box-sizing: border-box;

	text-align: left;

	line-height: 0;

}

#logo img {

	max-width: 170px;

}

.bottomHeader {

	width: 100%;

	float: left;

	height: auto;

	padding: 5px 0;

	z-index: 9;

	background: #fff;

}

.career_apply form{

	margin: 0 -15px;

}

.career_apply .from-grid {

    width: 50%;

    padding-right: 15px;

    padding-left: 15px;

    float: left;

    box-sizing: border-box;

    vertical-align: top;

}

.career_apply .from-grid-full{

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    float: none;

    display: inline-block;

    box-sizing: border-box;

    vertical-align: top;

}

.career_apply .form-control {

    background: transparent;

    border: 1px solid #616877;

    color: #999 ;

    font-size: 18px;

}

.form-control {

    display: block;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #999;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}

.career_apply .btn.btn-warning {

    background: #eb570c;

    color: #fff;

    padding: 6px 15px;

	transition: all 0.4s ease-in-out;

	font-size: 20px;

}

.career_apply .btn.btn-warning:hover {

    background: #000;

}

.career_apply .form-control {

    border-radius: 5px ;

    font-size: 1.5em;

    letter-spacing: 0px;

    height: 60px;

    /* margin-bottom: 5%; */

    padding-left: 4%;

    border: 1px solid #e0e0e0;

}

.career_apply  textarea.form-control {

    height: 125px;

    resize: none;

    padding-top: 10px;

}

.bg_blue {

    background: #2c364a;

}

.career_apply {

    color: #fff;

	float: left;

	width: 100%;

	padding: 40px 0;

}

.career_apply .input-group {

    position: relative;

    display: table;

    border-collapse: separate;

}

.career_apply h2{

	font-size: 40px;

	font-weight: bold;

	text-align: center;

	margin-top: 0;

	margin-bottom: 40px;

}

.career_apply .input-group-btn {

    position: relative;

    font-size: 0;

    white-space: nowrap;

}

.career_apply .form-group {

    margin-bottom: 15px;

}

.career_apply .btn-primary {

    color: #fff;

    background-color: #337ab7;

    border-color: #2e6da4;

}

.career_apply .btn {

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}

.career_apply .form-group textarea {

    width: 100%;

    padding: 15px 22px !important;

    margin-bottom: 25px;

}

.career_apply .blue_btn2 {

    margin-top: 50px;

    background-color: #0087e5;

    padding: 16px 30px !important;

}

.fixed {

	position: fixed;

	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);

	top: 0;

	background: #fff;

}

.bottomHeaderBlock {

	width: 100%;

	float: left;

	height: auto;

	box-sizing: border-box;

	text-align: right;

	color: #333;

	line-height: 30px;

	font-size: 14px;

	text-transform: uppercase;

	position: relative;

}

.nav-icon {

    width: 36px;

    height: 33px;

    background: #eb570c;

    display: inline-block;

    border-radius: 6px;

    text-align: center;

    position: absolute;

    right: 0;

    top: 14px;

    color: #fff;

	display: none;

}

.nav-icon:before, .nav-icon:after{

	width: 20px;

    height: 1px;

    background: #fff;

    display: block;

	position: absolute;

	left: 0;

	right: 0;

	margin: auto;

	content: '';

	transition: all 0.5s ease-in-out;

}

.nav-icon:before{

	top: 11px;

}

.nav-icon:after{

	top: 21px;

}

.nav-icon span {

    width: 20px;

    height: 1px;

    background: #fff;

    display: block;

    margin: 16px auto;

	transition: all 0.5s ease-in-out;

}

.nav-icon.active span{

	opacity: 0;

	visibility: hidden;

}

.nav-icon.active:before {

    transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

    margin-top: 5px;

}

.nav-icon.active:after {

    transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

    margin-top: -5px;

}

.mainNav {

	margin: 18px 0;

	padding: 0;

	list-style-type: none;

	font-size: 0;

	float: right;

}

.mainNav li {

	display: inline-block;

	vertical-align: middle;

	padding: 0 15px;

}

.mainNav li a {

	display: inline-block;

	font-size: 14px;

	line-height: 30px;

	text-transform: uppercase;

	color: #333;

	font-weight: 400;

	border-bottom: 1px solid transparent;

}

.mainNav li.active a {

	border-bottom: 1px solid #eb570c;

}

.mainNav li.quote a {

	padding: 0 10px;

	border-radius: 3px;

	/*background-color: #f8961a;*/

	border: 1px solid #eb570c;

	box-sizing: border-box;

	height: 30px;

	transition: all ease-in-out 0.5s;

}

.mainNav li.quote a:hover {

	background: rgba(235,87,12,1);

	color: #fff;

	

}

.mainNav li a:hover {

	border-bottom: 1px solid #eb570c;

}

.closepopup {

    font-size: 20px;

    color: #fff;

    background: #eb570c;

    width: 25px;

    height: 25px;

    display: block;

    border-radius: 100%;

    text-align: center;

    line-height: 25px;

    position: absolute;

    top: -10px;

    right: -10px;

}

.closepopup .fa{

	line-height: 25px;

}

.bannerArea {

	width: 100%;

	float: left;

	height: auto;

}

.bannerArea video{

	max-width: 1200px;

	margin: 0 auto;

	display: block;

}

#owl-banner .owl-item .item {

	line-height: 0;

}

#owl-banner .owl-item .item img {

	width: 100%;

	max-width: 100%;

}



.bannerBlock {

	width: 100%;

	float: left;

	height: auto;

	font-size: 0;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	padding: 100px 0;

	position: relative;

}

.bannerBlock:before {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5);

	content: '';

}

.bannerBlock .container {

	position: relative;

	z-index: 1;

}

.bannerBlock .bannnerOneFourthBlock {

	width: 66.666666%;

	padding: 0 10px;

	box-sizing: border-box;

	display: inline-block;

	vertical-align: middle;

}

.bannerBlock .bannnerQuaterBlock {

	width: 33.333333%;

	padding: 0 10px;

	box-sizing: border-box;

	display: inline-block;

	vertical-align: middle;

}

.bannerTitle {

	font-size: 30px;

	line-height: 36px;

	color: #fff;

	font-weight: 400;

	text-transform: uppercase;

	padding-bottom: 20px;

	position: relative;

}

.bannerTitle:before {

	width: 200px;

	height: 2px;

	background: #fff;

	position: absolute;

	top: 100%;

	left: 0;

	content: '';

}

.bannerTitle:after {

	width: 80px;

	height: 6px;

	background: #eb570c;

	position: absolute;

	top: 100%;

	left: 20px;

	margin-top: -2px;

	content: '';

	z-index: 9;

}

.bannerFormArea {

	width: 100%;

	float: left;

	height: auto;

	padding: 20px;

	box-sizing: border-box;

	border-radius: 3px;

	background: #fff;

}

.bannerFormArea h2 {

	font-size: 18px;

	line-height: 26px;

	color: #333;

	font-weight: 300;

	padding: 0 10px;

	box-sizing: border-box;

	padding-bottom: 10px;

}

.bannerFormArea h2 span {

	color: #eb570c;

}

.bannerFormArea .textbox, .bannerFormArea .textarea {

    background: #f6f7fb none repeat scroll 0 0;

    border-color: #ccc;

    color: #333;

}

/*.serviceArea {

	width: 100%;

	float: left;

	height: auto;

	background: url(../images/services.jpg) center center no-repeat;

	background-size: cover;

	padding: 80px 0;

	box-sizing: border-box;

	position: relative;

}

.serviceArea:before {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 9;

	content: '';

	background: -moz-linear-gradient(left, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.2) 100%); 

	background: -webkit-linear-gradient(left, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); 

	background: linear-gradient(to right, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#33ffffff',GradientType=1 );

}

.serviceArea .container {

	position: relative;

	z-index: 99;

}

.serviceblocks {

	width: 100%;

	float: left;

	height: auto;

	padding: 10px;

	box-sizing: border-box;

}

.serviceblocks .serviceblockArea {

	width: 100%;

	float: left;

	height: auto;

	background: #fff;

	padding: 15px;

	box-sizing: border-box;

	font-size: 14px;

	line-height: 24px;

	color: #a1a1a1;

}

.serviceblocks .serviceblockArea img {

	width: 100%;

	max-width: 100%;

	margin-bottom: 15px;

}

.serviceblocks .serviceblockArea h3 {

	font-size: 18px;

	line-height: 22px;

	color: #808080;

	font-weight: 400;

	padding-bottom: 10px;

}

.continuereading {

	display: inline-block;

	color: #363636;

	font-size: 12px;

	line-height: 30px;

	border-radius: 3px;

	border: 1px solid #eb570c;

	line-height: 30px;

	padding: 0 10px;

	text-transform: uppercase;

}

*/

.support {

	position: fixed;

	width: 40px;

	height: 200px;

	z-index: 9999;



	border-top-left-radius: 4px;

	border-bottom-left-radius: 4px;

	border:1px solid #eb570c;

	top: 50%;

	left: auto;

	right: 0;

	transform: translateY(-50%);

	overflow: hidden;

}

.servicesArea {

	width: 100%;

	float: left;

	height: auto;

	padding: 50px 0;

	font-size: 0;

}

.servicesContent {

	width: 100%;

	max-width: 745px;

	float: left;

	height: auto;

	font-size: 14px;

	line-height: 22px;

	color: #333;

	margin-bottom: 30px;

	box-sizing: border-box;

}

.servicesPicBlock {

	width: 33.333333%;

	display: inline-block;

	vertical-align: middle;

	line-height: 0;

	padding: 0 10px;

	position: relative;

	box-sizing: border-box;

}

.servicesPic {

	width: 100%;

	height: auto;

	padding-bottom: 90%;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}

.servicesContentBlock {

	width: 66.666666%;

	display: inline-block;

	vertical-align: middle;

	padding: 0 10px;

	box-sizing: border-box;

}

.servicesContents p {

	font-size: 18px;

    font-weight: 300;

    line-height: 26px;

    padding-bottom: 20px !important;

    color: #676767;

}

.servicesPicBlock .styledeclarations {

    border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);

    border-style: solid solid solid none;

    border-width: 12.50vw 3.41vw 12.50vw 3.33vw;

    font-size: 0;

    line-height: 0;

    position: absolute;

    right: 10px;

    top: 0;

    width: 0;

}

.styledeclarations:before, .styledeclarations:after {

    background: #eb570c none repeat scroll 0 0;

    content: "";

    height: 9.66vw;

    left: 1vw;

    position: absolute;

    top: -9.75vw;

    transform: skewX(-16deg);

    width: 1vw;

}

.styledeclarations:after {

    top: -0.08vw;

    transform: skewX(16deg);

}

.serviceList {

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-size: 0;

}

.serviceList li {

	display: inline-block;

	vertical-align: top;

	width: 33.333333%;

	padding: 0;

	box-sizing: border-box;

	font-size: 15px;

	line-height: 20px;

	font-weight: 300;

	position: relative;

}

.serviceList li .serciveBlock {

	width: 100%;

	float: left;

	height: auto;

	padding: 10px;

	box-sizing: border-box;

	position: relative;

}

.serviceList li:before, .serviceList li:after {

    height: 1px;

    left: 0;

    transform: scale3d(0, 1, 1);

    width: 100%;

    top: 0;

}

.serviceList li:after {

	top: auto;

	bottom: 0;

}

.serviceList li:after {

    transform-origin: 100% 50% 0;

}



.serviceList li:before {

    transform-origin: 0 50% 0;

}

.serviceList li:before, 

.serviceList li:after,

.serviceList li .serciveBlock:before, 

.serviceList li .serciveBlock:after {

    background: #eb570c none repeat scroll 0 0;

    content: "";

    position: absolute;

    transition: transform 0.2s ease 0s;

}

.serviceList li .serciveBlock:before, .serviceList li .serciveBlock:after {

    height: 100%;

    top: 0;

    transform: scale3d(1, 0, 1);

    width: 1px;

}

.serviceList li .serciveBlock:after {

	left: auto;

	right: 0;

}

.serviceList li .serciveBlock:after {

    right: 0;

    transform-origin: 50% 0 0;

}

.serviceList li .serciveBlock:before {

    left: 0;

    transform-origin: 50% 100% 0;

}



.serviceList li:hover:before, .serviceList li:hover:after, .serviceList li .serciveBlock:hover:before, .serviceList li .serciveBlock:hover:after {

    transform: scale3d(1, 1, 1);

    transition-duration: 0.4s;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

.serviceIconBLock {

	/*width: 100%;

	float: left;*/

	height: auto;

	margin-bottom: 10px;

}

.serviceIconOn {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #dcdcdc;

    display: inline-block;

    vertical-align: middle;

    height: 30px;

    position: relative;

    width: 30px;

    font-size: 16px;

    box-sizing: border-box;

    line-height: 28px;

    text-align: center;

    margin-right: 20px;

}

.serviceIconOn:before {

    border: 1px solid #dcdcdc;

    content: "";

    height: 29px;

    position: absolute;

    right: -7px;

    top: -6px;

    width: 29px;

    z-index: -1;

}

.serviceIconBlock {

	display: inline-block;

	vertical-align: middle;

	font-size: 16px;

	color: #333;

	text-align: left;

	margin-bottom: 10px;

}

.serviceIconBlock h3 {

	font-size: 18px;

	color: #333;

	font-weight: 400;

	line-height: 22px;

	margin-top: 10px;

}

.serviceIconBlock h3 a {

	color: #333;

	transition: all 0.5s ease 0s;

}

.serviceList li:hover .serviceIconBlock h3 a {

	color: #eb570c;

}

.portfolioSection {

	width: 100%;

	float: left;

	height: auto;

	padding: 50px 0;

}

.big-demo {

	width: 100%;

	float: left;

	height: auto;

}

.ui-group {

	width: 100%;

	float: left;

	height: auto;

	margin-bottom: 40px;

}

.grid {

	width: 100%;

	float: left;

	height: auto;

	font-size: 0;

}

.element-item {

	width: 31%;

	margin: 10px;

	font-size: 20px;

	background: #ccc;

	overflow: hidden;

	position: relative;

	display: inline-block;

	vertical-align: top;

}

.element-item.viewmore a{

    background: #eb570c;

    color: #fff;

    text-align: center;

    display: block;

    height: 182px;

    line-height: 182px;

    font-size: 34px;

    font-weight: 300;

    text-transform: uppercase;

}

.portfolioHover{

	position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.filters {

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-size: 0;

	text-align: center;

}

.filters li {

	display: inline-block;

	vertical-align: middle;

	margin-right: 10px;

}

.filters li .button {

	border: 1px solid #cccccc;

    border-radius: 3px;

    color: #282828;

    cursor: pointer;

    display: inline-block;

    font-family: 'Montserrat',sans-serif;

    font-size: 14px;

    padding: 8px 20px;

    text-transform: uppercase;

    transition: all 0.5s ease 0s;

    background: transparent;

}

.filters li .button:hover {

    background: #eb570c none repeat scroll 0 0;

    border: 1px solid #eb570c;

    color: #fff;

}

.portfolioHover:after {

    background-color: #eb570c;

    content: "";

    display: block;

    height: 100%;

    left: 0;

    opacity: 0.77;

    position: absolute;

    top: -100%;

    transition: all 0.4s ease 0s;

    width: 100%;

    z-index: 1;

}

.element-item:hover .portfolioHover:after {

    top: 0;

}

.portfolioHover > a {

    color: #ffffff;

    display: block;

    font-size: 30px;

    height: 35px;

    left: 45%;

    position: absolute;

    text-align: center;

    top: -50%;

    width: 35px;

    z-index: 2;

    transition: all 0.4s ease 0s;

}

.portfolio-page .portfolioHover > a {

    font-size: 25px;

    left: 0;

    top: -50%;

    width: 156px;

    right: 0;

    margin: auto;

	display: none;

}

.portfolio-page .fancybox-thumb.btn, .portfolio-page .portfolioHoverinfo h5 a {

    background: transparent;

    color: #fff;

    padding: 2px 2px;

    display: inline-block;

    line-height: 1;

    height: auto;

    font-size: 16px;

    max-width: auto;

	width: 156px;

	transition: all 0.5s ease-in-out;

	border: 1px #fff solid;

	box-sizing: border-box;

	font-weight: normal;

}

.portfolio-page .fancybox-thumb.btn span, .portfolio-page .portfolioHoverinfo h5 a span{

    display: block;

	padding: 5px 10px;

	box-sizing: border-box;

	border: 1px #fff solid;

}

.portfolio-page .fancybox-thumb.btn:hover, .portfolio-page .portfolioHoverinfo h5 a:hover{

	color: #fff;

	background: #333;

}

.portfolio-page .portfolioHover > a:first-child{

    display: block;

}

.portfolioHoverinfo {

    bottom: -75px;

    color: #ffffff;

    left: 0;

    position: absolute;

    text-align: center;

    transition: all 0.4s ease 0s;

    z-index: 3;

    right: 0;

    margin: 0 auto;

}

.element-item:hover .portfolioHoverinfo {

    bottom: 20px;

}

.portfolioHoverinfo h5 {

    color: #fff;

    font-family: 'Montserrat',sans-serif;

    font-size: 18px;

    text-transform: capitalize;

    margin-bottom: 10px;

    font-weight: 400;

	text-align: center;

}

.portfolioHoverinfo h5 a {

    color: #fff;

    font-family: 'Montserrat',sans-serif;

    font-size: 18px;

    text-transform: capitalize;

}

.portfolioHoverinfo h5 a:hover {

	color: #333;

}

.element-item:hover .portfolioHover > a {

    margin-bottom: -17.5px;

    top: 48%;

    transform: translateY(-50%);

}

.categorytext:before {

    content: ",";

    position: absolute;

    right: 0;

}

.catwrapper .categorytext {

    text-transform: capitalize;

}

.categorytext:last-child:before {

    content: "";

    position: absolute;

    right: 0;

}

.categorytext {

    color: #fff;

    font-size: 14px;

    font-weight: normal;

    margin: 0 2px;

    position: relative;

    text-transform: capitalize;

}

.sectionBlock {

	width: 100%;

	float: left;

	height: auto;

	padding: 50px 0;

	box-sizing: border-box;

	font-size: 0;

}

.sectionHalfBlock {

	display: inline-block;

	vertical-align: middle;

	width: 50%;

	height: auto;

	min-height: 1px;

	padding: 0 10px;

	box-sizing: border-box;

}

.imgResponsive {

	max-width: 100%;

}

.sectionTitle {

	font-size: 30px;

	line-height: 36px;

	color: #21252b;

	font-weight: 400;

	text-transform: uppercase;

	padding-bottom: 20px;

	position: relative;

}

.sectionTitle:before {

	width: 200px;

	height: 2px;

	background: #ccc;

	position: absolute;

	top: 100%;

	left: 0;

	content: '';

}

.sectionTitle:after {

	width: 80px;

	height: 6px;

	background: #EB570C;

	position: absolute;

	top: 100%;

	left: 20px;

	margin-top: -2px;

	content: '';

	z-index: 2;

}

.clientSection {

	width: 100%;

	float: left;

	height: auto;

	clear: both;

	background: #EB570C;

	font-size: 0;

}

.clientSection img {

	width: 100%;

}

.clientLeftSection {

	width: 29.333333%;

	display: inline-block;

	vertical-align: middle;

	font-size: 20px;

}

.clientRightSection {

	width: 70.666666%;

	display: inline-block;

	vertical-align: middle;

	text-align: right;

	font-size: 20px;

}

.clientContentBlock {

	width: 100%;

	max-width: 367px;

	float: right;

	text-align: left;

}

.clientContentBlock h2 {

	font-size: 50px;

	font-weight: 300;

	color: #fff;

	line-height: 60px;

	text-transform: uppercase;

}

.clientContentBlock h3 {

	font-size: 50px;

	font-weight: 700;

	color: #fff;

	line-height: 60px;

	text-transform: uppercase;

	letter-spacing: 3px;

}

.clientList {

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-size: 0;

}

.clientList li {

	display: inline-block;

	width: 16%;

	max-width: 150px;

	height: auto;

	vertical-align: top;

	float: right;

	background: #fee4d5;

}

.clientList li:nth-child(3n+3){

	background: #ffc3a1;

}

.clientList li:nth-child(2n+2){

	background: #fff;

}

.clientList li.clear {

	clear: right;

}

.clientList li .owl-carousel .owl-item .item {

    line-height: 0;

    position: absolute;

    top: 50%;

    left: 0;

	right: 0;

	margin: auto;

    transform: translate(0, -50%);

	-webkit-transform: translate(0, -50%);

	-moz-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	-o-transform: translate(0, -50%);

}

.clientList li .owl-carousel .owl-item .item img {

	width: 60%;

    display: block;

    margin: 0 auto;

}

.clientList li .owl-carousel .owl-item{

	height: 150px;

	line-height: 150px;

}

.stickySection {

	width: 100%;

	float: left;

	height: auto;

	background: #333;

	position: fixed;

	top: auto;

	bottom: 0;

	z-index: 9999;

}

.sectionList {

	margin: 0;

	padding: 0;

	list-style-type: none;

	margin-bottom: 30px;

}

.sectionList li {

	display: block;

	width: 100%;

	padding-left: 24px;

	box-sizing: border-box;

	position: relative;

}

.sectionList li:before {

	width: 20px;

	height: 20px;

	position: absolute;

	top: 5px;

	left: 0;

	content: '\f00c';

	font-family: FontAwesome;

	color: #eb570c;

	font-size: 16px;

}

.sectionList li a {

	display: block;

	width: 100%;

	font-size: 14px;

	line-height: 30px;

	color: #21252b;

	text-transform: uppercase;

	font-weight: 500;

}

.startbtn {

	display: inline-block;

	background: #fff;

	color: #eb570c;

	font-size: 22px;

	line-height: 60px;

	padding: 0 15px;

	font-weight: 700;

	border: 3px solid #eb570c;

	transition: all ease-in-out 0.5s;

}

.startbtn:hover {

	background: #fff;

	color: #fff;

	-webkit-box-shadow: inset 200px 0px 0px 0px rgba(235,87,12,1);

	-moz-box-shadow: inset 200px 0px 0px 0px rgba(235,87,12,1);

	box-shadow: inset 200px 0px 0px 0px rgba(235,87,12,1);

}

.testimonialSection {

	width: 100%;

	float: left;

	height: auto;

	background: #f4f4f4;

	padding: 50px 0;

}

.testimonialSection .sectionTitle{

	margin-bottom: 40px;

}

.testimonialSection > .container > div {

    width: 49%;

    display: inline-block;

    vertical-align: middle;

    padding: 0 30px;

    text-align: center;

    box-sizing: border-box;

	position: relative;

}

.testimonialSection > .container > .leftside:after{

    top: 0;

	right: 0;

	width: 1px;

	height: 100%;

	background: #eb570c;

	content:'';

	position: absolute;

}

.testimonialVideo {

	width: 100%;

	display: block;

	vertical-align: middle;

	height: auto;

	box-sizing: border-box;

}

.testimonialSection .owl-controls {

    position: absolute;

    top: auto;

    bottom: 0;

    left: 0;

    right: 0;

}

.testimonialSection .owl-controls .owl-page span {

	margin: 0;

	margin-right: 5px;

	width: 20px;

	height: 5px;

	border-radius: 0;

	background: #898989;

}

.testimonialSection .owl-controls .owl-page.active span {

	background: #eb570c;

}

.testimonialContent {

    display: block;

    height: auto;

    box-sizing: border-box;

    font-size: 17px;

    line-height: 18px;

    color: #333;

    line-height: 1.5;

    font-weight: 300;

}

.testimonialSection  .name{

	margin: 20px 0;

	font-size: 18px;

}

.testimonialContent .fa{

	font-size: 30px;

    color: #eb570c;

    padding: 0 5px;

	vertical-align: middle;

}

.testimonialContent h2 {

	font-size: 36px;

	line-height: 40px;

	color: #333;

	padding-bottom: 20px;

	font-weight: 400;

}

.testimonialContent h4 {

	font-size: 18px;

	line-height: 24px;

	color: #555555;

	font-weight: 500;

	padding-bottom: 15px;

}

.video-container {

    position: relative;

    padding-bottom: 56.25%;

    height: 0; 

    overflow: hidden;

}

.video-container iframe,

.video-container object,

.video-container video,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    margin:0;

}

.NewsLetterSection {

	width: 100%;

	float: left;

	height: auto;

	position: relative;

	background: url(../images/background3.jpg) center center no-repeat;

	background-size: cover;

	position: relative;

	overflow: hidden;

}

.contactSection input::-webkit-input-placeholder,  .contactSection textarea::-webkit-input-placeholder{

  color: #fff;

}

.contactSection input::-moz-placeholder,  .contactSection textarea::-moz-placeholder{

  color: #fff;

}

.contactSection input::-ms-input-placeholder,  .contactSection textarea::-ms-input-placeholder{

  color: #fff;

}

.contactSection input::-moz-placeholder, .contactSection textarea::-ms-input-placeholder{

  color: #fff;

}





.NewsLetterSection:before {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.7);

	content: '';

}

.NewsLetterSection .container {

	position: relative;

	z-index: 999;

	font-size: 0;

}

.contactPicSection {

	line-height: 0;

}

.NewsLetterSection h3 {

	text-transform: uppercase;

	color: #fff;

	font-size: 26px;

	line-height: 30px;

	padding-bottom: 10px;

	font-weight: 400;

	letter-spacing: 1px;

}

.NewsLetterSection p {

	font-size: 16px;

	line-height: 20px;

	color: #fff;

	font-weight: 400;

	padding-bottom: 15px;

}

.NewsLetterSection .contactBtn {

	width: 160px;

	display: inline-block;

	height: 40px;

	line-height: 40px;

	border: 1px solid #fff;

	border-radius: 4px;

	font-size: 18px;

	line-height: 40px;

	box-sizing: border-box;

	text-align: center;

	color: #fff;

}

.NewsLetterSection .contactQuaterBlock {

	width: 60%;

	display: inline-block;

	vertical-align: middle;

	height: auto;

	min-height: 1px;

	padding: 0 10px;

	box-sizing: border-box;

}

.NewsLetterSection .contactForthBlock {

	width: 40%;

	display: inline-block;

	vertical-align: middle;

	height: auto;

	min-height: 1px;

	padding: 0 10px;

	box-sizing: border-box;

}

.newsletterBox {

	width: 100%;

	max-width: 400px;

	float: left;

	height: auto;

	position: relative;

}

.newsletterBox input[type="email"] {

	width: 100%;

	display: inline-block;

	height: 40px;

	line-height: 40px;

	border: 1px solid #fff;

	border-radius: 4px;

	font-size: 18px;

	line-height: 40px;

	box-sizing: border-box;

	color: #fff;

	background: transparent;

	padding: 0 15px;

	padding-right: 40px;

	font-weight: 300;

	text-shadow: none;

}

.newsletterBtn {

	width: 40px;

	height: 40px;

	position: absolute;

	top: 0;

	left: auto;

	right: 0;

}

.newsletterBtn:before {

	width: 40px;

	height: 40px;

	position: absolute;

	top: 0;

	left: 0;

	font-family: FontAwesome;

	content: '\f1d9';

	color: #fff;

	font-size: 16px;

	text-align: center;

	line-height: 40px;

}

.newsletterBtn input[type="submit"] {

	width: 40px;

	height: 40px;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

	overflow: hidden;

	cursor: pointer;

}

.contactSection {

    width: 100%;

    float: left;

    height: auto;

    padding: 60px 0;

    box-sizing: border-box;

    background: #eb570c url(../images/color_bg.png) top center repeat-x;

    font-size: 16px;

    line-height: 1.5;

	color: #fff;

}

.certicicate-logo {

    width: 100%;

    text-align: center;

	padding: 10px 0 14px 0;

	float: left;

	background: #ededed url(../images/color_bg.png) bottom center repeat-x;

}

.certicicate-logo ul{

	margin: 0;

	padding: 0;

}

.certicicate-logo ul li {

    list-style: none;

    display: inline-block;

    vertical-align: middle;

    padding: 0 15px;

}

.certicicate-logo ul li img{

	height: 60px;

}

.free-quote-btn {

    text-transform: uppercase;

    font-size: 20px;

	background-color: #eb570c;

	color: #fff;

    padding: 18px 50px;

    border-radius: 3px;

    transition: all 0.3s ease;

    white-space: nowrap;

	text-decoration: none;

	display: inline-block;

	margin-top: 10px;

}

.free-quote-btn:hover{

	background-color: #333;

	color: #fff;

}

.overlay{

	position: fixed;

	left: 0;

	top: 0;

	background: rgba(0,0,0,0.5);

	width: 100%;

	height: 100%;

}

.free-quote-form{

	width: 400px;

	background-color: #eb570c;

	padding: 15px;

	box-sizing: border-box;

	opacity: 0;

	visibility: hidden;

	position: fixed;

	top: -100%;

	left: 0;

	right: 0;

	margin: auto;

	transition: all 0.5s ease-in-out;

	transform: translate(0, -50%);

	-webkit-transform: translate(0, -50%);

	-moz-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	-o-transform: translate(0, -50%);

	z-index: 10;

}

.free-quote-form.active{

	opacity: 1;

	visibility: visible;

	top: 50%;

}

.contactSection .logo-list{

	margin: 0;

	padding: 0;

}

.contactSection .logo-list li {

    list-style: none;

    display: inline-block;

    vertical-align: top;

    text-align: center;

    width: 30%;

}

.contactSection .logo-list li img{

	margin: 0 auto 10px auto;

	display: block;

}

.contactSection .logo-list li a{

	text-decoration: none;

	color: #fff;

}

.contactSection  .title{

    margin: 0;

    padding: 0 0 20px;

    color: #fff;

    font-size: 30px;

}

.contactSection  .contactForthBlock{

	position: relative;

}

.contactSection  .contactForthBlock:after{

	position: absolute;

	width: 1px;

	height: 200px;

	background: #fff;

	content: '';

	right: 0;

	position: absolute;

	top: 0;

}



.contactSection .contactForthBlock {

    box-sizing: border-box;

    display: inline-block;

    height: auto;

    min-height: 1px;

    padding: 0 30px;

    vertical-align: top;

    width: 49%;

    font-size: 16px;

    line-height: 24px;

    color: #fff;

}



.contactSection .contactQuaterBlock {

    box-sizing: border-box;

    display: inline-block;

    height: auto;

    min-height: 1px;

    padding: 0 30px;

    vertical-align: middle;

    width: 49%;

}

.contactTitle {

	font-size: 30px;

	line-height: 36px;

	color: #fff;

	font-weight: 400;

	text-transform: uppercase;

	padding-bottom: 20px;

	position: relative;

}

.contactTitle:before {

	width: 200px;

	height: 2px;

	background: #fff;

	position: absolute;

	top: 100%;

	left: 0;

	content: '';

}

.contactTitle:after {

	width: 80px;

	height: 6px;

	background: #333;

	position: absolute;

	top: 100%;

	left: 20px;

	margin-top: -2px;

	content: '';

	z-index: 9;

}

.formHalfBlock {

	width: 50%;

	float: left;

	height: auto;

	padding: 0 10px;

	box-sizing: border-box;

	margin-bottom: 10px;

}

.formBlock {

	width: 100%;

	float: left;

	height: auto;

	padding: 0 10px;

	box-sizing: border-box;

	margin-bottom: 10px;

}

.fromBlock.fit {

	margin-bottom: 0;

}

.textbox {

	width: 100%;

	float: left;

	height: auto;

	background: rgba(0,0,0,0.1);

	border: 1px solid #ed7614;

	border-radius: 0;

	padding: 5px 10px;

	box-sizing: border-box;

	line-height: 30px;

	font-size: 16px;

	color: #fff;

	font-weight: 300;

}

.textarea {

	width: 100%;

	float: left;

	height: auto;

	background: rgba(0,0,0,0.1);

	border: 1px solid #ed7614;

	border-radius: 0;

	padding: 5px 10px;

	box-sizing: border-box;

	line-height: 30px;

	font-size: 16px;

	color: #fff;

	font-weight: 300;

	max-height: 60px;

	resize: none;

	font-family: 'Roboto', sans-serif;

}

.submitBtn {

	width: 100%;

	max-width: 150px;

	float: left;

	height: auto;

	background: #333;

	border-radius: 3px;

	padding: 5px 10px;

	box-sizing: border-box;

	line-height: 30px;

	font-size: 16px;

	color: #fff;

	font-weight: 300;

	text-align: center;

	border: none;

	cursor: pointer;

	transition: all 0.4s ease-in-out;

}

.submitBtn:hover{

	background: #EB570C;

}

.contactSection .submitBtn{

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

	width: 45px;

	height: 45px;

	font-size: 0;

}

.blogSection {

	width: 100%;

	float: left;

	height: auto;

	padding: 50px 0;

	font-size: 0;

}

.blogHalfBlock {

	width: 50%;

	float: left;

	height: auto;

	min-height: 1px;

	padding: 0 10px;

	box-sizing: border-box;

}

.blogSection .blogNumber {

	font-family: 'Montserrat', sans-serif;

	font-size: 100px;

	color: #e0e0e0;

	position: relative;

	line-height: 100px;

	padding-left: 17%;

	box-sizing: border-box;

}

.blogSection .blogNumber:before {

	position: absolute;

	top: 50%;

	margin-top: -1px;

	left: auto;

	right: 0;

	margin-right: -10px;

	height: 2px;

	width: 80px;

	background: #eb570c;

	content: '';

	z-index: -1;

}

.blogSection .blogContentArea {

	width: 100%;

	float: left;

	height: auto;

	padding: 15% 10% 14% 17%;

	border: 2px solid #e0e0e0;

	margin-top: 25px;

	box-sizing: border-box;

	font-size: 16px;

	line-height: 30px;

	color: #757575;

}

.blogSection .blogContentArea h2 {

	font-size: 40px;

	line-height: 46px;

	color: #333;

	font-weight: 700;

	padding-bottom: 25px;

}

.blogHalfBlock img {

	box-shadow: 9px 15px 34px 0 rgba(0, 0, 0, 0.2);

}

.blogHalfBlock.bolgPic {

	position: relative;

	left: 30px;

	z-index: 999;

}

.blogHalfBlock.bolgContent {

	position: relative;

	left: auto;

	right: 30px;

}

footer {

	width: 100%;

	float: left;

	height: auto;

	background: #21252b;

	position: relative;

}

/*.footerBlock {

	width: 20%;

	float: left;

	height: auto;

	padding: 0 10px;

	min-height: 1px;

	box-sizing: border-box;

}

.footerBlock h3 {

	font-size: 14px;

	text-transform: uppercase;

	line-height: 20px;

	color: #fff;

	padding-bottom: 20px;

	font-weight: 500;

}

.footerBlock ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

	margin-bottom: 30px;

}

.footerBlock ul li {

	display: block;

	width: 100%;

}

.footerBlock ul li a {

	display: block;

	width: 100%;

	font-size: 14px;

	text-transform: uppercase;

	line-height: 20px;

	color: #fff;

}*/

footer .container {

	position: relative;

	z-index: 2;

}

#map {

	height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: calc(50% - 300px);

    z-index: 0;

}

#usmap {

	height: 100%;

    left: auto;

    right: 0;

    position: absolute;

    top: 0;

    width: calc(50% - 300px);

    z-index: 0;

}

.footerRow {

	margin-right: -20px;

	margin-left: -20px;

}

.footerBlock {

	width: 100%;

	max-width: 600px;

	float: none;

	height: auto;

	padding: 30px 20px;

	box-sizing: border-box;

	background: #21252b;

	margin: 0 auto;

}

.footerBlockSection {

	width: 50%;

	float: left;

	height: auto;

	padding: 0 20px;

	box-sizing: border-box;

}

.footerBlock #map2, .footerBlock #usmap2 {

	display: none;

}

.footerTitle {

	font-size: 30px;

	line-height: 36px;

	color: #fff;

	font-weight: 400;

	text-transform: uppercase;

	padding-bottom: 20px;

	position: relative;

	text-align: center;

}

.footerTitle:before {

	width: 200px;

	height: 2px;

	background: #fff;

	position: absolute;

	top: 100%;

	left: 0;

	right: 0;

	margin: 0 auto;

	content: '';

}

.footerTitle:after {

	width: 80px;

	height: 6px;

	background: #EB570C;

	position: absolute;

	top: 100%;

	left: 0;

	right: 0;

	margin: 0 auto;

	margin-top: -2px;

	content: '';

	z-index: 9;

}

.footerIconBlock {

	width: 100%;

	float: left;

	height: auto;

	padding-left: 80px;

    position: relative;

    margin-bottom: 15px;

    color: #bababa;

    font-size: 13px;

    line-height: 24px;

    box-sizing: border-box;

}

.footerIconBlock:last-child{

    margin-bottom: 0px;

}

.footerIconBlock i.fa {

	background: #eb570c;

	color: #fff;

	font-size: 24px;

    height: 56px;

    line-height: 54px;

    width: 56px;

    position: absolute;

    top: 10px;

    left: 0;

    text-align: center;

    border-radius: 3px;

}

.footerIconBlock h5 {

    font-size: 18px;

    line-height: 30px;

    margin: 0 0 10px;

    color: #fff;

    font-weight: 400;

    font-family: 'Montserrat',sans-serif;

}

.footerBlockSection {

	border-right: 1px solid #333;

}

.footerBlockSection:last-child {

	border: none;

}

.bottomFooter {

	width: 100%;

	float: left;

	height: auto;

	padding: 10px 0;

	font-size: 14px;

	line-height: 30px;

	color: #fff;

	background: #1a1a1a;

}

.bottomFooter  .row{

	font-size: 0;

}

.copyright, .socialIcon{

	width: 50%;

	display: inline-block;

	vertical-align: middle;

	padding: 0 10px;

	font-size: 14px;

	box-sizing: border-box;

}

.socialIcon {

	text-align: right;

	margin: 0;

}

.socialIcon li {

	display: inline-block;

	margin-right: 10px;

	vertical-align: middle;

}

.socialIcon li:last-child{

	margin-right: 0;

}

.socialIcon li a {

	display: block;

}

.socialIcon li a i.fa {

	background: #464646;

	color: #c0c0c0;

	font-size: 24px;

    height: 40px;

    line-height: 40px;

    width: 40px;

    text-align: center;

    border-radius: 3px;

    transition: all ease-in-out 0.5s;

}

.socialIcon li a:hover i.fa {

	background: #eb570c;

	color: #fff;

}

.stepSection {

	width: 100%;

	float: left;

	height: auto;

	padding: 50px 0;

	background: #f0f0f0;

}

.stepList {

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-size: 0;

	width: 100%;

	float: left;

	text-align: center;

}

.stepList li {

	width: 20%;

	display: inline-block;

	vertical-align: top;

	padding: 10px;

	box-sizing: border-box;

	font-weight: 400;

	font-size: 14px;

	line-height: 20px;

	color: #787878;

}

.stepList li h3 {

	font-size: 20px;

	line-height: 30px;

	text-transform: uppercase;

	font-weight: 400;

	padding-bottom: 15px;

	color: #333;

}

.stepIcon {

	display: inline-block;

	width: 120px;

	height: 120px;

	border-radius: 50%;

	border: 10px solid #333;

	background: #333;

	-webkit-box-shadow: inset 0px 0px 0px 8px rgba(235,87,12,1);

	-moz-box-shadow: inset 0px 0px 0px 8px rgba(235,87,12,1);

	box-shadow: inset 0px 0px 0px 8px rgba(235,87,12,1);

	color: #fff;

	position: relative;

	margin-bottom: 15px;

}

.modal{

	width: 400px;

	top: -100%;

	position: fixed;

	left: 0;

	right: 0;

	margin: auto;

	background: #fff;

	padding: 10px;

	box-sizing: border-box;

	opacity: 0;

	visibility: hidden;

	transition: all 0.5s ease-in-out;

	transform: translate(0, -50%);

	-webkit-transform: translate(0, -50%);

	-moz-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	-o-: translate(0, -50%);

	text-align: center;

	

}

.modal.active{

	top: 50%;

	opacity: 1;

	visibility: visible;

	z-index: 9;

}

.modal .close{

    color: #fff;

    border: 0;

    background: #000;

    width: 25px;

    height: 25px;

    border-radius: 100%;

    cursor: pointer;

    position: absolute;

    right: -10px;

    top: -10px;

}

.modal-title{

	font-size: 24px;

	margin-bottom: 20px;

}

.stepIcon i.fa {

	font-size: 50px;

	width: 80px;

	height: 80px;

	text-align: center;

	line-height: 70px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -40px;

	margin-left: -40px;

	border: 5px solid #333;

	box-sizing: border-box;

	border-radius: 50%;

	background: transparent;

	transition: all ease-in-out 0.5s;

}

.stepList li:hover .stepIcon i.fa {

	font-size: 14px;

	width: 35px;

	height: 35px;

	text-align: center;

	line-height: 25px;

	position: absolute;

	top: 70%;

	left: 70%;

	border: 5px solid #333;

	box-sizing: border-box;

	border-radius: 50%;

	background: #eb570c;

	z-index: 9;

	margin: 0;

	transition: all ease-in-out 0.5s;

}

.stepIcon h4 {

	font-size: 16px;

	width: 35px;

	height: 35px;

	text-align: center;

	line-height: 25px;

	position: absolute;

	top: 70%;

	left: 70%;

	border: 5px solid #333;

	box-sizing: border-box;

	border-radius: 50%;

	background: #eb570c;

	z-index: 2;

	margin: 0;

	transition: all ease-in-out 0.5s;

	font-family: 'Montserrat',sans-serif;

	color: #fff;

}

.stepList li:hover .stepIcon h4 {

	font-size: 50px;

	width: 80px;

	height: 80px;

	text-align: center;

	line-height: 70px;

	position: absolute;

	background: transparent;

	top: 50%;

	left: 50%;

	margin-top: -40px;

	margin-left: -40px;

	border: 5px solid #333;

	box-sizing: border-box;

	border-radius: 50%;

	transition: all ease-in-out 0.5s;

	color: #fff;

}

.md-content .textbox, .md-content .textarea {

	background: #F6F7FB;

	border-color: #ccc;

	color: #333;

}



.innerServiceList {

	width: 100%;

	float: left;

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-size: 0;

	margin-top: 30px;

}

.innerServiceList li {

	display: inline-block;

	vertical-align: top;

	margin-bottom: 30px;

	padding: 0 10px;

	box-sizing: border-box;

	width: 25%;

}

.innerServiceList li span{

	display: block;

	position: relative;

	padding-left: 80px;

	box-sizing: border-box;

	color: #787878;

    font-size: 13px;

    line-height: 22px;

    text-align: left;

}

.innerServiceList li  i.fa {

    background: #eb570c none repeat scroll 0 0;

    border-radius: 3px;

    color: #fff;

    font-size: 24px;

    height: 56px;

    left: 0;

    line-height: 54px;

    position: absolute;

    text-align: center;

    top: 5px;

    width: 56px;

}

.innerServiceList li  .icon{

    background: #eb570c none repeat scroll 0 0;

    border-radius: 3px;

    font-size: 24px;

    height: 56px;

    left: 0;

    line-height: 54px;

    position: absolute;

    text-align: center;

    top: 5px;

    width: 56px;

}

.innerServiceList li .icon img {

    width: 100%;

    margin: 0 auto;

    display: block;

    padding: 10px;

    box-sizing: border-box;

}

.innerServiceList li  h5 {

    color: #333;

    font-family: "Montserrat",sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 1.2;

    margin: 0 0 10px;

}

.innerStepSection {

	width: 100%;

	float: left;

	height: auto;

	padding: 50px 0;

	background-position: 50% 50%;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    background-image: url(../images/innerstep.jpg);

}





.innerStepSection.cloud_part {

	width: 100%;

	float: left;

	height: auto;

	padding: 50px 0;

	background-position: 50% 50%;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    background-image: url(../images/innerstep1.jpg);

}









.innerStepArea {

	width: 66.6666667%;

	float: left;

	height: auto;

}

.innerStepList {

	width: 100%;

	float: left;

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-size: 0;

	text-align: center;

	margin-top: 30px;

}

.innerStepList li {

	display: inline-block;

	vertical-align: top;

	margin: 0 10px 30px 10px;

	box-sizing: border-box;

	width: 47%;

	border-bottom: 1px solid #eb570c;

}

.innerStepList li p{

	padding-bottom: 2px;

	position: relative;

	padding-left: 12px;

}

.innerStepList li p:before {

    width: 6px;

    height: 6px;

    border-radius: 100%;

    content: '';

    position: absolute;

    left: 0;

    top: 8px;

    background: #eb570c;

}

.innerStepList li span{

	display: block;

	position: relative;

	padding-left: 30px;

	box-sizing: border-box;

	color: #787878;

    font-size: 13px;

    line-height: 22px;

    text-align: left;

}

.innerStepList li i.fa {

    background: #eb570c none repeat scroll 0 0;

    border-radius: 3px;

    color: #fff;

    font-size: 13px;

    height: 20px;

    left: 0;

    line-height: 20px;

    position: absolute;

    text-align: center;

    top: 5px;

    width: 20px;

}

.innerStepList li  h5 {

    color: #333;

    font-family: "Montserrat",sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 30px;

    margin: 0 0 10px;

}



@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');

  .paymentArea {

    font-family: 'Source Sans Pro', sans-serif;

    padding: 70px 0;

    /*background: #fafafa;*/

    background: #fafafa url("../images/color_bg.png") repeat-x scroll center top;

    width: 100%;

    float: left;

    height: auto;

  }

  .paymentArea h2 {

    color: #333333;

    font-size: 20px;

    margin: 0;

    font-weight: 600;

  }

  .paymentArea h4 {

    color: #737373;

    font-size: 14px;

    line-height: 20px;

    font-weight: 400;

  }

  .paymentList {

    margin: 50px 0;

    padding: 0;

    list-style-type: none;

    font-size: 0;

  }

  .paymentList li {

    display: inline-block;

    vertical-align: middle;

    width: 50%;

    padding: 10px;

    box-sizing: border-box;

    text-align: center;

    color: #737373;

    font-size: 14px;

    line-height: 20px;

  }

  .paymentList li img {

    display: inline-block;

    margin: 20px auto;

  }

  .paymentList li:first-child {

    border-right: 1px solid #ccc;

  }

  .paymentList h3 {

  	font-size: 20px;

  	line-height: 30px;

  	font-weight: 600;

  }

  .paymentList h3 img {

    display: inline-block;

    vertical-align: middle;

    margin: 0;

  }

  .contentaccessory {

    color: #333;

    float: right;

    font-weight: 600;

    text-align: center;

    width: 100%;

    float: left;

  }

  .contentaccessory img {

    margin-left: 5px;

    display: inline-block;

    vertical-align: middle;

  }

.footerLink {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

.footerLink li {

	display: inline-block;

	vertical-align: middle;

	margin: 5px 0;

}

.footerLink li a {

	display: block;

	color: #fff;

	padding: 0 5px;

	border-right: 1px solid #fff;

	line-height: 16px;

	font-size: 14px;

}

.footerLink li:last-child a {

	border-right: none;

}



.fieldArea {

    box-sizing: border-box;

    color: #737373;

    display: block;

    float: left;

    font-family: "Source Sans Pro",sans-serif;

    font-size: 14px;

    line-height: 20px;

    padding: 8px;

    width: 100%;

}

.fieldsection {

    position: relative;

}

.fieldlabel {

    -moz-user-select: none;

    box-sizing: border-box;

    color: #999;

    font-family: "Source Sans Pro",sans-serif;

    font-size: 12px;

    font-weight: 400;

    left: 0;

    line-height: 18px;

    opacity: 0;

    padding: 0 14px;

    pointer-events: none;

    position: absolute;

    text-overflow: ellipsis;

    top: 5px;

    transform: translateY(10px);

    transition: all 0.5s ease-in-out 0s;

    width: 100%;

    z-index: 99;

}

.fields {

    border: medium none;

    border-radius: 3px;

    box-shadow: 0 0 0 1px #d9d9d9;

    box-sizing: border-box;

    color: #333;

    font-family: "Source Sans Pro",sans-serif;

    font-size: 14px;

    height: 46px;

    padding: 10px;

    text-indent: 4px;

    transition: all 0.2s ease-out 0s;

    width: 100%;

}

.btns {

    background: #1990c6 none repeat scroll 0 0;

    border-radius: 4px;

    box-sizing: border-box;

    color: white;

    cursor: pointer;

    display: inline-block;

    flex: 0 0 auto;

    float: right;

    font-weight: 600;

    padding: 1.4em 1.7em;

    position: relative;

    text-align: center;

    transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;

    border: none;

    width: 100%;

    box-sizing: border-box;

    font-weight: normal;

    font-size: 20px;

}

.instamojo {

	max-width: 420px;

	margin: 0 auto;

}

.fieldAreahalf {

    width: 50%;

}







.full_widths {

	max-width: 100%;

}



.small_p {

	color: #787878;

    font-size: 13px;

    line-height: 22px;

    text-align: left;

    margin-top:15px;

}



.semiTitle {

	font-size: 22px;

    line-height: 36px;

    color: #21252b;

    font-weight: 400;

    text-transform: uppercase;

    padding-bottom: 20px;

    position: relative;

}





p.small_p.no_mt {

	margin-top: 5px;

}



img.cloud_img {

	width:100%;

	margin:0 auto;

}



.servicesContent.more-width {

	width:60%; float:left;max-width:60%;padding: 5px 0;

}

.servicesContent.less-width {

	width:40%; float:left;max-width:40%;

}

.plans-wrapper {

    width: 100%;

    float: left;

}

.plans-wrapper {

    width: 100%;

    float: left;

    background: #eeeeee;

    background-size: cover;

    background-position: center center;

    background-attachment: fixed;

    position: relative;

	padding:50px 0px;

}

.form-get-started {

    width: 40%;

    float: right;

}

.plans-wrapper h1 {

    z-index: 1;

    position: relative;

}

.port {

    margin: 0;

    width: 100%;

}

.image-basic {

    width: 50%;

    float: left;

}

.form-get-started {

    width: 40%;

    float: right;

    background: url(../images/pexels-photo-270348.jpeg);

    padding: 35px;

    background-position: center center;

    background-size: cover;

    position: relative;

    box-shadow: 1px 5px 7px 0px #3c3939;

}



.form-get-started h2 {

    text-align: center;

    font-size: 25px;

    color: #fff;

    text-transform: uppercase;

	z-index: 1;

    position: relative;

}

.form-get-started form {

    margin-top: 35px;

    z-index: 1;

    position: relative;

}

.form-get-started label {

    color: #fff;

    font-size: 15px;

    font-weight: 500;

    line-height: 30px;

}

.form-get-started form input {

    background: transparent;

    border-bottom: 1px solid #fff !important;

    border: none;

    color: #fff;

    font-size: 16px;

}

.form-get-started form input:focus {

    box-shadow: none !important;

    border: none !important;

    background: #ff6e39;

    color: #fff;

	-webkit-transition:all ease-in-out 0.3s;

	-moz-transition:all ease-in-out 0.3s;

	-ms-transition:all ease-in-out 0.3s;

	-o-transition:all ease-in-out 0.3s;

}

.form-get-started form textarea {

    background: transparent;

    border-bottom: 1px solid #fff !important;

    border: none;

    color: #fff;

    font-size: 19px;

	height:100px;

}

.form-get-started:before {

    position: absolute;

    content: '';

    background: rgba(0, 0, 0, 0.62);

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}

.form-get-started form textarea:focus {

    box-shadow: none !important;

    border: none !important;

    background: #ff6e39;

    color: #fff;

	-webkit-transition:all ease-in-out 0.3s;

	-moz-transition:all ease-in-out 0.3s;

	-ms-transition:all ease-in-out 0.3s;

	-o-transition:all ease-in-out 0.3s;

}

.form-get-started .form-group {

    margin-bottom: 10px;

}

.basic-details {

    padding-top: 40px;

}

.basic-details h1 {

    font-size: 26px;

    text-transform: uppercase;

    border-bottom: 1px solid #dcd7d7;

    padding-bottom: 14px;

    margin-bottom: 20px;

}



.basic-details {

    padding-top: 25px;

}

.basic-details ul {

    margin: 0;

    list-style: none;

}

.basic-details ul li {

    font-size: 16px;

    line-height: 33px;

    font-weight: 500;

	position:relative;

}

.basic-details ul li:before {

    position: absolute;

    content: '\f046';

    font-family: Fontawesome;

    left: -30px;

    font-size: 20px;

}

.basic-details ul {

    margin: 0;

    list-style: none;

    margin-left: 30px;

}

button.btn.btn-default {

    width: 100%;

    background: #01c851;

    border: none;

    color: #fff;

    padding: 10px 0px;

    border-radius: 45px;

    box-shadow: 1px 5px 7px 0px #045023;

    font-size: 16px;

    text-transform: uppercase;

    cursor: pointer;

    font-weight: bold;

    font-family: 'Roboto', sans-serif;

    margin-top: 35px;

}

button.btn.btn-default:hover{

	background:#eb570c;

	-webkit-transition:all ease-in-out 0.2s;

	-moz-transition:all ease-in-out 0.2s;

	-ms-transition:all ease-in-out 0.2s;

	-o-transition:all ease-in-out 0.2s;

}





/* Sandeep */



.no_pad {

    padding: 0!important;

}



.no_mg {

    margin: 0!important;

}



.no_mg_lt {

    margin-left: 0!important;

}



.no_mg_rt {

    margin-right: 0!important;

}



.no_mg_top {

    margin-top: 0!important;

}



.no_mg_bot {

    margin-bottom: 0!important;

}



.no_pad_lt {

    padding-left: 0!important;

}



.no_pad_rt {

    padding-right: 0!important;

}



.no_pad_top {

    padding-top: 0!important;

}



.no_pad_bot {

    padding-bottom: 0!important;

}



.site_modal {

    position: fixed;

    top: 50%;

    left: 50%;

    z-index: 9999;

    width: 580px;

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

    -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);

    -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);

    -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);

    transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);

}



.site_modal,

.overlay {

    opacity: 0;

    visibility: hidden;

}



.site_modal.active {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.site_modal.active,

.overlay.active {

    opacity: 1;

    visibility: visible;

}



.modal_img {

    display: block;

	overflow: hidden;

}



.modal_img img {

    width: 100%;

    height: auto;

}



.modal_img img:last-child {

	display: none;

}



.modal_img:hover img:last-child {

	display: block;

}



.modal_img:hover img:first-child {

	display: none;

}



.cls_modal {

    position: absolute;

    top: 20px;

    right: 20px;

    width: 45px;

    height: 45px;

    -webkit-border-radius: 55%;

    -moz-border-radius: 55%;

    -ms-border-radius: 55%;

    -o-border-radius: 55%;

    border-radius: 55%;

    background: #eb570c;

    opacity: 1;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;
    display:none;

}



.cls_modal i {

    font-size: 25px;

    color: white;

}



.section {

    padding: 20px 0;

}



.topic_wrapper {

    height: 100%;

    background: url("../images/img_3.jpg") no-repeat left bottom fixed;

    background-size: cover;

}



.main_wrapper {

    width: 1170px;

    margin: 0 auto;

}



.ro {

	margin-right: -15px;

	margin-left: -15px;

}



.topic_title h1 {

    font-size: 100px;

    font-weight: 300;

    color: white;

    line-height: 85px;

    letter-spacing: 5px;

    padding-bottom: 40px;

}



.topic_title h1 span {

    display: block;

    font-weight: 900;

    text-transform: uppercase;

    font-size: 120px;

    padding-top: 10px;

}



.topic_con {

    background: white;

    padding: 20px;

    border-radius: 20px;

    margin-bottom: 20px;

}



.topic_det {

    flex: 1;

}



.topic_det h1 {

    line-height: initial;

    font-size: 22px;

    padding-bottom: 18px;

    color: #21252b;

}



.topic_list {}



.topic_list {

    list-style: none;

    margin: 0;

    padding: 0;

}



.topic_list li {

    font-size: 15px;

    margin-bottom: 10px;

    color: #21252b;

}



.bttn {width: 120px;font-size: 14px;color: white;text-transform: capitalize;padding: 12px 0;border-radius: 30px;text-align: center;cursor: pointer;font-weight: 500;float: right;}



.bttn.orange {
	background: rgba(0,3,51,1);
	background: -moz-linear-gradient(top, rgba(0,3,51,1) 0%, rgba(235,86,12,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,3,51,1)), color-stop(100%, rgba(235,86,12,1)));
	background: -webkit-linear-gradient(top, rgba(0,3,51,1) 0%, rgba(235,86,12,1) 100%);
	background: -o-linear-gradient(top, rgba(0,3,51,1) 0%, rgba(235,86,12,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,3,51,1) 0%, rgba(235,86,12,1) 100%);
	background: linear-gradient(to bottom, rgba(0,3,51,1) 0%, rgba(235,86,12,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000333', endColorstr='#eb560c', GradientType=0 );
}

.bttn:hover.orange {
	background: rgba(235,86,12,1);
	background: -moz-linear-gradient(top, rgba(235,86,12,1) 0%, rgba(0,3,51,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,86,12,1)), color-stop(100%, rgba(0,3,51,1)));
	background: -webkit-linear-gradient(top, rgba(235,86,12,1) 0%, rgba(0,3,51,1) 100%);
	background: -o-linear-gradient(top, rgba(235,86,12,1) 0%, rgba(0,3,51,1) 100%);
	background: -ms-linear-gradient(top, rgba(235,86,12,1) 0%, rgba(0,3,51,1) 100%);
	background: linear-gradient(to bottom, rgba(235,86,12,1) 0%, rgba(0,3,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb560c', endColorstr='#000333', GradientType=0 );
}



.modall {

    position: fixed;

    top: 0;

    left: 0;

    right: inherit;

    z-index: 1050;

    display: none;

    width: 100%;

    height: 100%;

    overflow: hidden;

    outline: 0;

    opacity: 1;

    visibility: visible;

    transform: none;

    background: transparent;

    margin: 0;

	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

	-moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

	-ms-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

	-o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

	transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

	padding: 0;

}



.apply_modal,
.thnks_modal {width: 600px !important;padding: 20px;-webkit-border-radius: 30px 0 30px 30px;-moz-border-radius: 30px 0 30px 30px;-ms-border-radius: 30px 0 30px 30px;-o-border-radius: 30px 0 30px 30px;border-radius: 30px 0 30px 30px;background: white;}



.apply_modal .modal-content,
.thnks_modal .modal-content {

    border: none;

    background: none;

}



.clse_modal {top: -40px;right: -40px;border: none;outline: none !important;}



.form_title h1 {

    font-size: 30px;

    font-weight: 700;

    color: black;

    padding-bottom: 30px;

    line-height: initial;

}



.text_box {

    padding-bottom: 25px;

}



.text_box input,

.submit_btn input[type="submit"],

.upload_btn {

    width: 100%;

    padding: 15px;

    background: rgba(0, 0, 0, 0.2);

    font-size: 20px;

    color: white;

    border: 0;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    border-radius: 30px;

    outline: none;

}



.text_box input::placeholder {

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

    font-size: 16px;

}



.submit_btn {

	display: flex;

	margin-top: 20px;

}



.upload_box {position: relative;margin-right: 30px;}



.upload_box input[type="file"] {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    z-index: -1;

}



.upload_btn {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap !important;

    margin: 0;

    cursor: pointer;;

    font-size: 13px !important;

}



.submit_btn input[type="submit"],

.upload_btn {

	width: 200px;

	background: #333333;

	font-weight: 500;

	text-transform: uppercase;

	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

	-moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

	-ms-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

	-o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

	transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);

	font-size: 14px;

}



.up_txt {

    display: none;

}



.up_txt.active {

    display: block;

    text-align: left;

    font-size: 14px;

    padding-top: 25px;

    color: #eb570c;

    font-weight: 500;

}



.modal.fade .apply_modal,
.modal.fade .thnks_modal {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}



.modal.show .apply_modal,
.modal.show .thnks_modal {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.modalwrapper {}

.modal_player {
    width: 90px;
    overflow: hidden;
    margin: 0 auto;
}

.modal_player lottie-player {
    width: 100%;
    height: auto;
}

.modalwrapper h1 {
    font-size: 35px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 30px 0;
}

.modalwrapper p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 25px;
}



/* /Sandeep */



/*****************RESPONSIVE CSS******************/

@media (max-width: 1150px){

	.mainNav li {

		padding: 0 6px;

	}

	#logo img {

		max-width: 150px;

	}

	.mainNav {

		margin: 14px 0;

	}

	

	

	.servicesContent.more-width {

	width:100%; float:left;max-width:1000%;padding: 5px 0;

}

.servicesContent.less-width {

	width:100%; float:left;max-width:100%;

}

	

	

}

@media (max-width: 1024px){

	.mainNav li a {

		font-size: 12px;

	}

	.form-get-started{

		padding:30px;

	}

	.form-get-started form textarea {

    height: 50px;

}

.form-get-started form {

    margin-top: 12px;

}

}

@media (max-width: 991px){

	

	.testimonialSection > .container > .rightside{

		margin-top: 30px;

		

	}

	.testimonialSection > .container > div {

		width: 100%;

		margin: 0;

		padding: 0;

	}

	.testimonialSection > .container > .leftside {

		padding-bottom: 30px;

	}

	.testimonialSection > .container > .leftside:after{

		width: 100%;

		height: 1px;

		top: auto;

		bottom: 0;

	}

	.testimonialContent p{

		position: static;

		top: 0;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

		-ms-transform: none;

		-o-transform: none;

	}

	.contactSection .contactForthBlock{

		width: 100%;

		padding: 0 0 30px 0;

		margin-bottom: 30px;

	}

	.contactSection .contactForthBlock:after {

		width: 100%;

		height: 1px;

		top: auto;

		transform: rotate(0deg);

		-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

		bottom: 0;

	}

	.contactSection{

		text-align: center;

	}

	.contactSection .logo-list li {

		width: 30%;

		font-size: 14px;

	}

	.contactSection .logo-list li img{

		height: 60px;

	}

	.contactSection .contactQuaterBlock {

		width: 100%;

		padding: 0

	}

	.servicesPicBlock, .servicesContentBlock{

		width: 100%;

		display: block;

		vertical-align: top;

	}

	.servicesContentBlock {

		margin-top: 30px;

	}

	.servicesPicBlock .styledeclarations {

		display: none;

	}

	.element-item {

		width: 47%;

	}

	.element-item.viewmore{

		width: auto;

		display: block;

	}

	.innerServiceList li {

		width: 50%;

	}

	.element-item {

    width: 100%;

}

.form-get-started {

    padding: 22px 30px;

}

}

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

	.mainNav li a {

		font-size: 11px;

	}

	#logo{

		width: auto;

		margin: 11px 0;

	}

	#logo img {

		max-width: 100px;

	}

	.mainNav {

		margin: 15px 0;

	}

	.mainNav li {

		padding: 0 4px;

	}

	.mainNav li.quote a {

		padding: 0 4px;

	}

	button.btn.btn-default {

    margin-top: 10px;

}

}

@media(max-width: 800px) {

	.footerBlock {

		max-width: 100%;

		float: left;

	}

	.footerBlockSection {

		width: 100%;

		float: left;

		height: auto;

		padding-bottom: 50px;

	}

	.footerIconBlock {

		min-height: 1px !important;

	}

	.footerBlock #map2 {

		margin-bottom: 50px;

	}

	.footerBlock #map, .footerBlock #usmap {

		display: none;

	}

	.footerBlock #map2, .footerBlock #usmap2 {

		display: block;

		position: relative;

		width: 100%;

		padding-bottom: 50%;

		height: auto;

	}

}

@media (max-width: 767px){

	.bannerBlock .bannnerOneFourthBlock{

		width: 100%;

	}

	.mainNav li a {

		font-size: 14px;

	}

	.career_apply form {

		margin: 0;

	}

	.career_apply .from-grid, .career_apply .from-grid-full{

		width: 100%;

		padding-right: 0;

		padding-left: 0;

	}

	.inputfile + label {

		padding: 11px 10px;

	}

	.career_apply .form-control{

		height: 36px;

		font-size: 14px;

	}

	.career_apply  textarea{

		font-size: 14px;

	}

	.topHeader .btn.btn-sm{

		width: 110px;

	}

	.topHeader .btn .fa {

		width: 23px;

		left: -9px;

	}

	.topHeader .hirebtn, .topHeader  .btn {

		padding-left: 19px;

		width: 180px;

	}

	.certicicate-logo ul li{

		padding: 0 5px;

	}

	.innerStepArea{

		width: 100%;

	}

	.innerStepList li {

		width: 100%;

	}

	.innerServiceList li {

		width: 100%;

	}

	.sectionTitle, .contactTitle, .footerTitle{

		text-align: center;

		font-size: 26px;

		line-height: 30px;

	}

	.sectionTitle:before, .contactTitle:before, .footerTitle:before{

		left: 0;

		right: 0;

		margin: auto;

	}

	.sectionTitle:after, .contactTitle:after, .footerTitle:after{

		margin-left: auto;

		margin-right: auto;

		left: 0;

		right: 0;

	}

	.copyright, .socialIcon {

		width: 100%;

		text-align: center;

	}

	.copyright{

		margin-bottom: 10px;

	}

	#map {

		position: static;

		height: 300px;

	}

	.footerBlock {

		width: 100%;

		max-width: 100%;

	}

	.clientList li{

		width: 33.3333%;

		max-width: 100%;

		vertical-align: top;

		float: none;

	}

	.clientContentBlock {

		width: 100%;

		max-width: 100%;

		float: none;

		text-align: center;

	}

	.servicesArea, .stepSection, .contactSection, .portfolioSection, .innerStepSection{

		padding: 30px 0;

	}

	.clientSection{

		padding-top: 30px;

	}

	.clientContentBlock h2, .clientContentBlock h3{

		font-size: 40px;

		line-height: 1;

	}

	.clientLeftSection {

		width: 100%;

		display: block;

		vertical-align: middle;

		font-size: 20px;

		margin-bottom: 20px;

	}

	.clientList li.clear {

		clear: none;

	}

	.clientRightSection {

		width: 100%;

		display: inline-block;

		text-align: center;

	}

	.formHalfBlock{

		width: 100%;

	}

	.testimonialContent{

		height: auto !important;

	}

	.contactSection .contactForthBlock, .contactSection .contactQuaterBlock{

		width: 100%;

	}

	

	.element-item, .element-item.viewmore {

		width: 100%;

		margin-left: 0;

		margin-right: 0;

	}

	.serviceList li, .stepList li{

		width: 100%;

	}

	.nav-icon {

		display: block;

		margin-right: 10px;

	}

	#logo {

		margin-left: 10px;

	}

	#logo img {

		max-width: 150px;

	}

	.mainNav {

		margin: 0;

		position: absolute;

		top: 64px;

		left: 0;

		width: 100%;

		padding: 0;

		height: auto;

		z-index: 10;

		background: #fff;

		text-align: left;

		display: none;

		padding-bottom: 10px;

		box-shadow: 1px 12px 18px rgba(0, 0, 0, 0.23);

	}

	.mainNav li a {

		display: block;

		padding: 6px 0;

	}

	.mainNav li {

		display: block;

		padding: 0 15px;

	}

	.mainNav li a {

		display: block;

	}

	.bottomHeader .container{

		padding: 0;

	}

	.paymentList li {

		width: 100%;

	}

	.paymentList li:first-child {

		border-right: none;

		border-bottom: 1px solid #ccc;

	}

	.footerLink {

		text-align: center;

	}

		button.btn.btn-default {

    margin-top: 10px;

}



}

@media (max-width: 600px){

.certicicate-logo ul li img{

		height: 43px;

	}

	.certicicate-logo ul li{

		padding: 0 2px;

	}

	.topHeader .top-menu {

		margin-right: 20px;

	}

	.topHeader .top-menu ul li a {

		padding: 11px 5px;

	}

	.topHeader .hirebtn, .topHeader  .btn{

		padding-left: 6px;

	}

	.topHeader .btn {

		width: 143px;

		font-size: 12px;

	}

	.topHeader .btn .fa {

		width: 17px;

		height: 30px;

		font-size: 14px;

		left: -14px;

	}

	.topHeader .btn img{

		height: 12px;

	}

.image-basic {

    width: 100%;

    float: none;

    border-bottom: 5px solid #e85824;

}

.form-get-started {

    width: 100%;

    float: none;

}

.form-get-started {

    padding: 22px 0;

}

.form-get-started form {

    max-width: 90%;

    margin: 0px auto;

}

.plans-wrapper {

    padding: 0;

}

}

@media (max-width: 420px){

	.topHeader .top-menu {

		margin-right: 10px;

	}

	.topHeader .top-menu ul li a {

		padding: 11px 5px;

	}

	.topHeader .hirebtn, .topHeader  .btn, .topHeader .btn.btn-sm{

		padding-left: 0px;

		text-align: center;

		padding: 10px 0;

		line-height: 1.1;

		width: 33.3333%;

		float: left;

	}

	.topHeader .btn .fa {

		width: 17px;

		height: 15px;

		line-height: 1;

		font-size: 14px;

		left: 0;

		right: 0;

		margin: auto;

		display: block;

		position: static;

	}

	.topHeader .btn img{

		margin: 0 auto 3px auto;

		display: block;

	}

	.topHeader  .btn:before{

		display: none;

	}

	.certicicate-logo ul li img{

		height: 35px;

	}

	.form-get-started form {

    max-width: 90%;

    margin: 0px auto;

    margin-top: 23px;

}

}

@media (max-width: 385px){

	.topHeader .hirebtn, .topHeader  .btn{

		font-size: 11px;

	}

	.form-get-started form textarea {

    height: 50px;

}

}