@font-face {
font-family: 'ufonts.com_century-gothic';
src: url('../font/ufonts.com_century-gothic.html');
src: local('ufonts.com_century-gothic'), url('../font/ufonts.com_century-gothic.ttf') format('woff'), url('../font/ufonts.com_century-gothic.ttf') format('truetype');
}





::-webkit-scrollbar {
width:7px;
height:7px;

}
::-webkit-scrollbar-track {
background:#efefef;

}
::-webkit-scrollbar-thumb {
background:#403e3e;
border-radius:0
}
::-webkit-scrollbar-thumb:hover {
background:#fd6308;
cursor:pointer;
}
::-webkit-scrollbar-thumb:active {
background:#fd6308;
}


.header
{
	background:#fff;
	padding:0px;

	margin:0px;
	float:left;
	width:100%;
}
.display
{
display:block;
margin-right:0px !important;
}
.display a
{
display:block;
padding-right:0px !important;
margin-right:0px !important;
}

.baaner-footer
{background:#0a8a90;color:#fff;padding:0px;margin:0px;float: left;width:100%;color:#fff;font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;}
.baaner-footer h2
{
color: #fff;
font-weight: bold;
margin: 41px 0px 10px 0px;
text-align: center;
font-size: 18px;
}

.baaner-footer p
{color:#fff;font-weight:normal;text-align:center !important;/* padding-bottom:10px; */}

.baaner-footer a
{
color:#fff;
text-decoration:underline;
}

.baaner-footer a:hover
{
color:#000;
text-decoration:underline;
}


.heading-white {
width: 100px;
    background: #fff;
    font-weight: 700;
    height: 4px;
    margin: 0px auto;
    border: none;
    text-align: center;
    margin-bottom: 10px;
}

.abbout-line
{background:#ffff;color:#202020;padding:50px 0px;margin:0px;float: left;width:100%;font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;}

.abbout-line p
{

width: 70%;
margin: 0 auto;
line-height: 26px;
font-size: 18px;
text-align: center;
font-weight: 300;
padding-top: 12px;

}



.inne-line
{background:#ffff;color:#202020;padding:50px 0px;margin:0px;float: left;width:100%;font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;}

.inne-line p
{
line-height: 26px;
font-size: 18px;
text-align:justify;
font-weight: 300;
padding-top: 12px;

}


.inne-line  h5
{    padding: 0;
    color: #202020;
    font-size: 60px;
    font-style: normal;
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 900;
 
}


.text-tag
{
color: #0a8a90;
font-weight:300;
margin:0px 0px 0px 0px;
text-align: center;
font-size:45px;
}


.text-tag span
{
font-weight:900;
}





.valu-line
{background:url(../images/services-background.jpg) center fixed;background-size:cover;padding:50px 0px;margin:0px;width:100%;float: left;text-align:center;color:#fff;font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;}
.valu-line h4
{

text-transform: uppercase;
margin-bottom: 0px;
}
.valu-line h5
{
font-weight:100;
}

.valu-line p
{font-weight: 300;line-height: 25px;}

.readmore
{    padding: 8px 23px;
border: solid 1px #ddd;
color: #fff;}

.readmore:hover
{ 
background:#0a8a90;
text-decoration:blink;
border: solid 1px #ddd;
color: #fff;}



.view-all
{color: #0a8a90;
padding: 12px 55px;
background: #fff;
border-radius: 3px;
font-size: 18px;}

.view-all:hover
{color: #fff;
background:#0a8a90;
text-decoration:blink;
}




.services-line
{background:#fff;padding:50px 0px;margin:0px;width:100%;float: left;text-align:center;color:#202020;font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;}
.services-line h4
{

text-transform: uppercase;
margin-bottom: 0px;
}
.services-line h3
{
    font-weight: 400;
    color: #0a8a90;
    font-size: 21px;
    margin: 0px 0px 10px 0px;
}

.services-line p
{
font-weight:300;
font-size:17px;
}


.services-more
{    background: #0a8a90 !important;
border: none !important;
padding: 8px 28px !important;
border-radius: 0px !important;
font-size: 16px !important;
}

.services-more:hover
{    background: #045c77 !important;
color:#fff !important;
}


.my-thumb
{    padding: 0px !important;
    border-radius: 0px !important;
    border: solid 1px #ddd !important;
}


.services-view-all
{color: #fff;
padding: 12px 55px;
background: #045c77;
border-radius: 3px;
font-size: 18px;}

.services-view-all:hover
{color: #fff;
background:#0a8a90;
text-decoration:blink;
}

.about-read
{color: #fff;
padding: 12px 30px;
background: #045c77;
border-radius: 3px;
font-size: 18px;}

.about-read:hover
{color: #fff;
background:#0a8a90;
text-decoration:blink;
}


.send-message-line
{background:#045c77;padding:50px 0px;margin:0px;width:100%;float: left;color:#fff;font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;}


.border-inout
{
    border-radius: 0px !important;
    height: 41px !important;
    margin-bottom:15px;
    border: solid 1px #045c77 !important;
    }




.submit
{color: #fff !important;
padding: 12px 55px !important;
background: #0a8a90 !important;
border-radius: 3px !important;
font-size: 18px !important;
border:none !important;}

.left-or-rights {
    width: 100%;
    padding: 25px 0px;
    margin: 0px;
    background: #fff;
    margin-top: 0;
}

.bg-color {
    background: #fff !important;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
.left-or-rights {
    width: 100%;
    padding: 25px 0px;
    margin: 0px;
    background: #fff;
    margin-top: 0;
    width: 100%;
    float: left;
}

.technology-tag {
    color: #0a8a90 !important;
    border-bottom: solid 1px #0a8a90 !important;
    font-size: 18px;
    padding-bottom: 11px !important;
    padding-top: 27px;
}


.technology-text {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-align: justify !important;
    color: #202020;
    margin-top: 10px;
}

.footer-line
{background:#202020;padding:50px 0px;margin:0px;width:100%;float: left;color:#fff;font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;}

.foter-white {
width:50px;
background: #fff;
font-weight: 700;
height: 4px;
margin: 0px 0;
border: none;
text-align: left;
margin-bottom: 10px;
}

.footer-tag
{    text-transform: uppercase;
    font-size: 17px;
    font-weight: 300;}

.footer-link
{color: #fff;
font-weight:300;
font-size: 14px;
margin-top: 10px;
width: 100%;
float: left;
}

.footer-link:hover
{color: #959494;
text-decoration:blink;
}

.footer-link img
{
	margin-right:10px;
	width:13px;
	height:15px;
}


.copyright-line {background: #fff;padding: 12px 0px;margin: 0px;width: 100%;float: left;color: #484646;font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;}


.inner-page {
    background: url(../images/services-background.jpg) center fixed;
    background-size: cover;
    padding: 40px 0px;
    margin: 64px 0px 0px 0px;
    float: left;
    width: 100%;
    text-align: center;
    color: #484646;
    font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;

}

.inner-page h2, .inner-page h1 {
    padding: 0;
    color: #ffffff;
    font-size:35px;
    font-style: normal;
    font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight:500;
	text-transform:uppercase;

}


.box-border
{border-right:solid 1px #656464; margin-bottom:0px;}







.ew_solution ul.ews_btns li {position: relative;display: block;float: left;width: 25%;font-size: 18px;font-weight: 400;font-family: Roboto, sans-serif;line-height: 50px;padding: 0 10px;box-sizing: border-box;}
.expertize_slider, ul.new_list2 li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box
}
.ew_solution ul.ews_btns li a {position: relative;display: block;color: #0a8a90;text-align: center;margin-bottom: 20px;border: 1px solid #0a8a90;}

.ew_solution ul.ews_btns li a:hover {
	background:#f5f5f5;
	color:#000;
	text-decoration:blink;}

.ews_btns
{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;}

.ew_solution ul.ews_btns li a span:after, .ew_solution ul.ews_btns li a span:before, .ew_solution ul.ews_btns li a:after, .ew_solution ul.ews_btns li a:before {display: block;content: '';position: absolute;z-index: 1;width: 6px;height: 6px;background: #035f79;}
.ew_solution ul.ews_btns li a:before {
left: -3px;
top: -3px
}
.ew_solution ul.ews_btns li a:after {left: 268px;bottom: -3px;}
.ew_solution ul.ews_btns li a span:before {
right: -3px;
top: -3px
}
.ew_solution ul.ews_btns li a span:after {
right: -3px;
bottom: -3px
}
.ew_solution ul.ews_btns li a:hover {
border-color: #000000;
}
.ew_solution ul.ews_btns li a:hover span::after, .ew_solution ul.ews_btns li a:hover span::before, .ew_solution ul.ews_btns li a:hover::after, .ew_solution ul.ews_btns li a:hover::before {
background: #000;
}
.ew_solution a.btn_ews {
display: inline-block;
padding: 0 40px;
font-size: 18px;

line-height: 50px;
color: #fff;
border: 1px solid #fff
}
.ew_solution a.btn_ews:hover {
background: #ee1d25;
border-color: #ee1d25
}





.line-hei
{    width:4% !important;
display:block;
}


@media only screen and (min-width:320px) and (max-width:480px) {
.line-hei
{    width: 4%;
display:none;
}	
.box-border
{border-right:solid 0px #656464; margin-bottom:40px;
border-bottom:solid 1px  #656464;
padding-bottom:40px;}

	.footer-tag {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 300;
    margin-top: 25px;
    margin-bottom: 10px;
}
	.display
{
display:none;

}

.abbout-line p {
    width: 100%;
    margin: 0 auto;
    line-height: 22px;
    font-size: 13px;
    text-align: center;
    font-weight: 300;
    padding-top: 12px;
}

.text-tag {
    color: #0a8a90;
    font-weight: 300;
    margin: 0px 0px 0px 0px;
    text-align: center;
    font-size: 27px;
}


.ew_solution ul.ews_btns li {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    font-size: 18px;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    line-height: 50px;
    padding: 0 10px;
    box-sizing: border-box;
}

.ew_solution ul.ews_btns li a:after {
    right: 0px !important;
	left: 0px !important;
    bottom: -3px;
}

}
