body {
	font-family: 'Changa', sans-serif;
	font-size: 13px;
	line-height: 1.46666667;
	background:#fff;
	font-weight: 300;
}

html {
	height: 100%;
}
body.canvas-slid, body.canvas-sliding {
	overflow-x: hidden
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
	line-height: 1.1;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #333
}
h1 {
	font-size:16px;
	padding:5px 0;
	color:#000;
	margin:0 0 15px 0;
	font-weight:bold;
}
h1.logo-font {
	text-transform: none;
	font-weight: 300;
	font-size: 50px
}
h5, h6 {
	font-weight: 700
}
h2 {
	font-size: 24px;
}
h2.logo-font {
	text-transform: none
}
h3 {
	font-size: 22px
}
h4 {
	font-size: 19px
}
h5 {
	font-size: 15px;
}
h6 {
	font-size: 13px
}
p {
	margin-bottom: 14px;
	font-size:14px;
	line-height: 17px;
}


.page-wrapper {
	background-color: #fff;
}

.header {
	width:100%;
	display: block;
	float: left;
	background:#e6e6e6;
	color: #000;
}


.top-bar {
	width:100%;
	display: block;
	float: left;
}
.top-bg {
	background: #f1f1f1 !important;
	position: relative;
	min-height: 55px;
	padding:0;
	margin-right: -39px;
}
@media (max-width:580px) {
.top-bg {
	background: #f1f1f1 !important;
	position: relative;
	min-height: 55px;
	padding:0;
	margin-right: -39px;
}
}
.top-bg:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    left: -650px;
    width: 650px;
    background:#f1f1f1;
}

.top-bg:after {
    content: '';
    position: absolute;
    left: 100%;
    z-index: 0;
    border-top: 175px solid #f1f1f1;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    bottom: 0;
}

.top-social{
   padding-right: 0;
}

.top-social ul{
	list-style: none;
  	padding: 0;
  	margin: 0;
  	text-align: right;
  	padding-top: 10px;
}
@media (max-width: 480px) {
.top-social ul{
	list-style: none;
  	padding: 0;
  	margin: 0 0 10px 0;
  	text-align:center;
  	padding-top:0;
}	
}
.top-social li {
  display: inline-block;
  padding: 0;
}

.top-social li a{
   color: #222;
	margin: 0 0 0 1px;
	font-size: 14px;
	-webkit-transition: 400ms;
  	-moz-transition: 400ms;
  	-o-transition: 400ms;
  	transition: 400ms;
}

.top-social li a:hover{
	color: #b02222;
}


.header{
   background: #fff;
}


.logo {
	background: #f1f1f1;
	position: relative;
	min-height: 120px;
	padding: 0 0 0 30px;
	margin-bottom: -20px;
	text-align: center;
}

.logo:before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    left: -650px;
    width: 650px;
    background: #f1f1f1;
}

.logo:after {
    content: '';
    position: absolute;
    left: 100%;
    z-index: 0;
    border-top: 200px solid #f1f1f1;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    bottom: 0;
}
@media (max-width:580px) {
.logo:after {
    content: '';
    position: absolute;
    left: 100%;
    z-index: 0;
    border-top:0;
    border-left: 0px solid transparent;
    border-right:0;
    bottom: 0;
}	
}

.headright {
	width:100%;
	display: block;
	float: left;
	padding-top:38px;
	border-top: 1px #f1f1f1 solid;
}
.menu {
	width:50%;
	display:block;
	float: left;
	margin:10px 0 20px 0;
	text-align: center !important;
}
@media (max-width:1200px) {
.menu {
	width:100%;
	display: inline-block;
	float: left;
	margin:0 0 20px 0;
	border-bottom: 1px #f1f1f1 solid;
	padding-bottom: 10px;
}	
}
.menu a {
	margin: 10px 8px 10px 8px;
	text-transform: uppercase;
	padding: 0;
	list-style: none;
	outline: none;
	font-size: 16px;
	line-height:20px;
	color: #000;
	font-family: 'Changa', sans-serif; 
}
.menu a:hover {
	border-top:2px solid #E9492D;
	border-bottom:2px solid #E9492D;
	color: #E84A31;
}
.menu a.active {
	border-top:2px solid #E9492D;
	border-bottom:2px solid #E9492D;
	color: #E84A31;
}
.contact-dtails {
	width:49%;
	display: block;
	float: left;
	padding-left:1%;
}
@media (max-width:1200px) {
.contact-dtails {
	width:96%;
	display: block;
	float: left;
	padding-left:0;
	margin: auto;
}	
}

