@font-face {
    font-family: "gotham-Book";
    src: url("../fonts/Gotham-Book.otf");
}
@font-face {
    font-family: "gotham-BookItalic";
    src: url("../fonts/Gotham-BookItalic.otf");
}
@font-face {
    font-family: "brush-script";
    src: url("../fonts/brushScript.ttf");
}
@font-face {
    font-family: "open-sans";
    src: url("../fonts/OpenSans-Regular.ttf");
}

body h6{font-family:brush-script;}
body p{font-family:gotham-Book;}
body h1{font-family:gotham-Book;}
body h2{font-family:gotham-Book;}
body h3{font-family:gotham-Book;}
body h4{font-family:gotham-Book;}
body a{font-family:gotham-Book;}
body a:hover{text-decoration:none;}
body a:focus{text-decoration:none;}

.padNone{padding: 0;}

/**************Header********************/
#top{background-image: linear-gradient(to right, #f00, #00f);background-size: 100% 4%;background-repeat: no-repeat;padding-top: 1%;}
.topAddress{padding: 1% 0;}
.address p i{display:block;overflow:hidden;float:left;width: 20px;height: 20px;line-height: 19px;color: #f00;margin-right: 2%;border: 1px solid #f00;text-align: center; font-size: 12px; }
.address p span{display:block;color: #000;overflow: hidden;  font-size: 13px;}
.call p i{display:block;overflow:hidden;float:left;border:1px solid #f00; text-align:center;line-height: 21px;color: #f00;;;margin-right: 2%;font-size: 20px;}
.call p span{display:block;color: #000;font-size: 15px;font-weight: bold;}
.call p{margin-bottom: 0;}
.address h3{color: #6f7074 ;font-size: 15px;font-weight: bold;margin-top: 0;text-transform: capitalize;}
.logo img{display: block;margin-right: auto;margin-left: auto;width:80%;}
.logo h6{display: block;color: #f00;margin-left: 51%;margin-top: -3%;font-family: brush-script;font-size: 28px;}
ul.socialIcons{list-style-type: none;padding-left: 0;padding-top: 2%;}
ul.socialIcons li{display: block;float: left;margin-right: 6%;}
ul.socialIcons li a{}
ul.socialIcons li a i{font-size: 12px;color: #c3bbbb;;border: 1px solid #c3bbbb;;text-align: center;display: block;overflow: hidden;width: 20px;height: 20px;line-height: 18px;transition: ease all 1s;}
ul.socialIcons li a i:hover{color: #f00;border: 1px solid #f00;transition: none;text-decoration: none;}


/************* Header ******************/
#header{background:#e63029;}
.menubarDiv{margin: 0;}
.navbar-inverse{background:#000;border:none;margin: 0;border-radius: 0;}
.navbar-inverse .navbar-nav > li{}
.navbar-inverse .navbar-nav > li > a{color: #fff;font-size: 12px;text-transform: uppercase;}
.navbar-inverse .navbar-nav > li > a:hover{ background-color: #f00;; color: #fff;}
.navbar-inverse .navbar-nav > li > a.active{ background-color: #f00;; color: #fff;}
.navbar-inverse .navbar-nav .navbar-right >li{background: #f00;;;border:none;}
#downLoadProfile{background: #f00;;}
#downLoadProfile a{line-height: 24px;}
#downLoadProfile a:hover{border: 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;}
/*************End  Header ******************/

/************************** Banner **********************************/
#banner{padding:5% 0;background-image: url('../image/banner.jpg');background-attachment:fixed;background-size:100% 100%;}
#banner h2{text-transform: uppercase;color:#fff;font-size: 54px;  }
#banner p{color:#fff;font-size: 16px;}
#banner p span{color:#f00;}
#banner p a{color:#fff;}
#banner p a:hover{color:#f00;}
/************************** End Banner **********************************/

/************* 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: #00f;font-weight: bold;}
.designedBy a:hover{color: #f00;}
.designedBy i{color: #f00;text-decoration: none;}
/*************End Footer ******************/


/************* Responsive ******************/
    @media (max-width: 480px) {
    .address{display: none;}
    .logo h6 {margin-left: 43%;font-size: 16px;}
    .navbar-inverse .navbar-nav > li{}
    .navbar-inverse .navbar-nav > li > a{color: #fff;font-size: 12px;text-transform: uppercase;}
        #requestACllBack input[type="text"] {width: 100%;margin-top: 0;}
        .requestContent p {margin: 0;}
        .requestContent h2 {font-size: 27px;margin-bottom: 0;}
        #requestACllBack {padding-bottom: 8%;}
        #requestACllBack button {width: 31%;}
        .testimonialContent {height: 138px;}
        #testimonial h2 {font-size: 24px;}
        .testimonialContent p {font-size: 12px;font-weight: bold;}
        a#testimonialRight {margin-top: -29%;right: -4%;}
        a#testimonialLeft {margin-top: -29%;left: -4%;}
        #copyRight p {float: left;}
        #copyRight p {font-size: 11px;}
        #footer p{margin: 0;}

}


@media (max-width: 768px) {

}

@media (max-width: 900px) {

}

@media (max-width: 1200px) {

}

/************* End Responsive ******************/