/*home page*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
@import url("https://fonts.googleapis.com/css?family=Satisfy");
@import url("https://fonts.googleapis.com/css?family=Courgette&subset=latin-ext");
body {
    font-family: 'Lato', sans-serif; }

.row {
    margin: 0px; }



/*header phone number section*/

.head-container{

    padding: 0px;

    z-index: 10000;
}
.header-con{margin-left: 30px;margin-top: 5px;border-bottom: 2px solid #fff;}
.head-con{
    margin-top: 12px;
}

.header-con .col-md-4{padding-left:0px;}
.header{
    background: #81a4d9c7;
    background: -moz-linear-gradient(top, rgba(25, 85, 128, 0.9) 0%, rgba(113, 113, 113, 0.0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25, 85, 128, 0.9)), color-stop(100%, rgba(113, 113, 113, 0.0)));
    background: -webkit-linear-gradient(top, rgba(25, 85, 128, 0.9) 0%, rgba(113, 113, 113, 0.0) 100%);
    background: -o-linear-gradient(top, rgba(25, 85, 128, 0.9) 0%, rgba(113, 113, 113, 0.0) 100%);
    background: -ms-linear-gradient(top, rgba(25, 85, 128, 0.9) 0%, rgba(113, 113, 113, 0.0) 100%);
    z-index: 100;
    position: fixed;
    width: 100%;
}
.header-con h4{

    text-transform: uppercase;
}
.header-con h4 a{

    color: #fff;

    text-transform: uppercase;

    text-decoration: none;

    font-weight: 900;
}
.header-con h4 span{

    color: #d02c27;

    font-weight: 900;
}
.email h4 span{color: #f7f7f7;}
.email {
}
.fb {
    width: 12%;

}
.email h4 {
    color: #fff;
    text-shadow: 1px 1px #404040bf;
}
.email a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
}

.phone h4 {
    font-weight: 600; }
.phone a {
    font-size: 20px;
    color: #000;
    text-decoration: none;
    font-weight: 700;
}
.phone span {
    color: #1b5785;
    font-size: 20px;
    text-transform: uppercase;
}

.head-wrap {
    padding: 20px 25px 0px 25px; }

.header-ph {
    padding: 0px 0px 5px 0px;
}
.ph2{
    text-align: center;
}
p a:hover{
    text-decoration:none;
}
p a{
    font-weight: 900;
    color: #000;
    text-decoration: none;
}
p strong, b{
    font-weight: 900;
}
/**/



/*logo section*/

.yell {
    width: 35%;
    padding: 10px;
}
.yell img {
    width: 35%; }

.logo {
    text-align: center;
    padding: 0px;
}
.logo img {
    width: 60%;
}

.visit {
    text-align: center; }
