@font-face {
    font-family: "Montserrat" ;
    src: url('fonts/Montserrat-Regular.otf');
}

@font-face {
    font-family: "CormorantGaramond" ;
    src: url('fonts/CormorantGaramond-Regular.ttf');
}

html{margin:0;}
a{text-decoration:none;}
body{font-family: Arial, sans-serif; margin:0;}
.vestnyou_inner{margin: 0 auto; max-width: 1200px;}
.vestnyou_inner_2{margin: 0 auto; max-width: 1200px;}
.top_header{padding: 15px 0; background: #fff;  width: 100%; float:left; border-bottom: 1px solid #888888; margin:0 0 5px;}
.top_header_left{float:left; width:25%; padding:2px 0 0}
.top_header_right{float:right; width:72%; margin-left:3%;}
.top_header_right_1{float:left; width:100%;}
.top_header_right_2{float:right; width:0%; font-size:13px; text-transform:uppercase; text-align:right;}
.top_header_right_2 a{text-decoration:none;}

.top_header_left img{max-width:80%;}
/* ==================== css for menu=======================*/
.topnav{margin:7px 0 0;}
.topnav a { float: left; display: block; color: #000; font-size: 13px; text-align: center; padding: 22px 45px;
    text-decoration: none; text-transform:uppercase; font-weight:600;}
.topnav .icon{display: none;}
.dropdown { float: left;}
 .dropdown .dropbtn { font-size: 12px; text-transform:uppercase;  border: none; outline: none; color: #98979F; padding: 14px 10px; background-color: inherit;
    font-family: inherit; margin: 0;}
.dropdown-content { display: none; position: absolute; background-color: #343C49; min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content a {float: none; color: #fff; padding: 7px 16px; text-decoration: none; display: block; text-align: left; font-size: 11px;}
.topnav a:hover, .dropdown:hover .dropbtn {color: #ee5600;}
.dropdown-content a:hover {color:#ee5600!important;}
.dropdown:hover .dropdown-content {display: block;}


/* ==================== End css for menu=======================*/
.vestnyou_content{width:100%; overflow:hidden; margin:2% 0 0%;}
.vestnyou_banner{float:left; width: 100%;  text-align:center; padding:0 0 14%;}
.banner-home-title1 {font-size: 25px; padding: 15px 18px;  margin: 25px 0 0;  font-weight: 400; color: #000;  background: #fff;    text-align: left;    float: left;    display: inline-block;}
.banner-home-title2 {font-size: 27px;  margin: 12% 0 0;  padding: 15px 18px; font-weight: 500;  color: #fff;    text-align: left;    background: #f39e0f;    width: auto;    display: inline-block;    float: left;}
.banner-home-title3 {font-size: 21px;  margin: 0;  padding: 15px 0px; font-weight: 500;  color: #fff;    text-align: left;    background: #f39e0f;    width: 100%;    display: inline-block;    float: left;}
.banner-home-title3 p{max-width: 1050px; margin: 0 auto; text-align: center; line-height: 1.5em;}
.banner-home-btn { margin: 40px 0;  float: left;   width: 100%;    text-align: left;}

.banner-home-title4 {  margin: 60px 0 0;  padding: 50px 0px; text-align: left; background: #f39e0f; width: 100%;  display: inline-block; float: left;}
.banner-home-title4 p{max-width: 1050px; margin: 0 auto; text-align: center; }

.banner-home-title5 {font-size: 23px; line-height: 1.4em;  margin: 18% 0 0;  padding: 15px 18px; font-weight: 500;  color: #fff;    text-align: center;    background: #f39e0f;    width: auto;    display: inline-block;    float: left;}
.banner-home-title6 {font-size: 27px; padding: 15px 18px;  margin: 25px 0 0;   color: #fff;   text-align: center;   display: inline-block;}
.banner-home-title6 a{color: #fff; text-decoration: none;}

.banner-home-btn .vestjoin {color: #fff; font-size:25px; float: left; font-weight: bold; line-height: 1.5em; padding: 12px 20px; background:#ee5600;
     text-decoration: none;}
.banner-home-btn .vestvideo {color: #fff; font-size:17px; padding: 12px 20px; background:#3a4244;
    opacity: 0.9; text-decoration: none; margin-left:15px; letter-spacing:3px;}

.home_col{width:100%; float:left;}
.vest_inner1{max-width:1200px; margin:0 auto; text-align: center;}
.vest_text1{background:#fff; padding:20px 0; font-size: 28px; font-weight: 700; color: #000;  
text-align: center; margin:0;}

.vest_text2{background:#ee5600; padding:15px 18px; font-size: 25px; letter-spacing: 0px; font-weight: bold; color: #fff;  
text-align: center; margin:45px 0 0; display: -webkit-inline-box;}
.vesttextpara{font-size: 20px;max-width: 1050px;text-align: center; margin: 40px auto; line-height: 1.4;}

.vest_text1 a{text-decoration:none; font-weight: 700;}
.vest_inner2{max-width:1200px; margin:-84px auto 0;  color:#fff;}
.home_col_1{float:left; width:48%; text-align:center; min-height:360px; color:#000; padding:0% 0; margin-right:1.5%; background:#eeeced; border: 1px solid #888; box-shadow:0px 5px 10px #888;}
.home_col_2{float:left; width:48%; text-align:center; min-height:360px; color:#000; padding:0% 0; margin-left:1.5%; background:#eeeced; border: 1px solid #888; box-shadow:0px 5px 10px #888;}
.effect_col_1{float:left; width:48%; text-align:right; min-height:360px; color:#000; padding:20px 0 0; margin-right:1.5%;}
.effect_col_2{float:left; width:48%; text-align:left; min-height:360px; color:#000; padding:0% 0; margin-left:1.5%;}
.home_col_1 h2, .home_col_2 h2{background:#ee5600; padding:15px 0; margin:0 0 15px; color:#fff;}
.home_col_1 p, .home_col_2 p, .home_col_3 p{padding:0 5%; font-size: 17px; color: #000; line-height: 1.5; font-weight:500;}

.home_col_1 iframe, .home_col_2 iframe{width:100%; height:360px;}

.mid-banner-btn {margin:50px auto 0;}
.mid-banner-btn a {
    font-size: 13px;
    color: #fff;
    font-weight: 550;
    letter-spacing: 2px;
    padding: 10px 25px;
    border: 1.5px solid #fff;
	text-decoration:none;
}

.social-icons-left {
    position: fixed;
    top: 30%;
    width: 50px;
    z-index: 9999;
    float: left;
    right: 0;
    background:#e7b23d;
    padding:20px 5px;
}

.social-icons-left a{
display:block; 
background:#000; 
border-radius:60px; 
text-align:center;
margin:10px 0;
color:#e7b23d;
padding:12px 3px;
font-size:22px;
}


.banner1{width:100%; float:left; min-height:300px;}
.banner1 h1{color:#000;font-size:20px;letter-spacing:3px;font-weight:600;text-align:center;background:#f7ba2b;padding:40px 0;
       margin-top:-50px;}
.banner1 a{color:#000;font-weight:600;letter-spacing:2px;padding:10px 40px;border:1.5px solid #000;}
.banner1-icon{width:80%;margin:0 auto;text-align:center;margin-top:-300px;}
.banner1-icon .vestnyou-col-sm-4{background:#fff; margin-right:10px; width:29%; padding:40px 19.2px; box-shadow:3px 1px 2px 1px #cbccce; float:left;}
.banner1-icon .vestnyou-col-right{margin-right:0px;}

.banner1-icon span{font-size:18px;color:#464a4d;font-weight:600; font-family:CormorantGaramond;}
.banner1-icon p{font-size:15px;color:#464a4d;font-weight:600;font-family:CormorantGaramond;}
.blog h1{font-size:22px; color:#8f8f8f; font-family:CormorantGaramond;text-align:center; font-weight:500;}

.blog .vestnyou-col-sm-2{width:22%; float:left;border:0px solid #cbccce; margin-right:24px;text-align:center; padding:10px 5px;}
.blog p{font-size:12px!important;color:#000;font-weight:500; padding:0 0 10px;line-height: 1.5;}
.blog p span{font-size:16px!important; color:#000; font-weight:600;}

.vestnyou-banner-bottom{background-size:cover; width:100%;float:left; margin:50px 0px 0; text-align:center;  }
.vestnyou-banner-bottom h1{font-size:28px;color:#fff;font-family:CormorantGaramond;text-align:center;padding: 70px 0}
.banner-bottom-col{width:80%;margin:0 auto;padding:0 0 230px;}
.banner-bottom-col .col-sm-4{width:33%;float:left;}
.banner-bottom-col .col-sm-4 p{font-size:27px; line-height:1.3; color:#fff; font-family:CormorantGaramond; font-weight:500;}
.footer-link {text-align:center; width:100%; margin:20px auto; overflow:hidden;}
.footer-link a{display: inline; text-transform: uppercase; color: #6a6a6a; font-weight: 600; font-size:11px; text-align:center;
    padding: 20px 20px 50px; letter-spacing: 2px; text-decoration: none;}
.vestnyou_footer{width:100%; float:left; text-align:center;}
.footer-bottom{width:100%; margin:20px auto; overflow:hidden;}
.footer-bottom .col-sm-4{width:42.5%; float:left; text-align:left;}
.footer-bottom .col-sm-2{width:15%; float:right; text-align:left;}
.footer-bottom .col-sm-4 h2, .footer-bottom .col-sm-2 h2{font-size:15px; letter-spacing:2px; color:#8f8f8f;font-weight: 600;font-family:Montserrat;}
.footer-bottom .col-sm-4 p, .footer-bottom .col-sm-4 table, .footer-bottom .col-sm-2 p{font-size:15px!important; color:#8f8f8f; font-weight:600; padding:0 0 10px; 
line-height: 1.5; font-family:CormorantGaramond;}
.footer-bottom .col-sm-2 a, .footer-bottom .col-sm-4 a{font-size:15px!important; color:#8f8f8f; font-weight:600; padding:0 0 10px;
line-height: 1.5; font-family:CormorantGaramond; display:block}

@media screen and (min-width: 800px) and (max-width: 1300px){
.vestnyou_inner, .vestnyou_inner_2{max-width: 1000px; padding:0 5px;}
.top_header_right { float: right; width: 75%; margin-left: 0%;}
.topnav a {padding: 7px 10px; font-size: 14px; font-weight: 600;}
.top_header_right_1{width:90%; float:right}
.top_header_right_2{width:33%; padding:0;}
.top_header_right_2 p{padding: 9px 0px 9px 3px!important; margin: 2.5px 0 0!important; font-size:11px;}
.vest_inner1{top:-130px;}
.home_col{height:auto;}
.home_col_1, .home_col_2, .home_col_3{min-height:380px;}
.vest_inner2 {margin: -58px auto 0;}
.banner1-icon .vestnyou-col-sm-4 {width: 27.5%; padding: 40px 15px;}
.blog{max-width:800px; margin:0 auto;}
.blog .vestnyou-col-sm-2 { width: 22.7%; margin-right: 1%;}
.banner-home-title1 {font-size:15px; padding: 10px 10px;  margin: 15px 0 0;  font-weight: 400; color: #000;  background: #fff;    text-align: left;    float: left;    display: inline-block;}
.banner-home-title2 {font-size: 16px; margin: 6% 0 0;  padding:10px 10px; font-weight: 500;  color: #fff;    text-align: left;    background: #f39e0f;    width: auto;    display: inline-block;    float: left;}
.banner-home-title3 {font-size: 16px; }

.banner-home-btn { margin: 20px 0;  float: left;   width: 100%;    text-align: left;}
.topnav{width:100%;}
.col1-con{width:48%; min-height:280px;}
.inner {max-width:970px!important;}
.inner .col1-con{padding:0 15px; width:44%;}
.home_col_1 p, .home_col_2 p, .home_col_3 p{font-size:15px;}
.home_col_1 iframe, .home_col_2 iframe { width: 100%; height: 380px;}
}


@media screen and (max-width: 800px) {
.vesttextpara{font-size: 17px; max-width: 98%; text-align: center; margin: 40px auto; line-height: 1.4;}
.topnav a, .dropdown .dropbtn{display: none;}
.topnav a.icon {float: left;display: block;}
html{width:100%!important; margin:0; }
body {overflow-x: hidden;}
.vest_inner1, .vestnyou_inner_2{max-width:98%;}
.social-icons-left { padding:20px 2px; right:20px;}
.social-icons-left a{border-radius:10px; padding:6px 1px; font-size:16px;}
.top_header_left, .top_header_right, .top_header_right_1,
.top_header_right_2{float:left; width:100%; text-align:center;  margin-left: 0%;}
.top_header_right_2 p{width:100%!important; padding:10px!important;}
.fa-search{left:0!important}
.home_col_1, .home_col_2, .home_col_3{max-width:400px; width:100%; margin:10px auto; float:none; min-height:290px}
.effect_col_1, .effect_col_2{max-width:400px; width:100%; margin:10px auto; float:none; min-height:290px; text-align: center; }
.vest_inner1{top:0;}
.vest_inner2{margin:0;}
.home_col{height:auto;}
.topnav a{padding:10px 10px;}
.topnav.responsive {position: relative;}
.topnav.responsive a { float: none; display: block;  text-align: left; }
.topnav.responsive .dropdown {float: none;}
.topnav.responsive .dropdown-content {position: relative;}
.topnav.responsive .dropdown .dropbtn {  display: block; width: 100%; text-align: left; }
.dropdown .dropbtn{padding:15px 10px 15px;}
.banner1 h1 {font-size: 17px;padding: 40px 0;}
.banner1 a{padding: 1px 15px;}
.banner-home-btn a{font-size:12px!important; padding: 12px 5px!important;}
.banner1-icon .vestnyou-col-sm-4{width:100%;  margin-right: 0px; margin-bottom: 10px; padding: 40px 4px;}
.blog .vestnyou-col-sm-2 {width: 99%; margin-right: 0px;  margin-bottom: 10px;padding: 10px 5px;}
.banner-bottom-col .col-sm-4 { width: 100%; float: left; padding:0 0 15px;}
.vestnyou-banner-bottom h1{padding:20px 0;}
.banner-bottom-col{padding:0;}
.footer-link a {font-size: 11px; text-align: center;padding: 20px 10px 50px;}
.footer-bottom .col-sm-4{width:100%;}
.footer-bottom .col-sm-2{width:100%;}
.banner-home-title1 {font-size:12px; padding: 5px 10px;  margin: 15px 0 0;  font-weight: 400; color: #000;  background: #fff;    text-align: left;    float: left;    display: inline-block;}
.banner-home-title2 {font-size: 13px; margin: 6% 0 0;  padding: 5px 10px; font-weight: 500;  color: #fff;    text-align: left;    background: #f39e0f;    width: auto;    display: inline-block;    float: left;}
.banner-home-btn { margin: 20px 0;  float: left;   width: 100%;    text-align: left;}
.banner-home-title3 p {font-size: 13px; padding: 10px;}

.topnav{width:100%;}
.icon{cursor:pointer;}
.home_col_1 p, .home_col_2 p, .home_col_3 p{font-size:15px;}
.home_col_1 iframe, .home_col_2 iframe { width: 100%; height: 300px;}
}