/*============== Body Code ==============*/
html {
position: relative;
min-height: 100%;
}
body {background: #fff;font: 13px 'Raleway', sans-serif;color: #000;-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;margin-bottom: 60px;}
/*============== Body Code ==============*/
/*============== Header Area Codes ==============*/
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none;transition: all 0.5s ease;}
header{background:#fff;}
.logo{float: left;padding:10px 0;z-index: 1001;position: relative;}
.logo a{margin:0;}
.slider{width:100%;padding: 0;margin: 0;position:relative;}
.slider:after{background:rgba(0, 0, 0, 0.5);content:'';position:absolute;top:0%;left:0%;width:100%;height:100%;overflow:hidden;-webkit-clip-path: polygon(100% 0%, 100% 100%, 18% 100%, 53% 0%);
clip-path: polygon(100% 0%, 100% 100%, 18% 100%, 53% 0%);}
.slider h1{font-size:53px;color:#fff;}
.slider p{color:#fff;}
.slider img{width:100%;float:left;}
.heroHeading h1{font-size:36px;color:#fff;margin-bottom:20px;border: 0;text-align:left;display: block;font-weight: bolder;text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);-webkit-text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);-moz-text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);-ms-text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);-o-text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);padding-left: 4px;}
.heroHeading h1 span{color:#ed1c24;}
/*.heroHeading h2{font-size: 50px;text-align: center;color: #000;font-weight: normal;text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);-webkit-text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);-moz-text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);-ms-text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);-o-text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);}*/
.heroHeading{position: absolute;width: 43%;top: 0;padding: 0;right: 15px;}
.heroHeadingWrap{position:relative;margin-top:100px;}
.heroHeading p{text-align:left;line-height:25px;padding: 0 0 0 10px;font-size:16px;}
/*============== Header Area Codes ==============*/
/*============== Headings ==============*/
h1 { font-size: 36px; line-height: 50px;}
h2 { font-size: 30px; line-height: 40px;}
h3 { font-size: 24px; line-height: 34px;}
h4 { font-size: 20px; line-height: 30px;}
h5 { font-size: 14px; line-height: 24px; }
h6 { font-size: 12px; line-height: 21px; }
h1{font-family: 'Raleway', sans-serif;color:#ed1c24;font-weight:lighter;}
h2,h3,h4{font-family: 'Oxygen', sans-serif;font-weight:normal;}
/*============== Headings ==============*/
/*============== Buttons ==============*/
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {border:1px solid #fff;color: #fff;display: inline-block;font-size: 14px;text-decoration: none;cursor: pointer;margin-top:5px;line-height: normal;padding: 10px 35px;background:transparent;transition: all 0.5s ease;font-family:'Raleway', sans-serif;}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
color: #000;background:#fff;border:1px solid #fff;transition: all 0.5s ease;}
.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
color: #000;background: #fff; /* Old browsers */border:1px solid #fff;transition: all 0.5s ease;}
.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {width: 100%;padding-left: 0 !important;padding-right: 0 !important;text-align: center; }
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
/*============== Buttons ==============*/
/*============== Forms ==============*/
form {margin-bottom: 20px; }
fieldset {margin-bottom: 20px; }
textarea { min-height: 185px;transition: all 0.5s ease; }
label, legend {display: block;font-size: 14px;color: #fff;margin-bottom: 10px;font-weight: normal;}
select {color: #000;border: 1px solid #000;}
input[type="checkbox"] {display: inline; }
label span, legend span {font-weight: normal;font-size: 13px;color: #000;margin-bottom: 10px; }
.form p {border-bottom: 1px dotted #000;padding-bottom: 10px;margin-bottom: 10px;}
.form .input{float: left;width: 329px;margin: 0 30px 0px 0;}
.form .input:first-child{margin-left: 0;}
.form textarea{margin-bottom: 20px;}
.form{width: 100%;padding: 20px 0;}
.form h3{text-align:left;}
textarea{height: auto;resize: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#fff;padding-left:5px;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: #fff;padding-left:5px;}
input::-moz-placeholder, textarea::-moz-input-placeholder {color:#fff;opacity:10;padding-left:5px;}
input::focus:-moz-placeholder, textarea:focus::-moz-input-placeholder {color:#fff;opacity:10;padding-left:5px;}
input:-ms-input-placeholder {color:#fff;padding-left:5px;}
input:focus:-ms-input-placeholder {color:#fff;padding-left:5px;}
::-webkit-input-placeholder {
color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
color: #fff;opacity:10;padding-left:5px;
}
::-moz-placeholder { /* Firefox 19+ */
color: #fff;opacity:10;padding-left:5px;
}
:-ms-input-placeholder {
color: #fff;
}
/*============== Forms ==============*/
/*============== Misc ==============*/
.copyright p{color:#fff;margin: 20px 0 0 0;}
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.remove-top { margin-top: 0 !important; }
.remove-left{ margin-left: 0 !important;}
.remove-right{ margin-right: 0 !important;}
.half-top{ margin-top: 10px !important; }
.add-top{ margin-top: 20px !important; }
.add-med{ margin-top: 32px !important; }
.add-top-large{ margin-top: 40px !important; }
.add-top-xl{ margin-top: 65px !important; }
img.scale-with-grid {max-width: 100%;height: auto;display: block;margin: 0 auto;}
.themeCustomText{}
.themeCustomText h1{font-size:38px;color:#fff;text-align:right;margin-top:0;}
.themeCustomText p{color:#fff;text-align:right;}
.simpleBox{margin:0;}
.simpleBox i{background: #ed1c24;color: #fff;padding: 15px;font-size: 30px;border-radius: 50%;float: right;margin-left:10px;}
.simpleBox p{font-size: 14px;color: #000;line-height: 25px;padding: 0;overflow: hidden;}
.IconStyle{}
.imageBox{margin-top:30px;margin-bottom:30px;}
.caption-image img{width:100%;height:100%;}
.caption-text h1 {font-size: 24px;color: #FFF;margin-top:0;margin-bottom:0;}
.caption-text {color: #FFF;text-align: center;background: #000;padding:10px;}
.caption-text p{padding-bottom:15px;}
.paragraphText{float: left;}
.paragraphText img{margin:15px;float: left;}
.paragraphText p{margin-top:15px;line-height:22px;}
.social-media{margin-top:20px;}
.social-media span{color: #fff;margin-right: 10px;}
.social-media ul{margin: 0;padding: 0;display: block;width: 100%;float: left;}
.social-media li{list-style:none;display:inline-block;float:none;margin-bottom: 10px;font-size: 25px;}
.imgGallery{float:left;margin-top:20px;}
.imgGallery p{display: inline-block;float: left;margin-right: 60px;margin-bottom:20px;}
.remove-padding{padding:0;}
.galleryImg{}
.galleryImg img{width: 100%;height: 329px;}
.awesomeFontBox h1, .awesomeFontBox h2, .awesomeFontBox h3, .awesomeFontBox h4, .awesomeFontBox h5, .awesomeFontBox h6{margin-top: 10px;margin-bottom: 20px;}
.ItemBox{margin:0;}
.ItemBox img{width:100%;margin:0;}
.ItemBox h4{margin:10px 0 0 0;}
.ItemBox p{margin:0;line-height: 25px;padding:10px 0;}
.ItemBox p a{color:#ed1c24;text-decoration:none;font-size: 14px;}
.ItemContainer {margin:50px 0;}
.BestMenu{margin-top:20px;}
.BestMenu img{border-radius: 115px;width: 230px;height: 230px;display: block;margin: 0 auto;}
.OurStaff{margin:30px 0;}
.OurStaff img{width:100%;text-align:center;}
.blog{margin:20px 0;}
.blog img{width:100%;}
.blog p{font-size:14px;padding:10px 0;line-height:25px;}
ul.imgGallery {
margin: 50px auto 0 auto;
display: block;
text-align: center;
width: 100%;
padding: 0;
}
ul.imgGallery li {
display: inline-block;
margin-right: 60px;
margin-bottom: 20px;
text-align: center;
}
.Team{margin:20px 0;}
.Team h4{color:#ed1c24;margin:0;}
.Team img{width:100%;}
.Information{margin:0;}
.Information h4{color:#fff;border-bottom:2px solid #ed1c24;padding:0 0 5px 0; margin: 0 0 10px 0;}
.Information span{font-size:20px;color:#ed1c24;margin-right:10px;float:left;}
.Information p{line-height:20px;color:#fff;overflow:hidden;}
.sectionBg{background:#ecf0f1;margin-top: 70px;}
.sectionBgSecond{background:url(../images/sectionBg-1.jpg) center center no-repeat; background-size:cover;position:relative;width:100%;}
.sectionBgSecond:before{background:rgba(255, 255, 255, 0.8);content:'';position:absolute;top:0%;left:0%;width:100%;height:100%;overflow:hidden;}
.sectionBgThird{background:#ed1c24;}
.sectionBgThird span{margin:0;font-size:24px;color:#fff;display:block;float: left;}
.sectionBgThird h2{color:#fff;margin:0;}
.sectionBgThird h3{font-size:27px;color:#fff;font-family: 'Raleway', sans-serif;margin:0;padding:20px;font-style:italic;font-weight:lighter;}
.sectionBgfour{background:url(../images/sectionBg-2.jpg) no-repeat center center;background-size:cover;width:100%;position:relative;}
.sectionBgfour:before{background:rgba(0, 0, 0, 0.8);content:'';position:absolute;top:0%;left:0%;width:100%;height:100%;overflow:hidden;}
.grid {max-width: 100%;list-style: none;float: left;width: 100%;}
ul.imgs-gallery {
float: none;
margin: 20px auto 0;
width: 1170px;
padding: 0;
display: table;
}
ul.imgs-gallery li {
display: inline-block;
float: left;
margin-right: 10px;
width: 380px;
}
figure.effect-milo {
background: none;
}
.grid figure {
width: 100%;
max-height: 240px;
margin: 5px 0;
background: rgba(0, 0, 0, 0.8) !important;
}
figure.effect-milo img {
width: 100%;
height: auto;
-webkit-transform: translate3d(-25px,0,0) scale(1.12);
transform: translate3d(-25px,0,0) scale(1.12);
}
.grid figure img {
width: 100%;
opacity: 10;
}
figure.effect-milo h2 {
padding-top: 2%;
color: #fff;
}
/* ===== Gallery UI Style ======*/
ul.fullwidthGallery.imgs-gallery{width:100%;}
ul.fullwidthGallery.imgs-gallery li{width:33.3%;margin-right:0;}
.fullwidthGallery figure.effect-milo{margin:0;}
.borderGallery figure.effect-milo{background: #f07e3c;border: 3px double #fff;}
.borderGallery figure.effect-milo figcaption::before{border-top: 3px double #fff;
border-bottom: 3px double #fff;}
/* ===== Gallery UI Style ======*/
/*============== Misc ==============*/
/*============== UI ELEMENTS ==============*/
ul, ol {padding: 0;}
ol{display: block;list-style-type: decimal;padding-left: 40px;}
ul li{list-style-type:square;list-style-position:inside;}
.imgEffect{}
.imgEffect img{opacity: 0.6;filter: alpha(opacity=60);transition: all 0.5s ease;cursor:pointer;}
.imgEffect img:hover {opacity: 1.0;filter: alpha(opacity=100);transition: all 0.5s ease;cursor:pointer;}
/*============== UI ELEMENTS ==============*/
/*============== Footer Area Codes ==============*/
footer{padding:0;width:100%;position: absolute;bottom: -5%;height: 60px;}
footer p{color:#000;}
footer h3, footer h4{text-align:left;}
/*============== Footer Area Codes ==============*/
/*============== Responsive Codes ==============*/
/*============== Ipad (portrait and landscape) ==============*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.slider{width:100%;height:auto;}
.navbar-brand{font-size: 34px;}
.nav>li{margin-right: 0px;}
.heroHeading{top: 20%;width:50%;padding: 0 0 0 27px;right:0;}
.heroHeadingWrap {margin-top:0;}
.heroHeading h1 {font-size: 21px;padding-left: 35px;margin-bottom: 5px;}
.heroHeading p {line-height: 22px;padding: 0px 0px 0px 35px;font-size: 13px;}
.paragraphText p{text-align:justify;}
ul.imgs-gallery{width: 100%;float: left;}
ul.imgs-gallery li{margin-right: 8px;width: 49%;}
ul.fullwidthGallery.imgs-gallery li{width:50%;}
ul.imgGallery li { margin-right: 30px;}
}
@media only screen and (max-width: 768px) {
ul.imgs-gallery{width: 100%;float: left;}
ul.imgs-gallery li{margin-right: 0px;width: 100%;}
ul.fullwidthGallery.imgs-gallery li{width: 50%;margin-right: 0;}
ul.fullwidthGallery.imgs-gallery li figure.effect-layla img, figure.effect-layla h2{-webkit-transform: translate3d(0,0px,0);}
}
/*============== Ipad (portrait and landscape) ==============*/
/*============== Big Smartphones (portrait and landscape) ==============*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
.slider{width:100%;height:auto;}
header{padding: 15px 0 25px 0;}
.navbar-brand{font-size: 34px;}
.nav>li>a{width: 100%;text-align: center;margin: 0 auto;}
.navbar-nav>li>a {padding-top: 15px;padding-bottom: 15px;}
.navbar{margin-bottom:0;}
.navbar-nav {margin: 30px 0px 0px 0px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
.heroHeading{top: 20%;width:50%;padding: 0 0 0 27px;right:0;}
.heroHeadingWrap {margin-top:0;}
.heroHeading h1 {font-size: 21px;padding-left: 35px;margin-bottom: 5px;}
.heroHeading p {line-height: 22px;padding: 0px 0px 0px 35px;font-size: 13px;}
.logo{position:relative;}
ul.imgs-gallery{width: 100%;float: left;}
ul.imgs-gallery li{margin-right: 0px;width: 100%;}
ul.fullwidthGallery.imgs-gallery li{width: 100%;margin-right: 0;}
ul.fullwidthGallery.imgs-gallery li figure.effect-layla img, figure.effect-layla h2{-webkit-transform: translate3d(0,0px,0);}
}
/*============== Big Smartphones (portrait and landscape) ==============*/
/*============== Smartphones (portrait and landscape) ==============*/
@media only screen and (max-width: 480px) {
h1{font-size: 38px;line-height: 40px;}
h2 {font-size: 26px;line-height: 10px;margin-top: 10px!important;margin-bottom: 20px!important;}
h4{font-size: 18px;}
.slider{width:100%;height:auto;}
.slider img {min-height:230px;}
.navbar-brand{width: 200px;}
.navbar-brand{font-size: 34px;}
.nav>li>a{width: 100%;text-align: center;margin: 0 auto;}
.navbar-nav>li>a {padding-top: 15px;padding-bottom: 15px;}
.navbar{margin-bottom:0;}
.navbar-nav {margin: 30px 0px 0px 0px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
.heroHeadingWrap{margin-top:0;}
.heroHeading {width: 100%;right: 0;}
.heroHeading h1{font-size:20px;margin:0;text-align:center;}
.heroHeading p {padding: 5px 30px;font-size:12px;line-height:normal;text-align:center;}
.logo{position:relative;}
.paragraphText{float:none;}
.paragraphText img{margin:0;}
.ItemBox {margin: 20px 0;}
.ItemContainer {margin:0;}
.sectionBgThird h3 {font-size: 20px;padding: 10px;}
.sectionBgThird span {font-size: 20px;}
ul.imgs-gallery{width: 100%;float: left;}
ul.imgs-gallery li{margin-right: 0px;width: 100%;}
ul.fullwidthGallery.imgs-gallery li{width: 100%;margin-right: 0;}
ul.fullwidthGallery.imgs-gallery li figure.effect-layla img, figure.effect-layla h2{-webkit-transform: translate3d(0,0px,0);}
.theme-button {padding:8px 20px !important;font-size:12px !important;}
}
/*============== Smartphones (portrait and landscape) ==============*/
/*============== Responsive Codes ==============*/
/*=============================================== Dynamic Codes ========================================================*/
/*============== Content Selection Codes ==============*/
::selection{background:#000;color:#fff;}
::-webkit-selection{background:#000;color:#fff;}
::-moz-selection{background:#000;color:#fff;}
/*============== Content Selection Codes ==============*/
/* Navigation Codes*/
.nav{}
.navbar-default {background-color:transparent;border-color: transparent;}
.navbar-default .navbar-brand{color:#000;}
.navbar-brand {float: left;height: 50px;padding: 0px 0px;margin-top:-5px;}
.nav>li {position: relative;display: block;}
.navbar-default .navbar-nav>li>a {color:#ed1c24;transition: all 0.5s ease;font-size:14px;font-family: 'Oxygen', sans-serif;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color:#000;transition: all 0.5s ease;}
ul.nav.navbar-nav.navbar-right {margin:0;padding:27px 0;}
.navbar-default .navbar-nav>li>a:active{color:#000;transition: all 0.5s ease;background:transparent;}
.navbar-default .navbar-toggle {border: solid 1px #ed1c24;}
.navbar-toggle{border-radius:0;}
.navbar-default .navbar-toggle .icon-bar {background-color: #ed1c24;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
.navbar-nav {margin:24px 0 0 0;}
.navbar{margin-bottom:0;}
.nav>li>a{font-size: 13px;}
/* Heading Codes*/
/* Borders Codes*/
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none;transition: all 0.5s ease;}
section{padding:20px 0;width:100%;zoom: 1;clear:both;display:block;overflow:hidden;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {border:0;background:#ed1c24;color:#000;border: 2px solid #ed1c24;}
.titleBg{background:#ecf0f1;padding:20px;width:100%;color:#000;}
.descriptionBg{background:#000;padding:20px;width:100%;color:#fff;}
.theme-button:hover{top: 7px;
color: #000;
background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
box-shadow: inset 0px 1px 0px #FFFFFF, 0px 5px 0px 0px #e5e2e0, 0px 7px 5px rgba(39, 39, 39, 0.4);
text-shadow: 0px 1px 1px rgba(255,255,255,0.3); transition: all 0s ease;}
/*.menu{background:#231f20;margin-top: 5px;}*/
.theme-button{background-color: #fff;font-size: 14px;text-decoration: none;color: #ed1c24;position: relative;margin-left:0;padding: 10px 40px;box-shadow: inset 0px 1px 0px #FFFFFF, 0px 5px 0px 0px #e5e2e0, 0px 7px 5px rgba(39, 39, 39, 0.4);border-left: 2px solid;}
input[type="text"], input[type="password"], input[type="email"], textarea, select {padding: 12px 1px;outline: none;
font: 13px 'Open Sans', sans-serif;color: #fff;margin: 0;width: 100%;max-width: 100%;display: block;margin-bottom: 20px;
background: transparent;transition: all 0.5s ease;border: 2px solid #ed1c24;}
.form-button{color: #FFF;display:block;font-size: 14px;text-decoration: none;cursor: pointer;margin:0 auto;
line-height: normal;padding: 12px 40px;font-family: 'Raleway', sans-serif;background: #ed1c24;transition: all 0.5s ease;border: 2px solid #ed1c24;}
.form-button:hover, focus{background:transparent;border: 2px solid #ed1c24;color:#fff;}
.copyright{background:#ed1c24;padding:10px 0;}
.BestMenu p{text-align:center;font-weight:600;font-size:16px;color:#231f20;padding:10px 0;}
.blog h3{color:#000;padding: 10px 0;}
.simpleBox h2{font-size: 30px;color: #231f20;display: block;margin-left: 10px;padding-top: 10px;float: left;}
.cl-effect-18 a {
padding: 10px;
text-shadow: none;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-18 a::before,
.cl-effect-18 a::after {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background:#ed1c24;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-18 a::before {
top:5px;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-18 a::after {
bottom:5px;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
color: #fff;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/*=============================================== Dynamic Codes ========================================================*/