@font-face {
    font-family: "Open Sans";
    src: url("../fonts/OpenSans-Italic.ttf");
}
@font-face {
    font-family: "Open Sans Light";
    src: url("../fonts/OpenSans-Light.ttf");
}
@font-face {
    font-family: "Open Sans Light Italic";
    src: url("../fonts/OpenSans-LightItalic.ttf");
}
@font-face {
    font-family: "Open Sans Semibold";
    src: url("../fonts/OpenSans-Semibold.ttf");
}
@font-face {
    font-family: "Open Sans SemiboldItalic";
    src: url("../fonts/OpenSans-SemiboldItalic.ttf");
}

body a{font-family: Open Sans Semibold;}
body a:hover{text-decoration: none;}
body p{font-family: Open Sans Light;}
body h5{font-family: Open Sans Semibold;}
body h4{font-family: Open Sans Semibold;}
body h3{font-family: Open Sans Semibold;}
body h2{font-family: Open Sans Semibold;}
body h1{font-family: Open Sans Semibold;}

.padNone{padding:0;}
span.heading{text-transform: uppercase;color: #018fc9;}
/****************Header*****************/

.marquee{}
.mar{border: 1px solid #ededed;background-color: #008fc9;padding: 0.5%;color: #fff;font-size: 15px;}

#header{background-color: #000;padding:.5% 0;}
#header p{color: #fff;margin:0;font-size: 12px;}
ul.topList{list-style-type: none;display: block;}
.topList li{color: #fff;float: left;margin-left: 3%;font-family: Open Sans Light;font-size:13px;}
.topList li i{color: #37b2db;padding-right:4px;}

#headerBtm{box-shadow: 0 5px 8px #d3d3d3;}
img.logo{
    width: 50%;
    margin-top: -3%;
}
img.logo:focus{outline:none;border:none;}

a#pertnerPageLink{background: #018fc9;color: #fff;border-radius: 5px;}
a#pertnerPageLink:hover{background: #2b00ae;}
.navbar-nav{}
.nav>li{padding:3.5% 0;}
.nav>li>a:hover{color:#2b00ae;}
.nav>li>a span{line-height: 26px;}
.navbar-inverse .navbar-toggle {background: #018fc9;border:0;}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{text-shadow:none;}
.navbar-inverse .navbar-nav > li > a{font-size: 11px;color: #504d4d;text-transform: uppercase;}
.navbar-inverse .navbar-nav > li > a:hover{color:#2b00ae;}
/*.navbar-inverse .navbar-nav > li > a:active{color: #fff;border: 1px solid #000;background-color: #262626;}*/
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{color:#000;}

.navbar{background: #fff;border: none;margin-bottom: 0;border-radius: 0;}
ul.nav li.dropdown{transition:all 1s ease;cursor:pointer;}
ul.nav li.dropdown:hover ul.dropdown-menu{display:block;}
ul.dropdown-menu{padding: 0;background:#fff;border-radius: 0;}
ul.dropdown-menu li{background:#e4841f;}
ul.nav li.dropdown ul.dropdown-menu li{background: #ffffff;padding:2% 0;transition: all .7s ease;border-top: 1px dotted#000000;}
ul.nav li.dropdown ul.dropdown-menu li{background: #ffffff;padding:2% 0;transition: all .7s ease;border-top: 1px dotted#000000;}
ul.nav li.dropdown ul.dropdown-menu li:hover{background:#000;}
ul.nav li.dropdown ul.dropdown-menu li:hover a{background:#000;color: #fff;text-shadow: none;}
ul.nav li.dropdown ul.dropdown-menu li:focus a{background:#000;color: #000;text-shadow: none;}
ul.nav li.dropdown ul.dropdown-menu li a{color: #504d4d;text-shadow: none;font-size: 12px;}

/******************** Banner *************************************/
#strip{padding: 2%;}
#strip p{font-weight: bold;background-color: #f6f6f6;padding: 1% 2%;border-radius: 5px;font-size: 14px;margin-left: 0%;letter-spacing: 1px;}
#strip p a{}

.banner{background: url("../img/banner.jpg");background-size: 100% 100%;padding-bottom: 14%;border-radius: 5px;padding: 6% 6%;}
.banner h2{color: #fff;margin: 0;font-size: 55px;}
.banner a{color: #ed1c21;}
.banner a:hover{text-decoration:underline;}
/******************** End Banner *************************************/

/********************Footer*************************************/
#footerTop{background-color: #20b6c7;}
#footerTop img{width: 100%;margin-left: 15%;}
.footerData{padding: 4%;}
.footerData h2{color: #000;font-size: 25px;text-transform: uppercase;font-weight: bold}
.footerData p{color: #fff;font-size: 18px;font-weight: bold;letter-spacing: 1px;}
#footerTop a{border: 1px solid #ededed;padding: 3%;display: block;width: 70%;text-align: center;background-color: #ededed;color: #000;margin-top: 54%;margin-left: 199%;z-index: 1;position: relative;border-radius: 5px;transition: ease all 1s;}
#footerTop a:hover{border: 1px solid #000;color: #fff;background-color: #000;}
#footerTop a:hover i{padding-left: 5px;}

#footer{background-image: url("../img/footerBg.png");color: #fff;padding: 2% 0;}
#footer h2{margin-bottom: 4%;}
#footer h4{margin-top: 10%;}
#footer p{}
a.btton{color: #20b6c7;}
a.btton i{transition:ease all 1s;font-size: 15px;font-weight: bold;}
a.btton:hover{color: #fff;}
a.btton:hover i{padding-left: 5px;}
ul.links{list-style-type: none;padding-left: 2%;}
ul.links li{padding-top: 4%;}
ul.links li a{color: #fff;}
ul.links li a:hover{color: #37b2db;}
ul.serviceList{list-style-type: none;padding-left: 2%;}
ul.serviceList li{padding-top: 4%;}
ul.serviceList li a{color: #fff;}
ul.serviceList li a:hover{color: #37b2db;}
.contactDetail{}
.contactDetail h2{color: #fff;font-size: 22px;}
.contactDetail p{color: #fff;display: block;}
.contactDetail p i{display: block;float: left;margin-right: 2%;margin-top: 1%;}
.contactDetail p span{display: block;overflow: hidden;}

ul.contactSocial{list-style-type: none;margin-top: 9%;margin-left: -16%;}
ul.contactSocial li{float: left;margin-left: 5%;}
ul.contactSocial li a:hover i{transform: rotate(360deg);color: #fff;border: 1px solid #fff;}
ul.contactSocial li a i{transition: ease all 1s;color: #20b6c7;width: 30px;height: 30px;line-height: 26px;font-size: 15px;border: 1px solid #20b6c7;text-align: center;border-radius: 50px;}

#footerBottm{background-color: #01131b;color: #fff;padding: 0.5% 0;}
#footerBottm p{margin: 1%;}
.copyright{float: right;}
p.copyright  i{color:#f00;}
p.copyright  a{color:#20b6c7;}
p.copyright  a:hover{color:#fff;}

.hireBtn.hireUsBtn { font-size: 40px; font-weight: bold; line-height: 36px; margin-top: 200px; position: relative; }
.hireBtn.rounded-border.hireUsBtn, .hireBtn.bordered.hireUsBtn { border-width: 4px; }
.hireUsBtn:before { content: ""; background-color: #e0e0e0; height: 150px; top: -154px; width: 2px; }
.hireUsBtn:after { background-color: #e0e0e0; content: ""; color: #e0e0e0; font-size: 50px; height: 50px; line-height: 50px; top: -194px; width: 50px; -webkit-border-radius: 50%; border-radius: 50%; }
.hireUsBtn:before, .hireUsBtn:after { margin: auto; position: absolute; left: 0; right: 0; transition: all 0.3s ease 0s; }

.hireUsBtn:hover:after { background-color: inherit; color: #fff; content: "\f087"; font-family: FontAwesome; font-size: 25px; }

#clients{padding:4% 0;}
#clients img{width:100%; border: 1px dotted #d3d3d3;padding: 6%;}
#clients img:hover{box-shadow: 6px 4px 1px -2px #6c6c6c;}
/******************** End Footer *************************************/

/************* Responsive ******************/
@media (max-width: 480px) {
    ul.topList{display: none;}
    img.logo {width: 52%;margin-top: -6%;}
    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a{width: 56%;}
    .banner h2 {font-size: 36px;}
    #footerTop a {display: none}
    #footerTop img {display: none;}



}
@media (max-width: 768px) {

}
@media (max-width: 900px) {

}
@media (max-width: 1200px) {

}