* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; outline: none }
button:active, button:focus { outline: none }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
button, html input, textarea, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; border-radius: 0px; -webkit-border-radius: 0px; }
:focus { outline: 0; }
ol, ul { margin: 0; }
li { font-size: 1.6rem; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
.none { display: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
.clear { clear: both; }
img { max-width: 100%; }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom: 1;
}
::selection { background: #BCB3D5; color: #fff; }
::-moz-selection { background: #BCB3D5; color: #fff; }
ul { list-style: none }



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



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

a { text-decoration: none; line-height: 1; font-family: 'HelveticaNeueLTStd-LtCn'; display: inline-block;}
p { font-family: 'HelveticaNeueLTStd-LtCn'; font-size: 9px; color: #fff; font-weight: normal; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; }
h1 { font-size: 19px; color: #fff; font-family: 'HelveticaNeueLTStd-LtCn'; font-weight: normal; text-transform: inherit; margin-bottom: 0px;    letter-spacing: 0.5px; }
h2 { font-size: 15px; color: #fff; font-family: 'HelveticaNeue-MediumCond'; font-weight: normal; text-transform: inherit; margin-bottom: 10px;    letter-spacing: 0.5px; line-height: 1.3;}
h3 { font-size: 15px; color: #fff; font-family: 'HelveticaNeueLTStd-LtCn'; font-weight: normal; text-transform: inherit; margin-bottom: 10px; }
h4 { font-size: 14px; color: #fff; font-family: 'HelveticaNeueLTStd-LtCn'; font-weight: normal; text-transform: inherit; margin-bottom: 9px; }
h5 { font-size: 12px; color: #fff; font-family: 'HelveticaNeueLTStd-LtCn'; font-weight: normal; text-transform: inherit; margin-bottom: 20px; }
h6 { font-size: 10px; color: #fff; font-family: 'HelveticaNeueLTStd-LtCn'; font-weight: normal; text-transform: inherit; margin-bottom: 20px; }


a, li, span { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; outline: none !important }
a:hover, a:focus, input, input:focus { text-decoration: none; outline: none; }
body { font-family: 'Ubuntu', sans-serif; line-height: 1.55; margin: 0; padding: 0; background: #f6f6f6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; font-size: 1.6rem; font-weight: 400; }
html { font-size: 62.5%; }
*:focus { outline: none; }
.wrapper { width: 100%; overflow: hidden; }
strong{font-weight: 700;}

.container{max-width: 690px; padding: 0 15px; margin: 0 auto;}
/*************************** style starts here ***************************/
.home {height: 100vh; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center;     background: #EDEBF4; }
.mid-section { width: 1100px; height: 900px; background-image: url(../images/main-big-bg.png); position: relative; text-align: center; padding: 240px 0 50px; background-color: #EEEBF4; margin: 0 auto; background-size: cover; background-position: center;}
.hdr-logo { background-size: contain; background-repeat: no-repeat; background-position: left top; height: 300px; width: 370px; position: absolute; right: 0; top: 0; padding: 115px 50px 50px 20px; }
.hdr-logo a{ width: 220px; text-align: left; }
.hdr-logo a span{display: block; padding-left: 17px; font-size: 21px; letter-spacing: 0.5px; font-family: 'HelveticaNeueLTStd-LtCn'; font-weight: normal; color: #76787A; margin-top: 3px; }
.medicine-details { width: 100%; text-align: left; margin: 0 auto 25px; }
.medicine-cnt { width: 290px; display: inline-block; vertical-align: top; padding-left: 40px; }
.medicine-cnt-dtl {width: 100%; text-align: left; position: relative; padding-top: 15px;}
.medicine-cnt-dtl p{font-size: 19px;  font-family: 'HelveticaNeueLTStd-LtCn'; font-weight: normal; }
.medicine-figure { width: 390px; display: inline-block; margin-left: -30px; }
.medicine-cnt-dtl img {position: absolute; display: inline-block; }
.first-arrow{ top: 6px; right: -119px; width: 137px; }
.secound-arrow{ top: -18px; right: -16px; width: 78px;}

.form { margin-bottom: 30px; position: relative; }
.form input[type="text"] { height: 20px; font-size: 12px; width: 245px; padding: 2px 5px; color: #76787A;  }
.form input[type="submit"] {width: 0;
    overflow: hidden; }
.error { font-size: 14px; letter-spacing: 0.5px; font-family: 'HelveticaNeueLTStd-LtCn'; font-weight: normal; color: #f10808; display: none;    position: absolute; bottom: -30px; text-align: center; right: 0; left: 0; line-height: 1; }
 
.middle-section { width: 100%; padding: 30px 0; }
.middle-section .hdr-logo{ width: 335px; margin: 0 auto; padding: 90px 55px 50px; height: 273px; }
.video-sec {width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; align-items: flex-start; text-align: center; margin: 50px 0 40px; }
.video-block { padding: 0 50px; width: 50%; position: relative; }
.video-block:after{content: ""; height: calc(100% - 55px); width: 1px; position: absolute; top: 0; right: 0; background: #8776B6;  }
.video-block:nth-child(2):after{ display: none; }
.video-figure {width: 100%; height: 134px; background-size: cover; background-repeat: no-repeat; background-color: #000; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; margin-bottom: 5px; }
.video-figure a{display: inline-block; width: 40px; padding: 0; height: 40px; border: 2px solid #fff; border-radius: 50%; overflow: hidden; padding: 8px 8px 8px 12px; }
.video-figure a:hover{transform: scale(1.1);}

.resource-details {width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; align-items: flex-start; text-align: center; margin: 20px 0 50px; }
.resource-details-block { padding: 0 50px; width: 50%; position: relative; text-align: left; }
.resource-details-block:nth-child(odd){text-align: right;}
.resource-details-block:after{content: ""; height: 100%; width: 1px; position: absolute; top: 0; right: 0; background: #8776B6;  }
.resource-details-block:nth-child(2):after{ display: none; }
.resource-details-block h2{font-size: 17px; font-family: 'HelveticaNeue-MediumCond'; margin-bottom: 0; }
.resource-details-block ul{width: 100%; }
.resource-details-block ul li{width: 100%; display: inline-block; }
.resource-details-block ul li a{width: auto; display: inline-block; font-size: 15px; color: #fff; font-weight: normal; letter-spacing: 0.5px; }
.resource-details-block ul li a:hover{color: #76787A; }

.common-ftr {width: 100%; text-align: center; max-width: 750px; margin: 0 auto; padding: 0 15px; }
.common-ftr ul {width: 100%; margin-bottom: 10px; }
.common-ftr ul li{width: auto; display: inline-block; font-size: 12px; font-family: 'HelveticaNeue-MediumCond'; font-weight: normal; letter-spacing: 0.5px; color: #fff; padding: 0 5px; position: relative; }
.common-ftr ul li:after{ content: ""; position: absolute; right: -3px; top: 3px; height: 10px; width: 2px; background: #8776B6;}
.common-ftr ul li:nth-child(2):after{display: none; }
.common-ftr ul li a{ font-size: 12px; font-family: 'HelveticaNeue-MediumCond'; font-weight: normal; letter-spacing: 0.5px; color: #fff;}
.common-ftr ul li a:hover{ color: #76787A;}
.mfp-close {font-size: 45px; }

/*************************** style end here ***************************/
/*************************** media starts here ***************************/
@media (max-width: 1199px){
	.hdr-logo { height: 250px; width: 300px; padding: 90px 60px 50px 30px; }
	.hdr-logo a { width: 200px; }
	.hdr-logo a span {font-size: 19px;}
	.mid-section { padding: 130px 0 50px; width: 960px; height: 765px; background-position: center bottom; }
	.medicine-details { margin: 0 auto 15px;}
	.medicine-cnt {width: 340px; }
	.medicine-figure { width: 340px; padding-top: 35px;}
	.medicine-cnt {padding-left: 90px;}
	.mid-section .common-ftr{max-width: 600px; }
	.first-arrow { top: 26px; right: -113px; width: 130px; transform: rotate(10deg); }
	.secound-arrow { top: -6px; right: -5px; width: 67px; }
	.form { margin-bottom: 20px;}
	
	.middle-section .hdr-logo { width: 315px; padding: 90px 55px 50px; height: 260px;}
	
	
}

@media (max-width: 991px){
	.home{background: #bdb4d6;}
	.hdr-logo{ height: 260px; width: 317px; padding: 100px 60px 50px 45px;}
	.mid-section { width: 100%; height: auto; background-size: contain; background-repeat: no-repeat; padding: 160px 0 50px; text-align: left;background-position: center top; }
	.medicine-cnt-dtl p {font-size: 16px; }
	.medicine-figure { width: 295px;}
	.form input[type="text"] {width: 250px;}
	.form { margin-bottom: 20px; padding-left: 140px; }
	.medicine-cnt { padding-left: 110px; }
	.medicine-details { margin: 0 auto 100px; padding-left: 30px; }
	.first-arrow { top: 26px; right: -88px;width: 120px;} 
	.secound-arrow { top: -2px;}
	.mid-section { background-color: #bdb4d6;}
	.hdr-logo a { width: 200px;}
	
	.resource-details-block {padding: 0 30px; }
	.video-block {padding: 0 30px; }
	.video-figure{height: 155px; }
	.error {padding-right: 110px;}
}

@media (max-width: 767px){
	
	.middle-section .hdr-logo { width: 270px; padding: 73px 33px 50px; height: 218px; }
	.hdr-logo a {width: 190px; }
	.hdr-logo a span { padding-left: 13px; font-size: 18px;}
	
	.video-block {width: 100%; padding: 0; }
	.video-block:after{display: none; }
	.video-block-child { padding-bottom: 10px;}
	.video-sec { margin: 30px 0 10px; text-align: left;}	
	.video-figure { height: auto; padding: 20% 20px 15%;}
	
	.resource-details {padding: 0 15px; margin: 0px 0 30px; }
	.resource-details-block { padding: 0px; width: 100%; text-align: left; }
	.resource-details-block:after{display: none; }
	.resource-details-block:nth-child(odd) {text-align: left; border-bottom: 1px solid #8776B6; padding-bottom: 15px; margin-bottom: 15px; }
	.common-ftr ul li:after {display: none; }
	
	.home {height: 100%; }
	.hdr-logo { height: 240px; width: 286px; padding: 90px 60px 50px 35px; left: 0; margin: 0 auto;}
	.mid-section { background-color: #bdb4d6; background-size: cover; background-position: center; padding: 250px 0 50px; text-align: center; }
	.form {padding: 0; }
	.medicine-cnt-dtl {text-align: left; }
	.medicine-cnt { padding-left: 0; width: 100%;}
	.medicine-figure {width: 100%; padding-top: 10px; margin-left: 0; max-width: 300px; margin: 0 auto; }
	.medicine-details { margin: 0 auto 10px; text-align: left; padding-left: 0; }
	.medicine-cnt-dtl img{display: none; }
	.common-ftr {text-align: left; }
	
	.mid-section {text-align: left; }
	.common-ftr ul li {padding: 0;}
	.common-ftr ul li span{display: block; font-size: 0;}
	.error {padding-right: 0;}
	.error {text-align: left; }
}


@media (max-height: 730px) and (orientation: landscape) {
	.mid-section { width: 780px; height: 625px; padding: 110px 0 50px;}
	.home .hdr-logo { height: 200px; width: 250px; padding: 75px 50px 50px 20px;}
	.home .hdr-logo a { width: 160px; text-align: left; }
	.home .hdr-logo a span {font-size: 14px; }
	.medicine-cnt-dtl p { font-size: 14px;}
	.medicine-figure { width: 260px;}
	.medicine-details {padding: 0 60px;}
	.home .common-ftr { max-width: 530px;}
	.medicine-cnt {padding-left: 60px;}
	.first-arrow { top: 10px; right: -79px; width: 137px;}
	.secound-arrow { top: -24px; right: -2px; width: 78px; }
	.form { margin-bottom: 20px;}
	
}
/*************************** media end here ***************************/