/*version 3.2*/
/*Global / Desktop View*/
header {
    background-color: #032340;
    padding-top: 4px;/*32*/
    padding-bottom: 0px;/*31*/
    border-bottom: 39pt solid #0A0909;
    margin-top: -20px;
    border-top-color: #0A0909;
    border-right-color: #0A0909;
    border-left-color: #0A0909;
    padding-right: 27px;
    left: 0px;
    padding-left: 43px;
    text-align: left;
}


.btn-donate {
    background-color: #858E96;
    color: #FFFFFF;
    border-radius: 14px;
    margin-right: 18px;
    margin-left: -159px;
    margin-top: 27px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-decoration: none;
    float: right;
    font-size:x-large
}


.container {
    margin-right: auto;
    display: block;
    margin-left: auto;
    padding-left: 0%;
    padding-right: 0%;
}

nav {
    max-height: 52px;
    padding-top: 0px;
    margin-top: -37px;
    float: right;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
}

.mobile-view {
    display: none;
    float: none;
}

main {
    min-height: 700px;
    background-color: #FFFFFF;
    /*position:absolute;*/
    display: block;
}


body {
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 300;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width:99%;
    color: #ffb600;
    padding: 20px;
    text-align: center;
    display: block;
}


.row {
    display: flex; /*
	margin-left: 10%;
	margin-right: 10%*/
    width: 100%;
    white-space: nowrap;
}

/*.text_column {
    text-align: justify;
    font-weight: lighter;
    line-height: 25px;
    float: left;
    color: #A3A3A3;
    margin-top: 14px;
    width: 26%;
    background-color: #FFFFFF;
    margin-bottom: 16px;
    margin-left: 6%;
}*/





a.about_link {
    font-weight: bold; 
    float: right;
    /*margin-right:10px;*/
}

h4.links {
    display: inline;
    font-family: 'Open Sans';
    padding-top: 20px;
}

a.links:hover
{
    text-decoration:none;
}



.new-releases {
    /*width:5%;*/
    display: block;
}

.about_new {
    display: inline-block;
    float: left;
    padding-top: 0px;
    padding-bottom: 19px;
    background-color: #FFFFFF;
    /*margin-bottom: 23px;
    padding-bottom: 31px;*/
    /*max-height: 150px;*/
    opacity: 1;
    width: 100%;
    /*position:relative;*/
    margin-top: -10px;
    text-align: center;
}

.container-fluid_all {
    all: inherit;
    text-align: center;
    position:relative;
    display: block;
    margin-left: 15px;
    margin-right: 15px;
}

.container-fluid_sized {
    /*all: inherit;*/
    position:relative;
    display:block;
    text-align: center;
    background-color: #F4F4F4;
    width: 100%;
    padding-top: 5%;
}

.about_new_container {
    padding-left: 20.5%;
    padding-right: 25%;
    right: auto;
}

.p {
    margin-top: 17px;
    color: #A3A3A3;
    font-style: normal;
    font-weight: 400;
    max-height: 37px;
    width: 56%;
    text-align: center;
    margin-right: auto;
    font-size: 1.2em;
    margin-left: auto;
    padding-left: 0.5%;
    font-family: source-sans-pro;
    display: inline-block;
}

.p_about {
    /*all: inherit;*/
    display:block;
    width: 10%;
    position: relative;
    /*    margin-top: 17px;*/
    padding-bottom: 5%;
    color: #3c3c3b;
    font-style: normal;
    font-weight: 400;
    width: 108%;
    text-align: justify;
    font-size: 1.2em;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    padding-left: 0%;
    font-family: source-sans-pro;
    top: 6px;
    /* left: 0px;*/
    left: 5px;
}

/*.p2 {
    padding-left: 221px;
}*/
.about-pg-tx {
    line-height: 23px;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;
    color: #252121;
    text-align: left;
    overflow-wrap: normal;
    /*word-break: break-all;*/
    white-space: normal;
}
.col-lg-8{
    width:25%;
}

.gallery {
    background-color: #FFFFFF;
    padding-bottom: 15px;
    padding-top: 0px;
    margin-top: 10px;
    margin-bottom: 40px;
    float: left;
    display: block;
    /* width: 928px;*/
    position: relative;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}



.gallery .thumbnail_b h4 {
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    color: #5b89a6;
    padding-top: 20px;
    letter-spacing: 6px;
    text-transform: lowercase;
    /*border-bottom: 1px solid #5b89a6;*/
     padding-bottom: 15px;
    line-height: 0pt;
}

.thumbnail_b {
    display: block;
    width: 24%;
    background-color: #FFFFFF;
    text-align: center;
    float: left;
    margin-top: 33px;
    top: 36px;
    padding-bottom: 0px;
    border-style: none;
    margin-left: 0%;
}



.gallery .thumbnail_b h4:hover {
    color: #032340;
    /* border-top: 1px solid #52BAD5;*/
}