.contact-detail {
	padding:5px 5px 0 20px;
	float:left;
	width:100%;
}
.e-item {
	width:48%;
	display:inline-block;
}
.e-item i {
	width:25%;
	display:inline-block;
	float:left;
	text-align:right;
}
.e-item span {
	width:72%;
	display:inline-block;
	float:right;
	text-align:left;
	font-size:13px;
	line-height:15px;
	padding-top:3px;
}
.e-item span {
	color:#666;
	text-decoration:none;
	outline:none;
}
.e-item span strong {
	color:#666;
	text-decoration:none;
	outline:none;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
}
.e-item span p {
	width: 100%;
	color:#666;
	text-decoration:none;
	outline:none;
	font-weight:normal;
	margin: 0;
	padding: 0;
	font-family: 'Changa', sans-serif;
}
.slider {
	width:100%;
	display: block;
	float: left;
	margin-top: 20px;
}


.intro-zash {
	width:100%;
	display: block;
	float: left;
	text-align: center;
	background: #f1f1f1;
	padding:55px 0;
}
.intro-zash p {
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	margin:0 0 10px 0;
	padding: 0;
	color: #000;
	font-size: 17px;
	line-height: 20px;
	font-weight: normal;
	font-family: 'Changa', sans-serif;
}




.quote-area {
	width:100%;
	display: block;
	float: left;
	padding:60px 0 80px 0;
}
.quote-area h1 {
	font-size:22px;
	float: left;
	line-height: 24px;
	margin:0 0 20px 0;
	font-family: 'Poppins', sans-serif;
	display: block;
	width: 100%;
	text-align: center;
	color: #E84A31;
}
.quote-area h1 span {
	font-size: 28px;
	line-height: 28px;
	color:#0D4D9D;
	text-align: center;
	font-weight: bold;
}

.quote-area p {
	font-size: 15px;
	float: left;
	line-height: 18px;
	color: #333;
	margin: 0 0 15px 0;
	text-align: center;
	font-family: 'Changa', sans-serif;
}
.myfield {
	width:100%;
	display: block;
	float: left;
	margin-bottom: 12px;
	font-family: 'Changa', sans-serif;
}
.myfield2 {
	width:100%;
	display: block;
	float: left;
	margin-bottom: 10px;
	font-family: 'Changa', sans-serif;
	border:1px #fff solid !important;
	color: #fff !important;
}

.normal-btn {
	padding: 1px 20px;
	background:none;
	border:2px #E24D26 solid;
	color:#E24D26;
	outline: none;
	font-size: 16px;
	min-height: 48px;
	margin-top: 20px;
	border-radius:500px;
	font-family: 'Changa', sans-serif;

}
.normal-btn:hover {
	border: 2px #333 solid;
	color: #333;
	cursor: pointer;
}
.form-btn {
	padding: 1px 30px;
	background:#2175C2;
	border:2px #2175C2 solid;
	color:#fff;
	outline: none;
	font-size: 16px;
	min-height: 44px;
	margin-top:5px;
	border-radius:3px;
	font-family: 'Changa', sans-serif;
  	text-transform: uppercase;
	width: 100%;
}
.form-btn:hover {
	border: 2px #0D4D9D solid;
	color: #fff;
	cursor: pointer;
	background:#0D4D9D;
	transition: 0.4s all;
}

.brands-scroll {
	width:100%;
	display: block;
	float: left;
	margin-bottom:0;
	border-top: 1px #f1f1f1 solid;
	padding-bottom: 5px;
}
.contacts {
	width:100%;
	display: block;
	float:left;
	background:#E84A31; 
}
.contacts ul {
	margin:0;
	padding: 0;
}
.contacts ul li {
	width: 33.33%;
	border-right: 1px #fff solid;
	margin: 0;
	list-style: none;
	outline: none;
	text-align: center;
	font-weight: bold;
	float: left;
	color: #fff;
	padding: 5px 0;
	font-size: 16px;
}
@media (max-width: 480px) {
.contacts ul li {
	width:100%;
	border-right:none;
	border-bottom: 1px #fff solid;
}
}
@media (min-width: 481px) and (max-width:990px) {
.contacts ul li {
	width:50%;
	border-right:none;
	border-bottom: 1px #fff solid;
}	
}

