/*============== 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:0;width: 100%;z-index: 1;}
.logo{float: none;position:relative;z-index:1001;text-align: center;}
.logo a{margin:0;}
.slider{width:100%;position:relative;padding:0;}
.heroHeading h1{font-size:48px;color:#fff;border: 0;text-align: center;display: block;margin:0;padding:0;}
.heroHeading h2{font-size:38px;text-align:center;color:#fff;}
.heroHeading{position: absolute;width: 100%;top: 30%;padding:20px;}
.heroHeading p{font-size:22px;font-weight:lighter;text-align:center;color:#fff;}
.slider img{width:100%;float:left;}

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

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

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

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

p{font-size:14px;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none;transition: all 0.5s ease;}

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


	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: transparent;
		
	  border: 0px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  text-decoration: none;
	  	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {color: #222;background:transparent;border:0px; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		color: #222;background:transparent;border:0px; }

	.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; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
.theme-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: 12px 40px;font-family: 'Open Sans', sans-serif;background: transparent;transition: all 0.5s ease;font-weight:normal;}
.theme-button:hover, focus{background:#fff;border:1px solid #5395d0;color: #5395d0;}
.theme-button-second{border:1px solid #5395d0;color:#fff;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:#5395d0;transition: all 0.5s ease;}
.theme-button-second:hover, focus{background:#fff;border:1px solid #5395d0;color: #5395d0;}
/*============== Buttons ==============*/


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

