@charset "utf-8";

html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;/*vertical-align:baseline*/}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
/*img,object,embed{max-width:100%}*/
h1,h2,h3,h4,h5,h6{text-transform:capitalize;font-weight: 300;margin: 0 0 15px 0;}
h1{font-size: 30px;font-weight: 300;}
h2{font-size: 27px;font-weight: 300;}
h3{font-size: 22px;font-weight: 300;text-transform: capitalize;line-height: 32px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
html{overflow-y:scroll}
ul{list-style:none}
blockquote,q{quotes:none;font-weight: bold;margin: 0 0 15px 0;}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0;font:100%;font-size:inherit}
th{font-weight:700;vertical-align:bottom}
td{font-weight:400;vertical-align:top}
hr{border:0;border-top:1px solid #585858;display:block;height:1px;margin:20px 0;padding:0}
input,select{vertical-align:middle}
pre{white-space:pre-line;word-wrap:break-word}
:focus{outline:0}
input[type=checkbox]{vertical-align:baseline}
select,input,textarea{font:99% sans-serif}
a:hover,a:active{outline:none;color: #15abf7;}
small{font-size:85%}
strong,th{font-weight:700}
td,td img{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
pre,code,kbd,samp{font-family:monospace, sans-serif}
.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}
button,input,select,textarea{margin:0}
button{overflow:visible;width:auto}
.ie7 img{-ms-interpolation-mode:bicubic}
.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after,.clear{clear:both}
.clearfix{zoom:1}
p{margin: 0 0 15px 0;}

body,select,input,textarea{color:#444}
a:link{-webkit-tap-highlight-color:#fcd700}
ins{background-color:#fcd700;color:#000;text-decoration:none}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:700}
input:invalid,textarea:invalid{background-color:#30C}
input[type=radio],.ie6 input{vertical-align:text-bottom}
::-moz-selection,::selection{background:#0099CC;color:#fff;text-shadow:none}
/**, *:hover{-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;}*/
/* ==========================*/
body{background-color: #fff;color:#fff;font-size:14px;line-height:1.5;font-family:"Open Sans", sans-serif;font-weight: 500;background-image: url(../images/body-bg.jpg);background-repeat: repeat-x;background-position: center bottom;}
a{color:#282829;}
a:hover {color:#f5c927!important;text-decoration: none;}
.wrapper{width: 100%;float: left;position:relative;background: url(../images/body-image-bg.png) no-repeat right bottom;margin: 0;}
.paddingleft0{padding-left: 0!important;}
.paddingright0{padding-right: 0!important;}
.btn{text-transform: uppercase;font-weight: 400;background: #0a5071;color: #FFF;padding: 5px 10px;border-radius: 0;}
.btn:hover{background: #662d91;color: #FFF;}


/*================ hompage =========*/
.left{padding: 0;width: 66.5%;}
.right{padding: 0;}
.left-wrap{position: relative;padding-bottom: 55px;}
.bottom-text {display: inline-block;font-size: 26px;color: #FFF;text-align: center;margin-left: -11%;line-height: 32px;}
.round{width: 161px;height: 161px;border-radius: 50%;border: 1px solid #fff;text-align: center;color: #FFF;padding: 18px 30px 20px 29px;}
.logo-block{position: absolute;top: 12px;right: 8%;}
.left-wrap > figure > img{width: 100%;}
.right-wrap img {position: relative;z-index: 1;}
/*.left-wrap > figure:after{background: url(../images/bottom-shadow.png);position: absolute;bottom: 0;right: 0;content: '';display: block;width: 596px;bottom: 41px;right: 240px;height: 19px;}*/
.right {width: 33.5%;}
.right-wrap {/*padding-top: 35px;*/padding-top: 35px;}
.round img {margin-left: 5px;}
.logo {margin: 8px 20px 0 0;}
.round span {font-size: 13px;line-height: 13px;display: inline-block;}
.box{margin-bottom: 15px;position: relative;}
.box > figure{width: 80%;overflow: hidden;}
.box > figure > img{width: 100%;}
.box1 {margin-left: -74px;}
.box2 {margin-left: -137px;}
.box3 {margin-left: -200px;}
.box2 > figure {width: 71%;}
.box3 > figure {width: 64%;}
.text{position: absolute;top: 8px;left: 13%;font-family: 'Arial Black', arial;font-weight: bold;color: #FFF;z-index:1; }
.text h1{font-size: 29px;color: #fecf22;text-transform: uppercase;font-family: 'Arial Black', arial;font-weight: bold;margin-bottom: 0;font-style: italic;line-height: 60px;}
.text span {font-size: 17px;letter-spacing: 1px;line-height: 19px;display: inline-block;text-align: left;font-style: italic;margin: -2px 0 0 -4px;}
.box a {display: inline-block;}
.text span + span{margin: -3px 0 0 -9px;display: block;}
.box2 .text {left: 11%;}
.box3 .text {left: 10%;}
/*.hide768 .hide1180 img{height:245px;}*/
.show1180, .show980{display: none;}
footer{background: #707075;float: left;width: 100%;padding: 25px 15%;}
footer .container{width: 100%;}

.social a{margin-left: 15px;color: #FFF;}
.social a i{color: #FFF;font-size: 23px;}
.social a i:hover{color: #f5c927;}
.social a.last{margin-left: 30px;}
.social a img {vertical-align: bottom;}
.footer-links ul li{display: inline-block;color: #FFF;}
.footer-links a{color: #FFF;padding: 0 10px;font-size: 11px;}
.footer-links {margin: 15px 16% 0 0;}
.footer-links li + li::before {color: white;content: "//";display: inline-block;}
.show768{display: none;}
.box .title-block{float: left;width: 100%;height: 80px;}
.box1 .title-block {background: #8d9c5b;}
.show768.box {width: 80%;margin: 0 auto 10px;}
.show768.box figure{width: 100%;}
.box2 .title-block{background: #8f235b;height: 65px;}
.box3 .title-block{background: #1183a4;height: 65px;}
.copyright {font-size: 11px;padding: 30px;margin-left: -36%;margin-top: 17%;}
.ie8 .showie8{display: block;}
.ie8 .hideie8, .showie8{display: none;}
.box a .text h1 {line-height: 27px;}
.box .text span{font-size: 15px;}


@media (min-width: 1201px){
    .right-wrap .box1 figure:after {background-image: url(../images/bottom-shadow-small.png);position: absolute;content: '';display: block;width: 165px;bottom: -19px;right: 170px;height: 30px;background-position: 147px top;}
    .right-wrap .box2 figure:after {right: 233px;background-image: url(../images/bottom-shadow-small.png);position: absolute;content: '';display: block;width: 164px;bottom: -20px;height: 30px;background-position: 145px top;}
}

@media (max-width: 1200px){
    footer{padding: 25px 5%;}
}

@media (max-width: 1180px) and (min-width: 981px){
    .hide1180{display: none;}
    figure.show1180{display: block;}
    .text h1 {font-size: 21px;}
    .text span {font-size: 12px;margin: -3px 0 0 -4px;display: block;}
    .box1 {margin-left: -64px;}
    .box2 {margin-left: -117px;}
    .box3 {margin-left: -168px;}
    .box .text span {font-size: 12px;line-height: 16px;}
    .box .text h1 {font-size: 16px;}
    .box .text{top: 3px;}
}

@media (max-width: 980px) and (min-width: 768px){
    .logo figure img {width: 100%;}
    .logo {width: 250px;}
    .round-logo {margin-right: 20px;}
    .round img {width: 80%;}
    .round {width: 130px;height: 130px;}
    .round span {font-size: 10px;display: block;word-wrap: break-word;}
    .round span br {display: none;}
    .box {margin-bottom: 5px;}
    .box1 {margin-left: -63px;}
    .box2 {margin-left: -113px;}
    .box3 {margin-left: -164px;}
    .show980{display: block;}
    .show1180, .hide1180{display: none;}
    .box1 {margin-left: -53px;}
    .box2 {margin-left: -95px;}
    .box3 {margin-left: -135px;}
    .bottom-text {font-size: 22px;line-height: 27px;margin-left: -15px;}
    footer{padding: 25px 0;}
    .footer-links a {padding: 0 6px;}
    .social a i {font-size: 18px;}
    .social a {margin-left: 10px;}
}

@media (max-width: 980px){
    .right-wrap {padding-top: 13px;}
    .text h1 {font-size: 15px;line-height: 60px;}
    .text span {font-size: 10px;line-height: 14px;display: block;margin: 0px 0 0 -5px;}
    .text {top: 5px;left: 44px;}
    .box1 {margin-left: -46px;}
    .box2 {margin-left: -88px;}
    .box3 {margin-left: -129px;}
    box2 .text {left: 13%;}
    .box3 .text {left: 10%;}
    .box .text span {font-size: 10px;margin: -5px 0 0 -5px;line-height: 16px;}
    .box .text {top: 0px;}
    .box .show980 img{width: 103%;}
}

@media (max-width: 768px){
    .hide768{display: none;}
    .show768{display: block;}
    .bottom-text {font-size: 21px;margin-left: -2%;}
    footer {padding: 25px 0%;}
    .footer-links a {padding: 0 5px;}
    .footer-links {margin: 15px 3% 0 0;}
    .col-xs-12{width: 100%!important;}
    .right-wrap, .left-wrap {text-align: center;}
    .text {top: 10px;left: 0;right: 0;text-align: center;margin-left: 3%;}
    .text h1 {font-size: 22px;}
    .text span {font-size: 15px;text-align: center;line-height: 17px;margin: 0;}
    .text span + span {margin: 0px 0 0 -9px;display: block;text-align: center;}
    .box {margin-bottom: 25px;}
    .box2 .text, .box3 .text {left: 0;}
    .left-wrap {padding-bottom: 12px;}
    .right-wrap{margin-bottom: 0;}
    .bottom-text {font-size: 29px;margin-left: 0;}
    .box1, .box2, .box3{margin-left: 0;}    
    .box a, .box a figure img {width: 100%;}
    .social {width: 100%;float: none!important;text-align: center;}
    .footer-links ul {text-align: center;}
    .copyright {font-size: 11px;padding: 30px;margin: 0;}
}

@media (max-width: 768px) and (min-width: 601px){
    .logo-block {right: 0;width: 100%;padding: 0 40px;}
    .bottom-text {font-size: 24px;}
    .logo {width: 200px;}
}

@media (max-width: 600px){
    .logo-block {top: 0;right: 0;width: 100%;}
    .logo {margin: 8px 20px 10px 0;float: none!important;display: inline-block;}
    .logo figure{width: 200px;}
    .logo img{width: 100%;}
    .round {width: 110px;height: 110px;padding: 10px 20px 20px 20px;}
    .round img{width: 60%;}
    .round span {font-size: 10px;line-height: 10px;}
    .round-logo {float: none!important;display: inline-block;position: relative;top: 30px;}
    .bottom-text {font-size: 16px;line-height: 20px;font-weight: bold;}
    .box .text span {font-size: 13px;}
}

@media (max-width: 390px){
    .logo {margin: 0 0 10px 0;width: 100%;}
    .logo figure {width: 130px;margin: auto;}
    .round {width: 140px;height: 140px;padding: 10px 20px 20px 20px;}
    .round span {font-size: 13px;line-height: 14px;text-shadow: 1px 1px 1px #000;}
    .round img {width: 60%;}
    .bottom-text {font-size: 13px;line-height: 15px;font-weight: bold;text-shadow: 1px 1px 1px #000;}
    .round-logo{display: none;}
    .text span {font-size: 11px;}
    .box .text span {font-size: 11px;}
}

/*================ video page =========*/
.video-block .wrap{background: url(../images/wrap-img.png) no-repeat left top;padding: 0 0 45px 220px;float: left;width: 100%;margin-bottom: 30px;}
.video-block.defin3 .wrap{background: url(../images/wrap-img2.png) no-repeat left top;padding: 0 0 0 220px;float: left;width: 100%;margin-bottom: 0;}

.text{z-index: 1;}
.video-block .text{position: inherit;float: left;margin: 2px 0 0 0px;}
.video-block .text h1 {font-size: 38px;}
.video-block .text span {font-size: 23px;margin: -10px 0 0 -4px;}
.videos-list, .main-video, .social-block{float: left!important;}
.videos-list-title{font-size: 14px;color: #633548;margin-bottom: 18px;text-align: center;}
.video-block .logo-block{position: inherit;float: left;padding: 0;}
.play {position: absolute;left: 0;right: 0;text-align: center;top: 18px;}
.video-wrapper figure img{width: 100%;}
.videos-list ul li{position: relative;margin-bottom: 10px;}
.videos-list{padding: 30px 0 0;width: 128px;}
.videos-list ul li figure {background: #444;}
.videos-list li figure img {opacity: 0.5;vertical-align: bottom;}
.main-video .play {top: 23%;/*margin-left: 40px;*/}
.main-video {width: 58.1%;padding-right: 0;z-index: 1;}
.social-block {padding-top: 36px;width: 16.66666667%;margin-left:-10px;}
.slanted-box {margin-left: -120px; }
.slanted-box{margin-bottom: 20px;}
.slanted-box img{vertical-align: bottom;}
.box-content span{color: #565656;font-size: 12px;}
.box-content {text-align: center;position: absolute;top: 43px;cursor: pointer;}
.box-content h3{color: #771a4b;font-family: 'Arial Black', arial;font-style: italic;margin-bottom: 0;line-height: 19px;}
.social-list li{margin-bottom: 15px;}
.insects-block li{display: inline-block;margin-right: 10px;}
.insects-block li img{margin-bottom: 8px}
.insects-block li.last{margin-right: 0;}
.title-box{width: 110px;font-size: 16px;color: #FFF;text-align: center;margin-left: 25px;padding: 4px;line-height: 14px;}
.first .title-box{background: #8ca05a;}
.insects-block {margin: 0 0 40px -15px;}
.second .title-box{background: #830a55;}
.third .title-box{background: #277491;}
.last .title-box{background: #707075;}
.social-block .copyright {position: absolute;top: 600px;width: 300px;margin-left: -30px;}
.show1250{display: none;}    
.custom-row {float: left;width: 100%;margin: 0;}
.custom-row .copyright{margin: 0;}
.video-block .copyright{margin: 0 0 0 -4%!important;}

@media (max-width: 2050px){
    .main-video {width: 35%;padding-right: 0;z-index: 1;}
}

@media (max-width: 1450px){
    .main-video {width: 52%;padding-right: 0;z-index: 1;}
}

@media (max-width: 1450px){

    .insects-block li{margin-right: 8px;}
    .insects-block li{margin-bottom: 40px;}
    .social-block .copyright{margin-left: 0;}


}

@media (max-width: 1250px){
    .insects-block{margin-bottom: 0;}
    .insects-block li {width: 20%;}
    .insects-block li img{width: 100%;}
    .insects-block .title-box {width: 82%;margin-left: 18%;font-size: 14px;}
    .video-block .wrap {padding: 0 0 15px 120px;}
    .video-block .wrap{background-size: 100% 100%;}
    .video-block.defin3 .wrap {padding: 0 0 65px 120px;}
    .video-block.page .wrap{background-size: 100% 100%;}
    .social-block .copyright {right: 190%;color: #666;top: 520px;}
    .show1250{display: block;}
    .hide1250{display: none;}
    .video-block .wrap {margin-bottom: 0;}
    .video-block .copyright{margin-left: 0;}
}

@media (max-width: 1300px){
    .social-block .copyright{margin-left: 0;}
    .insects-block{margin-bottom: 0;}
    .insects-block li {width: 20%;}
    .insects-block li img{width: 100%;}
    .insects-block .title-box {width: 82%;margin-left: 18%;font-size: 14px;}
    .video-block .wrap {padding: 0 0 15px 120px;}
    .video-block .wrap{background-size: 100% 100%;}
    .video-block.defin3 .wrap {padding: 0 0 65px 120px;}
    .video-block.defin3 .wrap{background-size: 100% 100%;}
    .social-block .copyright {right: 190%;color: #666;top: 520px;}
    .show1250{display: block;}
    .hide1250{display: none;}
    .video-block .wrap {margin-bottom: 0;}
    .video-block .copyright{margin-left: 0;}
    .defin3 .copyright {margin-top: 0!important;width: 100%!important;}
    .left-wrap{padding-bottom: 0;}
}

@media (max-width: 1100px){
    .video-block .text span {font-size: 16px;}
    .slanted-box img {width: 100%;}
    .box-content {left: -4%;}
    .box-content img, .social-list img {width: 20px;}
    .box-content h3{font-size: 18px;}
    .box-content span {font-size: 10px;}
    .play img{width: 30%;}
    .play {top: 29%;}
    .main-video .play img {width: 20%;}
    .main-video .play {top: 23%;}
    .insects-block {margin: 0 0 0 5px;}
    .social-block .copyright {top: 470px;}
    .price-block > div figure img {width: 96%;}
}

@media (max-width: 980px){
    .video-block .wrap {padding: 0 0 15px 40px;}
    .video-block .text span {font-size: 14px;}
    .video-block.defin3 .wrap {padding: 0 0 35px 40px;}
    .video-block.defin3 .text span {font-size: 14px;}
}

@media (max-width: 768px){
    .video-block .wrap {background-size: initial;}
    .video-block.page4 .wrap {background-size: initial;}
    .video-list ul {text-align: center;}
    .videos-list {text-align: center;}
    .videos-list ul li {margin-bottom: 30px;display: inline-block;}
    .video-block .text {margin: 2px 0 0 20px;text-align: left;}
    .video-block .wrap {padding: 0 20px 15px 30px;}
    .video-block .logo {width: 150px;margin: 10px 0 0 0;}
    .video-block .logo figure img{width: 100%;}
    .social-block{padding: 0;}
    .slanted-box {margin-left: 0;text-align: center;}
    .slanted-box img {width: auto;}
    .box-content {left: 0;right: 0;top: 2%;}
    .box-content img, .social-list img {width: inherit;}
    .social-block .copyright {top: 140px;right: 0;left: 0;text-align: center;margin: auto;}
    .social-block {margin-bottom: 70px;}
    .social-list {text-align: center;}
    .social-list li {display: inline-block;margin: 0 10px;}
    .video-block .wrap{background: #f2f2f2;padding: 0 15px;margin: 0;overflow: hidden;}
    .video-block .wrap .logo-block{background: #8d9c5b;margin: 0 -15px;width: 113%;}
    .video-block.defin3 .wrap{background: transparent;padding: 0 15px;margin: 0;overflow: hidden;}
    .video-block.defin3 .wrap .logo-block{background: #1182a3;margin: 0 -15px;width: 113%;}
    .defin3.video-block .copyright {padding: 0 0 30px 0;margin-left: 0!important;}

    .social-block {padding: 0;margin-bottom: 30px;}
    .footer-links{float: none!important;}
    .video-block .copyright{padding: 0;margin-bottom: 30px;color: #666;}
    .insects-block {margin-bottom: 40px;}
    .video-block.defin3{}
}

@media (max-width: 600px){
    .video-block .logo{float: left!important;} 
    .video-block.defin3 .logo{float: left!important;} 
    .video-block .text h1 {font-size: 24px;}
    .video-block .text span {font-size: 10px;}
    .video-block .text{float: none;}
    .video-block .text span, .video-block .text h1 {text-align: left;}
    .videos-list ul li {margin-bottom: 3px;}
    .videos-list ul {margin-bottom: 30px;}
    .video-block .logo {width: 160px;margin: 10px 20px 0 0;}
    .video-block .logo figure {width: 160px;}
    .video-block .logo img{width: 100%;}
    .insects-block ul {text-align: center;}
    .insects-block li {width: 28%;margin: 0 30px 30px 0;}
    .insects-block li.last{margin-right: 30px;}
    .main-video .play {top: 15%;}
}

@media (max-width: 390px){
    .video-block .logo {margin: 10px 30px 10px 0;width: initial;}
    .video-block .text h1 {font-size: 19px;line-height: 9px;margin-top: 30px;}
    .video-block .logo figure {width: 120px;margin-top: 12px;}
    .insects-block li {width: 40%;margin: 0 10px 30px 0;}
    .insects-block li.last{margin-right: 10px;}
    .main-video .play {top: 13%;margin-left: 20px;}
}

/*===================== Defin3 page ===============================*/
.price-block{position: relative;padding: 0;bottom: -27px;}
.price{position: absolute;top: 30px;width: 400px;}
.single span{display: block;}
.length{font-weight: 300;font-size: 30px;color: #157591;}
.rate{font-weight: 700;font-size: 20px;color: #157591;border-top: 1px solid #157591;line-height: 23px;}
.price-block .image-block figure img {margin: 30px 0 0 80px;}
.right-block{padding: 0;margin-left: -190px;}
.right-block > h3{font-weight: 700;color: #771a4b;font-size: 22px;font-family: 'Arial Black', sans-serif;text-transform: none;line-height: 25px;}
.right-block p{color: #771a4b;font-weight: 600;line-height: 21px;margin-top: -4px;}
.single {margin-bottom: 40px;}
.parallelogram1{margin-bottom: 10px;}
.parallelogram1, .parallelogram2, .parallelogram3{position: relative;}
.parallelogram1 {margin-left: 140px;}
.parallelogram2 {margin: 0 0 22px 121px;}
.parallelogram3 {margin: 0 0 30px 92px;}
.parallelogram3 em {display: block;font-size: 16px;margin: 0 0 5px 22px;}
.parallelogram3 em strong{font-family: 'Arial Black', sans-serif;}
.box-text{position: absolute;top: 16px;font-size: 17px;font-family: 'Arial Black', sans-serif;font-style: italic;}
.parallelogram1 .box-text {left: 60px;}
.parallelogram2 .box-text {left: 50px;line-height: 20px;top: 7px;}
.parallelogram3 .box-text {left: 45px;}
.parallelogram3 span{color: #1182a3;text-transform: uppercase;}
.box-text .social-list li{display: inline-block;}
.social-list a {display: block;margin: 0 8px;}
.box-text .social-list {margin-top: 22px;}
.round-block {margin-left: 20px;}
.blue-circle, .white-circle{float: left;position: relative;}
.round-block > span {display: block;color: #157591;font-weight: 700;font-size: 20px;margin: 0 0 5px 90px;}
.round-box-text {position: absolute;top: 25px;left: 18%;right: 0;text-align: center;}
.blue-circle .round-box-text .length, .blue-circle .round-box-text .rate{color: #FFF;}
.round-box-text .rate{border-top: 0;}
.round-box-text .length {font-size: 25px;}
.round-box-text span {display: block;}
.white-circle .round-box-text {left: 0;right: 0;position: absolute;}
.round-box-text span{color: #157591;}
.round-box-text span:first-child{font-size: 34px;font-weight: 300;line-height: 40px;}
.round-box-text span+span {font-size: 11px;text-transform: uppercase;font-weight: 600;}
.defin3 .copyright {margin-left: 60%;margin-top: 21%;width: 300px;}
.first, .second, .third, .fourth{display: none;}
.parallelogram {display: block;float: none;width: 260px;padding: 15px 0;margin: 0 auto 20px;}
.parallelogram .box-text{position: inherit;}
.shape1{background: #711947;}
.shape2{background: #1182a3;  padding: 5px 0;}
.shape3{border: 2px solid #1182a3;padding: 10px 0;}
.shape3 .box-text .social-list {margin-top: 0px;}
.parallelogram{display: none;}


@media (max-width: 2050px){
    .main-video {width: 35%;padding-right: 0;z-index: 1;}
}

@media (max-width: 1450px){
    .main-video {width: 55%;padding-right: 0;z-index: 1;}
}

@media (max-width: 1450px){

    .insects-block li{margin-right: 8px;}
    .insects-block li{margin-bottom: 40px;}
    .social-block .copyright{margin-left: 0;}
    .right-block{padding: 0;margin-left: -140px;}

}

@media (max-width: 1300px){
    .social-block .copyright{margin-left: 0;}

    .insects-block{margin-bottom: 0;}
    .insects-block li {width: 20%;}
    .insects-block li img{width: 100%;}
    .insects-block .title-box {width: 82%;margin-left: 18%;font-size: 14px;}
    .video-block .wrap {padding: 0 0 15px 180px;}
    .video-block .wrap{background-size: 100% 100%;}
    .video-block.defi3 .wrap {padding: 0 0 65px 120px;}
    .video-block.defi3 .wrap{background-size: 100% 100%;}
    .social-block .copyright {right: 190%;color: #666;top: 520px;}
    .show1250{display: block;}
    .hide1250{display: none;}
    .video-block .wrap {margin-bottom: 0;}
    .video-block .copyright{margin-left: 0;}
    .main-video {width: 65%;}
}

@media (max-width: 1250px){
    .insects-block{margin-bottom: 0;}
    .insects-block li {width: 20%;}
    .insects-block li img{width: 100%;}
    .insects-block .title-box {width: 82%;margin-left: 18%;font-size: 14px;}
    .video-block .wrap {padding: 0 0 15px 120px;}
    .video-block .wrap{background-size: 100% 100%;}
    .video-block.defi3 .wrap {padding: 0 0 65px 120px;}
    .video-block.page .wrap{background-size: 100% 100%;}
    .social-block .copyright {right: 190%;color: #666;top: 520px;}
    .show1250{display: block;}
    .hide1250{display: none;}
    .video-block .wrap {margin-bottom: 0;}
    .video-block .copyright{margin-left: 0;}
    .right-block{padding: 0;margin-left: -30px;}
}



@media (max-width: 1100px){
    .video-block .text span {font-size: 16px;}
    .slanted-box img {width: 100%;}
    .box-content {left: -4%;}
    .box-content img, .social-list img {width: 20px;}
    .box-content h3{font-size: 18px;}
    .box-content span {font-size: 10px;}
    .play img{width: 30%;}
    .play {top: 29%;}
    .main-video .play img {width: 20%;}
    .main-video .play {top: 23%;}
    .insects-block {margin: 0 0 0 5px;}
    .social-block .copyright {top: 470px;}
    .main-video {width: 63%;}
    .right-block {margin-left: -70px;}
    .price {width: 83%;}
    .price-block .image-block img{width: 80%;}
    .round-block {margin-left: 30px;}
    .parallelogram3 .box-text {left: 70px;}
}

@media (max-width: 980px){
    .video-block .wrap {padding: 0 0 15px 40px;}
    .video-block .text span {font-size: 14px;}
    .video-block.defi3 .wrap {padding: 0 0 35px 40px;}
    .video-block.defi3 .text span {font-size: 14px;}
    .main-video {width: 60%;}
    .right-block > h3 {font-size: 16px;line-height: 21px;}
    .price-block .image-block img {width: 60%;}
    .parallelogram1 {margin-left: 170px;}
    .parallelogram2 {margin: 0 0 22px 156px;}
    .parallelogram3 {margin: 0 0 20px 137px;}
    .round-block {margin-left: 70px;}
    .right-block p {font-size: 12px;line-height: 14px;}
    .parallelogram1 > img, .parallelogram2 > img, .parallelogram3 > img {width: 160px;}
    .parallelogram3 em {font-size: 10px;margin: 0 0 5px 12px;}
    .parallelogram1 .box-text {left: 25px;}
    .box-text {top: 10px;font-size: 12px;}
    .blue-circle img {width: 110px;}
    .white-circle img {width: 75px;}
    .right-block > h3 br {display: none;}
    .parallelogram2 .box-text {top: 5px;width: 140px;line-height: 13px;left: 25px;}
    .round-block > span {font-size: 15px;}
    .box-text .social-list li img{width: 18px;}
    .box-text .social-list li:first-child img {width: 10px;}
    .parallelogram3 .box-text {left: 25px;top: 7px;}
    .round-box-text .length {font-size: 17px;}
    .round-box-text .rate {font-size: 13px;line-height: 10px;}
    .round-box-text span:first-child{font-size: 17px;line-height: 26px;}
    .round-box-text, .round-box-text span+span {top: 11px;}
    .round-box-text span+span{line-height: 12px;}
    .blue-circle .round-box-text{top: 16px;}
    .price-block > div img{width:80%;}
    .price-block > div figure img {width: 76%;}
    .round-block > span {margin: 0 0 5px 50px;}
}

@media (max-width: 768px){
    .video-block .wrap {background-size: initial;}
    .video-block.page4 .wrap {background-size: initial;}
    .video-list ul {text-align: center;}
    .videos-list {text-align: center;}
    .videos-list ul li {margin-bottom: 30px;display: inline-block;}
    .video-block .text {margin: 2px 0 0 20px;text-align: left;}
    .video-block .wrap {padding: 0 20px 15px 30px;}
    .video-block .logo {width: 150px;margin: 10px 0 0 0;}
    .video-block .logo figure img{width: 100%;}
    .social-block{padding: 0;}
    .slanted-box {margin-left: 0;text-align: center;}
    .slanted-box img {width: auto;}
    .box-content {left: 0;right: 0;top: 2%;}
    .box-content img, .social-list img {width: inherit;}
    .social-block .copyright {top: 140px;right: 0;left: 0;text-align: center;margin: auto;}
    .social-block {margin-bottom: 70px;}
    .social-list {text-align: center;}
    .social-list li {display: inline-block;margin: 0 10px;}
    .video-block .wrap{background: transparent;padding: 0 15px;margin: 0;overflow: hidden;}
    .video-block .wrap .logo-block{background: #8d9c5b;margin: 0 -15px;width: 113%;padding: 0 3%;}
    .video-block.defi3 .wrap{background: #f2f2f2;padding: 0 15px;margin: 0;overflow: hidden;}
    .video-block.defi3 .wrap .logo-block{background: #1182a3;margin: 0 -15px;width: 113%;}
    .social-block {padding: 0;margin-bottom: 30px;}
    .footer-links{float: none!important;}
    .video-block .copyright{padding: 0 0 30px 0;margin-bottom: 30px;color: #666;}
    .insects-block {margin-bottom: 40px;}
    .video-block.defi3{}
    .price-block {text-align: center;margin-bottom: 60px;}
    .right-block {margin-left: 0;text-align: center;}
    .parallelogram{display: block;}
    .round-block {margin: 0 0 30px 0;display: inline-block;width: 100%;text-align: center;}
    .round-block > span {margin: 0 0 15px 0;font-size: 20px;}
    .blue-circle, .white-circle {display: inline-block;float:none;}
    .parallelogram-block {margin-bottom: 40px;}
    .right-block p br {display: none;}
    .copyright{color: #666;}
}

@media (max-width: 600px){
    .video-block .logo{float: left!important;} 
    .video-block.defi3 .logo{float: left!important;} 
    .video-block .text h1 {font-size: 24px;line-height: 55px;}
    .video-block .text span {font-size: 10px;}
    .video-block .text{float: none;}
    .video-block .text span, .video-block .text h1 {text-align: left;}
    .videos-list ul li {margin-bottom: 3px;}
    .videos-list ul {margin-bottom: 30px;}
    .video-block .logo {width: 160px;margin: 10px 20px 0 0;}
    .video-block .logo figure {width: 160px;}
    .video-block .logo img{width: 100%;}
    .insects-block ul {text-align: center;}
    .insects-block li {width: 28%;margin: 0 30px 30px 0;}
    .insects-block li.last{margin-right: 30px;}
    .main-video .play {top: 15%;}
}

@media (max-width: 390px){
    .video-block .logo {margin: 10px 30px 10px 0;width: initial;}
    .video-block .text h1 {font-size: 19px;line-height: 47px;margin-top: 10px;}
    .video-block .logo figure {width: 120px;margin-top: 12px;}
    .insects-block li {width: 40%;margin: 0 10px 30px 0;}
    .insects-block li.last{margin-right: 10px;}
    .main-video .play {top: 13%;margin-left: 20px;}
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */ 
@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}

/********** My Custom CSS ************/
.player {
    background: white;
    padding: 14px;
    margin-bottom: 38px;
    position: relative;
}
.player:before {
    content: '';
    background: url(../images/bg-player-t.png) no-repeat 100% 100%;
    -webkit-background-size: contain;
    background-size: contain;
    height: 37px;
    position: absolute;
    top: -37px;
    left: 0;
    right: 0;
}
.player:after {
    content: '';
    background: url(../images/bg-player-b.png) no-repeat 0 100%;
    -webkit-background-size: contain;
    background-size: contain;
    height: 11px;
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
}
.player > .holder {
    background: white;
    padding-bottom: 59.6%;
    padding-top: 30px;
    height: 0;
    position: relative;
}
.player > .holder:before {
    content: '';
    background: url(../images/bg-player-l.png) no-repeat 100% 0;
    -webkit-background-size: contain;
    background-size: contain;
    width: 17px;
    position: absolute;
    left: -31px;
    top: 0;
    bottom: -25px;
}
.player > .holder:after {
    content: '';
    background: url(../images/bg-player-r.png) no-repeat 0 100%;
    -webkit-background-size: contain;
    background-size: contain;
    width: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -26px;
}
.player .video-js {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.video-wrapper{
    padding: 0 20px;
}

.btn-close {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 16px;
    right: 15px;
    overflow: hidden;
    text-indent: 9999px;
}
.btn-close:before, .btn-close:after {
    background: #633548;
    content: '';
    width: 15px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 6px;
    left: 0;
}
.btn-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup {
    width: 635px;
    max-height: 562px;
    margin: auto;
    overflow: hidden;
}
.popup .popup-holder {
    background: url(../images/bg-popup.png) no-repeat 100% 50%;
    color: #633548;
    height: 562px;
    font: 400 13px/15px "Open Sans", Helvetica, sans-serif;
    padding: 56px 20px 62px 76px;
    position: relative;
}
.popup .popup-holder:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, white), to(#c9d2d9));
    background: -webkit-linear-gradient(top, white 64%, #c9d2d9 100%);
    background: linear-gradient(to bottom, white 64%, #c9d2d9 100%);
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.popup .title {
    text-transform: uppercase;
    font-size: 32px;
    line-height: 36px;
    display: block;
    margin-bottom: 37px;
    padding-left: 2px;
}
.popup h1 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}
.popup p {
    margin: 0 0 16px;
}
.popup .text-holder {
    max-height: 373px;
}
@media only screen and (max-width: 767px) {
    .popup {
        width: auto;
        margin: auto 10px;
    }
    .popup .popup-holder {
        padding: 40px 30px;
    }
}

.mCSB_scrollTools {
    right: 19px;
    top: 4px;
}
.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #633548;
}

.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background: none repeat scroll 0 0 #633548;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 7px;
    border-radius: 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
    border-radius: 0;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .mCSB_scrollTools {
        right: 0;
    }
}

.mCSB_inside > .mCSB_container {
    margin-right: 75px;
}
@media only screen and (max-width: 767px) {
    .mCSB_inside > .mCSB_container {
        margin-right: 20px;
    }
}

.alert-message {
    width: 145px;
    text-align: center;
    margin: 37px 0 18px 0;
    overflow: hidden;
}
.alert-message > .holder {
    padding: 10px 10px 10px 25px;
    border: 1px solid #771a4b;
    -webkit-transform: skewX(-13deg) translateX(-25px);
    -ms-transform: skewX(-13deg) translateX(-25px);
    transform: skewX(-13deg) translateX(-25px);
}
.alert-message .message {
    color: #565656;
    display: block;
    -webkit-transform: skewX(13deg);
    -ms-transform: skewX(13deg);
    transform: skewX(13deg);
}
.alert-message .message:hover {
    text-decoration: none;
}
.alert-message h2 {
    text-transform: uppercase;
    font: 23px/27px "Arial Black", Gadget, sans-serif;
    margin: 0;
}
.alert-message .slogan {
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
}
@media only screen and (max-width: 1024px) {
    .alert-message {
        width: 115px;
        margin-left: -14px;
    }
    .alert-message h2 {
        font-size: 14px;
        line-height: 18px;
    }
    .alert-message .slogan {
        font-size: 9px;
        line-height: 13px;
    }
}
@media only screen and (max-width: 767px) {
    .alert-message {
        margin: 0 auto;
    }
    .alert-message > .holder {
        padding: 10px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .alert-message .message {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.margbtm{margin-bottom: 8px;}
.form-button{width: 100px;margin:0 auto; margin-top: 10px;}
.participate.modal{overflow-y:hidden;}
.participate .form-control{line-height:normal;padding:0 auto; font-size:15px;}
.participate {
    width: 570px;
    margin: auto;
    overflow: hidden;
}
.participate > .holder {
    background: white url(../images/bg-popup.png) no-repeat 100% 83%;
    color: #633548;
    height: 450px;
    font: 400 13px/15px "Open Sans", Helvetica, sans-serif;
    padding: 55px 20px;
    position: relative;
}
.participate .image-holder {
    margin-bottom: 15px;
}
.participate h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin: 0 auto 30px;
}
.participate h2 span {
    font-weight: 300;
}
.participate .text-holder {
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.participate .text-holder:after {
    content: '';
    width: 1px;
    min-height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0;
}
.participate .text-holder h2 {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .participate {
        width: auto;
        margin: auto 10px;
    }
}

.participate-form {
    display: inline-block;
    vertical-align: top;
}
.participate-form .form-group > label{float:left;margin-bottom: 8px;}
.participate-form .form-group .form-control{height: 25px;border-radius: 0}
.participate-form input[type="text"],
.participate-form input[type="email"] {
    background: white;
    width: 90%;
    height: 46px;
    font-style: italic;
    font-weight: 100;
    font-size: 19px;
    line-height: 24px;
    float: left;
    padding: 10px 18px;
    margin: 0;
    border: 1px solid #633548;
}
.participate-form input[type="text"]::-webkit-input-placeholder,
.participate-form input[type="email"]::-webkit-input-placeholder {
    color: #969696;
}
.participate-form input[type="text"]::-moz-placeholder,
.participate-form input[type="email"]::-moz-placeholder {
    opacity: 1;
    color: #969696;
}
.participate-form input[type="text"]:-moz-placeholder,
.participate-form input[type="email"]:-moz-placeholder {
    color: #969696;
}
.participate-form input[type="text"]:-ms-input-placeholder,
.participate-form input[type="email"]:-ms-input-placeholder {
    color: #969696;
}
.participate-form input[type="text"].placeholder,
.participate-form input[type="email"].placeholder {
    color: #969696;
}
.participate-form input[type="submit"] {
    background: #633548;
    color: white;
    width: 120px;
    height: 46px;
    font-style: italic;
    font-weight: 100;
    font-size: 18px;
    line-height: 22px;
    float: left;
    padding: 0 5px;
    margin: 0;
    border: none;
}
@media only screen and (max-width: 767px) {
    .participate-form input[type="text"],
    .participate-form input[type="email"] {
        margin-bottom: 10px;
    }
    .participate-form input[type="text"],
    .participate-form input[type="email"],
    .participate-form input[type="submit"] {
        width: 100%;
        float: none;
    }
}

.inscription {
    width: 570px;
    margin: auto;
}
.inscription > .holder {
    background: white url(../images/bg-popup.png) no-repeat 100% 83%;
    color: #633548;
    height: 400px;
    font: 400 13px/15px "Open Sans", Helvetica, sans-serif;
    padding: 55px 20px;
    position: relative;
}
.inscription .image-holder {
    margin-bottom: 15px;
}
.inscription h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin: 0 auto 30px;
}
.inscription h2 span {
    font-weight: 300;
}
.inscription .text-holder {
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.inscription .text-holder:after {
    content: '';
    width: 1px;
    min-height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0;
}
.inscription .text-holder h2 {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .inscription {
        width: auto;
        margin: auto 10px;
    }
}

.inscription-form {
    display: inline-block;
    vertical-align: top;
}
.inscription-form .form-group > label{float:left;margin-bottom: 8px;}
.inscription-form .form-group .form-control{height: 25px;border-radius: 0}
.inscription-form input[type="text"],
.inscription-form input[type="email"] {
    background: white;
    width: 90%;
    height: 46px;
    font-style: italic;
    font-weight: 100;
    font-size: 19px;
    line-height: 24px;
    float: left;
    padding: 10px 18px;
    margin: 0;
    border: 1px solid #633548;
}
.inscription-form input[type="text"]::-webkit-input-placeholder,
.inscription-form input[type="email"]::-webkit-input-placeholder {
    color: #969696;
}
.inscription-form input[type="text"]::-moz-placeholder,
.inscription-form input[type="email"]::-moz-placeholder {
    opacity: 1;
    color: #969696;
}
.inscription-form input[type="text"]:-moz-placeholder,
.inscription-form input[type="email"]:-moz-placeholder {
    color: #969696;
}
.inscription-form input[type="text"]:-ms-input-placeholder,
.inscription-form input[type="email"]:-ms-input-placeholder {
    color: #969696;
}
.inscription-form input[type="text"].placeholder,
.inscription-form input[type="email"].placeholder {
    color: #969696;
}
.inscription-form input[type="submit"] {
    background: #633548;
    color: white;
    width: 120px;
    height: 46px;
    font-style: italic;
    font-weight: 100;
    font-size: 18px;
    line-height: 22px;
    float: left;
    padding: 0 5px;
    margin: 0;
    border: none;
}
@media only screen and (max-width: 767px) {
    .inscription-form input[type="text"],
    .inscription-form input[type="email"] {
        margin-bottom: 10px;
    }
    .inscription-form input[type="text"],
    .inscription-form input[type="email"],
    .inscription-form input[type="submit"] {
        width: 100%;
        float: none;
    }
}