.contacts ul li img {
	margin-right:7px;
}
.contacts ul li a {
	color:#fff;
	font-size: 16px;
}
.contacts ul li:last-child {
	border-right:none;
}
.footer {
	width:100%;
	display: block;
	float: left;
	background:url(../images/network-image.png) #0D1939;
	padding: 50px 0;
	
	min-height:auto;
	background-attachment: fixed !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;	
}
.footer-bot {
	width:100%;
	display: block;
	padding:80px 0 60px 0;
	float: left;
}


@media (max-width: 480px) {
.footer-bot {
	width:100%;
	display:block;
	float:left;
	margin-top:0;
}	
}
.ft-logo {
	width:25%;
	display: block;
	float: left;
}
@media (max-width: 480px) {
.ft-logo {
	width:100%;
	display: block;
	float: left;
	margin-bottom: 15px;
	border-bottom:#666 1px dotted;
	padding-bottom: 20px;
}
}
@media (min-width: 481px) and (max-width:990px) {
.ft-logo {
	width:50%;
	display: block;
	float: left;
	margin-bottom: 15px;
	border-bottom:none;
	padding-bottom: 20px;
}
}



.contact-dtail {
	width:25%;
	display: block;
	float: left;
	border-left: 1px #666 dotted;
	padding-left: 2%;
}
@media (max-width: 480px) {
.contact-dtail {
	width:100%;
	display: block;
	float: left;
	margin:10px 0 40px 0;
	border-left:none;
	padding-left:none;
	padding-bottom:30px;
	border-bottom: 1px #666 dotted;
}	
}
@media (min-width: 481px) and (max-width:990px) {
.contact-dtail {
	width:50%;
	display: block;
	float: left;
	margin:0 0 30px 0;
	border-left:none;
	padding-left:0;
}	
}
.contact-info {
	width:100%;
	display: block;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	padding-top:8px;
	letter-spacing: 1px;
}
.contact-info span {
	display: inline-block;
	float:right;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
}


@media (max-width: 480px) {
.contact-info {
	width:100%;
	display: inline-block;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding-top:8px;
	letter-spacing: 1px;
	text-align:left;
}
.contact-info span {
	display:block;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align:center;
}	
}



@media (min-width:768px) and (max-width:990px) {
.contact-info {
	width:100%;
	display: inline-block;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding-top:8px;
	letter-spacing: 1px;
	text-align:left;
}
.contact-info span {
	display:block;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align:center;
}
}
.contact-info {
	width:100%;
	display:block;
	float:left;
}
.contact-info ul {
	margin:0;
	padding:0;
}
.contact-info ul li {
	margin:0;
	padding:0;
	color:#fff;
	float:left;
	width:100%;
	list-style: none;
	font-family:'Changa', sans-serif;
}
.contact-info ul li i {
	float:left;
	width:10%;
	min-height:55px;
	line-height:22px;

}
.contact-info ul li p {
	text-align:left;
	width:100%;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
}
.contact-info ul li p strong {
	color:#348FD9;
	display: block;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 16px;
	margin-top: 3px ;
}
.contact-info ul li p a {
	color:#fff;
	text-decoration:none;
	outline:none;
	font-family:'Changa', sans-serif;
}
.contact-info ul li p a::before {
	content:"";
}
.contact-info ul li p a:hover {
	color:#348FD9;
	text-decoration:none;
}
.social-icons {
	width:100%;
	display: block;
	float: left;
}



.quicklinks {
	width:20%;
	display: block;
	float: left;
}
@media (max-width: 480px) {
.quicklinks {
	width:100%;
	display: block;
	float: left;
	margin-bottom: 15px;
	padding-bottom:30px;
	border-bottom: 1px #666 dotted;
}
}
@media (min-width: 481px) and (max-width:990px) {
.quicklinks {
	width:50%;
	display: block;
	float: left;
	margin-bottom: 15px;
	padding-bottom:30px;
}
}


.quicklinks h3 {
	width:100%;
	display: block;
	float: left;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0;
	color: #fff;
}

.ql-body {
	width: 100%;
	display: block;
}
.ql-body ul {
	margin: 0;
	padding: 0;
}
.ql-body ul li {
	list-style: none;
	outline: none;
	line-height:20px;
}
.ql-body ul li a {
	color: #ddd;
	display: block;
	border: none;
	outline: none;
	text-decoration: none;
	font-size: 13px;
	font-family: 'Changa', sans-serif;
	line-height: 28px;
}
.ql-body ul li a:hover {
	color: #fff;
	border: none;
	outline: none;
	text-shadow: 0 1px 1px #000000;

	transition: 0.4s all;
}
.ql-body ul li a:hover::before {
	content:"- ";
}