.visit a {
    text-decoration: none;
    color: #fff; }

.button-visit {
    background-color: #d02c27;
    border: none;
    color: white;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 25px 0px;
    cursor: pointer; }

.logo-inner {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    padding: 10px;
    margin-top: -4px;
    z-index: 10000;
    background: #fff; }

/**/



/*navbar*/

.menu-bar{
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #000000;
    background-color: #ffffff96; 
    border-radius:0px 0px 10px 10px;
    text-shadow:none!important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    /* border-color: #e7e7e7; */
    /* background: #51c8f3; */
    /* box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.19); */
    padding: 0px;
}
.nav>li {

    /* border-right: 1px solid #fff; */
    text-shadow: 1px 1px #636363;
}

.nav li:last-child{
    border-right: 0px;
}
.navbar-default {
    background: none;
    border: none;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 20px 8px;
}
body#area a#areanav,
body#gallery a#galnav,
body#contact a#contactnav,
body#moss a#mossnav,
body#chimney a#chimneynav,
body#com a#comnav,
body#repair a#repairnav,
body#flat a#flatnav,
body#roof a#roofnav,
body#home a#homenav
{
    /* background: #000000; */
    color: #d02c27;
    font-weight: 900;
}
.dropdown-menu {z-index: 20000;background: #1b5785;margin-top: 5px!important;
                border-radius: 0px 10px 10px 10px!important;box-shadow: none;text-shadow: none!important;font-weight: bold!important;}
.dropdown-menu :hover{}
.dropdown-menu>li>a {
    display: block;
    padding: 12px 42px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    /* background: aliceblue; */
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #d02c27;
    text-decoration: none;
    background-color: #f3f6fd00;
}
.dropdown-menu>li>a:hover{
    background:none;
}
.mobile-email {
    display: none; }

.mobile-phone {
    display: none; }

.clickable {
    cursor: pointer; }


.header-wrapper {background: url(../images/header-bg.jpg);}

.header-ph {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s; }



/**/



/*banner section*/


.banner-con{
    padding: 25px 30px 0px 30px;
}

.banner-wrap {
    margin-top: 0px;
    width: 100%;
    float: left;

}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: 100%;

    position:relative;

    float:left;

    bottom:0px!important;

    text-align:center;

    margin-top:-6%;




}
.carousel-mobile{
    display: none;
}
.carousel-control.left {
    background: none; }

.carousel-control.right {
    background: none; }

.carousel {
    overflow: hidden;
    /* z-index: -1; */

}

.carousel-inner
{
    max-height: 560px;
    overflow: hidden;
}
.carousel-caption2{

position: absolute;

z-index: 1000;

width: 15%;

background: #fff;

right: 15%;

border-radius: 10px;

bottom: 5%;
}


.carousel-caption2 img{

    padding: 10px;
}
.yell-logo{

    width: 60%;
}
.build{

    width: 90%;
}
.fb-logo{

    width: 35%;
}
.carousel-caption2-mobile{
    display: none;
}




/**/


/*Quick quote*/
.quick-head{

    background: rgba(10, 65, 119, 0.78);

    padding: 15px;
}
.quick-con {
    position: relative;
    min-height: 100px;
    background-color: #0066FF; }

.quote-header {
    padding: 10px;
}

.quick-quote {
    width: 100%;
    float: left;
    background: url(../images/quote-bg.png);
    background-repeat: no-repeat;
}

.quick-quote h1, .quick-quote h2 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 10px;
    font-size: 28px;
    font-weight: bold; }

.quick-quote input::placeholder {
    color: #000000; }

.quick-quote textarea::placeholder {
    color: #000000; }



.quick-quote input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000000; 
}
.quick-quote input::-moz-placeholder { /* Firefox 19+ */
    color: #000000; 
}
.quick-quote input:-ms-input-placeholder { /* IE 10+ */
    color: #000000; 
}
.quick-quote input:-moz-placeholder { /* Firefox 18- */
    color: #000000; 
}   


.quick-quote textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000000; 
}
.quick-quote textarea::-moz-placeholder { /* Firefox 19+ */
    color: #000000; 
}
.quick-quote textarea:-ms-input-placeholder { /* IE 10+ */
    color: #000000; 
}
.quick-quote textarea:-moz-placeholder { /* Firefox 18- */
    color: #000000; 
}   

.quick-quote p {

    text-align: center;

    color: #fff;
}

.quick-quote h3 {
    color: #fff;
    font-weight: 900;
    text-align: center;
    font-size: 26px;
    margin-top: 0px;
}


.quick-quote input {
    width: 100%;
    height: 40px;
    border-radius: 0px;
    color: #000000;
    padding: 5px;
    background: #fff;
    border: 1px solid #fff;
    margin-top: 10px;
}

.quick-quote textarea {
    width: 100%;
    height: 60px;
    border-radius: 0px;
    color: #000000;
    background: #fff;
    border: 1px solid #fff;
    margin-top: 12px;
    padding: 5px;
}

.quick-quote .g-recaptcha {
    webkit-transform: scale(0.53);
    transform: scale(0.63);
    transform-origin: 100px 0px;
    -webkit-transform-origin: 50px 0px;
    margin: -18px;
    padding: 0px;
    margin-top: 20px;
    -ms-transform: scale(0.53);
    -ms-transform-origin: 39px 0px;
}

.quick-quote .btn-default {
    position: relative;
    border: 0px;
    color: #ffffff;
    width: 100%;
    background: #000000;
    height: 45px;
    border-radius: 10px;
    margin-top: 20px;
}





/*welcome*/

.welcome{
}
.welcome h4 {
    color: #1b5785;
    font-weight: bold;
    text-align: center;
}
.welcome p {
    text-align: justify;
    line-height: 26px; }
.welcome li {
    width: 50%;
    float: left;
    font-weight: 900;
    line-height: 32px;
    list-style: none;
    color: #000;
}
.welcome img {
    width: 100%;
    margin-top: 30px;
}

.welcome-con {margin-top: 15px;}
.wel{
}
.welcome ul{

    padding: 0px;
}
.welcome h1{

    font-size: 24px;

    color: #1b5785;

    line-height: 32px;
}

.welcome h1 span{

    color: #d02c27;

    font-size: 26px;
}
/**/



/*tabs*/

.tabs {

    background: url(../images/bg.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.tabs h1 {
    text-align: center;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold; }
.tabs h4 {
    font-weight: 900;
    color: #000;
    font-size: 16px;
}
.tabs h5{

    text-align: center;

    margin-top: 25px;
}
.tabs a {
    text-decoration: none;
    color: #000;
}
.tabs img {
    width: 100%;
    margin-top: 15px;
}

.tab-con {
    margin-top: 10px;
    margin-bottom: 20px; }

.tab {
    padding: 20px;
}
.tab-con p{

    font-size: 16px;
}
.tab-wrap{
    border-right: 1px solid #fff;
}
/**/


/*Our services*/

.our-service{
}
.service-con{

    margin-top: 30px;
}
.service-con img{

    width: 100%;

    border-bottom: 5px solid #1b5785;
}
.service-con h4{

    color: #000;

    font-weight: 900;

    text-align: center;

    margin-top: 0px;
}
.service-con h4:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 50%; /* Change this to whatever width you want. */
    padding-top: 20px; /* This creates some space between the element and the border. */
    border-bottom: 1px solid #1b5785; /* This creates the border. Replace black with whatever color you want. */
}
.service-con p{

    text-align: justify;

    line-height: 26px;
}

.service-wrap{

    background: #f8f8f8;

    padding: 25px 40px 25px 40px;
}

/**/

/*logos section*/
.logos {
    border-bottom: 5px solid #fcf4e7; }
.logos h4 {
    color: #1b5785;
    line-height: 26px;
    font-weight: bold; }
.logos img {
    width: 20%;
    padding: 20px; }

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

/**/




/*whychoose section*/
.why-choose{

    background: #eaeaea;
}
.why-choose h2 {
    color: #d02c27;
    margin-top: 0px;
    font-size: 25px;
    line-height: 30px;
}
.why-choose span {
    color: #1b5785;
}
.why-choose p {
    text-align: center;
    font-weight: bold; }
.why-choose h5 {
    text-align: center;
    color: #ff0b0b;
    font-weight: bold; }

.why-choose-con {
    margin-top: 30px;
    margin-bottom: 30px;
}
.why-choose-con ul{
    padding:0px;
    margin-left: 20px;
}
.why-choose-con ul li{list-style-image: url("../images/tick.png");width: 50%;float: left;line-height: 35px;font-size: 15px;}
.video-wrap iframe{

    height: 260px;

    width: 100%;
}


.why-choose-img img{
   width: 100%;
}
/*testimonials section*/

.testimonials {

padding: 20px;

background: #cecece;

height: 280px;
}
.testimonials h2 {
    color: #000;
    font-size: 32px;
    text-align: center;
    font-weight: bold;
}
.testimonials h3 {
    color: #000;
    margin-top: 20px;
    text-align: center;
}

.why {
    border-right: 2px solid #fff; }
.testimonials p{

    color: #000;

    text-align: center;

    margin-bottom: 30px;
}

.carousel-indicators {
    bottom: -10px;
}
/**/


/*footer top section*/


.footer-top img {
    margin-top: 10px;
}
.footer-top h4 a {
    color: #1b5785; 
}
.footer-top h4 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 25px;
}
.footer-top h6{

    font-size: 16px;
}
/* .footer-top h4:after{
    content: "";
    display: block;
     margin: 0px auto; 
    width: 40%;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffffff;
} */
.footer-top a {
    text-decoration: none;
    color: #fff;
}
.footer-top h4 span {
    color: #fff;
    font-weight: bold;
}
.footer-top h5 span {
    color: #ffffff;
}
.footer-top{

    background: #1b5785;
}
.foot-con {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
}

.foot-con p{

    line-height: 15px;
}
.foot-con iframe{

    height: 200px;
}

.fb{
    width: 10%;
    padding: 10px;
}
/**/

/*footer*/


.footer {
    background: #d02c27;
    color: #fff;
}

.footer-con {
    margin-top: 20px;
    margin-bottom: 20px; }
.foot-right a{
    color: #fff;
}




/*inner pages*/
.page-container {
    margin-top: 30px; }
.page-container h2 {
    font-size: 18px;
    font-weight: bold;
}
.page-container P {
    text-align: justify;
    line-height: 26px;
}
.page-container h4 {
    font-weight: bold;
    color: #1b5785;
    font-size: 16px;
}
.page-container h1 {
    font-weight: bold;
    color: #000000;
    font-size: 22px;
    text-transform: uppercase;
}
.page-container ul {padding: 0px;margin-left: 17px;}
.page-container h5 {
    font-weight: bold;
    font-size: 16px;
}
.page-container h3 {
    text-align: center;
    color: #1b5785;
    margin-top: 0px;
    font-weight: bold; }

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

.page-img {
    padding-left: 0px; }
.page-img img {
    width: 100%;
    padding: 5px; }
.page-img .col-md-2 {
}

.two-col li {
    width: 50%;
    float: left;
    font-weight: bold;
    color: #000;
    line-height: 27px;
    float: left;
    width: 50%;
    list-style: url(../images/icon.png);
}

.one-col li {
    color: #000;
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
    list-style: url(../images/icon.png);
}

.three-col li {
    width: 33%;
    float: left;
    font-weight: bold;
    color: #000;
    line-height: 26px;
    list-style: url(../images/icon.png);
}

.four-col li {
    width: 25%;
    float: left;
    font-weight: bold;
    color: #0154ee;
    line-height: 26px; 
    list-style: url(../images/icon.png);
}

.timing {
    background: #f9382f;
    padding: 20px; }
.timing p {
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-size: 17px; }

/**/

/*gallery*/
.gallery-pc {
    display: block;
    visibility: visible; }

.gallery-mobile {
    display: none !important;
    visibility: hidden !important; }

.gallery li {
    padding: 5px;
    float: left;
    width: 25%;
    height: 200px;
    overflow: hidden; }

.gallery li img {
    width: 100%;
    height: auto !important;
    min-height: 200px !important; }

.gallery {
    list-style-type: none;
    overflow: hidden;
    width: 100%;
    padding: 0px;
    margin: 0px;
    margin-top: 15%; }

/*modal*/
.modal-dialog {
    z-index: 3000 !important;
    top: 100px; }

.modal-header,
.modal-footer {
    background: #FFFFFF;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 16px !important; }

.modal-header {
    background: #1b5785; }

.modal-menu {
    padding: 0px;
    text-align: center; }

.modal-menu li {
    list-style: none;
    width: 100%;
    padding: 5px;
    border-bottom: #CCCCCC thin solid; }

.modal-menu li a {
    color: #1b5785;
    text-transform: uppercase;
    font-weight: bold; }

#sticky {
    width: 100%;
    margin-left: 20px; }

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .6; }

.modal-footer .btn-default {
    color: #fff;
    background: #1b5785; }

.msg-box .col-md-6 {
    padding-right: 15px; }

.page-container .col-md-12,
.page-container .col-md-11,
.page-container .col-md-10,
.page-container .col-md-9,
.page-container .col-md-8,
.page-container .col-md-7,
.page-container .col-md-6,
.page-container .col-md-5,
.page-container .col-md-4,
.page-container .col-md-3,
.page-container .col-md-2,
.page-container .col-md-1 {
    padding-left: 0px; }

.inside-images {
    padding-left: 0px;
    margin-bottom: 10px; }

/**/

/*contact form*/
.con-btn {
    background-color: #1b5785;
    padding: 11px 33px;
    float: right;
    letter-spacing: 0.5px;
    color: #fff;
    margin-top: 0px;
    width: 100%; }

.con-btn:hover {
    color: #FFFFFF;
    background-color: #040505; }

.con-address h5 {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 26px;
    font-weight: 900;
    color: #000000;
}
.con-address h4 {
    color: #0d3862;
    font-size: 18px;
}
.txt-send {
    color: #333; }
.txt-send h3 {
    /* font-weight: bold; */
    font-size: 22px;
    color: #000;
}

.txt-contact {
    color: #70aace;
    margin-left: -16px; }

.txt-contact span {
    color: #024788; }

/*.message{    padding: 0px!important;}*/
.con-address p b {
    color: #a2213b;
    font-size: 15px; }
.con-address h6 {
    padding: 0px;
    margin: 14px 0px 0px 0px;
    font-size: 17px;
    font-weight: bold;
    color: #000;
}
.con-address{
    color: #000000;
    font-size: 15px;
}
.con-address a {
    text-decoration: none;
    color: #000;
    font-weight: normal;
    font-size: 17px;
}
.con-address span {
    color: #000000;
    font-size: 16px;
}

.contact-form-2 {
    width: 100%;
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, white 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, white));
    background: -webkit-linear-gradient(top, #ebebeb 0%, white 100%);
    background: -o-linear-gradient(top, #ebebeb 0%, white 100%);
    background: -ms-linear-gradient(top, #ebebeb 0%, white 100%);
    float: left;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 15px; }
.contact-form-2 input {
    width: 100%;
    margin: 5px;
    min-height: 30px;
    padding: 5px; }
.contact-form-2 select {
    width: 100%;
    margin: 5px;
    min-height: 30px;
    padding: 5px; }
.contact-form-2 textarea {
    width: 100%;
    margin: 5px;
    min-height: 65px;
    padding: 5px;
}
.contact-form-2 .g-recaptcha {
    transform: scale(0.73);
    transform-origin: 0 0;
    margin-bottom: 0px;
    margin-left: 5px; }

.txt-send p{
    text-align: center;
}
/**/



/*privacy*/
.privacy h4 {
    font-size: 16px;
    font-weight: bold;
    color: #b1b1b1;
    margin-top: 20px; 
}
.privacy h2 {
    font-size: 26px;
    font-weight: bold;
    margin-top: 0px;
}
.privacy p {
    color: #969696;
    text-align: justify;
    font-size: 12px;
}

.quick-quote h6 {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
}
.quick-quote a {
    text-decoration: none; 
}

.btn-privacy {
    background: #040404;
    border: none !important;
    color: #fff; 
}

.btn-privacy:hover {
    background: #040404;
    border: none;
    color: #fff; 
}

.btn-privacy:active, .btn-privacy:focus {
    color: #fff; 
}

/**/


/*area coverage*/

.covering li{
    display: block;
    line-height: 30px;
    font-size: 0.95em;
    border-bottom: #bfbfbb 1px solid;
    padding: 0px;
    list-style-position: inside;
}
.covering li img{
    font-size: 22px;
    /* float: left; */
    margin-left: 0px;
    margin-right: 10px;
}
.area-map iframe{

    height: 650px;
}

.covering ul{ padding: 0px;}

.area-wrap h1{
    margin-top: 215px; 
}

/**/



/*scorol top*/

#myBtn {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 85px;

    border: none;
    outline: none;

    background-repeat: no-repeat;
    cursor: pointer;
    padding: 23px;
    border-radius: 4px;
}
.scrollup {
    position: fixed;
    bottom: 50px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    background: url("../images/arrow.png");
    z-index: 99;
    padding: 26px;
    background-repeat: no-repeat;
}




.f-nav{
    left: 0;
    top: -20px;
    /* width: 100%; */
    z-index:999 !important;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    background: #81a4d9c7;
    background: -moz-linear-gradient(top, rgba(25, 85, 128, 0.9) 50%, rgba(113, 113, 113, 0.0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25, 85, 128, 0.9)), color-stop(100%, rgba(113, 113, 113, 0.0)));
    background: -webkit-linear-gradient(top, rgba(25, 85, 128, 0.9) 50%, rgba(113, 113, 113, 0.0) 100%);
    background: -o-linear-gradient(top, rgba(25, 85, 128, 0.9) 50%, rgba(113, 113, 113, 0.0) 100%);
    background: -ms-linear-gradient(top, rgba(25, 85, 128, 0.9) 50%, rgba(113, 113, 113, 0.0) 100%);
    /* background: rgba(84, 86, 88, 0.75); */
} 

.f-nav .header-ph{
    opacity:0;
    height:20px;
}
.header-wrapper .f-nav{

}
.f-nav .logo-inner{
    padding: 5px;
}
.header{
    position: fixed;
    width: 100%;
}
.header-ph {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.f-nav .header{
    background: rgba(52, 51, 205, 0.63);

    webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.f-nav .logo img{

    width: 40%;

    margin-top: 20px;
}

.f-nav .header-con{
    margin-top:15px
}

.test-video{

}
.video-con{

    margin-top: 20px;

    margin-bottom: 20px;
}
.video-con video{

    width: 100%;

    height: 200px;
}

.video-wrap video{width:100%;}