@font-face {
    font-family: franklin;
    src: url('../fonts/franklin.woff');
}
@font-face {
    font-family: senExtraBold;
    src: url('../fonts/senExtraBold.woff2');
}
@font-face {
    font-family: senRegular;
    src: url('../fonts/senRegular.woff2');
}

body h3{font-family: senExtraBold;}
body h2{font-family: senExtraBold;}
body p{font-family: franklin;}
body a{font-family: franklin;}
body a:hover{text-decoration:none;}
body a:focus{text-decoration:none;}

.padNone{padding: 0;}
.mainCol{color:#f00;}
.floatRight{float:right;}

/************************** Header **********************************/
#top{background:#000;padding: .2% 0;}
#top p{margin: 0;color: #fff;font-size: 12px;}
ul.topUl{list-style-type:none;padding:0;}
ul.topUl li{float:right;padding: 0 8px;}
ul.topUl li a{color:#fff;}
ul.topUl li a:hover{color:#2b00ae;}
ul.topUl li a i{font-size: 18px;}

#header{box-shadow: 0 5px 8px #817f7f;background: #fff;}
img.logo{width: 72%;
    display: block;
    float: left;
    overflow: hidden;
    border-right: 3px solid
    #e4e4e4;
    padding-right: 3%;
    margin-right: 3%;
    margin-left: -39%;}
img.logo:focus{outline:none;border:none;}
p.logoRightSide{color: #515151;font-size: 12px;}
p.logoRightSide:hover{color: #515151;}
p.logoRightSide span{display: block;}

.navbar-right {margin-right: -79px;} /* margin-top: -6%; */
.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::before{ top: 0;left: 0;width: 0;height: 3px;z-index: 3;background: #f00;position: absolute;content: '';-webkit-transition: all 0.5s cubic-bezier(.175, .885, .32, 1);transition: all 0.5s cubic-bezier(.175, .885, .32, 1);}
.navbar-inverse .navbar-nav > li::after{bottom: 0;right: 0;width: 0;height: 3px;z-index: 3;background: #f00;position: absolute;content: '';-webkit-transition: all 0.5s cubic-bezier(.175, .885, .32, 1);transition: all 0.5s cubic-bezier(.175, .885, .32, 1);}
.navbar-inverse .navbar-nav > li:hover::before{left:0;width:100%;}
.navbar-inverse .navbar-nav > li:hover::after{left:0;width:100%;}
.navbar-inverse .navbar-nav > li > a::before{height: 80%;top: 10%;width: 1px;background: #f3f0ef;position: absolute;content: '';right: 0;}
.navbar-inverse .navbar-nav > li > a{color: #333;text-transform: uppercase;font-size: 13px;letter-spacing:2px;}
.navbar-inverse .navbar-nav > li > a:hover{color:#2b00ae;}
.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:#f00;}
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:#ededed;}
ul.nav li.dropdown ul.dropdown-menu li:hover a{background:#ededed;color: #000;text-shadow: none;}
ul.nav li.dropdown ul.dropdown-menu li:focus a{background:#ededed;color: #000;text-shadow: none;}
ul.nav li.dropdown ul.dropdown-menu li a{color: #504d4d;text-shadow: none;font-size: 12px;}

ul.socialHeader{list-style: none; position: absolute;top:3.5%;right: 0;}
ul.socialHeader li a i{width: 30px;height: 30px;background: #f00;text-align: center;line-height: 30px;color: #fff;border: 1px solid #fff;transition:ease all 1s;}
ul.socialHeader li a i:hover{background: #000;}

.headerBtmBx{z-index: 9;position: relative;background: #fff;display: inline-block;vertical-align: top;box-shadow: 0 0 10px rgba(0,0,0,0.3);-webkit-transition: all 0.3s cubic-bezier(.175, .885, .32, 1);transition: all 0.3s cubic-bezier(.175, .885, .32, 1);padding: 1% 4%;}
.headerBtmBx::before{height: 20px;width: 120%;content: '';position: absolute;left: 0;top: -20px;background: #fff;}
.headerBtmBx::after{width: 30px;height: 100%;content: '';position: absolute;right: -30px;top: 0;background: url(../img/corner.png), url(../img/corner.png), url(../img/corner.png);background-size: auto, auto, auto;background-size: 100% 100%, 100% 100%, 100% 100%; }
.headerBtmBx p{margin: 1% 0;text-transform: uppercase;font-size: 13px;}
/************************** End Header **********************************/

#banner{padding:3% 0;background-image: url('../img/banner.jpg');background-attachment:fixed;background-size: 100% 100%;margin-top: -2.58%;padding-top: 6%;}
#banner h2{color: #898989;font-size:37px;margin: 0;}
#banner p{color:#000;font-size: 16px;}
#banner p span{color:#f00;line-height: 47px;}
#banner p a{color:#000;}
#banner p a:hover{color:#f00;}

/************* Footer ******************/
#footer{background-color: #f6f5f5;padding: 3%;}
#footer h3{}
#footer ul{list-style-type: none; padding-left: 3%;}
#footer ul li{}
#footer ul li a{color: #000;transition: ease all 1s;}
#footer ul li a:hover{color: #f00;margin-left: 3%;text-decoration: none;}
#footer ul li a i{color: #f00;padding-right: 2%;}
#footer input[type=email]{border: 1px solid #ededed;margin-bottom: 2%;}
#footer input[type=email]:focus{box-shadow: none;}
#footer button{width: 38%;border: 0;background: #f00;color: #fff;transition: all ease 1s;font-size: 15px;display: block;border-radius: 5px;padding: 1% 0;}
#footer button:focus{box-shadow: none;}
#footer button:hover{background-color: #00f;color: #fff;}

ul#footerSocial{}
ul#footerSocial li{float: left;margin-right: 7%;margin-top: 1%;}
ul#footerSocial li a:hover i{color: #f00;}
ul#footerSocial li a i{color: #3c464b;padding-right: 2%;font-size: 23px;}
#footer h4{margin-bottom: 0;}
#copyRight{background-color: #ededed;}
#copyRight p{margin: 1%; }
.designedBy{float: right;}
.designedBy a{color: #000;font-weight: bold;}
.designedBy a:hover{color: #f00;}
.designedBy i{color: #f00;text-decoration: none;}
/*************End Footer ******************/
/******************************** End Footer ********************************/

/************* Responsive ******************/
@media (max-width: 480px) {
    p.logoRightSide{display: none;}
    img.logo{width: 45%;margin:0;margin-top: -16%;border:0;padding:0;}
    ul.socialHeader{display:none;}
    .headerBtmBx p{font-size: 10px;}
    .nav > li{padding:0;}
}

@media (max-width: 768px) {

}

@media (max-width: 900px) {

}

@media (max-width: 1200px) {

}

/************* End Responsive ******************/