/* ==== Google font ==== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {font-family: 'Segoe Script', serif; color: #666; background: #fff; font-size: 14px; line-height: 1.6em; font-weight: 400; src:url('fonts/Segoe%20Script.ttf');}
html, body {width:100%; padding:0; margin:0;}

::-moz-selection{background:#000;color:#fff;text-shadow:none}
::selection{background:#000;color:#fff;text-shadow:none}


html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

h1 {font-size: 45px; font-weight: bolder;}
h2 {font-size: 40px;}
h3 {font-size: 36px;}
h4 {font-size: 30px;}
h5 {font-size: 26px;}
h6 {font-size: 24px;}
p {font-size: 18px;}

#header-title{
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/1.jpeg) no-repeat scroll center center ;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;height: 750px;
    font-family: 'Arial', Helvetica, sans-serif; line-height: 1.5;
}

.box-content {padding: 10px 0;}
.box-content .heading{margin-bottom: 50px; text-align: center;}

.box-content.box-1 {}
.box-content.box-1 img{margin: 5px; border-radius: 50%; float: right; height: 150px; width: 150px; margin-top: 40px; margin-left: 10px;}
.box-content.box-1 h1{text-align: center; font-weight: 600; color: #fff; -webkit-text-stroke: .04em #000; text-shadow: 1px 2px 2px #0f1813, -1px -2px 1px #0f1813;}
.box-content.box-1 h3{text-align: center; font-weight: 600; color: #fff; -webkit-text-stroke: .04em #000; text-shadow: 1px 2px 2px #0f1813, -1px -2px 1px #0f1813;}
.box-content.box-1 p{text-align: right;; font-weight: 600; color: #fff;}
.box-content.box-1 h6{text-align: right;; font-weight: 600; color: #fff; text-shadow: 2px 3px 3px #0f1813, -2px -3px 2px #0f1813;}

.box-content.box-2 {}
.box-content.box-2 p{text-align: left; font-weight: 600; font-size: 20px;}

.box-content.box-3 {}
.box-content.box-3 {background-color: #133729;}

.box-content.box-4 {height: 85px; margin: 0; padding: 0; justify-content: center;}

.box-content.box-5 {}
.box-content.box-5 {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/6.jpg) no-repeat scroll center center ;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;height: 500px;}
.box-content.box-5 h1{text-align: left; font-weight: 600; color: #fff; -webkit-text-stroke: .04em #000;}
.box-content.box-5 p{text-align: left; font-weight: 600; color: #fff; font-size: 20px;}

.box-content.box-6 {}

footer{background-color: #133729; color: #fff; text-align: center; height: 70px; vertical-align: middle;}

.button {
    background-color: #999;
    width: 230px;
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    background-image:    -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    background-image:     -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    background-image:      -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    background-image:         linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
    border: none;
    border-radius: .5em;
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.2),
                inset 0 2px 0 hsla(0,0%,100%,.1),
                inset 0 1.2em 0 hsla(0,0%,100%,0.1),
                inset 0 -.2em 0 hsla(0,0%,100%,.1),
                inset 0 -.25em 0 hsla(0,0%,0%,.25),
                0 .25em .25em hsla(0,0%,0%,.05);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 .5em 1em;
    padding: .5em 1.5em .75em;
    position: relative;
    text-decoration: none;
    font-family: 'Arial', Helvetica, sans-serif;
    text-shadow: 0 1px 1px hsla(0,0%,100%,.25);
    vertical-align: middle;
    text-transform:uppercase;
    color: #fff;
    text-align: center;
}
.button:hover {
    outline: none;
    color: #fff;
}
.button:hover,
.button:focus {
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.2),
                inset 0 2px 0 hsla(0,0%,100%,.1),
                inset 0 1.2em 0 hsla(0,0%,100%,.1),
                inset 0 -.2em 0 hsla(0,0%,100%,.1),
                inset 0 -.25em 0 hsla(0,0%,0%,.25),
                inset 0 0 0 3em hsla(0,0%,100%,.2),
                0 .25em .25em hsla(0,0%,0%,.05);
    text-decoration: none;
    color: #fff;
}
.button:active {
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.2),
                inset 0 2px 0 hsla(0,0%,100%,.1),
                inset 0 1.2em 0 hsla(0,0%,100%,.1),
                inset 0 0 0 3em hsla(0,0%,100%,.2),
                inset 0 .25em .5em hsla(0,0%,0%,.05),
                0 -1px 1px hsla(0,0%,0%,.1),
                0 1px 1px hsla(0,0%,100%,.25);
    margin-top: .25em;
    outline: none;
    padding-bottom: .5em;
    color: #fff;
}

.medium {
    font-size: 1em;
}

.regular {
    border-radius: .5em;
}

.red {
    background: rgb(212,75,56);
}

a:hover {
	text-decoration: none;
	color: #fff;
}


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .box-content.box-1 img{margin: 2px; border-radius: 50%; width: 96px; height: 96px; }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  .box-content.box-1 img {display: none;}
  	h1 {font-size: 30px; font-weight: bolder;}
	h2 {font-size: 25px;}
	h3 {font-size: 22px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}
	p {font-size: 14px;}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
	.box-content.box-1 img {display: none;}
	h1 {font-size: 30px; font-weight: bolder;}
	h2 {font-size: 25px;}
	h3 {font-size: 22px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}
	p {font-size: 12px;}
	#header-title{height: 900px;}
	.box-content.box-5 {height: 680px;}
}

/* Smartphones (portrait and landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.box-content.box-1 img {display: none;}
	h1 {font-size: 30px; font-weight: bolder;}
	h2 {font-size: 25px;}
	h3 {font-size: 22px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}
	p {font-size: 12px;}
	#header-title{height: 900px;}
	.box-content.box-5 {height: 680px;}
}

/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {
	.box-content.box-1 img {display: none;}
	h1 {font-size: 30px; font-weight: bolder;}
	h2 {font-size: 25px;}
	h3 {font-size: 22px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}
	p {font-size: 12px;}
	#header-title{height: 850px;}
	.box-content.box-5 {height: 770px;}
    .box-content.box-4 {height: 200px;}

}