form {margin-bottom: 20px; }
fieldset {margin-bottom: 20px; }
input[type="text"], input[type="password"], input[type="email"], textarea, select {border: 1px solid #5395d0;
padding: 12px 6px;outline: none;font: 13px 'Roboto', sans-serif;color: #5395d0;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: #5395d0;margin-bottom: 10px;font-weight: normal;}
select {color: #5395d0;border: 1px solid #5395d0;}
input[type="checkbox"] {display: inline; }
label span, legend span {font-weight: normal;font-size: 13px;color: #5395d0;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:    #fff;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: #fff;}
input:-moz-placeholder {color:    #fff;opacity:  1;}
input:focus:-moz-placeholder {color:    #fff;opacity:  1;}
input::-moz-placeholder {color:    #fff;opacity:  1;}
input:focus::-moz-placeholder {color:    #fff;opacity:  1;}
input:-ms-input-placeholder {color:    #fff;}
input:focus:-ms-input-placeholder {color:    #fff;}	


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

/*============== Theme Gallery ==============*/
.grid {max-width: 100%;list-style: none;float: left;width: 100%;}
.grid figure{width: 100%;max-height: 240px;margin: 5px 0;background: none;}
.grid figure img{width:100%;opacity: 10;}
figure.effect-milo {background: rgba(0, 0, 0, 0.8) !important;}
figure.effect-milo img{width: 100%;height:auto;-webkit-transform: translate3d(0,0,0) scale(1.12);
transform: translate3d(0,0,0) scale(1.12);}
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;}
.fullwidthGallery figure.effect-milo img{-webkit-transform: translate3d(-25px,0,0) scale(1.12);
transform: translate3d(-25px,0,0) scale(1.12);}

.borderGallery figure.effect-milo{background: #5395d0;border: 3px double #fff;}
.borderGallery figure.effect-milo figcaption::before{border-top: 3px double #fff;
border-bottom: 3px double #fff;}
.borderGallery figure.effect-milo img{-webkit-transform: translate3d(-22px,0,0) scale(1.12);
transform: translate3d(-22px,0,0) scale(1.12);}

/* ===== Gallery UI Style ======*/
/*============== Theme Gallery ==============*/

/*============== Misc ==============*/
ul.imgs-gallery {float: none;margin: 20px auto 0;width: 1170px;padding: 0;}
ul.imgs-gallery li {display: inline-block;float: left;margin-right: 10px;width: 380px;}
.copyright{background: #5395d0;padding:20px 0 10px 0;margin-top:50px;}
.copyright p{color:#fff;text-align:center;font-size:14px;}
.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; }
.add-top-xxl{ margin-top: 109px !important; }
.add-top-xxxl{ margin-top: 130px !important; }
img.scale-with-grid {max-width: 100%;height: auto;}	
.paragraphText{float: left;}
.paragraphText img{margin:15px;float: left;}
.paragraphText p{margin-top:15px;}
.social-media{}
.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-right: 10px;margin-bottom: 10px;font-size: 35px;}
.social-media span{color:#5395d0;}
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;}
ul.imagesGallery {margin: 20px auto 0 auto;display: block;text-align: center;width: 100%;padding: 0;}
ul.imagesGallery li {display: inline-block;margin-right: 20px;margin-bottom: 20px;text-align: center;}
.SimpleBox{background:#5395d0;margin:0;}
.AddPadding{padding:20px;}
/*============== Misc ==============*/

/*============== Theme Elements ==============*/

.remove-padding{padding:0!important;}

/*============== Theme Elements ==============*/


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

/*============== Footer Area Codes ==============*/
footer{padding:0;width:100%;}
/*============== Footer Area Codes ==============*/


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

@media only screen and (min-width: 769px) and (max-width: 1024px) {
		.nav>li{margin-right: 0px !important;}
		.nav>li>a{padding: 10px 8px !important;}
		ul.imgs-gallery{width: 100%;float: left;}
		ul.imgs-gallery li{margin-right: 8px;width: 49%;}
		ul.fullwidthGallery.imgs-gallery li{width:50%;}
		.sectionBg p {font-size:16px !important;  margin: 10px 0 !important;}
		h3 {font-size: 25px !important;}
	}

/*============== Ipad (portrait and landscape) ==============*/

@media only screen and (max-width: 768px) {
			.slider{width:100%;height:auto;}
			.navbar-brand{font-size: 34px;}
			.nav>li{margin-right: 0px;}
			ul.imgs-gallery{width: 100%;float: left;}
			ul.imgs-gallery li{margin-right: 0px;width: 50%;}
			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);}
			.sectionBg p {font-size: 16px !important;margin: 20px 0px !important;}
			h4 {font-size: 18px !important;}
			h3 {font-size: 24px;}
				
				
}
		
/*============== 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-nav>li {float: left;display: block;text-align: center;width: 100%;}
			.navbar{margin-bottom:0;}
			.navbar-nav {margin: 0px;}
			.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;background: #5395d0;margin-bottom: 20px;}
			.navbar-default .navbar-nav>li>a{color:#fff !important;}
			.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #000 !important;background: #fff;}
			.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);}
		
	}
	
/*============== Big Smartphones (portrait and landscape) ==============*/		
	
/*============== Smartphones (portrait and landscape) ==============*/

	@media only screen and (max-width: 479px) {
			header{position:relative;}
			h1{font-size: 38px;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-nav>li {float: left;display: block;text-align: center;width: 100%;}
			.navbar{margin-bottom:0;}
			.navbar-nav {margin:0px;}
			.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;background: #5395d0;margin-bottom: 20px;}
			.navbar-default .navbar-nav>li>a{color:#fff!important;}
			.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #000!important;background: #fff;}
			.heroHeading{top: 0%;padding: 10px;}
			.slider h1{font-size: 16px;line-height: 14px;margin: 7px;}
			.slider h2 {font-size: 12px;margin: 6px;}
			.heroHeading p{font-size: 10px;margin-bottom: 0;}
			.grid {margin: 0 auto;display: block;text-align: center;}
			.grid li{width: 95%;}
			img.scale-with-grid{width:100%;}
			.social-media li{margin-right: 5px;font-size: 28px;}
			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);}
			.sectionBg p {font-size: 14px !important;margin: 20px 0px !important;}
			h3 {font-size: 20px;}
			
			
	}
		
/*============== Smartphones (portrait and landscape) ==============*/		
		
/*============== Responsive Codes ==============*/		

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

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

::selection{background:#5395d0;color:#fff;}
::-webkit-selection{background:#5395d0;color:#fff;}
::-moz-selection{background:#5395d0;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: inline-block;margin-right: -3px;text-align: center;}
.navbar-default .navbar-nav>li>a {color: #afafaf;transition: all 0.5s ease;padding-top: 15px;
padding-bottom: 15px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #5395d0;transition: all 0.5s ease;}
.navbar-default .navbar-toggle {border: solid 1px #5395d0;}
.navbar-toggle{border-radius:0;}
.navbar-default .navbar-toggle .icon-bar {background-color: #5395d0;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
.navbar-nav {margin: 20px auto;display: block;text-align: center;}
.navbar-right {float: none!important;}
.navbar{margin-bottom:0;}
.navbar-nav>li {float: none;}

.dynamicColorBox{background:#5395d0;padding:20px 15px;}
.fixedColorBox{padding:20px 15px;background:#f8f8f8;transition: all 0.5s ease;}
.fixedColorBox h4{font-style:italic;}
.fixedColorBox span{display:block;transition: all 0.5s ease;}
.fixedColorBox span:hover{color:#fff !important;transition: all 0.5s ease;}
.fixedColorBox:hover h4{color:#fff;}
.fixedColorBox p{text-align:center;}
.dynamicColorBox h4{font-style:italic;color:#fff;}
.dynamicColorBox span{display:block;}
.dynamicColorBox p{text-align:center;color:#fff;}

.fixedColorBox:hover{background: #5395d0;transition: all 0.5s ease;box-shadow: inset 0px 0px 12px -5px #000000;-webkit-box-shadow: inset 0px 0px 12px -5px #000000;-moz-box-shadow: inset 0px 0px 12px -5px #000000;
-o-box-shadow: inset 0px 0px 12px -5px #000000;-ms-box-shadow: inset 0px 0px 12px -5px #000000;color: #fff;}


.fixedColorBox:hover 
.theme-button-second
{
	background-color:#fff !important;
	color:#5395d0 !important;
}


/* Heading Codes*/
h1, h2, h3, h4, h5, h6 {color: #5395d0;font-family: 'Josefin Sans', sans-serif;text-align:center;transition: all 0.5s ease;font-weight:bold;}
section{padding:20px 0;width:100%;zoom: 1;clear:both;overflow:hidden;display:block;}
.sectionBg{background:#5395d0;}
.sectionBg p{line-height:23px;font-size:18px;margin: 20px 0 0 0;}
.sectionBg h1, .sectionBg h2, .sectionBg h3, .sectionBg h4, .sectionBg h5, .sectionBg h6, .sectionBg p, .sectionBg i{color:#fff;}
.sectionBgSecond{background:#5395d0;}
.sectionBgSecond h1, .sectionBgSecond h2, .sectionBgSecond h3, .sectionBgSecond h4, .sectionBgSecond h5, .sectionBgSecond h6, .sectionBgSecond p{color:#fff;}

.sectionBgThird{background:url(../images/sectionBg03.jpg) no-repeat center center;background-size:cover;}
.sectionBgThird h1, .sectionBgThird h2, .sectionBgThird h3, .sectionBgThird h4, .sectionBgThird h5, .sectionBgThird h6, .sectionBgThird p{color:#fff;}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {border: 1px solid #5395d0;color: #fff;background:#5395d0;}


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