.newsletter-sub {
	width:30%;
	display: block;
	float: left;
	margin-left:0;
}
@media (max-width: 480px) {
.newsletter-sub {
	width:100%;
	display: block;
	float: left;
	margin-left:0;
}	
}
@media (min-width: 481px) and (max-width:990px) {
.newsletter-sub {
	width:50%;
	display: block;
	float: left;
	margin-left:0;
}
}
.newsub-top {
	width:100%;
	display: block;
	float: left;
}
.envelope {
	width:25%;
	display:inline-block;
	float: left;
}
.newsub-top span {
	width:75%;
	display:inline-block;
	float:right;
}
.newsub-top span h3 {
	width: 100%;
	display: block;
	float: left;
	font-size:19px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 5px 5px 0;
	padding: 0;
	color: #fff;
}
.newsub-top span p {
	width:100%;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 15px 0;
	padding: 0;
	color: #fff;
	font-family: 'Changa', sans-serif;
}
.news-sub {
	width:100%;
	display: block;
	float: left;
	margin: 15px 0 0 0;
}


.newsubmit-btn {
	padding: 1px 30px;
	background-color:#fff;
	border:2px #fff solid;
	color:#000;
	outline: none;
	font-size: 16px;
	min-height: 44px;
	margin-top:5px;
	border-radius:3px;
	font-family: 'Changa', sans-serif;
  	text-transform: uppercase;
}
.newsubmit-btn:hover {
	border: 2px #348FD9 solid;
	color:#fff;
	background:#348FD9;
	cursor: pointer;
	transition: 0.4s all;
}

















.rights {
	width: 100%;
	text-align:center;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	background: #fff;
	padding: 15px 0;
	float: left;
}


#gototop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  outline: none;
  background-color:#f6f6f6;
  color:#000;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px; 
  border: 1px #f6f6f6 solid;
}
#gototop:hover {
  background-color:#348FD9;
  border: none;
  color: #fff;
}



.inner-content {
	width:100%;
	display: block;
	float: left;
}
.inner-content  h1 {
	width:100%;
	font-size:22px;
	margin: 35px 0 25px 0;
	padding: 0;
	text-transform:capitalize;
	display: block;
	float: left;
	color:#999;
	font-weight:normal;
	text-align: center;
	
	font-family: 'Poppins', sans-serif;
}

.inner-content  h1 span {
	font-size:28px;
	line-height: 28px;
	color:#444;
	text-align: center;
	font-weight: bold;
}

.inner-content  h2 {
	width:100%;
	font-size:24px;
	margin: 35px 0 25px 0;
	padding: 0;
	text-transform:capitalize;
	display: block;
	float: left;
	letter-spacing: -1px;
	color:#444;
	font-weight:normal;
	
	font-family: 'Poppins', sans-serif;
}
.inner-content  h3 {
	width:100%;
	font-size:20px;
	margin: 35px 0 25px 0;
	padding: 0;
	text-transform:capitalize;
	display: block;
	float: left;
	letter-spacing: -1px;
	color:#444;
	font-weight:normal;
	
	font-family: 'Poppins', sans-serif;
}
.inner-content p {
	width:100%;
	font-size:14px;
	margin:10px 0;
	padding: 0;
	text-transform:capitalize;
	display: block;
	float: left;
	color:#444;
	font-family: 'Changa', sans-serif;
}



.partner-logo {
	width: 100%;
	display: block;
	float: left;
	margin: 8px auto;
	text-align: center !important;
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
}
.partner-logo:hover {
	text-align: center;
	border-top: 1px #0D4D9D solid;
	border-bottom: 1px #ccc solid;
}
.partner-logo img {
	display:block;
	text-align: center;
	margin: auto;
}
.partner-logo img:hover {
	transition: 1s ease;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}
.partner-logo span {
	width:100%;
	display: block;
	float: left;
	text-align: center;
	background:#f6f6f6;
	color:#666;
	font-size:13px;
	height: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	font-family: 'Changa', sans-serif;
}








.services-area {
	width:100%;
	display: block;
	float: left;
	background:url(../images/services-bg.jpg);
	padding: 50px 0;
	
	min-height:auto;
	background-attachment: fixed !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}











.circle {
	border-radius: 500px;
}