
/*============== Body Code ==============*/

body {background: #fff;font: 13px 'Open Sans', 'sans-serif';color: #000;-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;}

/*============== Body Code ==============*/

/*============== Header Area Codes ==============*/

header{padding:20px 0;width: 100%;}
.logo{float: left;position:relative;z-index:1001;}
.logo a{margin:0;}
.slider{width:100%;position:relative;padding:0;}
.heroHeading h1{font-size:90px;color:#f05a22;margin-bottom:30px;border: 0;text-align: center;display: block;}
.heroHeading h1 span{font-weight:600;}
.white{color:#fff;font-weight:lighter!important;}
.heroHeading h2{font-size:60px;text-align:center;color:#f05a22;}
.heroHeading{position: absolute;width: 100%;top: 30%;padding:20px;}
.slider img{width:100%;float:left;-webkit-clip-path: polygon(100% 0%, 0% 0%, 0% 81%, 100% 100%);
clip-path: polygon(100% 0%, 0% 0%, 0% 81%, 100% 100%);-moz-clip-path: polygon(100% 0%, 0% 0%, 0% 81%, 100% 100%);}

/*============== Header Area Codes ==============*/

/*============== Headings ==============*/

h1 { font-size: 40px; line-height: 50px;display:block;padding: 10px 15px;}
h2 { font-size: 25px; line-height: 40px;}
h3 { font-size: 28px; line-height: 34px;}
h4 { font-size: 20px; line-height: 30px;}
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }

/*============== Headings ==============*/

/*============== Buttons ==============*/

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {border: 1px solid #f05a22;
color: #f05a22;display: inline-block;font-size: 24px;text-decoration: none;cursor: pointer;margin-top: 5px;
line-height: normal;padding: 10px 30px;font-family: 'Josefin Slab', serif;background: transparent;
transition: all 0.5s ease;}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
color: #fdb813;background:transparent;border:1px solid #fdb813;transition: all 0.5s ease;}
.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
color: #fdb813;background:transparent; /* Old browsers */border:1px solid #fdb813;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;}
.theme-button{border:1px solid #000;color:#000;display: inline-block;font-size: 14px;text-decoration: none;cursor: pointer;margin-top: 5px;line-height: normal;padding: 12px 40px;font-family: 'Open Sans', 'sans-serif';background: transparent;transition: all 0.5s ease;}
.theme-button:hover, focus{background:#f05a22;border:1px solid #f05a22;color: #fff;}
/*============== Buttons ==============*/


/*============== Forms ==============*/

form {margin-bottom: 20px; }
fieldset {margin-bottom: 20px; }
input[type="text"], input[type="password"], input[type="email"], textarea, select {border: 1px solid #000;
padding: 11.45px 15px;outline: none;font: 13px 'Open Sans', 'sans-serif';color: #000;margin: 0;width:100%;max-width: 100%;display: block;margin-bottom: 10px;background:transparent;transition: all 0.5s ease;}
textarea {min-height: 60px;transition: all 0.5s ease; }
label, legend {display: block;font-size: 14px;color: #000;margin-bottom: 10px;font-weight: normal;}
select {color: #f05a22;border: 1px solid #f05a22;}
input[type="checkbox"] {display: inline; }
label span, legend span {font-weight: normal;font-size: 13px;color: #f05a22;margin-bottom: 10px; }
.form p {border-bottom: 1px dotted #a91632;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:    #000;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: #fff;}
input:-moz-placeholder {color:    #000;opacity:  1;}
input:focus:-moz-placeholder {color:    #fff;opacity:  1;}
input::-moz-placeholder {color:    #000;opacity:  1;}
input:focus::-moz-placeholder {color:    #fff;opacity:  1;}
input:-ms-input-placeholder {color:    #000;}
input:focus:-ms-input-placeholder {color:    #fff;}	

/*============== Forms ==============*/

/*============== Misc ==============*/
.blogTitle {background: #f05a22;float: left;width: 100%;color: #fff;padding: 5px 15px;}
.blogDescription {background: #f9f9f9;float: left;width: 100%;padding: 10px;}
.blogDescription h1, .blogDescription h2, .blogDescription h3, .blogDescription h4, .blogDescription h5, .blogDescription h6{font-family: 'Open Sans', 'sans-serif';}
.blogDescription p{text-align:center;}
.imgGallery {float: left;margin-top: 20px;}
.imgGallery p{display: inline-block;float: left;margin-right: 60px;margin-bottom: 20px;}
.copyright{background:#f05a22;padding:20px 0 0 0;}
.copyright p{color:#fff;text-align:center;}
.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;}	
.paragraphText{float: left;}
.paragraphText img{margin:15px;float: right;}
.paragraphText p{margin-top:15px;}
.social-media{}
.social-media span{color:#000;font-size: 35px;margin-right: 10px;}
.social-media ul {
  margin: 0 auto;
  padding: 0;
  display: block;
  text-align: center;
  width: 100%;
  float: left;
}
.social-media li {  
  list-style: none;
  display: inline-block;
  float: none;
  margin-right: 10px;
  margin-bottom: 15px;
 }
.caption-image {background: #f8f8f8;height: 365px;}
.caption-image img {width: 100%;height: 100%;}
.caption-text {color: #FFF;text-align: center;background: #f05a22;padding: 10px;}
.caption-text h1 {font-size: 24px;color: #FFF;margin-top: 0;margin-bottom: 0;}
.caption-text p {padding-bottom: 15px;}
ul.imgGallery {margin: 20px 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;}
.simpleBox{display:block;}
.simpleBox{display:block;}
.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(0px,0,0) scale(1.12);
  transform: translate3d(0px,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: #f68a1e;border: 3px double #fff;}
.borderGallery figure.effect-milo figcaption::before{border-top: 3px double #fff;
border-bottom: 3px double #fff;}


/* ===== Gallery UI Style ======*/
/*============== Misc ==============*/

/*============== Icons ==============*/
.themeIcons{font-size: 45px;border: 1px solid #000;padding: 15px 20px;width:85px;text-align:center;color:#000;cursor:pointer;transition: all 0.5s ease;}
.themeIcons:hover{font-size: 45px;border: 1px solid #f05a22;padding: 15px 20px;width:85px;text-align:center;color:#f05a22;cursor:pointer;transition: all 0.5s ease;}


/*============== Icons ==============*/

/*============== UI ELEMENTS ==============*/
ol{display: block;list-style-type: decimal;padding-left: 40px;color:#f05a22;}
ul li{list-style-type:square;color:#f05a22;}
/*============== UI ELEMENTS ==============*/

/*============== Footer Area Codes ==============*/
footer{padding:0;width:100%;}
footer p{color:#000;}
footer h3, footer h4{text-align:left;}
/*============== Footer Area Codes ==============*/


/*============== Responsive Codes ==============*/

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
		.grid {margin: 0 auto;display: block;text-align: center;}
	}

/*============== 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;}
			.grid {margin: 0 auto;display: block;text-align: center;}
		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{display: inline-block;margin-right: 30px;margin-bottom: 20px;text-align: center;}
		.social-media ul {text-align:left !important;}
		}
		
		@media only screen and (max-width: 768px) {
			
			ul.imgs-gallery{width: 100%;float: left;}
			ul.imgs-gallery li{margin-right: 0px;width: 50%;}
			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: 480px) and (max-width: 767px) {
			.slider{width:100%;height:auto;}
			 header{position:relative;}
			.paragraphText img{margin: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;}
			.grid {margin: 0 auto;display: block;text-align: center;}
			.heroHeading{top: 0%;}
			.slider h1{font-size: 25px;}
			.slider h2 {font-size: 15px;}
			
			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);}
			.social-media ul {text-align:left !important;}
	}
	
/*============== Big Smartphones (portrait and landscape) ==============*/		
	
/*============== Smartphones (portrait and landscape) ==============*/

	@media only screen and (max-width: 479px) {
			header{position:relative;}
			h1{font-size: 38px !important;line-height: 40px;}
			h4{font-size: 16px;}
			.paragraphText img{margin:0;}
			.slider{width:100%;height:auto;}
			.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;}
			.heroHeading{top: 0%;}
			.slider h1{font-size: 25px;line-height: 10px;margin: 0;}
			.slider h2 {font-size: 15px;margin: 0;}
			.grid {margin: 0 auto;display: block;text-align: center;}
			.grid li{width: 95%;}
			.paragraphText {float:none;}
			
			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);}
		}
		
/*============== Smartphones (portrait and landscape) ==============*/		
		
/*============== Responsive Codes ==============*/		

/*=============================================== Dynamic Codes ========================================================*/

/*============== Content Selection Codes ==============*/

::selection{background:#f05a22;color:#fff;}
::-webkit-selection{background:#f05a22;color:#fff;}
::-moz-selection{background:#f05a22;color:#fff;}

/*============== Content Selection Codes ==============*/

/* Navigation Codes*/
.navbar-default {background-color:transparent;border-color: transparent;}
.navbar-default .navbar-brand{color:#a91632;}
.navbar-brand {float: left;height: 50px;padding: 0px 0px;margin-top:-5px;}
.nav>li {position: relative;display: block;margin-right: 12px;}
.navbar-default .navbar-nav>li>a {color: #f05a22;transition: all 0.5s ease;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #fdb813;transition: all 0.5s ease;}
.navbar-default .navbar-toggle {border: solid 1px #f05a22;}
.navbar-toggle{border-radius:0;}
.navbar-default .navbar-toggle .icon-bar {background-color: #f05a22;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
.navbar-nav {margin:25px 0 0 0;}
.navbar{margin-bottom:0;}

/* Heading Codes*/
h1, h2, h3, h4, h5, h6 {color: #000;font-family: 'Josefin Slab', serif;text-align:center;font-weight:lighter;transition: all 0.5s ease;}
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;overflow:hidden;display:block;}
.sectionBg{background:url(../images/sectionBg01.jpg) center center no-repeat;background-size:cover;position:relative;z-index:999;overflow:visible;}
.sectionBg:before{background: rgba(255, 255, 255, 0.4);content:'';position:absolute;top:0%;left:0%;z-index:-1;width:100%;height:100%;-webkit-clip-path: polygon(100% 0, 66% 100%, 100% 100%);clip-path: polygon(100% 0, 66% 100%, 100% 100%);-moz-clip-path: polygon(100% 0, 66% 100%, 100% 100%);}
.sectionBg:after{background: rgba(255, 255, 255, 0.4);content:'';position:absolute;top:0%;right:0%;z-index:-1;width:100%;height:100%;-webkit-clip-path: polygon(36% 0, 0 0, 0 100%);
clip-path: polygon(36% 0, 0 0, 0 100%);-moz-clip-path: polygon(36% 0, 0 0, 0 100%);}
.sectionBgSecond{background:url(../images/sectionBg03.jpg) center center no-repeat;background-size:cover;position:relative;z-index:999;overflow:visible;}
.sectionBgSecond:after{background: rgba(255, 255, 255, 0.4);content:'';position:absolute;top:0%;right:0%;z-index:-1;-webkit-clip-path: polygon(0% 0%, 35% 41%, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0% 0%, 35% 41%, 100% 0%, 100% 100%, 0% 100%);width:100%;height:100%;}
.sectionBgThird{background:url(../images/sectionBg04.jpg) center center no-repeat;margin-bottom:40px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {border: 1px solid #f05a22;background:#f05a22;color: #fff;}

/*=============================================== Dynamic Codes ========================================================*/