.gallery .thumbnail_b p {
    margin-top: 17px;
    margin-right: 17px;
    margin-bottom: 17px;
    margin-left: 17px;
    color: #A3A3A3;
    text-align: center;
    font-family: 'Open Sans';
}

.desktop-view ul li {
    list-style-type: none;
    display: inline;
    right: 0px;
    top: 0px;
    left: 0px;
}

.desktop-view {
    margin-top: 0px;
    float: right;
}

.desktop-view ul li a {
    padding-top: 13px;
    padding-right: 43px;
    padding-bottom: 13px;
    text-decoration: none;
    color: #E8E8E8;
    clear: none;
}

.desktop-view ul li a:hover {
    text-decoration: none;
    color: #b7b7b7;
 }

.social-icon a img {
    margin-right: 30px;
}

/*links block*/
.button-images {
    display:block;
    position:relative;
    width:62%;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 19.2%;
    margin-right: 18.8%;
    padding-left: 0%;
    padding-right: 0%;
    position:relative;
    /*top: -294px;*/
    /*left: 15px;*/
}

.button-container {
    position: relative;
    text-align: center;
    padding: 0;
    border-radius: 5%;
}

.image_button_different {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.image_button_different:hover {
        opacity: 0.3;
    }

.button-container initial {
}

.button-container img {
    width: 100%;
    display: block;
    padding: 0px;
    margin:0px;
}

/*Columns*/
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    position: relative;
    margin-right: 4%;
    margin-left: 4%;
    float: left;
    min-height: 1px;
    height: auto !important;
}

.one_fourth {
    width: 25%;
    top: 6px;
    left: 0px;
    /*margin-left:auto;*/
    /*margin-right:auto;*/
}

.three_fourth {
    width: 74%;
}

.one_fifth {
    width: 16.8%;
}

.two_fifth {
    width: 37.6%;
}

.three_fifth {
    width: 58.4%;
}

.four_fifth {
    width: 79.2%;
}

.one_sixth {
    width: 13.3333%;
}

.three_sixth {
    width: 47.9998%;
}

.five_sixth {
    width: 82.6665%;
}

.last {
    margin-right: 0 !important;
    clear: right;
}

.clearboth {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}

.spacer {
    height: 15px;
}

.one_half .one_half {
    margin-right: 8.3333%;
    width: 45.8333%;
}

.one_half .one_third {
    margin-right: 8.3333%;
    width: 27.7778%;
}

.one_half .two_third {
    margin-right: 8.3333%;
    width: 63.8889%;
}

.two_third .one_third {
    margin-right: 6.1224%;
    width: 29.2517%;
}

.two_third .two_third {
    margin-right: 6.1224%;
    width: 64.6258%;
}

.two_third .one_fourth {
    margin-right: 6.1224%;
    width: 20.4082%;
}

.one_half, .two_fourth {
    width: 48%;
}

.one_third, .two_sixth {
    width: 30.6666%;
}

.two_third, .four_sixth {
    width: 65.3332%;
}

footer {
    height: 97px;
    margin-top: 7px;
    margin-left: 20px;
    margin-right: 20px;
    list-style-type: none;
}

.ft-logo {
    float: right;
}

.social-icon {
    float: left;
    margin-top: 11px;
}

.header-blue-panel {
    padding-bottom: 0px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
}

