/*
Theme Name: Ergorest 
Theme URI: #
Author: CL
Version: 1.0
*/
@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'fontawesome';
    src: url('fonts/fontawesome-webfont.eot');
    src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontawesome-webfont.woff') format('woff'),
         url('fonts/fontawesome-webfont.ttf') format('truetype'),
         url('fonts/fontawesome-webfont.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: 'SegoeUI_light';
    src: url('fonts/SegoeUI-Light.eot');
    src: url('fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/SegoeUI-Light.woff') format('woff'),
         url('fonts/SegoeUI-Light.ttf') format('truetype'),
         url('fonts/SegoeUI-Light.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }
 @font-face {
    font-family: 'SegoeUI-Bold';
    src: url('fonts/SegoeUI-Bold.eot');
    src: url('fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/SegoeUI-Bold.woff') format('woff'),
         url('fonts/SegoeUI-Bold.ttf') format('truetype'),
         url('fonts/SegoeUI-Bold.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }

  @font-face {
    font-family: 'SegoeUI-Semibold';
    src: url('fonts/SegoeUI-Semibold.eot');
    src: url('fonts/SegoeUI-Semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/SegoeUI-Semibold.woff') format('woff'),
         url('fonts/SegoeUI-Semibold.ttf') format('truetype'),
         url('fonts/SegoeUI-Semibold.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }

     @font-face {
    font-family: 'SegoeUI';
    src: url('fonts/SegoeUI.eot');
    src: url('fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
         url('fonts/SegoeUI.woff') format('woff'),
         url('fonts/SegoeUI.ttf') format('truetype'),
         url('fonts/SegoeUI.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }

*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;}
body{ margin:0px; padding:0px;  font-family: 'SegoeUI'; font-size:15px; color:#5a5a5a; line-height:24px; background:#fff; min-height:100%; overflow-x: hidden;}
p{ margin:0px; padding:0px 0 20px 0; font-family: 'SegoeUI'; font-size:18px !important; color:#373636; line-height:34px; text-align: justify;}
h1{ margin: 0px; padding: 0px;  font-size:53px; line-height: 55px; color:#000; font-family: 'SegoeUI-Semibold'; text-transform: uppercase;}
h2{ margin: 0px; padding: 0px;  }
h3{ margin: 0px; padding: 0px;  }
h4{ margin: 0px; padding: 0px;  }
h5{ margin: 0px; padding: 0px;  }
h6{ margin: 0px; padding: 0px;  }

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}

a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
img { max-width: 100%; height: auto;}
@media \0screen {img { width: auto }}

::-moz-selection { color: #fff; background: #00b374;}
::selection {  color: #fff; background: #00b374;}


.mobile_srl{display: none;}
.scroll.mobile_srl{display: none;}
.select_box{position: absolute; right:0px; top:0;  display: table;}
.select_box select{margin-top: 7px; height: 33px; border:1px solid rgba(0,0,0,0.5); width:50px; -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none; background:url(images/caret.png)no-repeat 92% center; font-size:18px; padding:0px 3px;}
   .select_box select option{ font-size:18px;}
.navigation{ background-color: none; margin-right: 67px; padding-top: 6px;}
.navigation ul{ margin:0px; padding: 0px; list-style: none;text-align: right; }
.navigation ul li{ float: none; display: inline-block; vertical-align: top; margin-right: -4px; }
.navigation ul li a{ color: #1d1d1d; padding: 0 25px; line-height: 33px !important; display: block; font-family: 'SegoeUI'; text-transform:uppercase; font-size:18px;}
.navigation ul li a:hover{color:#f26a6a;}
/*.navigation ul li:hover{ background: none; color: #fff; background-position:0 0%; }*/
.navigation ul li { position: relative; }

.navigation ul li ul {  visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; transform: translateY(-20%);z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 200px; background-color: red }
.navigation ul li:hover ul {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; }
.navigation ul li ul li{ display: block; margin-right: 0px;}
.navigation ul li ul li:hover{ background-color: black; }

a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:42px; padding:4px 0;min-height:42px;z-index:999999}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px 13px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700 ; background-color: red;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left; width:100%; background:#000;margin-top:44px; position: absolute;}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%; transition: all 0.5s;}
.mean-container .mean-nav ul li:hover{background:#f26a6a;}
.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:10px 5%; font-size:16px;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,0.5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,0.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,0.1)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:20px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,0.1);border:none!important;border-left:1px solid rgba(255,255,255,0.4)!important;border-bottom:1px solid rgba(255,255,255,0.2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,0.9)}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}


.wrapper{width:100%; background-size:cover !important; min-height: 732px; background:#f1f1f1; position: relative;}
.ban_pic{position: absolute; right:55px;  bottom:0px; width: 50%; z-index:0;} 
.heading_menu ul li{z-index: 99;}
header{width:100%; padding:10px 0px;}
header .container{position: relative;}
.buy_now a{right:0px; padding:0px 14px 0px !important; background:#000; color:#fff !important; font-size:15px !important; line-height: 20px !important; font-family: 'SegoeUI_light' !important; text-transform: uppercase; border:1px solid #000; height:auto !important; }
.buy_now:hover a{color:#f26a6a !important; border:1px solid #000;}


/*banner_section*/
.banner_section{width:100%; padding:50px 0px;}
.heading_menu{width:100%; margin-top:50px; z-index: 99;}
.heading_menu ul li{color:#f26a6a; font-size:42px; list-style: none; display: inline-block; padding:7px 15px; font-family: 'SegoeUI-Bold'; border-right:3px solid #f26a6a;}
.heading_menu ul li:last-child{border-right: none;}
.social_links{width:100%; margin-left: 15px; margin-top:90px; margin-bottom: 30px;}
.social_links ul li{list-style: none; display: block; margin-top:5px; }
.social_links ul li a i{color:#1d1d1d; transition: all 0.5s;}
.social_links ul li a i:hover{color:#f26a6a;}
.scroll{transform: rotate(270deg); display: inline-block; margin-top: 10%; margin-left: -2.2%; font-size:14px; line-height: 16px; font-family: 'Poppins', sans-serif; font-weight: 300; color:#1d1d1d; text-transform: uppercase; letter-spacing:2px; position: relative;}
.scroll:hover{color:#f26a6a;}
.scroll:focus{olor:#1d1d1d;}
.scroll:before{position: absolute; top:-17px; left:146px; right:auto; margin:0 auto; width:1px; height:50px; background:#4f4f4f; content:""; transform: rotate(270deg); }
.scroll:after{position: absolute; top:-17px; right:150px; left:auto; margin:0 auto; width:1px; height:50px; background:#4f4f4f; content:""; transform: rotate(270deg); }

.scroll:hover:before{color:#f26a6a;}
.scroll:hover:after{color:#f26a6a;}


/*overview_section*/
.overview_section{width:100%; padding:50px 0px 100px; position: relative; background:#eeeded; display: inline-block;}
.overview_pic{ float:right;  position: absolute; right:0px; width:47%; top:0; height:100%; }
.over_pic img{min-width:100%;  height:100%;}
.in_overfiew{float: left; padding-top:45px; width:46%;}
.in_overfiew h1{position: relative; padding-left:50px; margin-top:45px; margin-bottom:50px;}
.in_overfiew h1:before{width:40px; height: 4px; background:#000; content:""; position: absolute; left:0px; top:50%; }
.find_more{background:#000; padding:12px 30px; color:#fff; font-family: 'SegoeUI'; display: inline-block; margin-top:80px; margin-bottom:108px; text-transform:uppercase; border:1px solid #000; position: relative;}
.find_more:hover{color:#000; border:1px solid #000; background:#fff;}

/*.overview_pic a::before {position: absolute; left: -19px; width: 20px; background: #000; top: 72px; content: ""; height: 384px;}*/
.in_overfiew p{font-size:17px;}
.over_pic{width:100%; position: relative; height:100%;}
.over_pic::before {position: absolute; left: -20px; width: 20px; background: #000; top: 59px; content: ""; height: 410px;}

/*content_section*/
.content_section{width:100%; padding:70px 0px; background:url(images/content_pic1.jpg)no-repeat center center; background-size: cover; margin-top: -6px; background-attachment: fixed;}
.content_section h2{font-size:42px; line-height: 45px; color:#f26a6a; font-family: 'SegoeUI-Semibold';}
.in_content{width:87%; float: right;}
.in_content ul{margin-top:20px;}
.in_content ul li{font-size:24px; line-height: 28px; color:#fff; font-family: 'SegoeUI_light'; list-style: none; margin-top:14px;  padding:10px 0px 10px 0px;}
.in_content ul li img{margin-right:15px;}
/*.in_content ul li:nth-child(1){background:url(images/cont_icon1.png)no-repeat left center;}
.in_content ul li:nth-child(2){background:url(images/cont_icon2.png)no-repeat left center;}
.in_content ul li:nth-child(3){background:url(images/cont_icon3.png)no-repeat left center;}*/

/*mid_white_section*/
.mid_white_section{width:100%; padding:0px 0px 0px; background:#eeeeee;}
.mid_white_section .container{position: relative; padding:50px 0px 20px;}
.mid_white_box{margin-bottom:25px; display: inline-block; width:100%;}
.mid_white_box .left{width:19%;}
.mid_white_box .right{width:75%;}
.mid_white_box .right h3{font-size:27px; line-height:32px; color:#000e1a;  font-family: 'SegoeUI'; margin-top:20px;}
.mid_pic{background:#f26a6a; height:80px; width:80px; border-radius: 100%; display: flex; }
.mid_pic img{margin:auto;}

.white_box{width:540px; height:100%; position: absolute; right:98px; background:#fff; top:0px; -webkit-clip-path: polygon(31% 0, 100% 0, 71% 100%, 0 100%); clip-path: polygon(31% 0, 100% 0, 71% 100%, 0 100%);} 
.mid_white_pic{position: absolute; top:15%; right:0px; height:352px; z-index: 99999; width:100%;}
.right_mid_box{width:100%; position: relative;}
.mid_white_pic img{width:100%; height:100%;}
.mid_white_pic{margin-right:50px;}
.mid_white_pic img{z-index:999;}
.c_pic{width:36px; height: 36px; margin:0 auto; margin-left:0px;}

.cont_box{width:100%; float: right; margin-bottom:30px;}
.cont_pic{width:7%; float: left;}
.cont_pic img{width:100%;}
.content_text{float: right; width:93%; padding-top:5px;}
.content_section h2{margin-bottom:40px;}
.content_text h6{font-size:24px; line-height: 28px; color:#fff; font-family: 'SegoeUI_light';}
/*key_section*/
.key_section{width:100%; padding:70px 0px; }
.key_section h2{font-size:40px; line-height: 48px; color:#3b3b3b; font-family: 'SegoeUI_light'; text-transform: uppercase; text-align: center; letter-spacing: 4px; margin-bottom:180px;}
.key_section h2 span{color:#f26a6a; font-size:60px; line-height: 62px;  font-family: 'SegoeUI-Bold'; display: block; letter-spacing: 7px; margin-bottom: 129px;}
.key_section .container{position: relative;}
.key_pic{width:100%; text-align: center; margin-top:80px; width:568px; height:336px; margin:80px auto; display: table; }
.key_pic img{margin:0 auto;}
.key_section  p{line-height:18px; padding-bottom:10px; font-size:15px;  color:#020000; font-family: 'Source Sans Pro', sans-serif; font-weight: 400;}
.feature_part:nth-child(1) .key_features{width:250px;  top: 40px; left: 267px; position: absolute;}
 .key_section  p span{font-weight: 900;}
.plus{position: relative;}
.feature_part:nth-child(1) .key_features i{width:35px; height:35px; border-radius:50%; background:#f26a6a; line-height: 33px; text-align: center; color:#fff; margin-top: 79px; margin-left: 163px; border:2px solid rgba(69,69,69,0.5); transition: all 0.5s; font-weight: 300; font-size:14px;}
.feature_part:nth-child(1) .key_features:hover i{border:2px solid rgba(0,0,0,0.6); background:#fff; color:#f26a6a;}
.feature_part:nth-child(1) .plus:before{position: absolute; left: 177px; top: 52px; background:#f26a6a; height:27px; content:""; width:1px;}
.features_box{position: absolute; height:100%; width:100%;  top:15%;}
.feature_part:nth-child(1) .plus::after {position: absolute; left: 147px; top: 0px; background: #f26a6a; height: 70px; content: ""; width: 1px; transform: rotate(-60deg);}
.mobile_pic{display: none;}


.feature_part:nth-child(2) .key_features{width:250px; top: 187px; left: 128px; position: absolute;}
.feature_part:nth-child(2) .key_features .plus::before {position: absolute; left: 149px; top: 82px; background: #f26a6a; height: 27px; content: ""; width: 1px; transform: rotate(90deg);}
.feature_part:nth-child(2) .key_features i{width:35px; height:35px; border-radius:50%; background:#f26a6a; line-height: 33px; text-align: center; color:#fff; margin-top: 79px; margin-left: 163px; border:2px solid rgba(69,69,69,0.5); transition: all 0.5s; font-weight: 300; font-size:14px;}
.feature_part:nth-child(2) .key_features .plus::after {position: absolute; left: 115px; top: 86px; background: #f26a6a; height: 53px; content: ""; width: 1px;transform: rotate(-130deg);}
.feature_part:nth-child(2) .key_features p{margin-top:20px;}
.feature_part:nth-child(2) .key_features:hover i{border:2px solid rgba(0,0,0,0.6); background:#fff; color:#f26a6a;}


.feature_part:nth-child(3) .key_features{ width:250px; top: 360px; left: 323px; position: absolute;}
.feature_part:nth-child(3) .key_features .plus::before {position: absolute; left: 222px; top: 105px; background: #f26a6a; height: 27px; content: ""; width: 1px; transform: rotate(0deg);}
.feature_part:nth-child(3) .key_features i{width:35px; height:35px; border-radius:50%; background:#f26a6a; line-height: 33px; text-align: center; color:#fff; margin-top: 70px; margin-left: 206px; border:2px solid rgba(69,69,69,0.5); transition: all 0.5s; font-weight: 300; font-size:14px;}
.feature_part:nth-child(3) .key_features .plus::after {position: absolute; left: 199px; top: 117px; background: #f26a6a; height: 53px; content: ""; width: 1px;transform: rotate(-118deg);}
.feature_part:nth-child(3) .key_features p{margin-top:54px;}
.feature_part:nth-child(3) .key_features:hover i{border:2px solid rgba(0,0,0,0.6); background:#fff; color:#f26a6a;}


.feature_part:nth-child(4) .key_features{ width:290px; top: 414px; left: 578px; position: absolute;}
.feature_part:nth-child(4) .key_features .plus::before {position: absolute; left: 128px; top: 104px; background: #f26a6a; height: 20px; content: ""; width: 1px; transform: rotate(0deg);}
.feature_part:nth-child(4) .key_features i{width:35px; height:35px; border-radius:50%; background:#f26a6a; line-height: 33px; text-align: center; color:#fff; margin-top: 69px; margin-left: 112px; border:2px solid rgba(69,69,69,0.5); transition: all 0.5s; font-weight: 300; font-size:14px;}
.feature_part:nth-child(4) .key_features .plus::after {position: absolute; left: 107px; top: 113px; background: #f26a6a; height: 53px; content: ""; width: 1px;transform: rotate(-126deg);}
.feature_part:nth-child(4) .key_features p{margin-top:54px; margin-left:25px;}
.feature_part:nth-child(4) .key_features:hover i{border:2px solid rgba(0,0,0,0.6); background:#fff; color:#f26a6a;}

.feature_part:nth-child(5) .key_features{ width:290px; top: 310px; right: 0px; position: absolute;}
.feature_part:nth-child(5) .key_features .plus::before {position: absolute; left: -16px; top: 131px; background: #f26a6a; height: 20px;content: ""; width: 1px; transform: rotate(78deg);}
.feature_part:nth-child(5) .key_features i{width:35px; height:35px; border-radius:50%; background:#f26a6a; line-height: 33px; text-align: center; color:#fff; margin-top: 126px; margin-left: -60px; border:2px solid rgba(69,69,69,0.5); transition: all 0.5s; font-weight: 300; font-size:14px;}
.feature_part:nth-child(5) .key_features .plus::after {position: absolute; left: 0px; top: 138px;background: #f26a6a; height: 37px; content: ""; width: 1px;transform: rotate(-20deg);}
.feature_part:nth-child(5) .key_features p{margin-top: 16px; margin-left: 6px;}
.feature_part:nth-child(5) .key_features:hover i{border:2px solid rgba(0,0,0,0.6); background:#fff; color:#f26a6a;}


.feature_part:nth-child(6) .key_features{ width:290px; top: 195px; right: 0px; position: absolute;}
.feature_part:nth-child(6) .key_features .plus::before {position: absolute; left: -49px; top: 163px;background: #f26a6a; height: 25px; content: ""; width: 1px; transform: rotate(42deg);}
.feature_part:nth-child(6) .key_features i{width:35px; height:35px; border-radius:50%; background:#f26a6a; line-height: 33px; text-align: center; color:#fff; margin-top: 181px; margin-left: -85px; border:2px solid rgba(69,69,69,0.5); transition: all 0.5s; font-weight: 300; font-size:14px;}
.feature_part:nth-child(6) .key_features .plus::after {position: absolute; left: 1px; background: #f26a6a; height: 53px; content: ""; width: 1px; top: 124px; height: 84px;transform: rotate(-91deg);}
.feature_part:nth-child(6) .key_features p{margin-top: -71px; margin-left: 43px}
.feature_part:nth-child(6) .key_features:hover i{border:2px solid rgba(0,0,0,0.6); background:#fff; color:#f26a6a;}


.feature_part:nth-child(7) .key_features{ width:290px; top: 19px; right: 111px; position: absolute;}
.feature_part:nth-child(7) .key_features .plus::before {position: absolute; left: -55px; top: 164px;background: #f26a6a; height: 20px; content: ""; width: 1px; transform: rotate(26deg);}
.feature_part:nth-child(7) .key_features i{width:35px; height:35px; border-radius:50%; background:#f26a6a; line-height: 33px; text-align: center; color:#fff; margin-top: 181px; margin-left: -85px; border:2px solid rgba(69,69,69,0.5); transition: all 0.5s; font-weight: 300; font-size:14px;}
.feature_part:nth-child(7) .key_features .plus::after {position: absolute; left: -9px; background: #f26a6a; height: 53px; content: ""; width: 1px; top: 122px; height: 84px;transform: rotate(-92deg);}
.feature_part:nth-child(7) .key_features p{margin-top: -90px; margin-left: 43px}
.feature_part:nth-child(7) .key_features:hover i{border:2px solid rgba(0,0,0,0.6); background:#fff; color:#f26a6a;}
.left_mid_whit{padding-left:65px;}
/*series_section*/
.series_section{width:100%; padding:60px 0px 0px;}
.series_area{width:100%; margin-bottom:10px; background:#dddada; padding:27px 0px 80px;}
.series_area:last-child{margin-bottom:0px;}

.series_text{padding-top:55px;}
.series_text h3{font-size:45px; line-height: 48px; color:#f26a6a; font-family: 'SegoeUI-Semibold'; padding-bottom:30px;}
.see_more{background:#000e1a;  padding:9px 30px; color:#fff; text-transform: uppercase; display: inline-block; margin-top:35px; border:1px solid #000e1a; }
.see_more:hover{color:#f26a6a; border:1px solid #000e1a;}
.series_area:nth-child(even){background:#fff; padding-bottom:50px;}
.series_area:nth-child(even) .series_pic{float:right;}
.series_area:nth-child(even) .series_text{float: left; margin-bottom:60px;}
.series_area:nth-child(even) .series_text h3{color:#000e1a;}
.series_area:nth-child(even) .see_more{}
.series_area:nth-child(even) .series_pic{padding-top:20px;}
.logo_holder2{display: none;}
.affix .logo_holder{display:none;}
.affix  .logo_holder2{display: block;}

/*up_faq_section*/
.up_faq_section{width:100%; padding:110px 0px; background:#f7f7f7; position: relative;}
.up_faq_pic{position: absolute; bottom:0;  height:100%; width:48%;}
.up_faq_pic img{min-width:100%; max-width:inherit; height: 100%;}
.right_upfaq_text{float: right; width:50%; padding-top:50px; padding-left:10px;}


.over_video{position: absolute !important; left:0; right:0; margin:0 auto; display: table; width:75px; height: 75px; border-radius:100%; background:#fff; top:46%; display: inline-block; transform: translateY(-50%,-50%); }

.over_video:after{content: "\f04b";  position: absolute; top:26px; left:6px; right:0px; margin:0 auto; font-size:28px; font-family: 'fontawesome'; text-align: center; background-position: center; color:#000;}
.over_video:hover{background:#f26a6a; }
/*faq_section*/
.faq_section{width:100%; padding:50px 0px; background:#e3e3e3;}
.faq_section h3{font-size:48px; line-height: 50px; color:#000;  font-family: 'SegoeUI'; margin-bottom:35px;}
.faq_arae{display:flex; justify-content: space-between; flex-wrap: wrap;}
.set{
  position: relative;
 
  background:#fff;
  height: auto;
 
  border-radius:22px !important;
  margin-bottom:10px;
  z-index: 9;
 
}
.set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #989898;
  font-weight: 400;
  font-family: 'SegoeUI';
  border-bottom: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
   border-radius:30px;
   background:#fff;
   
}

.set > a span{color:#f26a6a; font-family: 'SegoeUI-Bold'; margin-right:8px;}
.set > a i{
  float: right;
  margin-top: 5px;
}
.set > a.active{
  background-color:#fff;
  color: #989898;
  border-radius:30px;
  padding: 10px 15px;
  
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;

}
.content{
  background-color: #fff;
 
  display:none;
  border-radius: 30px;
  
}
.content p{
  padding: 10px 15px;
  margin: 0;
  color: #333;
  border-radius:30px;
}
.set_box{padding-right:5px;}
.set_area{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.faq_section .left{width:49%; float: left;}
.faq_section .right{width:49%; float: right;}
.faq_section p{line-height:24px; color: #989898; font-size:14px !important;}
.content p{text-align:left !important; font-size:15px;}
/*footer*/
footer{width:100%;  background:#000;}
.up_footer{width:100%; padding:50px 0px;}
.up_footer h4{font-size:24px; line-height: 28px; color:#f26a6a;  font-family: 'SegoeUI'; text-transform: uppercase; padding-bottom:20px;}
.ft_menu{width:100%;}
.ft_menu ul li{margin-top:7px; list-style: none;   padding:0px 0px 0px 25px; position: relative;}
.ft_menu ul li:before{position: absolute; top:0; left:0; width:20px; height: 20px; background:url(images/left_arrow.png)no-repeat; content:""; top:7px;}
.ft_menu ul li a{font-size:17px; line-height: 17px; font-family: 'SegoeUI_light'; color:#fff;}
.ft_menu ul li a:hover{color:#e5344e;}
.quick_links{width:100%;}
.quick_links ul li{margin-top:7px; list-style: none;   padding:3px 0px 3px 25px; }
.quick_links ul .address{position: relative;}
.quick_links ul .address:before{position: absolute; left:0; width:20px; height: 20px;  content: "\f041"; top:7px;   font-family: 'fontawesome'; color:#e5344e;}
.quick_links ul li a{font-size:17px; line-height: 17px; font-family: 'SegoeUI_light'; color:#fff;}
.quick_links ul li a:hover{color:#e5344e;}
.quick_links ul .call{position: relative;}
.quick_links ul .call:before{position: absolute; left:0; width:20px; height: 20px;  content: "\f095"; top:5px;   font-family: 'fontawesome'; color:#e5344e;}
.quick_links ul .mail{position: relative;}
.quick_links ul .mail:before{position: absolute; left:0; width:20px; height: 20px;  content: "\f0e0 "; top:5px;   font-family: 'fontawesome'; color:#e5344e;}
.left_up_ft{padding-left:100px;}
.down_footer{text-align: center;}
.down_footer p{color:#fff; font-family: 'SegoeUI'; text-align: center;}
.down_footer p a{color:#e5344e;}
.down_wrapper{position: relative;}
.faq_pic{position: absolute; top:0; right:0px; width:506px; height:439;}
.right_mid_whit{float:right;}
	.left_mid_whit{float: left;}

.key_features p{text-align: left;}
.affix {
      top: 0;
      width: 100%;
      z-index: 99999999999 !important;
      background:#f1f1f1;
  }
.affix header{padding: 11px 0px;}
.affix .logo_holder{width:60px;}
.up_faq_pic img{width:100%;}
.right_upfaq_text p{font-size:17px;}
.affix .navigation ul li a{padding: 0 22px;font-size: 15px;}
.affix .buy_now{font-size: 14px !important;}
.lity{z-index: 9999999999999;}
.feature_part:nth-child(1) .key_features{top: 60px; left: 267px;}
.lity-close:active {top: 0px; right: 0px; position: absolute;}
.lity-close{top: 0px; right: 0px; position: absolute;}

.colorbx{ padding:20px; margin-top:20px; 
  }
.color_box{width:100px; height: 100px; border-radius:100%; background:#000; float: left; margin: 16px 20px;}
.white{background:#fff;}
.red{background:#e62345;}
.blue{background: #164f9e; margin-left: 86px;}
.grey{background:#96625c;}
.social-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.social-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
   background: #fff; 
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  border:1px double #fff;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  border:1px double #fff;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
/*.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  transition: all 200ms;
}
*/
.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #000;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #fa183d;
}

.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0,0,0,0.75);
}

.number{display: none;}


@media only screen and (max-width: 1199px){
	.find_more{margin-top: 54px; margin-bottom: 38px;}
	.in_overfiew h1{margin-top: 0px;}
	/*.overview_pic a::before{height: 420px;}*/
	.feature_part:nth-child(1) .key_features{left: 153px;}
	.feature_part:nth-child(2) .key_features i{margin-top: 87px; margin-left: 97px;}
	.feature_part:nth-child(2) .key_features .plus::after{left: 47px; top: 109px;}
	.feature_part:nth-child(2) .key_features .plus::before{left: 83px; top: 100px;}
	.feature_part:nth-child(2) .key_features .plus::after {left: 49px; top: 104px;}
	.feature_part:nth-child(2) .key_features p {margin-top: 30px;}
	.feature_part:nth-child(3) .key_features{top: 359px; left: 224px;}
	.feature_part:nth-child(4) .key_features{left: 474px;}
	.feature_part:nth-child(5) .key_features {right: 8px; width:194px;}
	.feature_part:nth-child(6) .key_features {width: 191px;}
	.feature_part:nth-child(7) .key_features {top: 25px; right: 3px;}
	.mid_white_box .right h3 {font-size: 21px;}
	.in_content ul li {font-size: 22px;}
	.up_faq_pic img{max-width: 100%; height: 100%;}
	.up_faq_section{padding: 65px 0px;}
	.faq_pic{width:35%; height: 346px;}
	.set > a{font-size: 13px;}
	.wrapper{min-height: 621px;}
	.heading_menu{margin-top: 6px;}
	.content_text h6 {font-size: 22px;}
    .mid_white_box .right {width: 73%;}
    .white_box {width: 434px; right: 62px;}
    .series_text h3 {font-size: 37px;}
    .color_box{margin: 16px 15px;}
    .blue{margin-left: 86px;}
}

@media only screen and (max-width: 991px){
	.heading_menu ul li{font-size: 23px;}
	    /*.nav-link{ transform: rotate(270deg); margin-top: 14px;margin-left: 60px;}*/
		.heading_menu{margin-top: 19px;}
		
		h1{font-size: 37px; line-height: 41px;}
		.in_overfiew{padding-top: 17px;}
		.in_overfiew h1{margin-bottom: 30px;}
		.find_more {margin-top: 30px; margin-bottom: 34px;}
		/*.overview_pic a::before {height: 454px;}*/
		.content_section h2 {font-size: 31px;}
		.in_content ul li {font-size: 17px;}
		.white_box {width: 352px;}
		.mid_white_box .right {width: 70%;}
		.mid_pic {height: 57px; width: 57px;}
		.mid_pic img{width:25px;}
		.key_section h2 {font-size: 27px; line-height: 43px;}
		.key_section h2 span{font-size: 47px; line-height: 62px;}
		.key_pic{width: 357px;}
		.feature_part:nth-child(3) .key_features .plus::before{top: 100px;}
		.feature_part:nth-child(1) .key_features{left: 93px; top: 44px;}
		.feature_part:nth-child(1) .key_features i {width: 30px; height: 30px; line-height: 28px;}
		.feature_part:nth-child(2) .key_features{top: 148px; left: 94px;}
		.feature_part:nth-child(2) .key_features i {width: 30px; height: 30px; line-height: 28px;}
		.feature_part:nth-child(3) .key_features {top: 259px; left: 131px;}
		.feature_part:nth-child(3) .key_features i {width: 30px; height: 30px; line-height: 28px;}
        .feature_part:nth-child(4) .key_features i{width: 30px; height: 30px; line-height: 28px;}
        .feature_part:nth-child(5) .key_features i{width: 30px; height: 30px; line-height: 28px;}
        .feature_part:nth-child(6) .key_features i{width: 30px; height: 30px; line-height: 28px;}
        .feature_part:nth-child(7) .key_features i{width: 30px; height: 30px; line-height: 28px;}
		.feature_part:nth-child(4) .key_features {left: 316px; top: 361px;}
		.feature_part:nth-child(4) .plus{margin-top: -70px;}
		.feature_part:nth-child(4) .key_features .plus::after{display:none;}
		.feature_part:nth-child(4) .key_features p {margin-top: 190px;}
		.feature_part:nth-child(4) .key_features .plus::before{height: 179px; top: 98px;}
		.feature_part:nth-child(5) .key_features{top: 288px;}
		.feature_part:nth-child(5) .key_features i{margin-top: 59px; margin-left: -50px;}
		.feature_part:nth-child(5) .key_features p {margin-top: 92px;}
		.feature_part:nth-child(5) .key_features .plus::after{top: 120px; height: 81px; transform: rotate(-54deg);}
		.feature_part:nth-child(5) .key_features .plus::before{left: -18px; top: 79px; transform: rotate(131deg); height: 25px; }
		.feature_part:nth-child(5) .key_features .plus::after {top: 96px; transform: rotate(-18deg); left: 3px;}
		.feature_part:nth-child(6) .key_features{top: 113px; width: 221px;}
		.feature_part:nth-child(6) .key_features .plus::after{left: -16px;top: 140px;height: 50px;}
		.feature_part:nth-child(7) .key_features {top: 1px; right: 3px;}
		.feature_part:nth-child(6) .key_features i{margin-left: -32px;}
		.feature_part:nth-child(6) .key_features .plus::before{display: none;}
		.feature_part:nth-child(6) .key_features .plus::after {left: 13px; top: 146px; transform: rotate(-126deg);}
		.feature_part:nth-child(3) .key_features .plus::after{top: 113px;}
		.series_text h3 {font-size: 29px; line-height: 36px;}
		.series_area p{line-height: 25px;}
		.series_section{padding: 45px 0px 0px;}
		.series_text {padding-top: 7px;}
		.right_upfaq_text{padding-top: 0px;}
		.up_faq_section {padding: 49px 0px;}
		.faq_pic {width: 33%; height: 346px;}
		.faq_section .left {width: 100%;}
		.faq_section .right{width:100%;}
		.faq_section h3 {font-size: 38px; line-height: 50px;}
		.quick_links ul li a {font-size: 14px;}
		.up_footer h4 {font-size: 22px;}
		.right_upfaq_text p{line-height: 25px;}
		.series_text {padding-top: 26px;}
		
		.overview_pic {float: none; position: static; margin:0 auto; display: table; width: 70%;}
		.overview_pic img{height: auto; max-width: 100%; }
		.in_overfiew{width:100%; float: none; text-align: center;}
		.in_overfiew h1{padding-left:0px;}
		.in_overfiew h1::before{left: 0px; top: 55px; right: 0px; margin: 0 auto; }
		.in_overfiew {padding-top: 32px;}
		.up_faq_pic {position: static; margin:0 auto; display: table; width: 70%;}
		.right_upfaq_text{width:100%; text-align: center; padding-top:45px;}
		.mid_white_box .right h3 {font-size: 20px;}
		.mid_white_pic img{height: auto;}
		.mid_white_box .right h3{margin-top: 5px; line-height: 28px;}
		.banner_section {width: 100%; padding: 23px 0px;}
		.social_links{margin-top: 56px;}
		.wrapper {min-height: 563px;}
		.content_text h6 {font-size: 18px;}
		.content_text { width: 90%; padding-top: 0px;}
		.over_video{top: 31%;}
        .navigation ul li a{padding: 0 18px;font-size: 17px;}
        .key_section p{font-size: 15px !important;}
        .left_up_ft {padding-left: 44px;}
        .in_overfiew h1 {margin-bottom: 39px;}
        .series_area:nth-child(2n){padding-bottom: 8px;}
        .feature_part:nth-child(2) .key_features .plus::after {left: 49px; top: 95px;}
        .feature_part:nth-child(2) .key_features .plus::before {left: 83px; top: 91px;}
        .color_box {width: 60px; height: 60px; margin: 9px 15px;}
         .lity-close:active {top: 0px; right: 0px; position: absolute;}
         .lity-close{top: 0px; right: 0px; position: absolute;}
         .blue{margin-left:62px;}
         .video-play-button::before {

    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    
    border:1px solid #fff;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    display: block;

}
.video-play-button{top: 38%;}
.set-bx{padding-right: 5px;}
		


}

@media only screen and (max-width: 767px){
	
	.buy_now{right: 19px; top: -84px;}
	.mean-container a.meanmenu-reveal{left:0 !important; margin:0 auto; top: -78px; background:#f26a6a; }
	.mean-container .mean-nav{width: 100%; left: 0; right: 0; margin: 0 auto;}
	.mean-container .mean-nav{margin-top: 40px;}
	.mean-container .mean-bar{min-height: 4px;}
	.banner_section{padding: 25px 0px;}
	.heading_menu ul li {font-size: 24px;}
	.social_links{margin-top: 49px;}
	.buy_now{top: -69px;}
	.in_content{width:100%; text-align: center;}
	.content_section h2 {font-size: 25px;}
	.white_box{display: none;}
	.mid_white_pic{position: static; width: 466px; margin-bottom: 57px;}
	.mid_white_box .left {width: 100%;}
	.mid_white_box .right{width: 100%; text-align: center;}
	.mid_pic{margin:0 auto; display: flex;}
	.mid_white_pic{height: 302px;}
	.mid_white_box .right h3 {font-size: 23px; margin-top: 9px;}
	.key_section h2 span {font-size: 36px; line-height: 46px;}
	.key_features{position: static;}
	.left_mid_whit{padding-left:0px;}
	.key_section h2{margin-bottom: 68px;}
	.key_pic{margin: 0px auto;}
	.feature_part:nth-child(1) .key_features {left: 43px; top: 0px;}
	.feature_part:nth-child(2) .key_features {top: 114px; left: 54px;}
	.feature_part:nth-child(7) .key_features {top: -99px; right: 22px; }
	.feature_part:nth-child(7) .key_features i{margin-left: 41px; margin-top: 244px;}
	.feature_part:nth-child(7) .key_features p {margin-top: -148px;}
	.feature_part:nth-child(7) .key_features .plus::before{left: 70px; top: 227px;}
	.feature_part:nth-child(1) .plus::after{display: none;}
	.feature_part:nth-child(1) .key_features p{padding-top:35px;}
	.feature_part:nth-child(1) .key_features i{margin-top: 39px; margin-left: 157px;}
	.feature_part:nth-child(1) .plus::before{left: 147px; top: -2px; height: 50px; transform: rotate(-45deg);}
	.key_section{padding: 60px 0px 38px;}
	.feature_part:nth-child(6) .key_features {top: 67px; width: 169px;}
	.feature_part:nth-child(5) .key_features i {margin-top: 10px; margin-left: 9px;}
	.feature_part:nth-child(5) .key_features .plus::before{display: none;}
	.feature_part:nth-child(5) .key_features .plus::after {top: 41px; transform: rotate(-23deg); left: 47px;}
	.feature_part:nth-child(4) .key_features i{margin-top: 17px; margin-left: 77px;}
	.feature_part:nth-child(4) .key_features .plus::before{left: 94px; top: 52px;}
	.seri_pic{width:300px; margin:0 auto;}
	.series_text{text-align: center;}
	.faq_pic{display: none;}
	.left_up_ft{padding-left:10px;}
	.heading_menu ul li {font-size: 18px;}
	.heading_menu {margin-top: -21px;}
	.mean-container .mean-nav{z-index: 9999;}
	.logo_holder{width:130px; margin:0 auto; display: table; text-align: center;}
	.mean-container a.meanmenu-reveal{left:auto !important; right:10px !important; top:0px;}
	.buy_now{position: static;}
	.heading_menu {margin-top: 12px;}
	.heading_menu{text-align: center;}
	.social_links{ margin-top:15px;  text-align: center;}
	.social_links ul li{display: inline-block; margin:0px 3px;}
	.scroll{text-align: center; margin:0 auto; left:0px; right:0px; display: table;}
    .in_content ul li img{display: block; margin: 0 auto 20px;}
    
    .over_pic::before{display: none;}
    .cont_pic{width:100%; padding-bottom:10px;}
    .c_pic{width:50px; height: 50px;}
    .content_text{width:100%; text-align: center;}
    .scroll{left: 0px; right: 67px; float:left;}
    p{text-align: center;}
    .c_pic{margin:0 auto; display: table;}
    .select_box { position: static;}
    .buy_now{padding: 3px 14px 5px;}
    .overview_section{padding: 50px 0px 61px;}
    .series_area:last-child {margin-bottom: 18px;}
    .see_more{margin-top: 18px;}
    .faq_section h3{text-align: center;}
    .ft_menu ul li a {font-size: 15px; line-height: 17px;}
    .down_footer p{font-size: 15px !important;}
      .logo_holder{display: none;}
      .logo_holder2{display: block;}
       .scroll{display: none;}
     .mobile_srl{display: block; transform: rotate(0deg);}
     .affix header{padding: 9px 0px 0px;}
    .social_links ul li{display: inline-block;}
    .social_links ul li i{ z-index: 999;}
     .social_links{text-align: left; margin-left:0px; z-index: 99; position: relative;}
     .ban_pic{z-index:0;}
     .heading_menu{z-index: 9; position: relative;}
    
     .mobile_srl i{width:35px; height:35px; background:#f26a6a; color:#fff;line-height:35px; text-align: center; border-radius:50%; font-size:17px; transition:all 0.5s;}
     .mobile_srl i:hover{background:#1d1d1d; color:#f26a6a;} 
      .buy_now:hover{color:#fff !important; padding: 10px 5% border:none; width:100%;}
      .buy_now{padding:12px ; border:none;} 
      .buy_now{padding: 10px 5% !important; font-size:16px; font-family: 'SegoeUI'; font-weight: 500 !important; }
      header{padding-bottom:0px;}
      .mean-container .mean-bar {min-height: 0px;}
      .navigation{padding-top: 1px;}
      .scroll:before{display: none;}
    .scroll:after{display: none;}
    .social_links{text-align: left; margin-left:0px; z-index: 99; position: relative;}
      .heading_menu{z-index: 9; position: relative; text-align: left; }
       .ban_pic{z-index:0;}
       .scroll{font-size:13px; letter-spacing: 1px; z-index: 999;}
      
       .mobile_srl i{width:35px; height:35px; background:#f26a6a; color:#fff;line-height:35px; text-align: center; border-radius:50%; font-size:17px; transition:all 0.5s;}
     .mobile_srl i:hover{background:#1d1d1d; color:#f26a6a;} 
      .buy_now:hover{color:#fff !important;  border:none; width:100%; }
      .buy_now{ border:none; padding-left:5% !important;} 
      .buy_now:hover{padding-left:5% !important;}
      header{padding-bottom:0px;}
      .mean-container .mean-bar {min-height: 0px;}
      .navigation{padding-top: 1px;}
      .heading_menu{text-align: left;}
      .heading_menu ul li:first-child{padding-left:0px; }
      .heading_menu ul li{padding:0px 10px;}
      .social_links ul li i{ z-index: 999; }
     .social_links{text-align: left; margin-left:0px; z-index: 99; position: relative;}
      .heading_menu{z-index: 9; position: relative;}
       .ban_pic{z-index:0;}
       .scroll{font-size:13px; letter-spacing: 1px; z-index: 999;}
       .select_box{left: auto; position: absolute; right: 12%;}
       .affix .mean-container a.meanmenu-reveal{top: -51px;}
       .mean-container a.meanmenu-reveal{top: -51px;}
       .mean-container .mean-nav {margin-top: 3px;}
       .ban_pic{right: 19px; width: 73%;}
       .scroll.mobile_srl{display: block;}
       .series_area:nth-child(2n) .series_pic{width: 300px; margin: 0 auto; display: table; float: none;}
       .series_pic{width:100%; margin:0 auto; display: table; float: none;}
       .series_area:last-child {margin-bottom: 0px;}
       .series_section {padding: 45px 0px -1px;}
       .lity-close {top: 15px; right: 198px;}
       .lity-close:active {top: 15px;}
       .feature_part:nth-child(7) .key_features .plus::after{display: none;}
       .feature_part:nth-child(7) .key_features .plus::before{height: 50px; left: 75px; top: 200px;}
       .feature_part:nth-child(4) .key_features .plus::before {left: 91px; top: 48px;}
       .feature_part:nth-child(5) .key_features .plus::after {top: 35px; left: 46px;}
       .mid_white_section .row{margin-right:0px;}
       .features_box { position: static;}
    .feature_part:nth-child(1) .key_features{position: static; width:100%;}
    .plus{display: none;}
    .feature_part:nth-child(6) .key_features{position: static; width:100%; margin:0px;}
    .feature_part:nth-child(7) .key_features{position: static; width:100%; margin:0px;}
    .feature_part:nth-child(5) .key_features{position: static; width:100%; margin:0px;}
    .feature_part:nth-child(4) .key_features{position: static; width:100%; margin:0px;}
    .feature_part:nth-child(3) .key_features{position: static; width:100%; margin:0px;}
    .feature_part:nth-child(2) .key_features{position: static; width:100%; margin:0px;}
    .feature_part:nth-child(4) .key_features p{margin:0px;}
    .feature_part:nth-child(3) .key_features p{margin:0px;}
    .feature_part:nth-child(2) .key_features p{margin:0px;}
    .feature_part:nth-child(5) .key_features p{margin:0px;}
    .feature_part:nth-child(6) .key_features p{margin:0px;}
    .feature_part:nth-child(7) .key_features p{margin:0px;}
    .feature_part:nth-child(1) .key_features p{margin:0px;}
    
.set-bx {

    padding-right: 15px;

}
.key_text_mobile ul{ text-align: center;}
    .key_text_mobile ul li{line-height:18px; font-size:18px; padding-bottom:10px; font-size:15px;  color:#020000; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; list-style: none; }
    .key_text_mobile ul li span{font-weight: bold;}
     .key_section h2 span{margin-bottom: 59px;}
     .left_mid_whit {padding-right: 0px;}
     .lity-close:active {top: 0px; right: 0px; position: absolute;}
.lity-close{top: 0px; right: 0px; position: absolute;}
.select_box select{background: url(images/caret.png)no-repeat 92% center; height: 45px; margin-top: 4px;}
.small_nav.mean-container{margin-right:15px;}
.color_box{margin: 9px 8px;}
.blue{margin-left:48px; clear: both;}
.video-play-button {top: 35%; padding: 13px 13px 13px 21px;}
.faq_arae{display: block;} 
.set{width:100%;}
.key_pic{display: none;} 
.mobile_pic {display: block;}
.number{display: inline-block; line-height: 10px;}
.feature_part{margin-top:15px;}
.features_box p{text-align: center;}
.left_mid_whit{float: none;}
.color_pic{width:60%; margin:0 auto;}
     
}

@media only screen and (max-width: 639px){
	.heading_menu ul li {font-size: 20px;}
	.overview_pic{width: 100%;}
	h1 {font-size: 30px; line-height: 41px;}
	.in_overfiew p{line-height: 27px;}
	.find_more{padding: 9px 25px;}
	.in_content ul li:nth-child(1) {background: url(images/cont_icon1.png)no-repeat top center; padding-left:0px;padding-top:45px;}
	.in_content ul li:nth-child(2) {background: url(images/cont_icon2.png)no-repeat top center; padding-left:0px;padding-top:45px;}
	.in_content ul li:nth-child(3) {background: url(images/cont_icon3.png)no-repeat top center; padding-left:0px;padding-top:45px;}
	.in_content ul li:nth-child(4) {background: url(images/cont_icon4.png)no-repeat top center; padding-left:0px;padding-top:45px;}
	.mid_white_pic {height: 219px;}
	.features_box { position: static;}
	.feature_part:nth-child(1) .key_features{position: static; width:100%;}
	.plus{display: none;}
	.feature_part:nth-child(6) .key_features{position: static; width:100%; margin:0px;}
	.feature_part:nth-child(7) .key_features{position: static; width:100%; margin:0px;}
	.feature_part:nth-child(5) .key_features{position: static; width:100%; margin:0px;}
	.feature_part:nth-child(4) .key_features{position: static; width:100%; margin:0px;}
	.feature_part:nth-child(3) .key_features{position: static; width:100%; margin:0px;}
	.feature_part:nth-child(2) .key_features{position: static; width:100%; margin:0px;}
	.feature_part:nth-child(4) .key_features p{margin:0px;}
	.feature_part:nth-child(3) .key_features p{margin:0px;}
	.feature_part:nth-child(2) .key_features p{margin:0px;}
	.feature_part:nth-child(5) .key_features p{margin:0px;}
	.feature_part:nth-child(6) .key_features p{margin:0px;}
	.feature_part:nth-child(7) .key_features p{margin:0px;}
	.feature_part:nth-child(1) .key_features p{margin:0px;}
	.key_section p {line-height: 20px; padding-bottom: 10px; padding-bottom: 4px; }
    .feature_part{margin-top:20px;}
	.key_pic{height: 235px; margin-top:-60px;}
	.key_section{padding: 60px 0px 0px;}
	.up_faq_pic{width:90%;}
	.faq_section h3{text-align: center;}
	.ft_box{width:100%; text-align: left;}
	.mean-container .mean-nav {width: 94%;}
	.left_mid_whit {padding-left: 0px;}
	.scroll{font-size:13px; }
	
	.heading_menu ul li {font-size: 16px; padding: 0px 15px;}
	.series_area:nth-child(2n) .series_pic{width: 80%; margin: 0 auto; float: none;}
	.series_pic{width: 100%; margin: 0 auto; float: none;}
	
	.erg_key_pic{width:100%;}
	
	.social_links{text-align: left;}
	.social_links ul li{display: block; margin:0px 3px;}
    .ss_pic {width:55%; margin:0 auto;}
	

.key_text_mobile{width:100%; margin-top:25px;}
.key_section h2 span{margin-bottom: 60px;}
	.key_section h2 {margin-bottom: 29px;}
	.scroll {transform: rotate(0deg); margin-top: 0px; letter-spacing: 0.5s; font-size:12px;}
    .wrapper {min-height: 478px;}
    .over_video{width: 61px; height: 61px;}
    .over_video::after{top: 20px;}
    .overview_section{padding: 50px 0px 39px;}
    .in_overfiew p {font-size: 15px;}
    .in_overfiew h1 {margin-bottom: 39px;}
    .in_overfiew {padding-top: 41px;}
    .series_area{margin-bottom: 36px;}
    .series_section {padding: 45px 0px 0px;}
    .overview_section {padding: 0px 0px 39px;}
    .key_text_mobile ul{ text-align: center;}
    .key_text_mobile ul li{line-height:18px; font-size:18px; padding-bottom:10px; font-size:15px;  color:#020000; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; list-style: none; }
    .key_text_mobile ul li span{font-weight: bold;}
    .mean-container a.meanmenu-reveal{top: -43px;}
    .affix .mean-container a.meanmenu-reveal{top: -41px;}
    .mean-container .mean-nav {margin-top: 57px;}
    .key_section {padding: 46px 0px 0px;}
    .key_section h2 {font-size: 23px; line-height: 36px;}
    .key_section h2 span {font-size: 30px; line-height: 40px;}
    .series_text h3 {font-size: 25px; line-height: 34px;}
    .left_up_ft{clear: both; width: 100%; text-align: center;}
    .logo_holder2{width: 100px;}
    .select_box{left: auto; position: absolute; right: 15%;}
    .mean-container .mean-nav {margin-top: 3px;}
    .affix header{padding: 9px 0px 0px;}
    .social_links ul li{display: inline-block;}
    .social_links ul li i{ z-index: 999;}
     .social_links{text-align: left; margin-left:0px; z-index: 99; position: relative;}
     .ban_pic{z-index:0; right: 7px; width: 80%;}
     .heading_menu{z-index: 9; position: relative;}
    
     .mobile_srl i{width:35px; height:35px; background:#f26a6a; color:#fff;line-height:35px; text-align: center; border-radius:50%; font-size:17px; transition:all 0.5s;}
     .mobile_srl i:hover{background:#1d1d1d; color:#f26a6a;} 
      .buy_now:hover{color:#fff !important; padding:12px !important; border:none; width:100%;}
      .buy_now{padding:12px 12px 12px 23px !important; border:none; width:92% !important;} 
      .buy_now:hover{padding:12px 12px 12px 23px !important; border:none; width:92% !important;}
      header{padding-bottom:0px;}
      .mean-container .mean-bar {min-height: 0px;}
      .navigation{padding-top: 1px;}
      .heading_menu{text-align: left;}
      .heading_menu ul li{padding-left:0px;}
      .social_links ul li i{ z-index: 999;}
     .social_links{text-align: left; margin-left:0px; z-index: 99; position: relative;}
      .heading_menu{z-index: 9; position: relative;}
       .ban_pic{z-index:0;}
       .scroll{font-size:13px; letter-spacing: 1px; z-index: 999;}
       .mid_white_pic{height:auto;}
       .mid_white_pic{width:302px;}
       .series_area {margin-bottom: 0px;}
       .right_mid_whit {float: none;}
       .mid_white_pic {height: auto;  margin-left:0px; margin:0 auto 40px;}
      .ft_box{text-align: center; margin-bottom:25px; }
      .ft_menu ul li:before{display: none;}
      .ft_menu ul li{padding: 0px 0px 0px 0px;}
      .quick_links ul .mail::before{left: -4px; top: 1px; position: relative;}
      .up_footer h4{padding-bottom: 8px;}
      .ft_menu ul li {margin-top: 2px;}
      .quick_links ul li {margin-top: 1px; padding: 3px 0px 3px 0px;}
      .up_footer{padding: 50px 0px 25px;}
      .ft_box{margin-bottom: 15px;}
      .series_area{padding: 10px 0px 50px;}
      .buy_now{padding-left:25px;}
     .lity-close:active {top: 0px; right: 0px; position: absolute;}
.lity-close{top: 0px; right: 0px; position: absolute;}
.mean-container .mean-nav ul li a{padding: 10px 5% !important;}
.mean-container .mean-nav ul li a:hover{padding: 10px 5% !important;}
.buy_now{width: 90% !important;}
.buy_now:hover{width: 90% !important;}
.mean-container .mean-nav {

    width: 95%;

}
.select_box{right:15%; top: -2px;}
.video-play-button {top: 30%; padding: 13px 13px 13px 21px;}
.series_pic{padding-left: 0px; width: 100%;}
.mean-container .mean-nav{width: 100%; left: 0; right: 0; margin: 0 auto;}
.ss_pic {width: 59%;}
.series_pic{padding-right:0px;}
.select_box select {background: url(images/caret.png)no-repeat 90% center; height: 46px;}
.color_pic{width:70%; margin:0 auto;}
    
}

@media only screen and (max-width: 479px){
	.ft_box{width:100%; }
	.up_footer{text-align: center;}
	.ft_box{text-align: center; margin-bottom:25px;}
	.left_up_ft{text-align: center; width:100%;}
	.ft_menu{width:100%; text-align: center; }
	.ft_menu ul li{padding-left:0px;}
	.ft_menu ul li:before{display: none;}
	.quick_links ul li{ padding-left:15px; }
	.quick_links ul .call::before {position: relative; top:0; left: -6px;}
	.quick_links ul .mail::before {position: relative; top:0; left: -6px;}
	.down_footer p{font-size:13px; line-height: 16px;}
	.key_section h2 {font-size: 23px;}
	.mid_white_pic {height: 184px;}
	.content_section h2 {font-size: 20px; line-height: 25px;}
	.heading_menu ul li {font-size: 13px; padding:0px 15px;}
	
     .buy_now {top: 0;
    margin: 0 auto;
    left: 0px;
    right: 0;
    width: 102px;

}
	
	.wrapper { min-height: 302px;}
	.key_pic {width: 80%; height: 147px;}
	.mid_white_box .right h3 {font-size: 21px;}
	.mid_white_pic {height: 189px;}
	.key_section {padding: 41px 0px 0px;}
	.key_section h2 span {font-size: 30px; line-height: 36px;}
	.mean-container .mean-nav {width: 92%;}

	
	.scroll{font-size: 13px;}
	
	.key_section h2 span{margin-bottom: 23px;}
	.key_section h2 {margin-bottom: 0px;}
	.seri_pic {width: 100%;}
	.series_section {padding: 45px 0px 0px;}
	.ban_pic{right: 4px; width: 85%; top: 89px;}
	.social_links {margin-top: 29px;}
	.scroll{left: 0px; right: 67px; float:left;}
	.banner_section {padding: 15px 0px 25px;}
	.scroll{font-size:13px; letter-spacing: 1px; z-index: 999;}
	.buy_now{padding: 4px 6px 4px; font-size: 15px;}
	.mean-container a.meanmenu-reveal {width: 19px; height: 17px; padding: 10px 13px 11px 13px; top: 20px;}
	.over_video{top: 21%;}
	.key_section h2{line-height: 32px;}
	.up_footer h4 {font-size: 18px;}
	.ft_menu ul li {margin-top: 0px;}
	.up_footer h4{padding-bottom: 5px;}
	.up_footer {padding: 35px 0px;}
	.quick_links ul .address::before{top: 4px;}
	.ft_box{margin-bottom: 12px;}
	.key_text_mobile{text-align: center;}
	.right_upfaq_text p {font-size: 15px;}
	.set > a span{margin-right: 1px;}
	.see_more{padding: 7px 25px;}
    .buy_now {padding: 7px 6px 4px;}
    p{font-size:15px !important;}
    .content_section{padding: 45px 0px;}
    .series_text h3 {font-size: 31px; line-height: 28px; padding-bottom: 22px;}
    .see_more{margin-top: 15px;}
    .series_area:nth-child(2n) .see_more{margin-top: 15px;}
    .series_area {margin-bottom: 49px;}
    .series_text h3 {font-size: 26px; line-height: 26px;}
    .series_area p {line-height: 23px;}
    .down_footer p {font-size: 14px !important;}
    .mean-container a.meanmenu-reveal{top: -41px;}
    .heading_menu {text-align: left;}
    .heading_menu ul li{padding: 0px 6px; line-height: 15px;}
    .heading_menu {margin-top: -3px;}
    .affix header{padding: 9px 0px 0px;}
    .social_links ul li{display: inline-block;}
    .social_links ul li i{ z-index: 999;}
     .social_links{text-align: left; margin-left:0px; z-index: 99; position: relative;}
     .ban_pic{z-index:0;}
     .five {top: 146px; left: 293px;}
     .heading_menu{z-index: 9; position: relative;}
    
     .mobile_srl i{width:35px; height:35px; background:#f26a6a; color:#fff;line-height:35px; text-align: center; border-radius:50%; font-size:17px; transition:all 0.5s;}
     .mobile_srl i:hover{background:#1d1d1d; color:#f26a6a;} 
      .buy_now:hover{color:#fff !important; padding:12px 12px 12px 15px !important; border:none; width:90% !important;}
      .buy_now{padding:12px 12px 12px 15px !important; border:none; width:90% !important;} 
      header{padding-bottom:0px;}
      .mean-container .mean-bar {min-height: 0px;}
      .navigation{padding-top: 1px;}
      .erg_key_pic {width: 95%;}
      .two{top: 58px; left: 12px;}
      .seven{top: 11px; left: 208px;}
      .three{top: 139px; left: 138px;}
      .four{top: 156px; left: 232px;}
      .five{top: 150px; left: 303px;}
      .six{top: 108px; left: 290px;}
      .series_area:last-child {margin-bottom: 44px;}
      .series_area:nth-child(2n) .series_text{margin-bottom: 53px;}
      .series_area p{padding-bottom:12px;}
      .series_area {margin-bottom: 0px;}
     .series_area:last-child {margin-bottom: 0px;}
     .series_area{padding: 10px 0px 48px;}
     .up_faq_section {padding: 49px 0px 30px;}
     .mid_white_pic{margin-right:0px;}
     .mid_white_pic {height: auto;  margin-left:0px; margin:0 auto 40px;}
     .key_section h2 span {font-size: 28px; line-height: 33px; letter-spacing: 3px;}
     .key_section h2{letter-spacing: 1px;}
     .series_area:nth-child(2n) .series_text {margin-bottom: 37px;}
     .two {top: 48px; left: 12px;}
     .series_area:nth-child(2n) .series_pic {padding-top: 10px;}
     .select_box select {margin-top: 8px; padding:0px 2px;}
     .faq_section h3 {font-size: 32px; line-height: 43px; margin-bottom: 20px;}
     .faq_section{padding: 45px 0px;}
     .c_pic {width: 36px; height: 36px;}
     .content_text h6 {font-size: 16px; line-height: 25px;}
     .select_box select{background: url(images/caret.png)no-repeat 90% center; height: 38px; margin-top: 6px;}
    

    .series_pic {width: 96%; margin:0 auto; padding-left: 21px;}
    .color_box {margin: 9px 13px;}
    .lity-close:active {top: 0px; right: 0px; position: absolute;}
    .lity-close{top: 0px; right: 0px; position: absolute;}
    .blue{margin-left:60px;}
    .select_box{right: 20%;}
    .buy_now{width: 90% !important;}
    .buy_now:hover{width: 90% !important;}
    .mean-container .mean-nav {width: 92%;}
    .mean-container .mean-nav ul li a{padding: 10px 5% !important;}
    .mean-container .mean-nav ul li a:hover{padding: 10px 5% !important;}
    .select_box {right: 16%;}
    .color_box {width: 50px;height: 50px;}
    .video-play-button span{border-left: 25px solid #000; border-top: 14px solid transparent; border-bottom: 15px solid transparent;
    top: 8px; left: 3px;}
    .series_pic{padding-left:0;}
    .mean-container .mean-nav{width: 100%; left: 0; right: 0; margin: 0 auto;}
    .ss_pic {width: 76%;}
    .color_pic{width:80%; margin:0 auto;}
}



@media only screen and (min-width: 360px) and (max-width:370px){
     .four {top: 145px; left: 214px;}
     .five {

    top: 138px;
    left: 268px;

}
     .three {top: 129px; left: 119px;}
     .six {top: 102px; left: 282px;}
     .ss_pic {

    width: 79%;

}
}
@media only screen and (max-width: 359px){
 .one{left: 52px;}
 .two {top: 46px;}
 .seven{left: 185px;}
 .three {top: 118px; left: 117px;}
 .four {top: 132px; left: 206px;}
 .five {

    top: 120px;
    left: 237px;

}
 .six {top: 88px; left: 242px;}
 .affix .mean-container a.meanmenu-reveal {top: -40px;}
 .lity-close:active {top: 0px; right: 0px; position: absolute;}
.lity-close{top: 0px; right: 0px; position: absolute;}

.color_box {margin: 9px 8px;}
.blue{margin-left:50px;}
.select_box {

    right: 19%;

}
.video-play-button {

    top: 25%;}
    .series_pic {

    padding-left: 0px;

}
.series_pic {width: 100%;}
}