html,body{min-height: 100%;height: 100%;}
body{background: #fff;font-family: Arial, Helvetica, sans-serif;}
ul{padding: 0; margin: 0;border-radius: 0 !important;}
a{outline: none;transition: all 500ms ease;}
a:focus{text-decoration: none;transition: all 500ms ease;}
a:hover{text-decoration: none;transition: all 500ms ease;}
p{margin: 0;}
.padded{padding-left: 0;padding-right: 0;}
input[type="text"]::-moz-placeholder,input[type="search"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="password"]::-moz-placeholder, select, textarea
{color:#c1c1c1;opacity:1;}
input[type="text"]::-webkit-input-placeholder,input[type="search"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, select, textarea
{color:#c1c1c1;opacity:1;}
textarea{resize:none;}
select,select:focus,select:hover{outline: none;}
.bluebg{padding: 7px 25px;background: linear-gradient(to bottom,#1d83d6 0,#1677c5 100%);margin-top: 20px;}
.aboutusbg{padding: 7px 25px;background:#472A00 ;margin-top: 20px;}
h3{font-size: 14px;/*color: #F6F6F6;text-shadow: 1px 1px #000000;*/font-weight: bold;text-transform: uppercase;margin: 0;color: #fff;}
.para{color: #272727;text-align: justify;font-size: 12px;line-height: 15px;padding-bottom: 5px;}
.white{color: #ffffff;text-align: left;font-size: 12px;line-height: 15px;padding-bottom: 5px;}
.justify{text-align: justify;}
.padded{padding: 0;}
.Rpadded{padding-right: 0;}
.readmore{padding: 8px 15px;display: inline-block;float: right;color: #fff;font-size: 14px;font-weight: 600;text-align: center;background: linear-gradient(to right,rgba(238,154,41,1) 2%,rgba(229,81,21,1) 100%);margin-top: 30px;text-transform: uppercase;transition: all 500ms ease;border-radius: 5px;}
.readmore:hover{background: linear-gradient(to left,rgba(238,154,41,1) 2%,rgba(229,81,21,1) 100%);color: #fff;transition: all 500ms ease;}
/***************** Breadcrumb *********************/
.breadcrumb{background: transparent;padding: 11px 0;border-top: 2px solid #0D0F0F;border-bottom: 2px solid #0D0F0F;}
.breadcrumb li{display: inline-block;}
.breadcrumb li a{font-size: 11px;font-weight: bold;color: #5e8a8c;display: block;padding-right: 40px;position: relative;}
.breadcrumb li a:hover{color: #000;}
.breadcrumb li a:after{content: "";position: absolute;right: 8px;top: 0;width: 24px;height: 15px;background: url("images/arrow.png") no-repeat;}
.breadcrumb li:last-child a:after{display: none;}
/*****************Header*********************/
.tagline{color: rgba(229,81,21,1);font-size: 11px;font-family: Arial, Helvetica, sans-serif;font-weight: 500;margin-bottom: 15px;}
.mobile,.closedmenu{display: none;}
.topHeader{background: #085fa4/*0f1923*/;padding: 5px 0 20px;}
.topHeader ul li{display: inline-block;padding-right: 10px;}
/*.midHeader{background: #f3f3f3;padding: 50px 0 0;}*/
.midHeader{background: #003b69;padding: 20px 0 0;}
.midHeader ul{margin-top: 10px;}
.midHeader ul li{display: inline-block;}
.midHeader ul li a{display: block;padding: 10px 30px;background: rgba(255,255,255,0.1);border-radius: 5px 5px 0 0;color: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: normal;}
.midHeader ul li > ul li a{background: #eee;color: #000;}
.midHeader ul li a:hover,.midHeader ul li a.active{background: linear-gradient(to right,rgba(238,154,41,1) 2%,rgba(229,81,21,1) 100%);}
.midHeader ul li > ul li a:hover{background: linear-gradient(to right,rgba(238,154,41,1) 2%,rgba(229,81,21,1) 100%);color: #fff;}
.midHeader ul li i{position: absolute;right: 10px;top: 15px;cursor: pointer;color: #000;}
.midHeader ul li > ul li a:hover + i{color: #fff;}
.midHeader .wbox{position: absolute;top: -15px;right: 15px;width: 250px;height: auto;background: #fff;box-shadow: 0px -4px 6px rgba(0,0,0,0.2);z-index: 999;border-radius: 5px;padding: 20px 30px 40px;}
.midHeader .wbox li a{background: transparent;padding: 0 0 0 25px;font-size: 12px;font-weight: 600;color: #272727;position: relative;}
.midHeader .wbox li a:after{content: "";position: absolute;left: 0;top: 3px;background: url("images/listing-square.png") no-repeat;width: 20px;height: 20px;}
.midHeader .wbox li a:hover{background: transparent;color: #085fa4;}
/***************** Home Page *********************/
.homeMid .bluebg{background: #003b69;}
.homeMid .aboutusbg{background: #E8E8E8;}
.homeMid .para{text-align: justify;margin-top: 20px;height: auto;min-height: 110px;}
.homeMid .lastdiv {background: #f6f6f6;padding: 20px 20px 15px 20px;}
.homeMid .lastdiv li{position: relative;padding-right: 50px;display: block;}
.homeMid .lastdiv li:first-child{padding-right: 0;padding-left: 50px;}
.homeMid .lastdiv li:first-child i{right: inherit;left: -5px;}
.homeMid .lastdiv li i{width: 40px;height: 40px;line-height: 40px;border-radius: 50%;text-align: center;color: #fff;background: #085fa4;font-style: normal;position: absolute;right: -5px;top: 0;}
.homeMid .lastdiv li .para{min-height: auto;margin-top: 0;}
.homeMid .databox{margin-top: 30px;}
.homeMid .databox .para{min-height: auto;}
.middleTop{padding: 35px 0 20px;}
.middleTop .weldata h3{color: #000;margin-bottom: 17px;}
.middleTop .weldata .para{text-align: justify;padding-right: 75px;padding-bottom: 10px;}
.middleTop .wbox{margin-top: 50px; padding: 0px 20px 20px;background: #fff;box-shadow: 0px 5px 6px rgba(0,0,0,0.2);position: relative;z-index: 999;text-align: center; width: 249px;float: right;}
.nivoSlider img{position: absolute;top: 0px;left: 0px;display: none;}
.nivoSlider a{border: 0;display: block;}
.nivo-slice{display: block;position: absolute;z-index: 5;height: 100%;}
.nivo-box {display: block;position: absolute;z-index: 5;}
.nivo-controlNav{left: 53%;bottom: 1%;display: block;position: absolute;margin-left: -35px;z-index: 9;}
.nivo-controlNav a{position: relative;cursor: pointer;display: block;width: 14px;height: 22px;background: url("images/bullets.png") no-repeat; text-indent: -9999px;border: 0;margin-right: 3px;float: left;}
.nivo-controlNav a.active{font-weight: bold;background-position: 0 -22px;}
.nivo-directionNav a{display: block;width: 30px;height: 106px;position: absolute;top: 44%;z-index: 9;cursor: pointer;background: url("images/arrows.png") no-repeat;text-indent: -9999px;border: 0;}
.nivo-prevNav {left: 0px;}
a.nivo-prevNav {left: 15px;}
.nivo-nextNav {right: 0px;}
a.nivo-nextNav {background-position: -30px 0;right: 15px;}
/***************** Middle Inner *********************/
.middle-inner{background: #fff;padding: 70px 0 20px;}
.databox{padding: 15px 20px 15px 20px;background: #003b69/*linear-gradient(to bottom,#1d83d6 0,#1677c5 100%)*/;}
.databox p{font-size: 12px;color: #fff;text-align: justify;}
.paralist{margin-left: 35px;padding-bottom: 15px;}
.paralist li{color: #272727;text-align: justify;font-size: 12px;line-height: 15px;padding-bottom: 5px;padding-left: 25px;position: relative;display: block;}
.paralist li:after{content: "";position: absolute;left: 0;top: 3px;width: 20px;height: 20px;background: url("images/listing-arrow.png") no-repeat;}
/*****************Footer *******************
footer{background: #003b69/*#0f1923*;padding: 30px 0 30px;margin-top: 40px;position: relative;}
footer:after{content: "";position: absolute;top: 0;left: 0;background: url("images/footer-border.png");width: 100%;height: 3px;}
footer h3{color: #CFCFCF;margin-bottom: 35px;padding-top: 30px;}
footer .coldata{display: inline-block;}
footer .coldata a{display: block;width: 40px;height: 40px;border: 1px solid #fff;margin: 5px 3px;}
footer .coldata a img{width: 100%;}
footer .paralist{margin-left: 5px;}
footer .paralist li a{color: #CFCFCF;font-size: 12px;}
footer .paralist li a:hover{color: #085fa4;}
footer .wbox{background: #fff;border-radius: 5px;width: 275px;float: right;padding: 40px 15px;margin-top: -85px;box-shadow: 1px 5px 6px rgba(0,0,0,0.2);z-index: 1;position: relative;}
footer .wbox h3{color: #272727;text-align: left;}
footer .wbox ul li,footer .wbox ul li a{font-size: 12px;color: #666;display: block;}
footer .wbox ul li a{display: inline-block;}
footer .wbox ul li a:hover{color: #085fa4;}
footer .social{text-align: right;display: block;}
footer .social li{display: inline-block;}
footer .social li a{display: block;width: 40px;height: 40px;margin: 20px 0 0 0;}
footer .social li a img{width: 100%;}
/*****************Copyright *******************
.copyright{background: #085fa4;padding: 20px 0;border-top: 1px solid rgba(255,255,255,0.2);}
.copyright ul li{display: inline-block;}
.copyright ul li:first-child a{padding-left: 0;}
.copyright ul li a{font-size: 11px;color: #CFCFCF;padding: 0 15px;text-transform: uppercase;border-right: 1px solid #CFCFCF;line-height: 14px;}
.copyright ul li a:hover{color: #085fa4;}
.copyright ul li:last-child a{border-right: none;}
.copyright p{font-size: 11px;color: #CFCFCF;text-transform: uppercase;margin: 0;font-weight: 600;text-align: right;}**************/
/*****************************/
/************SKILL LEVEL**********/
/*********************************/
.skill-level{
padding:28px 20px;
box-shadow:0 0 0 6px #f3f3f3 inset;
display: table;
width: 100%;
}
.skill-level h4{
display:table;
height:79px;
margin:0;
}
.skill-level h4 > span{
display:table-cell;
vertical-align:middle;
font-size: 16px;
font-weight: 600;
}
.stat-count {
width: 76px;
height:79px;
color:#0f1923;
font-size:60px;
margin:0 5px 0 0;
line-height:79px;
background-size:contain !important;
}
.logo-background{
background:url(images/big-logo-img.png) no-repeat center center;
}
/************SUPPORT**********/
/*****************************/
.support-box{
padding:50px 0;
background-image:url(images/support-team.jpg);
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
}
.support-heading{
margin: 14px 0 0;
color: #fff;
font-size: 27px;
line-height: 0;
}
.support-box .transparent-btn a{
color:#fff;
padding:24px 56px;
background:linear-gradient(to right,rgba(238,154,41,1) 2%,rgba(229,81,21,1) 100%);
border-radius: 5px;
}
.support-box .transparent-btn a:hover{
background:linear-gradient(to left,rgba(238,154,41,1) 2%,rgba(229,81,21,1) 100%);
}
/*****************Footer*******************/
.footerMain{background: #003b69;padding: 70px 0 50px;}
.footerMain ul{list-style: none;}
.footer h5{
color:#fff;
text-transform: uppercase;
margin:0 0 20px;
font-size: 15px;font-weight: 600;
}
/*.newsletter {
width:26%;
margin-right:7%;
}*/
.newsletter .form-group{
width:78%;
}
.newsletter .form-control{
border-radius:0;
border:none;
color:#000;
height:40px;
font-size:12px;
line-height:12px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#ccc;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#ccc;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#ccc;
}
.newsletter .btn-default{
width:22%;
color:#fff;
padding:0;
height:40px;
outline:none;
cursor:pointer;
line-height:35px;
border:none;
box-shadow:none;
border-radius:0;
background:linear-gradient(to right,rgba(238,154,41,1) 2%,rgba(229,81,21,1) 100%);
}
.newsletter .btn-default:hover{
background: linear-gradient(to left,rgba(238,154,41,1) 2%,rgba(229,81,21,1) 100%);
}
.newsletter ul li{
font-size: 14px;
color:#c3c8cb;
margin:0 0 10px;
line-height:20px;
padding:0 0 0 24px;
position:relative;
}
.newsletter ul li i{
left:0;
top:3px;
color:#51c5eb;
position:absolute;
}
/*.sitemap{
margin-right:2%;
}*/
/*.twitter-feeds {
width:23%
}*/
.sitemap ul{display: inline-block;width: auto;text-align: left;}
.copyright-section .social-icons ul li a,.blog-post-info .social-icons ul li a{
color:#b5b5b5;
text-decoration:none;
}
.copyright-section .social-icons ul li a:hover,.blog-post-info .social-icons ul li a:hover{
color:#51c5eb;
}
.newsletter ul li a,.sitemap ul li a{
color:#c3c8cb;
text-decoration:none;
}
.newsletter ul li a:hover,.sitemap ul li a:hover,.twitter-feeds ul li a:hover{
color:#51c5eb;
}
.sitemap ul li{
font-size:12px;
margin:0 0 10px;
line-height:18px;
padding:0 0 0 20px;
background: url(../images/icons/li-icon.png) no-repeat left 7px;
}
.twitter-feeds ul li{
font-size:12px;
line-height:16px;
margin:0 0 20px;
}
.twitter-feeds ul li .tweet-link{
color:#51c5eb;
display:block;
margin:4px 0;
}
.twitter-feeds ul li .tweet-date{
font-size:10px;
color:#c3c8cb;
font-style:italic;
text-decoration:underline;
}
.twitter-feeds ul li a{
color:#c3c8cb;
}
.twitter-feeds ul li i{
color:#51c5eb;
}
.twitter-feeds ul li:last-child{
margin:0;
}
/*.copyright-section{
float:right;
width:22%;
}*/
.copyright-section .logo{
margin:0 0 16px;
}
.copyright-section li{
color:#c3c8cb;
font-size:12px;
}
.copyright-section li a{
color:#51c5eb;
text-decoration:none;
}
.copyright-section li a:hover{
text-decoration:underline;
}
.copyright-section .social-icons,.blog-post-info .social-icons{
position:relative;
right:0;
bottom:0;
margin:16px 0 0;
}
.copyright-section .social-icons ul li,.blog-post-info .social-icons ul li{
float:left;
margin:0 10px 0 0;
}
.copyright-section .social-icons ul li a,.blog-post-info .social-icons ul li a{
color:#b5b5b5;
text-decoration:none;
}
.copyright-section .social-icons ul li a:hover,.blog-post-info .social-icons ul li a:hover{
color:#51c5eb;
}
/***********CONTACT**********/
/****************************/
.spacer {
float: left;
width: 100%;
height: 50px;
}
.border-top {
border-top: 1px solid #ddd;
}
.contact-banner{
background-image:url(../images/banners/contact-banner.jpg);
}
.contact-info{
padding:50px 0 0;
text-align:left;
}
.contact-info figure{
width:50px;
height:60px;
color:#fff;
font-size:26px;
text-align:center;
line-height:60px;
background:linear-gradient(to right,rgba(238,154,41,1) 2%,rgba(229,81,21,1) 100%);
margin:0 20px 0 0 !important;
}
.contact-links{
color:#0f1923;
height:60px;
display:table;
font-size:18px;
line-height:22px;
}
.contact-links > div{
display:table-cell;
vertical-align:middle;
}
.contact-links a{
color:#0f1923;
}
.contact-form{
padding:0 30px 30px;
background-color:#fff;
}
.contact-form ul li{
float:left;
width:32.3%;
position:relative;
margin:0 1.5% 0 0;display: inline-block;
}
.contact-form ul li input[type="text"],.contact-form ul li input[type="email"],.contact-form ul li input[type="tel"] {
float:left;
width:100%;
height:45px;
color:#999;
font-size:12px;
padding:10px 5%;
line-height:28px;
border:1px solid #ddd;
/*box-shadow:0 0 0 1px #ddd inset;*/
}
.contact-form ul li input[type="text"]::-webkit-input-placeholder,.contact-form ul li input[type="email"]::-webkit-input-placeholder,.contact-form ul li input[type="tel"]::-webkit-input-placeholder,.contact-form .comments textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#999;
}
.contact-form ul li input[type="text"]:-moz-placeholder,.contact-form ul li input[type="email"]:-moz-placeholder,.contact-form ul li input[type="tel"]:-moz-placeholder,.contact-form .comments textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color:#999;
opacity: 1;
}
.contact-form ul li input[type="text"]::-moz-placeholder,.contact-form ul li input[type="email"]::-moz-placeholder,.contact-form ul li input[type="tel"]::-moz-placeholder,.contact-form .comments textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#999;
opacity: 1;
}
.contact-form ul li input[type="text"]:-ms-input-placeholder,.contact-form ul li input[type="email"]:-ms-input-placeholder,.contact-form ul li input[type="tel"]:-ms-input-placeholder,.contact-form .comments textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#999;
}
.contact-form ul li:last-child {
margin:0;
}
.contact-form .comments{
position:relative;
}
.contact-form .comments textarea {
float:left;
width:100%;
color:#999;
height:170px;
font-size:12px;
padding:10px 1.5%;
margin:20px 0;
line-height:20px;
border:1px solid #ddd;
/*box-shadow:0 0 0 1px #ddd inset;*/
}
.black-font {
color: #0f1923;
margin: 25px 0 8px;
font-weight: bold;
text-align: center;
display: block;
width: 100%;
font-size: 24px;
text-transform: uppercase;
}
.contact-form input[type="submit"] {
width:222px;
color:#fff;
cursor:pointer;
border:none;
outline:none;
height:50px;
font-size:14px;
line-height:14px;
padding:0;
text-decoration:none;
background:#51c5eb;
font-weight:400;
text-transform:uppercase;
text-decoration: none;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
background: linear-gradient(to right,rgba(238,154,41,1) 2%,rgba(229,81,21,1) 100%);
}
.contact-form input[type="submit"]:hover {
background:linear-gradient(to left,rgba(238,154,41,1) 2%,rgba(229,81,21,1) 100%);
}
.contact-form .comments span.error{
top:80px;
}
span.error {
color: #a94442;
right: 20px;
top: 11px;
position: absolute;
}
#form_result{
color: #333;
font-size: 12px;
padding: 15px;
}
#form_result.success{
margin:-20px 0 20px;
background-color: #dff0d8;
}
#form_result.error{
background-color: #f2dede;
}
.greyBg {
background-color: #f3f3f3;
padding: 20px 0;
}
.contact-form ul li input[type="text"].error,.contact-form ul li input[type="email"].error,.contact-form ul li input[type="tel"].error,.contact-form .comments textarea.error{
border: 1px solid #a94442 !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.location-map{
pointer-events: none;
}
.location-map iframe {
float:left;
width: 100%;
}
/*========================
18. Media Query
==========================*/
/*
|-------------------------------------------------------------------|
| Menu Mouse hover state |
|-------------------------------------------------------------------|
*/
@media screen and (min-width:992px) and (max-width:20000px)
{
.topPadded{padding: 50px 0;}
.subright{display: none;}
.midHeader ul li{position: relative;}
.midHeader ul li > ul{position: absolute;left: 0;top: 200%;background: #ccc;width: 172px;box-shadow: -1px 1px 0px rgba(0,0,0,0.2);opacity: 0;visibility: visible;z-index: -1;transition: all 500ms ease;}
.midHeader ul li:hover > ul{top: 75%;opacity: 1;visibility: visible;transition: all 500ms ease;z-index: 9999;}
.midHeader ul li > ul > li{display: block;width: 100%;border-top: 1px solid #bbb;position: relative;}
.midHeader ul li > ul > li > a{padding: 12px 15px;font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: normal;border-radius: 0;}
.midHeader ul li > ul > li > ul{left: 100%;top: -11px !important;box-shadow: -1px 1px 0px rgba(0,0,0,0.2);}
.sitemap h5{margin-left: -55px;}
}
/*
|-------------------------------------------------------------------|
| Extra large devices (large desktops, 1200px) |
|-------------------------------------------------------------------|
*/
@media screen and (min-width:992px) and (max-width:1199px)
{
.midHeader .wbox{top: -64px;width: 233px;}
.skill-level h4 > span{font-size: 14px;}
.midHeader ul li a{padding: 10px 20px;}
.midHeader .wbox{top: 0;width: 249px;}
.support-box .transparent-btn a{padding: 24px 30px;}
}
/*
|-------------------------------------------------------------------|
| Large devices (desktops, 992px) |
|-------------------------------------------------------------------|
*/
@media screen and (min-width:768px) and (max-width:991px)
{
footer .wbox{margin-top: 0;width: 100%;}
}
/*
|-------------------------------------------------------------------|
| Medium devices (tablets, 768px) |
|-------------------------------------------------------------------|
*/
@media screen and (min-width:0px) and (max-width:991px)
{
.middle-inner{padding-top: 20px;}
#slider{margin-bottom: 15px;}
.midHeader .padded{padding: 0 !important;}
.middleTop .weldata .para{padding-right: 0;}
html,body{height: 100%;}
.container {max-width: 100%;}
.mobile{display: block;font: 600 16px 'Open Sans',sans-serif;color: #fff !important;text-transform: uppercase;text-align: left;cursor: pointer;padding: 15px;margin-top: 0;}
.mobile i {float: right;font-size: 24px;transition: all 500ms ease;}
.mobile:hover,.mobile:hover i{color: #fff !important;transition: all 500ms ease;}
.closedmenu{position: absolute;right: -15px;top: -20px;width: 30px;height: 30px;background: #085fa4;text-align: center;line-height: 30px;color: #fff;cursor: pointer;display: block;}
.midHeader .col-sm-12.col-lg-9,.midHeader .col-sm-12.col-lg-3{padding-right: 0;}
.midHeader .wbox{position: inherit;right: inherit;top: inherit;box-shadow: none;width: auto;}
.midHeader{position: fixed;left: -5000px;top: 0;width: 260px;height: 100%;overflow-y: auto;z-index: 9999;padding: 15px 15px 15px 0;transition: all 500ms ease;}
.overlay{position: fixed;right: 0;top: 0;display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 999;transition: all 500ms ease;}
.menuopen{overflow-y: hidden;}
.menuopen .midHeader{left: 0;transition: all 500ms ease;}
.menuopen .overlay{display: block;transition: all 500ms ease;}
.midHeader img{width: 100%;margin-top: 25px;margin-bottom: 15px;padding: 10px 0 15px;
background: #fff;}
.midHeader ul li{position: relative;display: block;margin-bottom: 15px;}
.midHeader ul li a{border-radius: 0;margin-bottom: 5px;background: transparent;text-align: left;padding: 8px 12px;}
.midHeader ul li > ul li a{color: #000;background: transparent;}
.midHeader ul li i{top: 0;right: 0;width: 38px;height: 38px;line-height: 38px;background: #fff;text-align: center;color: #000;}
.midHeader ul li i:hover{background: #085fa4;color: #fff;}
.midHeader .submenus,.midHeader .innersubmenus{display: none;}
.midHeader .submenus{background: #fff;}
.midHeader .innersubmenus{background: #ccc;margin-top: 0;border: 5px solid #fff;}
.midHeader .innersubmenus li:last-child,.midHeader .innersubmenus li:last-child a{margin-bottom: 0;}
.subright.subopen:before,.subinright.innersubopen:before{content: "\f107"}
footer{margin-top: 0;}
.middleTop .wbox{margin-bottom: 30px;}
.middleTop .col-sm-12.col-lg-5.padded{padding: 0 15px;}
.Rpadded{padding-right: 15px;}
.footer .col{flex-basis: inherit;flex-grow: inherit;width: 50%;text-align: left !important;}
.paralist{margin-left: 0;}
.support-heading{font-size: 22px;}
.support-box .pull-left,.support-box .pull-right{float: inherit;}
.support-box .transparent-btn a{display: block;padding: 12px 15px;text-align: center;margin-top: 25px;width: 150px;}
.padded{padding: 0 15px !important;}
.middleTop .wbox{width: 100%;float: inherit;}
.skill-level{text-align: center;margin-bottom: 20px;}
.stat-count{display: inline-block;float: inherit;}
.skill-level h4{width: 100%;}
.paralist li{margin: 5px 0 5px;}
}
@media screen and (min-width:0) and (max-width:767px)
{
.breadcrumb li a{padding-right: 20px;}
.breadcrumb li a::after{right: -2px;}
.homeMid .lastdiv li{margin-bottom: 25px;}
.homeMid .lastdiv li i{top: -7px;}
footer .wbox{margin-top: 0;width: 100%;}
.copyright,.copyright p{text-align: center;}
}
/*
|-------------------------------------------------------------------|
| Small devices (landscape phones, 576px) |
|-------------------------------------------------------------------|
*/
@media (max-width: 476px)
{
.copyright,.copyright p{text-align: center;}
.footer .col{width: 100%;}
.footer .w-100{margin-top: 30px;}
.footerMain ul{margin-bottom: 30px;}
.support-box .transparent-btn a{display: block;padding: 12px 15px;text-align: center;margin-top: 25px;width: 100% !important;}
}