.header-image {
    margin-right: 600px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.tiles_wrapper {
    width: 60%;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
}

h1.grey {
    text-align: left;
    color: #5b89a6;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px;
    margin-top: -6px;
    margin-bottom: 0px;
    letter-spacing: 1px;
    font-family: source-sans-pro;
    padding-top: 0px;
    background-color: #F4F4F4;
    padding-left: 20%;
    /*margin-right: auto;*/
    /*padding-right: 43%;*/
}


h1.headerh1 {
    color: #5b89a6;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px;
    margin-top: -6px;
    margin-bottom: 0px;
    letter-spacing: 1px;
    font-family: source-sans-pro;
    padding-top: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-bottom: 0px;
    text-align: left;
}

.headerh2 {
    color: #5B89A6;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5em;
}

h3 {
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
    font-size: 17pt;
    letter-spacing: 1px;
    color: #032340;
    padding-top: 0px;
    margin-top: -116px;
    margin-bottom: 85px;
    padding-left: 0px;
    padding-bottom: 0px;
    left: -4px;
    margin-right: 4px;
    margin-left: -77px;
}


.covers {
    padding-top: 27px;
    background-color: #F4F4F4;
    margin-top: 2%;
    margin-bottom: 0px;
    padding-bottom: 2%;
    position:relative;
    display:inline-block;
    /*display: block;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*left: -291%;
    right: 291%;*/
    /*height: 69%;*/
}

.image-grid {
    /*margin-top: 17px;*/
    background-color: #F4F4F4;
    padding-top: 2px;
    /*min-height: 422px;*/
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 94%;
    padding-bottom: 0px;
}

.image-grid:after {
    display: block;
    content: "";
}

.col {
    margin-right: 0.5%;
    margin-bottom: 1%;
    margin-left: 0.5%;
}

.responsive-img {
    display: block;
    height: auto;
}

.col-lg {
    width: 24%;
}

.other {
    height: .5px;
    border-width: 0;
    color: #032340;
    background-color: #032340;
    margin-bottom: 21px;
}

.head {
    color: #272829;
    font-size: 23px;
    margin-left: 1px;
    background-color: #FFFFFF;
    margin-bottom: -6px;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
    margin-top: -6px;
    padding-top: 0px;
}



.grey {
    color: #5b89a6;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px;
    margin-top: -6px;
    margin-bottom: 0px;
    letter-spacing: 1px;
    font-family: source-sans-pro;
    padding-top: 0px;
    background-color: #F4F4F4;
    padding-left: 4.1%;
    margin-left: 0px;
    /*margin-right: auto;*/
    /*padding-right: 43%;*/
}


.btn-view-more {
    color: #FFFFFF;
    font-size: 14px;
    background-color: #96A1A5;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
    /*height:40px;*/
    float: right;
    padding-right: 13px;
    padding-left: 13px;
    border-radius: 27px;
    margin-right: 22%;
    /*margin-left: auto;*/
    margin-top: 3%;
    width: 130px;
    padding-top: 7px;
    padding-bottom: 5px;
}

/*section {
    display: block;
}*/

img {
    border: 0;
}

.text-center {
    text-align: center;
}

.fb-position {
    margin-top: 21px;
    float: right;
    padding-top: 46px;
    padding-right: 67px;
}

.fb-like {
    color: #ffb600;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #ffb600;
    text-decoration: none;
}

.row {
    margin-right: 20%;
    margin-left: 20%;
    width: 60%;
    margin-top: 10px;
    color: #3C3C3B;
    /*white-space:normal;*/
}

.row_about {
    width: 85%; 
    margin-top: 14px; 
    color: #0D0808; 
    margin-left:15%; 
    margin-right:0%;
    margin-top: 10px;
    display:block;
    /*color: #3C3C3B;*/
    /*white-space:normal;*/
}

.container:after, .container:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.container:after, .row:after {
    clear: both;
}

#prototype {
    background-color: #f4f4f4;
    color: #717171;
    padding-left: auto;
    padding-right: auto;
    text-align: center;
}

.protoype-marges {
    height: 130px;
    text-align: right;
}

.prototype-container {
    margin: auto;
    margin-left:50%;
}

.prototype {
    width: 50%;
    position: relative;
    padding-top: 10px;
    padding-bottom: 20px;
    overflow: visible;
}

.prototype img {
    width: 30px;
}

.prototype.right {
    float: right;
    text-align: left;
    padding-left: 69px;
    margin-left: 0px;
    border-left: 4px solid #ededed;
    padding-right: 0px;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
    width: 50%;
}

.righht-align {
    text-align: right;
    clear: none;
}

.prototype.left {
    float: none;
    margin-left: 4px;
    padding-right: 266px;
    border-right: 4px solid #ededed;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
    text-align: right;
}


.prototype.right img {
    position: absolute;
    top: 29%;
    left: -17px;
}

.prototype.left img {
    position: absolute;
    top: 29%;
    right: -16px;
}

.prototype.left span:after {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #e4e4e4;
    right: 30px;
}

.prototype.right span:after {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #e4e4e4;
    left: 30px;
}

#prototype span {
    font-size: 38px;
    line-height: 0.66;
    letter-spacing: 2.5px;
    color: #303030;
    clear: none;
}

.button {
    border-radius: 50%;
    color: #D04E50;
}

::-webkit-input-placeholder {
    font-style: italic;
    color: rgba(0, 0, 0, 0.27);
}

:-moz-placeholder {
    font-style: italic;
    color: rgba(0, 0, 0, 0.27);
}

::-moz-placeholder {
    font-style: italic;
    color: rgba(0, 0, 0, 0.27);
}

:-ms-input-placeholder {
    font-style: italic;
    color: rgba(0, 0, 0, 0.27);
}


::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.6);
}

img {
    max-width: 100%;
    height: auto;
}

.clear {
    clear: both;
}

.col-md {
}

.col-xs {
}

.carousel-wrapper {
    overflow: hidden;
    width: 90%;
}

.carousel-wrapper * {
    box-sizing: border-box;
}

.paddingTB60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.bgcolor-skyblue {
    background: #eaf0f9;
    margin-top: 20px;
}

