html,
body {
padding: 0;
margin: 0;
background: #fff;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif; overflow-x:hidden;
}
html {
scroll-behavior: smooth;
}
body a {
outline: none;
/*transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;*/
text-decoration: none;
}
body a:hover {
text-decoration: none;
}
body a:focus,
a:hover {
text-decoration: none;
}
[type="button"],
input[type="submit"] {
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
}
select,input[type="email"],input[type="text"],input[type=password],
input[type="button"],input[type="submit"],textarea,span{
font-family: 'Poppins', sans-serif;
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
letter-spacing: .5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-family: 'Poppins', sans-serif;
letter-spacing: 0;
}
p {
margin: 0;
padding: 0;
letter-spacing:0px;

}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.relative{ position:relative;}
.img-responsive{ width:auto; max-width:100%;}
.pull-right { float: right !important;}
.btn{transition:none !important;}
/*--//login--*/
.form-check-input {
    position: absolute;
    margin-top: .35rem;
    margin-left: 0;
}
.login-container{ width:100%; max-width:1920px; margin:0 auto; height:100%; padding:34px 45px; position:relative;}
.btn_gradiant{background: rgb(77,175,255);
background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%); font-size:18px; border-radius:10px; padding:12px 40px; border:0px; color:#fff; font-weight:400; letter-spacing:1px; margin:13px 0; cursor:pointer;}
.btn_gradiant:hover{  background:#0053CF; color:#fff;}
.login_left-text h1{ font-size:66px; font-weight:normal; width: 420px; color:#000; margin:80px 0px 20px; display:inline-block}
.login_left-text img{ margin:20px 20px 20px 0;}

.login_right_cont{max-width:420px; width: 100%; margin:10% auto;}
.login_right_middle{ position:absolute; top:55%; left:50%; transform:translate(-50%,-50%);max-width:420px; width: 100%; margin:0 auto !important;}
.login_right_cont .form-group label {font-size:14px; margin-bottom:10px;}
.login_right_cont p a, .login_right_cont .form-group label.form-check-label{ font-size:16px; color:#1f2023; font-weight:400;}
.login_right_cont p a:hover{ color:#0053CF;}
.login_right_cont h2{ margin-bottom:40px; font-size:34px; font-weight:normal; text-align:center;}
.login_right_cont h2 span{ font-weight:bold;}
.login_right_cont .creataccount a{ margin-top:10px; display:inline-block; text-decoration:underline;}
.login_right_cont .creataccount a:hover{ margin-top:10px; display:inline-block; text-decoration:underline;}
.login_right_cont .form-control{font-size: 14px; line-height: 20px; border-width:2px; border-color:#eaecec; color:#a7acb2; height:46px; }
.login_right_cont .form-group { margin-bottom: 20px;}
.form-check {margin-top: 10px;float: left;}
.login_right_cont .form-group .visiable{ position:absolute; top:46px; right:10px;}
.login_right_cont .form-group a.visiable .fa { color:#eaecec}
.login_right_cont .input-group-text {border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem  !important; border-color:#eaecec; background-color: #eaecec; height:46px; font-size:12px; padding-left:30px; padding-right:30px; color:#a6acb4; font-weight:300; display: inline-block;
line-height: 34px;}
.login_right_cont .tc{ color:#7fa7d8;} 
.login-with{ text-align:center; margin-bottom:30px; margin-top:14px;float: left;width: 100%;}
.login-with .btn{ border:2px solid #eaecec; font-size:14px;height: 46px; vertical-align:top; line-height:17px;}
.login-with .google .btn{ color:#191818;}
.login-with .facebook .btn{ color:#2b5b97;}
.login-with .btn:hover{ border:2px solid #0053CF; background:none;}
.login-with .btn img{ margin-right:10px; margin-top:-1px;}


/*--//login--*/
/*--//banner--*/

.top-bar {padding: 0px;  background:url(../images/home_banner.jpg) top center no-repeat; height:510px; /*overflow:hidden;*/ position:relative;background-size: cover !important;}
.top-bar .container-fluid { position: relative; height: 100%;}
.top-bar-menu {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 23px 20px;
}

.top-bar-menu.fixed {
  background: #333;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  opacity:0;
  visibility:hidden;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  transform:translate(0, -200px);
  z-index:9999999999;padding: 23px  35px;
  
}

.top-bar-menu.in-view{
  opacity:1;
  visibility:visible;
  transition: all 0.3s ease;
  transform:translate(0, 0);
}

.top-bar-white{ background:#fcfdff; height:110px; overflow: initial;}
.top-bar-white .top-bar-menu { padding: 23px  20px;}
.top-bar-white .top-right a { color: #797979;}
.top-bar-white .top-right .btn  {color: #fff;}
.top-bar-white .top-bar-menu.fixed {
  background: #fcfdff !important; padding: 23px 35px !important;
}
@media only screen and (max-width: 767px) {
  .top-bar-menu.fixed{
    position:relative;
  }
}
.top-right{ text-align:right;}
.top-right .btn{ padding:5px 25px; font-size:18px; border:0px; border-radius:5px;
 background: rgb(77,175,255);
background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%); color:#fff;
}
.top-right .btn:hover{  background:#0053CF;}
.top-right a{ font-size:22px; color:#fff; position:relative; padding:10px 8px 0 0; display:inline-block;}
.top-right a span{ font-size:8px; color:#fff; position:absolute; top:5px; right:5px;background: rgba(75,120,187,1); border-radius:50%; height:18px; line-height:18px; width:18px; text-align:center;}
.logo-area{ margin:0px; background:#fff; padding:23px 0;}
.logo{ float:left; max-width:180px;}
.logo img{  max-width:100%; width:auto;}
.banner_text{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; margin-top:35px;}
.banner_text h1{ font-size:46px; color:#fff; font-weight:300;}
.banner_text h1 span{font-weight:bold; display:block;}
.profile-top{ height:42px; width:42px; border-radius:50%;display: inline-block;overflow: hidden; background: rgb(77,175,255);
background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%); padding: 0px !important; vertical-align: middle; margin-top: -4px; margin-right:20px;}
.profile-top img{ width:100%;}
.top-bar .dddiv { position: relative;  top: 10px;}
.top-bar .dddiv1 { position: relative; display:inline-block;}
.top-bar .dddiv .dropdown-menu{transform: translate3d(-80px, 50px, 0px) !important;}
.top-bar .dropdown-menu { min-width: 150px; border-radius: 10px; text-align: center;border: 1px solid #767576;}
.top-bar .dropdown-item { color:rgba(0,0,0,.5); font-size: 14px; line-height:28px; padding:0px 10px; display: block;}
.top-bar .dropdown-item:hover{ background:#c3e7f0;}
.notification {width: 250px;text-align: left !important;left: -115px !important;top: 60px !important;}
.dddiv1 .dropdown-toggle::after{ display:none;}
.notification {transform: translate3d(-30px, 0, 0px)!important ;}
.notification h5{ font-size:16px; padding:5px 10px; font-weight:600; }
.notification .noti_dd_profile_img{ height:35px; width:35px; border-radius:50%;overflow: hidden; background:#203b70; margin-right:7px; margin-top:5px; float:left; }
.notification .noti_dd_profile_img img{ width:100%;}
.notification .noti_dd_text{vertical-align:top;color: rgba(0,0,0,1); font-size: 13px;  line-height: 15px;}
.notification .noti_dd_text small{ display: block;font-size: 10px;}
.notification .noti_dd_text small span{ display: block; position: relative; left: 0px;color: rgba(153,153,153,1);top: 0px;background: none;text-align: left;
height: auto;width: auto;}
.notification .dropdown-item { padding:5px 10px !important;}

#button {
  display: inline-block;
  background-color: rgba(0,83,207,1);
  width: 36px;
  height: 36px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  line-height: 30px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/*--//banner--*/
/*--//menu--*/
.body-menu{ padding-bottom:20px; padding-top:20px;}
.body-menu .btn1 { border-radius:20px; outline:none !important;border: 0px solid #767576; color:#fff !important; font-weight:500; font-size:16px; padding:11px 25px;  background: rgb(77,175,255); background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%);}
.body-menu .btn2 { border-radius:20px; background:none !important;  outline:none !important;border: 2px solid #767576; color:#767576 !important; font-weight:500; font-size:16px; padding:9px 25px;}
.body-menu .btn1:focus{ border:0px !important;}
.body-menu .btn2:focus{ border: 2px solid #767576 !important;}
.body-menu .show > .btn-outline-dark.dropdown-toggle:focus, .body-menu .btn-outline-dark:focus{box-shadow:none;border: 1px solid #767576;}
.body-menu .dropdown-menu { min-width: 125px; border-radius: 10px; text-align: center;border: 1px solid #767576;}
.body-menu .dropdown-item { color:rgba(0,0,0,.5); font-size: 14px; line-height:17px;}
.body-menu .dropdown-item:hover{ background:#c3e7f0;}
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.2rem; padding-left: 1.2rem;}
.navbar-light .navbar-nav .nav-item.active a, .navbar-light .navbar-nav .nav-link:hover{color:#0053CF !important;}
.view { margin-left:30px;}
.view a{ display:inline-block; padding: .5rem 0 .5rem 1rem; color:#767576;}
.view a:hover{color:#0053CF !important;}
.body-menu .dropdown-toggle::after{ display:none;}
.body-menu .btn.btn-block{ border-radius:10px; margin-top:15px;}
.body-menu .btn.btn-block:hover{  color:#fff !important; background:#ccc !important;}
/*--//menu--*/
/*--//container--*/
.main{ background:#f6f7f7; width:100%; min-height:500px; padding:35px 0;}
.main .left{ margin:0px; padding:0px; width:100%}
.main .left .box{ background:#efefef; border-radius:15px; margin-bottom:45px; position:relative;}
.blur-me { filter: blur(5px);}
.main .left .box .box_hoverflow{border-radius:15px; width:100%; height:100%; position:absolute; top:0; left:0px; display:block; z-index:99999;}
.main .left .box .box_hoverflow .box_hoverflow-inner{ position:absolute; top:15%; left:50%; transform:translate(-50%,0%); max-width:480px; width:100%; text-align:center;}
.main .left .box .box_hoverflow h1{ font-size:50px; color:#fff; margin:30px 0px;}
/*.main .left .box:hover .box_hoverflow{ display:none;}*/
.main .left .box .box_hoverflow .btn{ background:#ffe033; font-size:40px; font-weight:normal; color:#000; padding-left:60px; padding-right:60px; border:0px;  border-radius:10px;}
.main .left .box .box_hoverflow .btn:hover{ background:#ffc333;}

.box14{ background:#efefef; border-radius:0px; margin:0px; }
/*#blurbox-6{position:relative;padding-bottom: 56.25%; height: 0;}*/
.blur-me_small { filter: blur(5px);}
.minh510{ min-height:510px;overflow: hidden; position: relative;}
.box14 .box_hoverflow_small{border-radius:15px; width:100%; height:100%; position:absolute; top:0; left:0px; display:block; z-index:99999;}
.box14 .box_hoverflow_small .box_hoverflow_small-inner{ position:absolute; top:15%; left:50%; transform:translate(-50%,0%); max-width:530px; width:100%; text-align:center;}
.box14 .box_hoverflow_small h1{ font-size:34px; color:#fff; margin:30px 0px;}
/*.main .left .box:hover .box_hoverflow{ display:none;}*/
.box14 .box_hoverflow_small .btn{ background:#ffe033; font-size:40px; font-weight:normal; color:#000; padding-left:60px; padding-right:60px; border:0px;  border-radius:10px;}
.box14 .box_hoverflow_small .btn:hover{ background:#ffc333;}




.main .left .box .boxtop{ padding:20px 25px 10px 35px; margin:0px; position:relative;}
.main .left .box .boxtop .profile_img{ height:68px; width:68px; border-radius:50%; display:inline-block; overflow: hidden; background:#203b70; margin-right:15px;}
.main .left .box .boxtop .profile_img img{ width:100%;}
.main .left .box .boxtop .profile_name{ display:inline-block; vertical-align: top; padding-top: 10px;}
.main .left .box .boxtop .profile_name h2{font-size:25px; font-weight:600; color:#24292d; line-height:31px;}
.main .left .box .boxtop .profile_name h2 span,.main .left .box .boxtop .profile_name h2 a{ font-size:25px; font-weight:600; color:#0053CF;  }
.main .left .box .boxtop .profile_name p{ display:block; font-size:14px; color:rgba(51,51,51,.8); font-weight:400;}
.main .left .box .boxtop .dropdown-menu { min-width: 105px; border-radius: 10px; text-align: center;border: 1px solid #767576;}
.main .left .box .boxtop .dropdown-item { color:rgba(0,0,0,.5); font-size: 14px; line-height:17px;padding: 5px 20px;}
.main .left .box .boxtop .dropdown-item:hover{ background:#c3e7f0;}
.main .left .box .boxtop .dropdown-toggle::after{ display:none;}
.main .left .box .boxtop .ddbtn{ width:95px; text-align:right; font-size:40px; line-height:0px; height:30px; vertical-align:top; font-weight:bold; color:#000; letter-spacing:5px; margin-top: 15px;}
.dddiv{position: relative;float: right;}

.main .left .box .boxmiddle{ position:relative;padding-bottom: 56.25%; height: 0; overflow:hidden;}
.main .left .box .boxmiddle .category{ position:absolute; top:20px; left:20px; background:#ffe033; border-radius:16px; height:32px; line-height:32px; font-size:14px; color:#000; padding-left:15px; padding-right:15px; display:inline-block;}
.main .left .box .boxmiddle .like-video{position:absolute; bottom:10px; left:20px;font-size:13px;}
.main .left .box .boxmiddle .like-video a{ display:inline-block; margin-right:20px; color:#fff; font-weight:300;}
.main .left .box .boxmiddle .watermark{position:absolute; bottom:10px; right:20px;}
.main .left .box .boxmiddle .watermark.top{ bottom:auto; right:20px; top:10px;}

.main .left .box .boxbottom{ padding:20px 30px 28px 35px; margin:0px;}
.main .left .box .boxbottom h2{ font-size:26px; font-weight:600; color:#24292d; line-height:32px; margin-bottom:10px;}
.main .left .box .boxbottom p{ font-size:16px; font-weight:400; color:#24292d; line-height:25px; margin-bottom:20px; max-height:100px; overflow:hidden; }
.main .left .box .boxbottom .comment{ margin:5px 0; padding:0px; width:100%; float:left;position: relative; padding-left: 36px;}
.main .left .box .boxbottom .comment p{ display:inline-block; vertical-align:top; font-size:14px; float:left; color:#646464;margin-bottom:0px;}
.main .left .box .boxbottom .comment p a{ color:#333333; font-weight:bold;}
.main .left .box .boxbottom .comment .profile_img{ height:25px; width:25px; border-radius:50%; float:left; overflow: hidden; background:#203b70; margin-right:12px; position: absolute;left: 0px;top: 0px;}
.main .left .box .boxbottom .comment .profile_img img{ width:100%;}
.main .left .box .boxbottom .comment-post{ width:100%; border-bottom:1px solid #888c8f; margin-top:15px; margin-bottom:18px; position:relative; padding:5px 0}
.main .left .box .boxbottom .comment-post input{ margin:0px; padding:0px 50px 0 10px; border:0px; outline:none; box-shadow:none; width:100%; background:none;}
.main .left .box .boxbottom .comment-post .post{ position:absolute; margin:0px; padding:0px; font-size:16px; color:#333333; font-weight:bold; top:5px; right:5px;border: 0px; outline: 0px; cursor: pointer; line-height: 22px;}
.main .left .box .boxbottom .comment-post .post:hover{ color:#0053CF;}
.main .left .box .boxbottom .price{ margin:0px; padding:0px; min-height:75px; background:#d1d1d3; border-radius:15px; font-size:35px; font-weight:normal; color:#545554; text-align:center; padding-right:200px; line-height:75px; position:relative;}
.main .left .box .boxbottom .price .buy{ margin:0px; min-height:75px; border-radius:15px; font-size:35px; font-weight:normal; color:#fff; text-align:center; line-height:72px; position:absolute; top:0px; right:0px; border:0px; width:200px; cursor:pointer; background: rgb(77,175,255);
background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%);}
.main .left .box .boxbottom .price .buy:hover{ background:#0053CF;}

.main .right{ margin:0px; padding:0px; width:100%}
.main .right h3{ font-size:25px; font-weight:bold; color:#24292d;}
.suggested{ padding:20px 0 28px; width:100%;}
.suggested-div{ margin-bottom:12px; background:#e2e1e2; border-radius:5px; padding:12px 12px 6px 12px;}
.suggested-div .profile_img{ height:42px; width:42px; border-radius:50%;display: inline-block;overflow: hidden; background:#202f61; margin-right:12px;}
.suggested-div .profile_img img{ width:100%;}
.suggested-div .profile_name{ display:inline-block; vertical-align:super; font-size:15.5px; font-weight:600; color:#24292d; line-height:22px; }
.suggested-div .profile_name span{ display:block; font-size:11px; color:#333333; font-weight:400;}
.suggested-div .btn{ background:none; border:1px solid #b6d4df; font-size:12px; color:#24292d; border-radius:13px; height:30px; line-height:30px; padding:0px; margin: 6px 0 0 0; width: 90px;float: right;}
.suggested-div .btn:hover{ background:#b6d4df;}
.hashtag{ padding:20px 0 28px; width:100%;}
.hashtag .btn{background:#24292d; border:1px solid #24292d; font-size:17px; color:#f3f4f5; margin:5px;border-radius: 25px;}
.hashtag .btn:hover{background:none; border:1px solid #24292d; color:#24292d;}
/*--//container--*/
.footer{ background:#000000; padding:85px 0 0 0;}
.footer-top h5{ margin:40px 0 10px; padding:0px; font-size:16px; font-weight:600; color:#fff;}
.footer-top p{ font-size:16px; font-weight:300; color:#fff; padding:25px 0 20px;}
.footer-top ul{padding:15px 0; margin:0px; width:100%;}
.footer-top ul li{padding:0; margin:0px; width:100%; display:block;}
.footer-top ul li a{ display:inline-block; font-size:14px; color:#fff;font-weight:300;}
.footer-top ul li a:hover{ color:#0053CF;}
.footer-top ul.f-list li a{ width:50%;}
.footer-touch{ position:relative; margin:0px; padding:0px; background:#4d4d4d; border-radius:5px; height:36px;}
.footer-touch input{ margin:0px; padding:0px 50px 0 10px; width:100%; height:36px; border-radius:5px; background:none;border: 0px; font-size:11px;}
.footer-touch .btn{ position:absolute; top:0px; right:0px; margin:0px; padding:0px; width:45px; height:36px; border-radius:5px;background: rgb(77,175,255);
background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%);border: 0px;}
.social a{ padding:0 5px; margin:0px; color:#fff;}
.social a:hover{ color:#0053CF;}
.footer-copy{ background:#0a1019; padding:20px 0 25px; margin-top:35px;}
.footer-copy p,.footer-copy p a{ font-size:14px; color:#fff; margin:0px; padding:0px; font-weight:300; text-align:center;}
.footer-copy p a:hover{ color:#fff; text-decoration:underline;}
.footer-top ul li a.dropdown-item{ color:#000 !important; display:block; padding: .25rem 1rem;}
.footer-top ul li a.dropdown-item:hover{ background:#09F;}
/***/
.box_small{ background:#efefef; border-radius:15px; margin-bottom:30px; position:relative;}
.box_small .boxtop{ padding: 20px 15px 10px 15px; margin:0px; position:relative;}
.box_small .boxtop .profile_img{ height:28px; width:28px; border-radius:50%; display:inline-block; overflow: hidden; background:#203b70; margin-right:5px;}
.box_small .boxtop .profile_img img{ width:100%;}
.box_small .boxtop .profile_name{ display:inline-block; vertical-align: top; padding-top: 0px;}
.box_small .boxtop .profile_name h2{font-size:12px; font-weight:600; color:#24292d; line-height:15px;}
.box_small .boxtop .profile_name h2 span,.main .left .box .boxtop .profile_name h2 a{ font-size:12px; font-weight:600; color:#0053CF;  }
.box_small .boxtop .profile_name p{ display:block; font-size:11px; color:rgba(51,51,51,.8); font-weight:400;}
.box_small .boxtop .dropdown-menu { min-width: 90px; border-radius: 10px; text-align: center;border: 1px solid #767576; left:-35px !important;}
.box_small .boxtop .dropdown-item { color:rgba(0,0,0,.5); font-size: 11px; line-height:17px; padding: 3px 10px;}
.box_small .boxtop .dropdown-item:hover{ background:#c3e7f0;}
.box_small .boxtop .dropdown-toggle::after{ display:none;}
.box_small .boxtop .ddbtn{ width:25px; text-align:right; font-size:20px; line-height:0px; height:15px; vertical-align:top; font-weight:bold; color:#000; letter-spacing:5px; margin-top: 5px;}

.box_small .boxmiddle{ position:relative; display: flex; justify-content: center;  align-items: center; height:165px; overflow: hidden; width: 100%;
background: #000;}
.box_small .boxmiddle .category{ position:absolute; top:5px; left:5px; background:#ffe033; border-radius:10px; height:20px; line-height:20px; font-size:10px; color:#000; padding-left:10px; padding-right:10px; display:inline-block;}
.box_small .boxmiddle .like-video{position:absolute; bottom:10px; left:10px;font-size:10px;}
.box_small .boxmiddle .like-video a{ display:inline-block; margin-right:10px; color:#fff; font-weight:300;}
.box_small .boxmiddle .watermark{position:absolute; bottom:10px; right:10px; width:60px;}
.box_small .boxmiddle .watermark.top{ bottom:auto; right:10px; top:10px;}
.box_small .boxmiddle .watermark img{ width:100%;}


.box_small .boxbottom{ padding:20px 15px 20px 15px; margin:0px;}
.box_small .boxbottom h2{ font-size:13px; font-weight:600; color:#24292d; line-height:20px; margin-bottom:10px;}
.box_small .boxbottom p{ font-size:13px; font-weight:400; color:#24292d; line-height:18px; margin-bottom:10px; height:60px; overflow:hidden;}
.box_small .boxbottom .price{ margin:0px; padding:0px; min-height:30px; background:#d1d1d3; border-radius:5px; font-size:16px; font-weight:normal; color:#545554; text-align:center; padding-right:100px; line-height:30px; position:relative;}
.box_small .boxbottom .price .buy{ margin:0px; min-height:30px; border-radius:5px; font-size:16px; font-weight:normal; color:#fff; text-align:center; line-height:28px; position:absolute; top:0px; right:0px; border:0px; width:100px; cursor:pointer; background: rgb(77,175,255);
background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%);}
.box_small .boxbottom .price .buy:hover{ background:#0053CF;}
/*****************************************/
.bg-white{background:#fff; padding:30px 30px 0 30px; border-radius: 15px;}
.bg-white h4{ font-size:22px; font-weight:600; color:#000;}
.mb20{ margin-bottom:20px;}

/***/
.profile-left{padding:20px;}
.profile-left .profile_img{ height:68px; width:68px; border-radius:50%; display:inline-block; overflow: hidden; background: rgb(77,175,255);
background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%);  margin-right:15px;}
.profile-left .profile_img img{ width:100%;}
.profile-left h6{ font-size:16px; font-weight:600; color:rgba(0,0,0,.5); width:100%; text-align:center; margin:10px 0 20px; display:block;}
.profile-left h6 .fa{  margin-left:5px;}
.profile-left p{ font-size:14px; font-weight:400; color:rgba(0,0,0,1); width:100%; text-align:center; margin:0px; display:block;}
.profile-left p .fa{  margin-left:5px;}
.profile-left ul.list-inline{ width:100%; margin:0px; padding:20px 0; display:block;}
.profile-left ul.list-inline li{ margin: 0px;padding: 0px 4px;display: inline-block;font-size: 10px;color: #5c5c5c;}
.profile-left ul.list-inline li a{ color:#5c5c5c;}
.profile-left ul.list-inline li span{ margin:0px; padding:0px; display:block; color:#000;}
.profile-left ul.list{ width:100%; margin:0px; padding:20px 0 20px 15px; display:block;}
.profile-left ul.list li{ width:100%; margin:0px; padding:8px 0; display:inline-block; font-size:15px; font-weight:500; text-align:left;}
.profile-left ul.list li a{color:#000;}
.profile-left ul.list li .fa{ margin:0px 15px 0 0; padding:0px; display:inline-block; color:#0053CF; font-size:18px;}
.profile-left .btn_gradisnt{ background: rgb(77,175,255);
background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%); border:0px; border-radius:5px; color:#fff;}
.profile-left .btn_gradisnt:hover{background:#0053CF; color:#fff;}
.profile-left .btn_outline{ margin:20px 0 15px 5px; padding-top:5px; padding-bottom:4px; border:2px solid #999; background:none; font-size:14px; vertical-align:top;}
.profile-left .btn_follow{ font-size:14px; margin:20px 0 15px 0; vertical-align:top; display:inline-block}
.profile-left .btn_outline:hover{background:#999999; color:#fff;}
/*****************/
.editprofile{ background:#fff !important;}
.editprofile .profile-img{ height:68px; width:68px; border-radius:50%; display:inline-block; overflow: hidden; background:#203b70; margin-right:15px;position: absolute;left: 0px;top: 0px;}
.editprofile .profile-img img{ width:100%;}
.editprofile .change-profile-img{ height:92px; width:92px; border-radius:50%; display:inline-block; overflow: hidden; background:#203b70; margin-right:15px;}
.editprofile .change-profile-img img{ width:100%;}
.editprofile .change-profile-imgdiv{ margin-bottom:30px;}
.editprofile .change-profile-imgdiv .btn{ vertical-align:top; margin-top:22px;}
.editprofile .btn-dark{ background:#b2b2b2; color:#fff;}
.editprofile .btn-dark:hover{ background:#7c7c7c; color:#fff;}
.editprofile .profile-name{display: inline-block;vertical-align: top;padding-top: 0;position: relative;padding-left: 100px;}
.editprofile .profile-name h2{font-size:22px; font-weight:600;  color:#0053CF; line-height:31px;}
.editprofile .profile-name h2 span,.editprofile .profile-name h2 a{ font-size:22px; font-weight:600; color:#24292d;  }
.editprofile .profile-name p{ display:block; font-size:16px; color:rgba(0,0,0,.5); font-weight:500;}
.editprofile ul.list-profile{ width:100%; margin:0px; padding:20px 0 20px 15px; display:block;}
.editprofile ul.list-profile li{ width:100%; margin:0px; padding:5px 0; display:inline-block; font-size:16px; font-weight:500; text-align:left;}
.editprofile ul.list-profile li a{color:#000;}
.editprofile ul.list-profile li.active a, .editprofile ul.list-profile li:hover a{ font-weight:600;}
.mb25{ margin-bottom:25px;}
.editprofile .form-group { margin-bottom: 30px;}
.editprofile .form-control {font-size: 14px; border: 2px solid #7fa7d8; padding:18px 20px;}
.editprofile textarea.form-control{ height:120px;}
.editprofile select.form-control{height: 40px !important; padding:0px 20px;}
.editprofile .gradiantbg{ background: rgb(77,175,255);
background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%); border:0px; font-size:15px; color:#fff; padding:13px 40px;}
.editprofile .gradiantbg:hover{background:#0053CF;}
.editprofile .graybg{ background: #B2B2B2; border:0px; font-size:15px; color:#fff; padding:13px 40px;}
.editprofile .graybg:hover{background:#757474;}
/*******************/
.main .right-inner .box{ background:#efefef;}
.main .right-inner .box .boxtop{ padding:20px 25px 0px 35px; margin:0px; position:relative;}
.main .right-inner .box .boxtop .profile_img{ height:48px; width:48px; border-radius:50%; display:inline-block; overflow: hidden; background:#203b70; margin-right:15px;}
.main .right-inner .box .boxtop .profile_img img{ width:100%;}
.main .right-inner .box .boxtop .profile_name{ display:inline-block; vertical-align: top; padding-top: 0px;}
.main .right-inner .box .boxtop .profile_name h2{font-size:18px; font-weight:600; color:#24292d; line-height:28px;}
.main .right-inner .box .boxtop .profile_name h2 span,.main .left .box .boxtop .profile_name h2 a{ font-size:18px; font-weight:600; color:#0053CF;  }
.main .right-inner .box .boxtop .profile_name p{ display:block; font-size:14px; color:rgba(51,51,51,.8); font-weight:400;}
.main .right-inner .box .boxtop .dropdown-menu { 
    min-width: 105px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #767576;
    left: auto !important;
    right: 0px;
}
.main .right-inner .box .boxtop .dropdown-item { color:rgba(0,0,0,.5); font-size: 14px; line-height:17px;}
.main .right-inner .box .boxtop .dropdown-item:hover{ background:#c3e7f0;}
.main .right-inner .box .boxtop .dropdown-toggle::after{ display:none;}
.main .right-inner .box .boxtop .ddbtn{ width:95px; text-align:right; font-size:30px; line-height:0px; height:20px; vertical-align:top; font-weight:bold; color:#000; letter-spacing:5px; margin-top: 5px;}
.main .right-inner .box hr { margin-top: 10px; margin-bottom: 0; border: 0; border-top: 1px solid #999;}
.main .right-inner .box .boxbottom{ padding:10px 30px 28px 35px; margin:0px;}
.main .right-inner .box .boxbottom h2{ font-size:18px; font-weight:600; color:#24292d; line-height:28px; margin-bottom:10px;}
.main .right-inner .box .boxbottom p{ font-size:16px; font-weight:400; color:#24292d; line-height:26px; margin-bottom:20px;}
.main .right-inner .box .boxbottom .comment{ margin:5px 0; padding:0px; width:100%; float:left;}
.main .right-inner .box .boxbottom .comment p{ display:inline-block; vertical-align:top; font-size:12px; float:left; padding-top:0px; margin-bottom:0px; margin-top:0px;}
.main .right-inner .box .boxbottom .comment p a{ color:#333333; font-weight:bold;}
.main .right-inner .box .boxbottom .comment .profile_img{ height:25px; width:25px; border-radius:50%; float:left; overflow: hidden; background:#203b70; margin-right:12px;}
.main .right-inner .box .boxbottom .comment .profile_img img{ width:100%;}
.main .right-inner .box .boxbottom .comment-post{ width:100%; border-bottom:1px solid #888c8f; margin-top:15px; margin-bottom:18px; position:relative; padding:5px 0}
.main .right-inner .box .boxbottom .comment-post input{ margin:0px; padding:0px 50px 0 10px; border:0px; outline:none; box-shadow:none; width:100%; background:none;}
.main .right-inner .box .boxbottom .comment-post .post{ position:absolute; margin:0px; padding:0px; font-size:16px; color:#333333; font-weight:bold; top:5px; right:5px;border: 0px; outline: 0px; cursor: pointer; line-height: 22px;}
.main .right-inner .box .boxbottom .comment-post .post:hover{ color:#0053CF;}
.main .right-inner .box .boxbottom .price{ margin:0px; padding:0px; min-height:45px; background:#d1d1d3; border-radius:12px; font-size:22px; font-weight:normal; color:#545554; text-align:center; padding-right:200px; line-height:45px; position:relative;}
.main .right-inner .box .boxbottom .price .buy{ margin:0px; min-height:45px;  border-radius:12px; font-size:22px; font-weight:normal; color:#fff; text-align:center; line-height:42px; position:absolute; top:0px; right:0px; border:0px; width:200px; cursor:pointer;background: rgb(77,175,255);
background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%);}
.main .right-inner .box .boxbottom .price .buy:hover{ background:#0053CF;}
.bg-white{ background:#fff;}
/***/
.main-menu {
  text-align:right;
}
.main-nav {
  display: inline-flex;
  padding: 0;
  list-style: none;
}

.main-nav li a {
  padding: 10px 22px;
  text-transform: capitalize;
  white-space: nowrap;
  font-size: 16px;
  text-decoration: none; color:#767576; font-weight:500;display:inline-block;
}
.main-nav li a:hover, .main-nav li.active a { color:#0053CF !important;}
.more-btn {
  color:#0053CF !important;
}
.auto-nav-more {
  position: relative; 
}
.auto-nav-more a{padding-right:0px !important;}
.auto-nav-more-list {
  position: absolute;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  text-align: right;
  padding: 10px 20px;
  list-style: none;
  background:#fff; border:1px solid #767576; z-index:999999999;
}
.auto-nav-more-list li a{ padding:5px}

.auto-nav-more:hover .auto-nav-more-list {
  opacity: 1;
  visibility: visible;
}
/**/
.btn-filter{ font-size:17px; color:#767576;}
.noright-padding{ padding-right:0px;}
.search_filter{ padding:0 0 25px 0px; text-align:center;}
.search_filter .filter{position:relative; text-align:right; float: right;margin-top: 10px;}
.search_filter .filter .dropdown-menu {
    position: absolute;
    left: -22px !important;
    text-align: center;
    border-radius: 10px;
	min-width: 100px;
}
.search_filter .filter .dropdown-toggle::after{ display:none;}
.search_filter .filter .dropdown-item {
    color: rgba(0,0,0,.5);
    font-size: 14px;
    line-height: 22px;
}
.search_filter .filter .dropdown-item:hover {
	background:#C3E7F0;
}
.search_filter .search{ text-align:center; max-width:660px; display: inline-block; width: 100%;}
.search_filter .search .round{ border:1px solid #767576; border-radius:10px; padding:5px 12px; margin:0 10px; position:relative;}
.search_filter .search .search_l{ max-width:260px; display:inline-block; width:100%; vertical-align:top;}
.search_filter .search .search_r{ max-width:350px; display:inline-block; width:100%; vertical-align:top;}
.search_filter .search .round .form-control{ border:0px; outline:0px; background:none; padding: 0px 0 0 30px;height: 32px; font-size:12px; font-weight:600;}
.search_filter .search .round .form-control:focus{ border:none; box-shadow:none;}
.search_filter .search-btn{
    margin: 0px;
    padding: 0px;
    background: none;
    border: 0px;
    position: absolute;
    top: 4px;
    left: 10px;
    font-size: 22px;
	color:#767576;
}
.hash{width:100%; margin:0px; padding:10px 0 30px 15px;}
.hash p{ font-size:12px; font-weight:500;}
.hash p a{ padding:0 12px;}  
.irs--flat.irs-with-grid { height:32px;}
.irs--flat .irs-line { top:8px; height: 8px; background-color: #e1e4e9; border-radius: 4px;}
.irs--flat .irs-handle { top:2px; width: 20px; height: 20px; background-color: #0053CF; border: 4px solid #fff; border-radius: 50%;}
.irs--flat .irs-handle > i, .irs-grid-text, .irs-min, .irs-max{ display:none !important;}
.irs--flat .irs-bar {top:8px; height: 8px; background: rgb(77,175,255); background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%);}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: #0053CF; font-size: 12px; line-height: 1.333; padding: 1px 5px; background-color: #fff; border-radius: 4px; border: 1px solid #666; top: -25px;}
.irs--flat .irs-from::before, .irs--flat .irs-to::before, .irs--flat .irs-single::before { bottom: -12px;margin-left: -6px;border: 6px solid transparent;border-top-color: #666;}
.irs-grid { height: 8px;}
.btn_gr{background: rgb(77,175,255);
background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%); border:0px; outline:0px; }
.btn_gr:hover{ background:#0053CF;}
/*****/
.box_small{ border-radius:0px;}
.uploadvideo_heading{ margin:0px; padding:0px;}
.roundupload{background-color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.6); float:left; margin:20px 20px 40px 0; height:60px; width:60px; line-height:60px; text-align:center; color:#0053CF; font-size:24px; border-radius:50%; vertical-align:top;}
.uploadvideo_heading h3{padding-top:20px}
.upload-div{width:100%; height:245px; border:1px dashed #333; text-align:center;}
.upload-div .fa{ margin-top:70px; font-size:28px;}
.upload-div p span{ display:block; color:#0053CF;}
.upload-tn-div { margin:40px 0 0 0;}
.upload-tn-div .btn{ cursor:pointer;}
.upload-tn-div .btn-outline-dark{ border:1px solid #d3d3d3; background:none; color:#333;}
.upload-tn-div .btn-outline-dark:hover{ border:1px solid #d3d3d3; background:#d3d3d3; color:#333;}
.upload-description{ margin:0px; padding:65px 0px;}
.upload-thum{ margin:15px 0 10px; padding:0px; }
.upload-thum p{ font-size:11px; text-align:right;}
.upload-description .textarea1{ height:222px;}
.upload-description .textarea2{ height:130px;}
.box_small{ border-radius:0px;}
/****/
.profile-filter h3{ display:block;margin-bottom: 40px; font-size:32px;}
.profile-filter p, .profile-filter .form-control{display:inline-block; width:auto; margin-right:20px;}
.profile-filter p{ font-size:24px; font-weight:300}
.profile-filter .form-control{ font-size: 14px;
padding-top: 15px;
height: 50px !important;
padding-bottom: 15px;}
.customtable{border:1px solid #eceeef;}
.customtable th{ font-weight:300;}
.customtable td:nth-child(4){ width:180px}
.customtable .progress {
    height: 18px;
    background: none;
    border: 1px solid #ddd;
	border-radius:9px;
}
.customtable .progress-bar {
    background-color: #0053CF;
    border-radius: 9px;
	color:#fff; font-size:11px; letter-spacing:1px; line-height:11px;
}
.customtable .progress-bar.cleared {
    background-color: #00FF5D;color:#000;
}
.payment-btn{ padding:12px 25px; border:1px solid #ced4da;}

.profile_pricedetail{ border:1px solid #ced4da; padding:15px; text-align:center; margin-bottom:30px;}
.profile_pricedetail h1{ font-size:42px; font-weight:bold;}
.profile_pricedetail p span{ display:block; font-size:11px;}
.CSV{font-size:20px; margin-top:30px}
/****/
.bg-contact{ background:url(../images/contact_bg.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; padding:120px 0px;}
.contact-div{ padding:60px 85px; background:rgba(255,255,255,.8); width:100%; max-width:1140px; margin:0 auto;}
.contact-div h3{ margin:0px 0px 45px; padding:0px; width:100%; font-size:32px; font-weight:400;}
.contact-div input{ width:60%; border:1px solid #333; font-size:14px; color:#333; background:none;}
.contact-div textarea{ border:1px solid #333; font-size:14px; color:#333; background:none;}
.contact-div .btn_gradiant{ padding:12px 30px; font-size:13px;}
.contact-div .btn_gradiant .fa{ margin-right:10px;}
.contact-div .form-group{ margin-bottom:30px;}
.contact-div .phone{ background:url(../images/phone.png) top left no-repeat; padding:0 0 0 60px; margin:120px 0 40px 0; font-size:20px; color:#000000;}
.contact-div .phone span{ display:block;}
.contact-div .address{ background:url(../images/address.png) top left no-repeat; padding:0 0 0 60px; margin:0 0 40px 0; font-size:20px; color:#000000;}
.contact-div .address span{ display:block;}
.contact-div .social{ background:url(../images/social.png) top left no-repeat; padding:0 0 0 60px; margin:0 0 40px 0; font-size:20px; color:#000000;}
.contact-div .social span{ display:block;}
.contact-div .social a {color:#333333; display:inline-block; margin-right:10px;}
.contact-div .social a:hover {color:#0053CF; }
/******/
.howitworks{ background:#fff; padding:80px;}
.howitworks h2{ font-size:56px; font-weight:300; color:#000; margin:0; padding:0px; width:100%; text-align:center; }
.howitworks h4{ font-size:26px; font-weight:600; color:#383838; margin:10px auto; padding:0px; width:90%; text-align:center; line-height:36px;}
.nav-tabs {border-bottom: 0px solid #333; max-width:540px; width:100%; margin:55px auto;}
.nav-link {display: block;padding: 0 80px; margin-right:0px; color: #000;font-size: 30px;font-weight: 300; border: 0px !important;border-bottom: 1px solid #333!important;}
.nav-link:hover{border:0px; box-shadow:none;  border-bottom: 3px solid #333 !important; color:#000;font-weight: 600;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #000;background-color: transparent !important; font-weight: 600; border-bottom: 3px solid #333 !important;}
.nav-tabs .nav-item {margin-bottom:0px;}
/*********************************************************************/
.cart{ margin:0 auto; padding:0px; width:100%; max-width:1350px; background:#fff; vertical-align:top; position:relative; float:left;}
.cart_right{display: block; float: right; position: absolute; width: 390px;z-index: 16; background:#F7FAFB; padding:55px 45px; top:0px; right:0px; height:100%;}
.cart_left{background:#fff; margin-left:0px; margin-right:390px; padding:50px 0; position: relative; min-height: 100%; width: auto; top:0px; min-height:675px;}
.cart_right .heading{ margin:0px; padding:0px 0px 20px; position:relative; border-bottom:1px solid #E4E9ED;}
.cart_right .heading span.count{ height:25px; width:25px; line-height:25px; border-radius:50%; background:#438BCA; font-size:14px; color:#fff; text-align:center; position:absolute; top:3px; right:0px;}
.cart_right .itemdiv{ padding:20px 0px; margin:0px; height:250px; overflow:auto;}
.cart_right .item{ padding:15px 0px; margin:0px; display:block; position:relative;}
.cart_right .item img{ padding:0px; margin:0px 20px 0px 30px; float:left;}
.cart_right .item p{ font-size:16px; color:#788894; margin-bottom:5px;}
.cart_right .item .remove{ position:absolute; left:0px; top:15px; width:20px; height:20px; line-height:18px; text-align:center; border:1px solid #333; border-radius:50%; color:#333; font-size:12px;z-index:9999; cursor:pointer;}
.cart_right .voucher{ border-bottom:1px solid #E4E9ED;border-top:1px solid #E4E9ED; padding:15px 0; font-size:14px;}
.cart_right .voucher .fa{ float:right;}
.cart_right .price{border-bottom:2px solid #E4E9ED; padding:25px 0px; margin-bottom:25px;}
.cart_right .price p{font-size:14px; color:#788894; margin-bottom:5px;}
.cart_right .price p span{ float:right;}
.cart_right .total p{font-size:16px; color:#000; margin-bottom:5px;}
.cart_right .total p span{ float:right;}
/***/
.cart_left .containt{ max-width:720px; width:100%; margin:0 auto;}
.cart_left .form-control{ height:54px;}
.cart_left label{font-size:12px; color:#ced4da; text-transform:uppercase; margin-bottom:0px;}
.cart h3{ font-size:24px; font-weight:300;}
.cart .btn_cart{ background: rgb(77,175,255);
background: linear-gradient(90deg, rgba(77,175,255,1) 0%, rgba(0,83,207,1) 100%); border:0px; font-size:15px; color:#fff; padding:13px 40px;}
.cart .btn_cart:hover{background:#0053CF;}
.cart .returnshop{color:#ced4da; font-size:16px; font-weight:400; display:inline-block; margin-top:10px;}
.cart_left .box{ border:1px solid #ced4da; width:100%;}
.cart_left .box .inner{padding:30px 45px; font-size:16px; color:#788894; width:50%; float:left;}
.cart_left .box .inner p a{ font-weight:12px; display:inline-block; font-weight:normal; margin:5px 0;}
.cart_left .box .address-map{ width:50%; float:left;} 
.cart_left .box.delivery{ padding:20px 45px; min-height:145px;}
.cart_left .box .form-check { float:none;}
.cart_left .box .form-control{ height:40px;}
.cart_left .box .custom-control-label{ font-size:16px; color:#1A2024; text-transform:inherit;}
.cart_left .box .custom-control-label span{ float:right;}
.cart_left .box .custom-control-label small{ font-family:16px; display:inline-block; margin-top:10px; color:#788894}
.project-tab { }
.project-tab .nav-tabs { max-width: 100%;  width: 100%;  margin: 5px auto;}
.project-tab #tabs{ background: #007b5e; color: #eee;}
.project-tab .nav-link { padding: 15px 10px;}
.project-tab #tabs h6.section-title{ color: #eee;}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .project-tab .nav-tabs .nav-link.active { color: #000; background-color: transparent; border-color: transparent transparent #000; border-bottom: 1px solid !important; font-size: 16px; font-weight: 400; text-transform:uppercase;}
.project-tab .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #CCCCCC; font-weight: 400; text-transform:uppercase;font-size: 16px; border-bottom: 1px solid #CCCCCC !important;}
.project-tab .nav-link:hover { border: none;}
.project-tab thead{ background: #f3f3f3; color: #333;}
.project-tab a{text-decoration: none; color: #333; font-weight: 600;}
.mobile{ display:none;}
.desktop{display:block;}
.vjs-poster{background-size: cover;}
.pagination_main { text-align: right;}
.totpage {
    display: inline-flex;
    margin-right: 20px;
}
.pagination {
    display: inline-flex;
}
.hash p {
    font-size: 12px;
    font-weight: 500;
    float: left;
    width: 60px;
	line-height: 26px;
text-align: left;
}
.hash .subnev{display: flex;
margin-left: auto;}
.hash .subnev li a {
    padding: 0px 10px;
    text-transform: capitalize;
    white-space: nowrap;
    font-size: 12px;
    text-decoration: none;
    color: #0053CF;
    font-weight: 500;
    display: inline-block;
    line-height: 20px;
}
.togglesearch{
	background: #fff;
	position: absolute;
	top: 54px;
	right: 28.7%;
	width: 350px;
	height: 60px;
	line-height: 60px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-top:4px solid #0053CF;
	display: none;
}

.togglesearch:before{
	content: "";
	position: absolute;
	top: -32px;
	right: 13px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 14px solid transparent;
	border-bottom: 14px solid #0053CF;
}

.togglesearch input[type="text"]{
	width: 100%;
	padding: 5px 10px;
	margin-left: 0px;
	border: 0px solid #D80B15;
	outline: none;
	line-height: 40px;
	vertical-align: top;
	margin-top: 6px; font-size:14px;
}

.togglesearch input[type="button"]{
	width: 80px;
	padding: 19px 0;
	background: #0053CF;
	color: #fff;
	margin-left: -6px;
	border: 1px solid #0053CF;
	outline: none;
	cursor: pointer; position:absolute; line-height:20px; font-size:14px; font-weight:500; top:-4px; 
}
.noti_p_img{ width:68px; height:68px; margin-right:20px; float:left; border-radius:50%; overflow:hidden;}
.noti_p_img img{ width:100%; height:auto;}
.header a.mobile {display: none;}
/*--responsive--*/
@media(min-width:1280px){	
	.container {max-width: 1280px; width:100%;}
}
@media(min-width:1366px){	
	.img-responsive{ width:100%; max-width:auto;}
}
@media(max-width:1920px){
	
}
@media(min-width:1366px){	
	
}
@media(max-width:1199px){
	.top-right .btn {padding: 5px 15px;}
}
@media(max-width:1024px){
	.top-right .btn {padding: 5px 10px;}
}
@media only screen and (max-width: 1120px) and (min-width: 992px)  {
	#cssmenu > ul > li > a {  padding: 20px 12px !important;}
	.main-nav li a { padding: 10px;}
	.body-menu .btn1, .body-menu .btn2{ width:100%;}
	.body-menu .btn1{ margin-bottom:5px !important;}
	.contact-div { padding: 40px 40px;}
}
@media only screen and (max-width: 1000px){
.header a.mobile {
	display: block;
	width: 28px;
	height: 32px;
	padding: 16px 0;
	margin: 2px;
	position: absolute;
	top: 0;
	right: 0;
}
.header a.mobile:before,
.header a.mobile:after {
	content: '';
	display: block;
	background: #fff;
	height: 2px;
}
.header a.mobile span {
	background: #fff;
	display: block;
	height: 2px;
	margin: 6px 0;
}

.top-bar-white .header a.mobile:before,
.top-bar-white .header a.mobile:after {
	content: '';
	display: block;
	background: #797979;
	height: 2px;
}
.top-bar-white .header a.mobile span {
	background: #797979;
	display: block;
	height: 2px;
	margin: 6px 0;
}
}
@media(max-width:991px){
	#cssmenu > ul > li .fa{ display:none;}
	.top-bar { height: auto;   position: relative;background-size:auto 100%;}
	.banner_text { padding: 100px 0px;position: relative;top: auto;left: auto;transform: translate(0,0)}
	.noright-padding{ padding-right:15px; text-align:center;}
	.body-menu .btn1, .body-menu .btn2{ width:48%;}
	.main-nav li a{ padding:10px;}
	.auto-nav-more a {padding-right: 10px !important;}
	.search_filter .filter { position: relative; text-align: center; float: none; margin-top: 0px;}
	.contact-div input { width: 100%;}
	.contact-div { padding: 40px 40px;}
	.contact-div .phone { margin: 0px 0 40px 0;}
	.editprofile .gradiantbg {padding: 10px 25px;}
	.editprofile .graybg { padding: 10px 25px;}
}
@media only screen and (max-width: 991px) and (min-width: 768px)  {
	#cssmenu #head-mobile { padding: 20px !important;  margin-top: 7px !important;}
	.button {top: 0 !important;}
	/****/
	.login-container { padding: 20px 15px; position: relative;}
	.login_left-text img { margin: 8px 8px 8px 0;}
	.login_left-text h1 { font-size: 43px; width: 380px;}
	.login_right_cont p a, .login_right_cont .form-group label.form-check-label {font-size: 14px;}
	.login_right_middle { max-width: 330px;}
	.custom-control-label { font-size: 14px;}
	.top-right a { padding: 10px 5px 0 0;}
	.top-right .btn { padding: 7px 8px;  font-size: 14px;}
}
@media(max-width:767px){    
	.order-1,.order-3{ order: 0 !important; width:auto !important;}
	.order-3{ padding-right:60px;}
	.order-2{ order: 0 !important; width:100%;}
	.order-1{ margin-right:auto;} 
	.top-bar { height: auto;  position: relative;background-size:auto 100%;}
	.banner_text { padding: 100px 0;position: relative;}
	.noright-padding{ padding-right:15px; text-align:center;}
	.body-menu .btn1, .body-menu .btn2{ width:48%;}
	.main-nav li a{ padding:10px;}
	.auto-nav-more a {padding-right: 10px !important;}
	.search_filter .search .search_l { max-width: 100%;}
	.search_filter .search .search_r { max-width: 100%; margin-top: 30px;}
	.search_filter .filter { position: relative; text-align: center; float: none; margin-top: 0px;}
	.hash { padding: 10px 0 20px 15px;}
	.hash p a {  padding: 0 12px; display: inline-block;}
	.main .left .box .boxtop { padding: 20px 25px 10px 25px;}
	.main .left .box .boxtop .profile_name h2 { font-size: 20px;line-height: 25px;}
	.main .left .box .boxtop .profile_name h2 span, .main .left .box .boxtop .profile_name h2 a { font-size: 20px;}
	.main .left .box .boxbottom .price .buy { min-height: 58px; line-height: 56px;}
	.main .left .box .boxbottom .price { min-height: 58px; line-height: 56px;}
	.footer-top .col-md-7 .row{ margin:0px -15px !important;}
	.footer-top .col-md-7 .col-md-4{ width:33%;}
	.footer-top .col-md-2{padding-left: 15px !important;}
	/***/
	.mobile{ display:block;}
	.desktop{display:none;}
	.mobile_bg{top: 0px;position: absolute;left: 0;height: 700px;background: url(../images/login_bd.jpg) no-repeat;background-size: 100%;width: 100%;background-position: bottom;}
	.login_left-text h1 { margin: 35px 0px 20px;}
	.login_right_middle { position: relative; top: auto; left: auto; transform: none; max-width: 100%; width: 100%; margin: 100px auto 50px !important;}
	#login-form .col-md-6{ width:50%;}
	.login_right_cont {  margin: 250px auto 10%;}
	.facebook{ margin-bottom:5px;}
	.offset-1 { margin-left: 0%;}
	.nav-link { padding: 0 13%;}
	.header a.mobile { top: -58px; right:10px;}
	.minh510{ min-height:300px;overflow: hidden; position: relative;}
	.box_hoverflow_small-inner { width: 92%; top: 5%;}
	.box14 .box_hoverflow_small h1 { font-size: 22px; margin: 20px 10px;}
	.box14 .box_hoverflow_small .btn { background: #ffe033; font-size: 22px;}
	.box14 .box_hoverflow_small .box_hoverflow_small-inner img{ width:80px;}
	/****/
	.signin, .login { background-size: 100% 100% !important;}
	.login-with .google .btn{ color:#191818; background:#fff;}
.login-with .facebook .btn{ color:#2b5b97; background:#fff;}
.login-with .btn:hover{ border:2px solid #0053CF; background:#fff;}
}
@media(max-width:640px){	
	.top-bar { padding: 0px;}
	.top-bar-menu.fixed {padding: 23px  15px;}
	.top-bar-menu, .top-bar-white .top-bar-menu { padding: 23px  0px;}
	.top-bar-white .top-bar-menu.fixed { padding: 23px 15px !important;}
	.banner_text h1 {font-size: 32px;}
	.main .left .box .boxbottom h2 {font-size: 22px; margin-bottom: 28px;}
	.search_filter .search .round { margin-left: 0px; margin-right:0px}
	.main .left .box .boxtop { padding: 20px 10px 10px 10px;}
/*	.main .left .box .boxmiddle { position: relative; float: left;}*/
	.main .left .box .boxtop .ddbtn { width: 50px;}
	.main .left .box .boxtop .dropdown-menu {transform: translate3d(-65px, 45px, 0px) !important;}
	.main .left .box .box_hoverflow h1 { font-size: 42px;}
	.nav-link { padding: 0 6%;}
	
}
@media(max-width:580px){
	.togglesearch {   
    top: 48px;
    right: -88px;
    width: 305px;
    height: 40px;
    line-height: 40px;    
    z-index: 99;
}
.togglesearch::before {
    right: 97px;
}
	.togglesearch input[type="text"] {
    width: 100%;
    line-height: 20px;
    font-size: 14px;
}
.togglesearch input[type="button"] {	
    padding: 10px 0;
}
.suggested-div .btn {
    width: 70px;
    float: right;
    position: absolute;
    right: 8px;
}
.suggested-div {
    padding: 12px 80px 6px 12px;
    position: relative;
    display: block;
}
}
@media(max-width:520px){
	.top-right .btn { padding: 3px 10px; font-size: 15px;}
}
@media(max-width:480px){
	.banner_text { margin:0px; padding:100px 0; position: relative;}
	.logo { float: left; max-width: 121px;}	
	.top-right .btn { padding: 3px 10px; font-size: 15px;}
	.top-right a { font-size: 18px; padding: 9px 10px 0 0;}
	.top-right a span {top: 0px; right: 2px;}
	.profile-top { height: 35px; width: 35px; margin:-4px 0px 0px;}
	.button { top: -42px !important;}
	.main .left .box .boxtop .profile_img { height: 40px; width: 40px; margin-right: 10px;}
	.main .left .box .boxtop .profile_name { padding-top: 0px;}
	.main .left .box .boxtop .ddbtn { margin-top: 5px;}
	.main .left .box .boxtop .profile_name h2 span, .main .left .box .boxtop .profile_name h2 a { display: inline-block;}
	.main .left .box .boxbottom { padding: 20px 10px 20px 15px; margin: 0px;}
	.main .left .box .boxbottom .price { min-height: 40px; line-height: 38px; padding-right: 120px; border-radius: 5px;}
	.main .left .box .boxbottom .price .buy { min-height: 40px; line-height: 38px; width: 120px; border-radius: 5px;}
	.footer-top .col-md-7 .col-md-4 { width: 50%;}	
	/**/
	.howitworks h2 {font-size: 40px;}
	.howitworks { padding: 30px 20px;}
	.howitworks .tab-content .col-md-3{ text-align:center;}
	/***/
	.login_left-text h1 {font-size: 46px;}
	.mobile_bg{height: 600px;}
	.login_right_middle {margin: 80px auto 50px !important;}
	.login-container { padding: 34px 15px;}
	.login_right_cont p a, .login_right_cont .form-group label.form-check-label {font-size: 14px;}
	.custom-control-label { font-size: 14px;}
	.editprofile .change-profile-img { float: left;}
	.editprofile .change-profile-imgdiv .btn {margin-top: 4px; width: 200px;}
	.nav-link {  width: 100%; text-align:center;}
	.top-bar .dddiv .dropdown-menu { transform: translate3d(-80px, 40px, 0px) !important;}
	.notification { top: 46px !important;}
	.header a.mobile {
    top: -44px;
    right: 10px;
	}
	.main .right-inner .box .boxtop .ddbtn { width: 50px;}
    .main .right-inner .box .boxtop .dropdown-menu { right: -50px; left: auto !important;    z-index: 999999;}
	.main .left .box .box_hoverflow h1 {  font-size: 30px;}
	.main .left .box .box_hoverflow .btn { font-size: 30px;}
	.main .right-inner .box .boxbottom .price .buy { width: 140px;}
	.main .right-inner .box .boxbottom .price { padding-right: 140px;}
	.box_hoverflow_small-inner { width: 92%; top: 5%;}
	.box14 .box_hoverflow_small h1 { font-size: 22px; margin: 20px 10px;}
	.box14 .box_hoverflow_small .btn { background: #ffe033; font-size: 22px;}
	.box14 .box_hoverflow_small .box_hoverflow_small-inner img{ width:80px;}
}
@media(max-width:420px){	
.login_right_cont h2 {
    font-size: 30px;
    float: left;
    width: 100%;
}
.login_join { float: left !important; margin-top:10px;}
.togglesearch {   
    top: 40px;
    right: -88px;
    width: 305px;
    height: 40px;
    line-height: 40px;    
    z-index: 99;
}
.togglesearch::before {
    right: 97px;
}
.order-3 {
    padding-right: 48px;
    padding-left: 0px;
}
.top-right a {
    font-size: 18px;
    padding: 9px 5px 0 0;
}
.top-right .btn {
    padding: 3px 6px;
    font-size: 15px;
}
.logo {
    float: left;
    max-width: 107px;
    margin-top: 5px;
}
}
@media(max-width:359px){
	.logo { float: left; max-width: 94px;}
	.top-right a {font-size: 18px;padding: 1px 5px 0 0;}
	.top-right a span {top: -7px; right: -2px;}
	.main-nav li a {padding: 10px 5px; font-size: 13px;}
	.footer-top .col-md-7 .col-md-4 { width: 100%;}
	/**/
	.login_left-text h1 {font-size: 45px;}
	.login_right_cont h2 { font-size: 27px;}
	.profile-top { margin-top: -17px;}
	.editprofile .change-profile-imgdiv .btn { margin-top: 4px; width: 175px;}
	
	.togglesearch {
    top: 40px;
    right: -83px;
    width: 245px;
    height: 40px;
    line-height: 40px;
    z-index: 99;
}
.togglesearch::before {
    right: 85px;
}
.order-1 {
    margin-right: auto;
    margin-left: auto;
}
.order-3 {
    padding-right: 48px;
    padding-left: 15px;
}
.top-bar-menu, .top-bar-white .top-bar-menu {
    padding: 10px 0px;
}
.logo {
    float: left;
    max-width: 130px;
    margin-bottom: 10px;
}
}

/*--//responsive--*/