.image-aboutus-sm-banner {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("https://images.pexels.com/photos/631008/pexels-photo-631008.jpeg?w=940&h=650&auto=compress&cs=tinysrgb");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.lg-text {
    font-size: 52px;
    font-weight: 600;
    text-transform: none;
    color: #fff;
}

.image-aboutus-para {
    color: #fff;
}

/********** SETS ***********/
/* New Search Pages */
div.topmenu {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

    div.topmenu a.menu, a.topmenu {
        white-space: nowrap;
        margin-left: 5px;
        color: #3B5998;
        text-decoration: none;
        font-size: 14px;
        padding: 2px 8px;
        border: 1px solid #ddd;
        background-color: #f2f2f2;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

        div.topmenu a.menu:hover, a.topmenu:hover {
            white-space: nowrap;
            background-color: #e2e2e2;
            border: 1px solid #aaa;
        }

    div.topmenu a.selected {
        white-space: nowrap;
        margin-left: 5px;
        color: #3B5998;
        text-decoration: none;
        font-size: 14px;
        padding: 2px 8px;
        border: 1px solid #777;
        background-color: #d2d2d2;
        font-weight: bold;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

        div.topmenu a.selected:hover {
            white-space: nowrap;
            background-color: #f2f2f2;
            border: 1px solid #777;
        }

div.topmenu2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

    div.topmenu2 a.menu {
        white-space: nowrap;
        margin-left: 5px;
        color: #3B5998;
        text-decoration: none;
        font-size: 12px;
        padding: 2px 8px;
        border: 1px solid #ddd;
        background-color: #f2f2f2;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

        div.topmenu2 a.menu:hover {
            white-space: nowrap;
            background-color: #e2e2e2;
            border: 1px solid #aaa;
        }

    div.topmenu2 a.selected {
        white-space: nowrap;
        margin-left: 5px;
        color: #3B5998;
        text-decoration: none;
        font-size: 12px;
        padding: 2px 8px;
        border: 1px solid #777;
        background-color: #d2d2d2;
        font-weight: bold;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

        div.topmenu2 a.selected:hover {
            white-space: nowrap;
            background-color: #f2f2f2;
            border: 1px solid #777;
        }

/************************* */
.plan {
    background: #f9f9f9;
    padding: 50px 30px;
    margin-bottom: 30px;
}

.plan-header h4 {
    padding-bottom: 8px;
    text-transform: uppercase;
    color: #333;
    font-weight: 600;
}

.plan-header {
    font-weight: 700;
}

.plan li {
    padding-bottom: 15px;
}

.plan ul {
    padding-left: 0;
    margin-bottom: 15px;
    list-style: none;
}

.plan-header p {
    padding-top: 12px;
    padding-bottom: 15px;
}

.col-md-3 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    list-style-type: none;
}

.col-md-4 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    list-style-type: none;
}

.col-md-4 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
    list-style-type: none;
    color: #3C3C3B;
    max-width: 203px;
}

.h4 {
    color: #FFFFFF;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 19px;
    margin-bottom: -70px;
}

.bgcolor-skyblue {
    background: #5B89A6;
    margin-top: 20px;
    height: 60px;
}

.cat {
    margin-top: 83px;
    background-color: #032340;
}

.list {
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
    line-height: 28pt;
    font-size: 19px;
    color: #3C3C3B;
    padding-left: 7px;
}


.list2 {
    margin-top: 53px;
    padding-top: 27px;
    color: #3C3C3B;
    line-height: 45pt;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    font-size: 1.5em;
    padding-left: 8px;
}

.list2_about {
    margin-top: 33px;
    color: #3C3C3B;
    line-height: 45pt;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    font-size: 19px;
    padding-left: 7px;
}

.h4-media {
    background-color: #8C0303;
    margin-top: -24px;
}

.btn {
    margin-top: 86px;
    margin-right: -4px;
    margin-left: 4px;
    width: 18%;
    min-height: 28pt;
}
.bg-pink {
    background: #f0f0f0;
}

.bg-blue {
    background: #d6d6d6;
    color: #000;
}

.padding35 {
    padding: 35px 0 35px;
}


.icon {
    color: #fff;
    padding: 15px;
    background: #323232;
    font-size: 50px;
    border-radius: 90px;
    border: 10px solid #323232;
}

.feature-box {
    text-align: center;
    padding: 20px;
    transition: .5s;
    margin-bottom: 30px;
    border: 1px solid #e8e8e8;
}

.feature-box:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.feature-box h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 25px 0 15px;
}

/* Site Heading */
.site-heading h3 {
    font-size: 40px;
    margin-bottom: 10px;
    font-weight: 600;
}

.border {
    background: #e8e8e8;
    height: 1px;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
    float: left;
}

/* padding-margin */
.paddingTB60 {
    padding-top: 60px;
    padding-bottom: 60px;
}



/* Footer */
.footer {
    position: relative;
    background-color: #fff;
    color: #707070;
    padding-top: 0px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 52px;
    list-style-type: none;
}

.footerh5 {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #707070;
    position: relative;
    padding-bottom: 16px;
    list-style-type: none;
}

.footer h5:after {
    content: '';
    display: block;
    margin: 5px 0 0;
    width: 40%;
    height: 1px;
    background-color: #fff;
    list-style-type: none;
}

.footer ul {
    list-style: none;
    line-height: 2.2em;
    padding-left: 0px;
}

.footer ul a {
    color: #707070;
    list-style-type: none;
}
/*footer bottom */
.footer-bottom {
    padding-top: 5px;
    padding-bottom: 15px;
    border-top: 1px solid rgba(0,0,0,0.09);
    background: #fff;
    list-style-type: none;
}
/* button to pages*/



/* Social Icons */

.social-icons {
    margin: 0;
    padding: 0;
    font-size: 10px;
}

.social {
    margin: 7px 7px 7px 0px;
    color: #b40028;
}

/* CTA CSS */
.cta-padding35 {
    padding: 35px 0 35px;
    background-color: #b40028;
    color: #fff;
}
/* Buttons */
.site-btn {
    font-size: 14px;
    padding: 13px 30px;
    border-radius: 5px;
    border: 1px solid #b40028;
    min-width: 200px;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #b40028;
    background-color: transparent;
    transition: all .25s ease-in-out;
    margin: 10px 0px 10px 0px;
}

.site-btn:hover {
    background: #b40028;
    border: 1px solid #fff;
    font-weight: bold;
}


.footerh5 {
}


/*
    media are below

*/
@media (max-width:991px) and (min-width:768px) {
   /* .covers {
        padding-top: 30px;
        background-color: #F4F4F4;
        margin-top: -97px;
        margin-bottom: -20px;
        padding-bottom: 0%;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        left: 0%;
        right: 0%;
        width: 100%;
    }*/
   

    .about {
        padding-top: 37px;
        background-color: #FFFFFF;
        margin-bottom: 23px;
        padding-bottom: 31px;
        height: 280px;
        opacity: 1;
        margin-right: auto;
        position: relative;
        margin-top: 5px;
        text-align: justify;
    }

    .p {
        margin-top: 17px;
        color: #A3A3A3;
        font-style: normal;
        font-weight: 400;
        max-height: 37px;
        width: 95%;
        text-align: center;
        margin-right: auto;
        font-size: 1.2em;
        margin-left: auto;
        padding-left: 0.5%;
    }

    .btn-view-more {
        /*color: #FFFFFF;
        font-size: 14px;
        background-color: #96A1A5;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        float: right;*/
        padding-right: 5px;
        /*padding-left: 13px;
        border-radius: 27px;*/
        margin-right: 22%;
        margin-top: 3%;
        width: 102px;
    }

    

    

    .headerh1 {
        color: #5b89a6;
        font-size: 23px;
        font-style: normal;
        font-weight: 400;
        line-height: 49px;
        margin-top: -6px;
        margin-bottom: 0px;
        letter-spacing: 1px;
        font-family: source-sans-pro;
        padding-top: 0px;
        margin-right: auto;
        padding-left: 2.5%;
        padding-bottom: 0px;
    }

    .button-images {
        width: 90%;
        margin-top: 0px;
        margin-bottom: 5px;
        margin-left: 5%;
        margin-right: 5%;
        padding-left: 0px;
        font-size: 1em;
    }

    
}

@media (min-width:600px) and (max-width:767px) {
    footer {
        height: 97px;
        margin-top: 410px;
        margin-left: 20px;
        margin-right: 20px;
        list-style-type: none;
    }

   /* .covers {
        padding-top: 27px;
        background-color: #F4F4F4;
        margin-top: -165px;
        margin-bottom: -8px;
        padding-bottom: 6%;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        left: 0%;
        right: 0%;
        width: 100%;
        height: 69%;
    }*/


    

    .button-images {
        width: 98%;
        margin-top: 0px;
        margin-bottom: 5px;
        margin-left: 1%;
        margin-right: 1%;
        padding-left: 0px;
        font-size: 1em;
    }
    .button-container {
        transition: all 1s ease-out;
        position: relative;
        text-align: center;
        padding: 0;
        border-radius: 5%;
        overflow: hidden;
        margin-top: 45px;
        margin-bottom: 33px;
    }
}

/*Tablet View*/
@media (min-width: 401px) and (max-width: 768px) {
    .mobile-view {
        display: block;
        float: right;
        margin-top: 17px;
        padding-bottom: 0px;
        top: 0px;
        clear: both;
        bottom: 0px;
        margin-right: 4%;
    }

    .desktop-view {
        display: none;
        text-align: right;
    }

    .expand {
        display: block;
    }

    .desktop-view ul li {
        display: block;
        margin-top: 25px;
    }

    footer {
        height: 97px;
        margin-left: 20px;
        margin-right: 20px;
        list-style-type: none;
        padding-top: 3px;
    }

    .ft-logo {
        float: right;
    }

    .social-icon {
        float: left;
        margin-top: 11px;
    }

    .header-content {
        margin-top: 0px;
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    h1 {
        font-size: 21px;
        line-height: 36px;
        color: #5b89a6;
    }

    h2 {
        margin-left: -126px;
        margin-top: 25px;
    }

    h3 {
        margin-left: -126px;
        margin-top: -93px;
    }



    .ft-logo {
        padding-top: 0px;
    }

    .social-icon a img {
        margin-right: 5px;
    }

    .col-md {
        width: 48%;
        margin-top: 1%;
        margin-right: 1%;
        margin-bottom: 1%;
        margin-left: 1%;
    }

    .col-md {
        width: 48%;
        margin-top: 1%;
        margin-right: 1%;
        margin-bottom: 1%;
        margin-left: 1%;
    }

    .text_column {
        text-align: justify;
        font-weight: lighter;
        line-height: 25px;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        color: #A3A3A3;
        margin-top: 26px;
        width: 98%;
        flex: 25%;
    }

    .gallery {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        /*margin-right: 1%;
        margin-left: 1%;*/
        /*background-color: #FFFFFF;*/
        /*padding-bottom: 0px;*/
        /*padding-top: 0px;*/
        /*margin-bottom: 9px;*/
        /*margin-right: auto;*/
        /*width: 100%;*/ /*135%;*/
        /*position: relative;*/
        /*margin-left: auto;*/
        /*float: right;*/
        /*margin-top: -1%;*/
        /*padding-left: 0px;*/
        /*padding-right: 17px;*/
    }

    
    .header-blue-panel {
        padding-bottom: 0px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0px;
        width: 100%;
        display: inline-block;
        height: auto;
        padding-left: 0px;
        margin-bottom: -4px;
        padding-right: 0px;
    }

    /* .covers {
        padding-right: 0px;
        padding-top: 39px;
        background-color: #F4F4F4;
        margin-top: -158px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        width: 102%;
        padding-left: 0px;
        height: 100px;
        float: left;
    }*/

    main {
        min-height: 690px;
        height: 900pt;
    }

    .btn-view-more {
        /*color: #FFFFFF;
        font-size: 14px;
        background-color: #96A1A5;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        float: right;
        padding-right: 13px;
        padding-left: 13px;
        border-radius: 27px;
        margin-right: -24%;*/
        margin-top: 1%;
        width: 106px;
    }

   

    .about {
        padding-top: 37px;
        /* background-color: #eceded;*/
        margin-bottom: 13px;
        padding-bottom: 31px;
        float: none;
        opacity: 1;
        margin-left: 7px;
        margin-right: 0px;
        width: 56%;
        position: relative;
        margin-top: 5px;
        text-align: justify;
    }

    .p {
        margin-top: 26px;
        color: #A3A3A3;
        font-style: normal;
        font-weight: 400;
        max-height: 37px;
        width: 179%;
        text-align: justify;
        font-size: 1em;
    }

    .prototype-container {
        width: 908px;
        margin-right: -186px;
    }

    .prototype.right {
        float: right;
        text-align: left;
        padding-left: 115px;
        margin-left: 0px;
        border-left: 4px solid #ededed;
        padding-right: 0px;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        width: 50%;
        margin-right: 453px;
    }

    .prototype.left {
        float: none;
        margin-left: -38px;
        padding-right: 0px;
        border-right: 4px solid #ededed;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        text-align: left;
        margin-right: 190px;
        right: 0pt;
    }

    .headerh1 {
        color: #5b89a6;
        font-size: 1.5em;
        font-style: normal;
        font-weight: 400;
        line-height: 49px;
        margin-top: -6px;
        margin-bottom: 0px;
        letter-spacing: 1px;
        font-family: source-sans-pro;
        padding-top: 0px;
        margin-right: auto;
        /*padding-left: 9.5%;*/
        padding-bottom: 0px;
        /*margin-left: -9%;*/
    }

    .gallery {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }


    .thumbnail_b {
        /*width: 10%;
        background-color: #FFFFFF;
        text-align: center;
        float: left;
        top: 0px;
        border-style: none;
        margin-left: 3%;*/
        /*margin-bottom: -51px;*/
    }

    .gallery .thumbnail_b h4 {
        margin-right: auto;
        margin-left: auto;
        color: #FFFFFF;
        padding-bottom: 0px;
        padding-top: 27px;
        font-size: 1em;
    }

    .image-grid {
        margin-top: 17px;
        background-color: #F4F4F4;
        padding-top: 2px;
        min-height: 422px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
        max-width: 94%;
        padding-bottom: 0px;
        height: 100%;
    }
    /*Global / Desktop View*/
    header {
        background-color: #032340;
        padding-top: 32px;
        padding-left: 30px;
        padding-right: 19px;
        padding-bottom: 18px;
        border-bottom: 39pt solid #0A0909;
        margin-top: -20px;
        display: block;
        float: none;
        border-top-color: #0A0909;
        border-right-color: #0A0909;
        border-left-color: #0A0909;
    }

    .grey {
        color: #5b89a6;
        font-size: 1.5em;
        font-style: normal;
        font-weight: 400;
        line-height: 49px;
        margin-top: -21px;
        margin-bottom: 0px;
        letter-spacing: 1px;
        font-family: source-sans-pro;
        padding-top: 0px;
        margin-right: 6%;
        background-color: #F4F4F4;
        margin-left: 1%;
    }

    .button-images {
        width: 98%;
        margin-top: 0px;
        margin-bottom: 5px;
        margin-left: 1%;
        margin-right: 1%;
        padding-left: 0px;
        font-size: 1em;
    }

    .button-container {
        transition: all 1s ease-out;
        position: relative;
        text-align: center;
        padding: 0;
        border-radius: 5%;
        overflow: hidden;
        margin-top: 20%;
        margin-bottom: 10%;
        font-size: 0.5em;
    }
}

/*YouTube Page*/


.btnYouTube {
    background-color: #032340;
    color: #FFFFFF;
    padding-left: 12px;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    border-radius: 12px;
    margin:12px;
    letter-spacing: 2px;
    text-shadow: 0px 0px;
    border-style: none;
    /*width: 187px;*//*
    margin-top: -14px;
    margin-bottom: -12px;*/
    display: inline-block;
    float: left;
    border-color: #5B89A6;
}
.videos {
    margin-left: auto;
    margin-right: auto;
}


.date {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    color: #c9a47a;
    padding-top:2px;
    margin-top:5px;
    font-style: italic;
    font-size: 20px;
    font-weight: 400;
}


.figcaption {
    background-color: #FFFFFF;
    /*margin-top: -27px;*/
    padding-top: 11px;
    margin-bottom: 32px;
    color: #63605B;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 28px;
    font-weight: 400;
}



@media screen and (max-width: 400px) {
    #prototype span {
        font-size: 20px;
    }

    .prototype {
        font-size: 15px;
    }

    .prototype {
        width: 100%;
        position: relative;
        padding-top: 10px;
        padding-bottom: 20px;
    }

        .prototype img {
            width: 24px;
        }

        .prototype.right {
            float: right;
            text-align: left;
            padding-left: 120px;
            border-left: 4px solid #ededed;
        }

        .prototype.left {
            float: right;
            text-align: right;
            padding-left: 120px;
            border-left: 4px solid #ededed;
            border-right: 0;
            right: 0pt;
        }

        .prototype.right img {
            position: absolute;
            top: 27%;
            left: -14px;
        }

        .prototype.left img {
            position: absolute;
            top: 27%;
            left: -14px;
            right: inherit;
        }

        .prototype.left span:after {
            display: block;
            position: absolute;
            content: '';
            width: 70px;
            height: 2px;
            background: #e4e4e4;
            left: 30px;
        }
}

@media only screen and (max-width : 480px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 100%;
    }

    .protoype-marges {
        height: 40px;
    }
    .about_new{

    }
    .container-fluid_sized
    {
        width:100%;
    }
    .p {
        margin-top: 17px;
        color: #A3A3A3;
        font-style: normal;
        font-weight: 400;
        max-height: 37px;
        width: 103%;
        text-align: center;
        margin-right: auto;
        font-size: 1em;
        margin-left: auto;
        padding-left: 0.5%;
        padding-bottom: 0px;
        font-family: 'Open Sans';
    }

    .p_about{
        width:100%;
    }

    .gallery {
        width: 100%;
        
    }

    .gallery .thumbnail_b h4 {
        margin-top: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
        color: #5b89a6;
        padding-bottom: 10px;
        padding-top: 20px;
        font-size: 69%;
    }

    .gal-img-pad {
        margin-bottom: -6px;
        padding-right: 16px;
        padding-left: 0px;
        margin-top: -30px;
        padding-top: 0px;
    }



    header.mobile-view {
        display: none;
        float: none;
        margin-bottom: 6px;
        width: 26%;
        height: 26%;
        padding-bottom: 61px;
        padding-top: 10%;
    }

    .headerh1 {
        color: #5b89a6;
        font-size: 1em;
        font-style: normal;
        font-weight: 400;
        line-height: 49px;
        margin-top: -6px;
        margin-bottom: 0px;
        letter-spacing: 1px;
        font-family: source-sans-pro;
        padding-top: 0px;
        margin-right: auto;
        padding-bottom: 0px;
        margin-left: -20%;
    }

    .grey {
        color: #5b89a6;
        font-size: 1em;
        font-style: normal;
        font-weight: 400;
        line-height: 49px;
        margin-top: -21px;
        margin-bottom: 0px;
        letter-spacing: 1px;
        font-family: source-sans-pro;
        padding-top: 0px;
        margin-right: 2%;
        background-color: #F4F4F4;
        margin-left: 7%;
    }

    .image-grid {
        margin-top: 17px;
        background-color: #F4F4F4;
        padding-top: 2px;
        min-height: 422px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
        max-width: 94%;
        padding-bottom: 0px;
    }

    .btn-view-more {
        /*color: #FFFFFF;*/
        font-size: 0.5em;
        /*background-color: #96A1A5;
        font-family: source-sans-pro;
        font-style: normal;
        font-weight: 400;
        float: right;
        padding-left: 13px;
        border-radius: 27px;*/
        margin-right: 2%;
        /*margin-top: 2%;*/
        width: 65px;
        /*padding-top: 7px;
        padding-bottom: 5px;*/
    }

  


    /* .covers {
        padding-top: 27px;
        background-color: #F4F4F4;
        margin-top: -60px;
        margin-bottom: -8px;
        padding-bottom: 7px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        left: 0%;
        right: 0%;
        width: 100%;
    }*/

    .ft-logo {
        float: right;
        width: 73%;
        margin-bottom: 6px;
        padding-bottom: 0px;
        margin-top: -15px;
    }

    main {
        min-height: 790px;
        /*height: 900pt;*/
    }

    /*Global / Desktop View*/
    header {
        background-color: #032340;
        padding-top: 32px;
        padding-left: 30px;
        padding-right: 19px;
        padding-bottom: 0px;
        border-bottom: 31px solid #0A0909;
        margin-top: -20px;
        display: block;
        float: none;
        border-top-color: #0A0909;
        border-right-color: #0A0909;
        border-left-color: #0A0909;
        border-top-width: 31px;
        border-right-width: 31px;
        border-left-width: 31px;
    }

    .image-grid {
        margin-top: 17px;
        background-color: #F4F4F4;
        padding-top: 2px;
        min-height: 384px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
        max-width: 94%;
        padding-bottom: 0px;
    }



    .button-container {
        transition: all 1s ease-out;
        position: relative;
        text-align: center;
        padding: 1%;
        border-radius: 5%;
        overflow: hidden;
        margin-top: 10%;
        margin-bottom: -1px;
        font-size: 8px;
    }

    .gal-img-pad2 {
        margin-bottom: -8px;
        margin-top: -34px;
    }

    .fb-position {
        margin-top: 21px;
        float: right;
        padding-top: 32px;
        padding-right: 27px;
    }
}

/*Mobile View*/
@media (max-width: 400px) {


    h1 {
        font-size: 16pt;
        line-height: 14pt;
        margin-left: 5px;
    }

    .desktop-view {
        display: none;
        text-align: right;
        margin-top: 3px;
    }

    .expand {
        display: block;
    }

    header a img {
        width: 52%;
        height: 83%;
    }

    .desktop-view ul li {
        display: block;
        margin-top: 25px;
    }

    .hero-image {
        height: 526px;
    }

    main {
        max-width: 100%;
    }

    h2 {
        margin-left: -150px;
        font-size: 11pt;
    }

    h3 {
        margin-top: -131px;
        margin-left: -159px;
        padding-top: 0px;
        padding-left: 7px;
        padding-bottom: 9px;
        margin-bottom: 109px;
        font-size: 13pt;
    }




    footer {
        height: 97px;
        margin-left: 20px;
        margin-right: 20px;
        list-style-type: none;
    }

    .ft-logo {
        float: right;
    }

    .social-icon {
        float: left;
        margin-top: 11px;
    }

        .social-icon a img {
            margin-right: 5px;
        }

    .header-blue-panel {
        background-color: rgba(255,255,255,0.36);
        padding-top: 0px;
        height: 80%;
        padding-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 79%;
        padding-right: 10px;
    }

    .float-left {
        float: left;
    }

    .social-icon a img {
        margin-right: 3px;
    }

    .col-xs {
        width: 39%;
        margin-top: 1%;
        margin-right: 1%;
        margin-bottom: 1%;
        margin-left: 1%;
    }

 
    .mobile-view {
        display: block;
        float: right;
        padding-bottom: 0px;
        top: 0px;
        clear: both;
        bottom: 0px;
        margin-right: 4%;
        margin-bottom: -6px;
        margin-top: 17px;
    }
    /*Global / Desktop View*/
    header {
        background-color: #032340;
        padding-top: 32px;
        padding-bottom: 18px;
        border-bottom: 39pt solid #0A0909;
        margin-top: -32px;
        border-top-color: #0A0909;
        border-right-color: #0A0909;
        border-left-color: #0A0909;
        padding-right: 12px;
        left: 0px;
        padding-left: 16px;
        text-align: left;
    }

   .button-images {
        width: 98%;
        margin-top: 0px;
        margin-bottom: 5px;
        margin-left: 1%;
        margin-right: 1%;
        padding-left: 0px;
        font-size: 1em;
    }
}