@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular/Roboto-Regular-webfont.eot');
    src: url('../fonts/roboto-regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light/Roboto-Light-webfont.eot');
    src: url('../fonts/roboto-light/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/roboto-light/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium/Roboto-Medium-webfont.eot');
    src: url('../fonts/roboto-medium/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium/Roboto-Medium-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
      height: 100%;
}
body, html {
  margin: 0;
  overflow: hidden;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  transition: opacity 400ms;
}
body, .foneally-wrapper, html {
  display: block;
  position: static;
  padding: 0;
  width: 100%;
  height: 100%;
}
body {
  background: #f6f6f6;
  padding: 0;
  font-family: 'robotoregular', 'open sans';
  position: relative;
  margin: 0;
  height: 100%;
  -webkit-font-smoothing: antialiased;
}

@media print {
  *{ 
    overflow: visible !important;
  }
  @page {
      size: auto; 
      margin-top: 12mm;
    margin-left: 20mm;
      margin-bottom: 12mm;
      margin-right: 12mm;
  }
  .menu_grp,
  #mail_sidenav,
  footer,
  .h_more,
  .menu,
  .msg_mob,
  .icon-scroll,
  .fp-right,
  .h_head .h_grp,
  .desc_more{
    display: none !important;
  }
  .h_animate,.h_head1{
    left: 0 !important;
    font-size: 28px !important;
    width: 440px !important;
  }
  .page_heading{
    font-size: 18px !important;
    /*margin-left: -36px !important;*/
    margin-top: -40px !important;
  }
  .h_content{
    position: absolute;
    bottom: 75px !important;
    /*padding-left: 30px;*/
  }
  .logo,.s_menu{
    /*margin-left: 30px;*/
  }

  .fp-tableCell,.section,body{
    display: block;
    height: 100vh !important;
    background-color: #FFFFFF !important;
  }
  .desc_list{
    background-color: #FFFFFF !important;
    border: 1px solid #AAAAAA;
  }
  .h_line {
    width: 50px;
    height: 2px;
    background: #e35583;
    margin: 10px 0 3vh 0;
  }
  .h_lined {
    width: 50px;
    height: 2px;
    background: #e35583;
    margin: 10px 0 3vh 0;
  }
  aside{
    right: 0 !important;
    
  }
  aside,.logo,.short_menu{
    position: absolute!important;
  }
  .bg_h img {
    top: 20% !important;
    width: 325px !important;
    height: 386px !important;
  }
  .h_desc {
    max-width: 450px;
    font-size: 16px;
    line-height: 25px;
  }
  .fullpage-wrapper{
    /*height: auto !important;*/
    transform: translate3d(0px, 0px, 0px) !important;
  }
  .article_container .quotes {
    font-size: 17px;
    line-height: 26px;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 90%;
  }
  .sub_head, .sub_head h2 {
    font-size: 17px;
    margin-bottom: 2vh;
    margin-top: 6vh;
  }
  .q_desc1 {
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    width: 100%;
  }
}

/***********Loader css***********/
#fullpage {
    visibility: hidden;
}
.js_msg{
    position: absolute;
    left: calc(35% - 150px);
    left: -webkit-calc(35% - 150px);
    left: -moz-calc(35% - 150px);

    top: calc(50% + 40px);
    top: -webkit-calc(50% + 40px);
    top: -moz-calc(50% + 40px);

    color :#666;
}

.loading_container{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 555;
    width: 100vw;
    height: 100vh;

}

#loading_cir {
   left: calc(35% - 32px);
   left: -webkit-calc(35% - 32px);
   left: -moz-calc(35% - 32px);

  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  top: calc(50% - 32px);
  top: -webkit-calc(50% - 32px);
  top: -moz-calc(50% - 32px);

  display: block;
  z-index: 999;
}
#loading_cir div {
  position: absolute;
  border: 4px solid #e35583;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  z-index: 999;
}
#loading_cir div:nth-child(2) {
  animation-delay: -0.5s;
  z-index: 999;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}

.wrapper {
  height: 100% !important;
  margin: 0 auto;
  overflow: hidden;
}


.main {
  float: left;
  width: 100%;
  margin: 0 auto;
}
.main section  {
  overflow: hidden;
}
section .des_bg{
  background: #f6f6f6;
}
.main section.page1 {
  background: #f6f6f6;
}
.main section.page2 {
 background: rgba(246, 246, 246,.6);

}



#fullpage .page3 {
 background: #edeeef;
  /*background-image: url('../images/FA_BG.gif');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: contain, cover;*/

}

ul.n_script{
  width: 200px;
  height: 200px;
}
ul.n_script li{
  margin-top: 10px;
}
ul.n_script li a{
  padding-left: 10px;
}
.box_center {
    display: inline-block;
    max-height:calc(100% - 100px); 
    max-height:-webkit-calc(100% - 100px); 
    max-height:-moz-calc(100% - 100px); 

    max-width: calc(100% - 100px);
    max-width: -webkit-calc(100% - 100px);
    max-width: -moz-calc(100% - 100px);



    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
}
.c_width {
    width: 100%;
    height: 100%;
}

/*logo*/
.logo {
    position:fixed;
    z-index: 444;
}
.logo a img{
	vertical-align: middle;
  width: 50px;
  height: 50px;
} 
.logo a {
  cursor: pointer;
	text-decoration:none;
	color:black;
  display: inline-block;
} 
/*menu icon*/
.menu {
    position: fixed;
    cursor: pointer;
    right: 40px;
    top:40px;
}
.menu_desk {
    position: fixed;
    z-index: 9999;
    cursor: pointer;
    right: 40px;
    top:40px;
    display: none;
}

.cont_c {
    position: fixed;
    z-index: 99;
    cursor: pointer;
    right: 30px;
    top:22px;
}


ul.menu_icon  li:last-child a{
  margin-right: 0px;
}

ul.menu_icon li:nth-child(1) a {
    border:1px solid rgba(255, 204, 0,0.5);
}
ul.menu_icon li:nth-child(2) a{
    border:1px solid rgba(4, 185, 192,0.5);
}
ul.menu_icon li:nth-child(3) a{
    border:1px solid rgba(0, 123, 0,0.5);
}
ul.menu_icon li:nth-child(4) a{
    border:1px solid rgba(126, 0, 128,0.5);
}
ul.menu_icon li:nth-child(5) a{
    border:1px solid rgba(251, 2, 0,0.5);
}
ul.menu_icon li a:hover{
  cursor:pointer;
  color:#fff;
  transition: all 0.3s;
  -webkit-transition:all 0.3s;
}

ul.menu_icon li:nth-child(1) a:hover{
    background: #FFCC00;
}
ul.menu_icon li:nth-child(2) a:hover{
    background:  #04B9C0;
}
ul.menu_icon li:nth-child(3) a:hover{
    background:  #007B00;
}
ul.menu_icon li:nth-child(4) a:hover{
    background:  #7E0080;
}
ul.menu_icon li:nth-child(5) a:hover{
    background:  #FB0200;
}
ul.menu_icon{
  top: 7px;
  left: 23px;
  list-style-type: none;
  display: block;
}
.bg_h{
  float: right;
  width: 50%;
  height: 100%;
}
.bg_h img{
  position: absolute;
  right: 0;
}
.bg_h_contact{
  float: right;
  width: 50%;
  height: 100%;
}
.bg_h_contact img{
  position: absolute;
  right: 0;
}
.bg_h1, .bg_desc{
  width: 100%;
}
.bg_h1 img, .bg_desc img{
  position: absolute;
  right:0;
}

.h_more a{
  outline: 0;
  text-align:center;
  color: #fff;
  display:inline-block;
  border: 2px solid #1688CA;
  text-decoration: none;
  transition: all 0.3s;
  -webkit-transition:all 0.3s;
  border-radius: 3px;
 background: #1688CA;
}
.h_more a:hover{
  background: transparent;
  color: #1688CA;
  border: 2px solid #1688CA;
  border-radius: 3px;
  transition: all 0.3s;
  -webkit-transition:all 0.3s;
}
.desc_more a{
  outline: 0;
  text-align:center;
  display:inline-block;
  color: #fff;
  border: 2px solid #1688CA;
  text-decoration: none;
  transition: all 0.3s;
  -webkit-transition:all 0.3s;
  border-radius: 3px;
  background: #1688CA;
}
.desc_more a:hover{
  color:#1688CA;
  border-radius: 3px;
  border: 2px solid #1688CA;
  background: transparent;
  transition: all 0.3s;
  -webkit-transition:all 0.3s;
}
.h_animate{
    font-family: 'robotoregular', 'open sans';
    font-size: 42px;
    padding: 3px 0;
    color:#000;
    position: relative;
    width:600px;
    height: auto;
    display:block;
    left:-100%;
    -webkit-animation: move 4s 1;
    animation : move 4s 1;
}
@-webkit-keyframes move {
  0% {left:-100%;}
 20% {left:0%;}
 80% {left:0%;}
100% {left:100%;}
}
@keyframes move {
 0% {left:-100%;}
 20% {left:0%;}
 80% {left:0%;}
100% {left:100%;}
}

 .d_arrow svg{
  fill: #fff;
   transition: all 0.3s;
  -webkit-transition:all 0.3s;
  margin-left: 0px;
  margin-right: 0px;
  vertical-align: -2px;
}
.desc_more a:hover  .d_arrow svg{
  fill: #1688CA;
   transition: all 0.3s;
  -webkit-transition:all 0.3s;
  margin-left: -5px;
  margin-right: 5px;
}

.s_menu{
  display: inline-block;
}
.s_menu li img{
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-right: -5px;
}
.short_menu{
  float: left;
  position: fixed;
  z-index: 555;
  margin-top: 65px;
}
ul.s_menu li{
  float: left;
  font-size: 10px;
  padding: 3px;
  color: #666;
}
ul.s_menu a{
  text-decoration: none;
  color: #1688CA;
  cursor: pointer;
}
u.dotted {
    border-bottom: 2px solid #FFF200;
    text-decoration: none;
}
u.dotted_f {
    border-bottom: 1px solid #FFFFFF;
    text-decoration: none;
}

.page_heading{
  font-size: 21px !important;
  color: #333 !important;
}

#sn_menu_right #menu_header{
    width: 100%;
    position: absolute;
    bottom: 29px;
    z-index:555;
}
#sn_menu_right #menu_footer{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    bottom: 0;
}

#sn_menu_right #sn_menu p {
  position:relative;
  padding:0;
  margin:0;
}
#sn_menu_right #sn_menu p a{
  width: calc(100% - 65px);
  width: -webkit-calc(100% - 65px);
  width: -moz-calc(100% - 65px);

  z-index: 555;
  display: inline-block;
}
#sn_menu_right #sn_menu p label {
  display:block;
  z-index: 55;
  position: relative;
  line-height:40px;
}

#sn_menu_right #sn_menu p label::after {
  z-index: -5;
  content:"";
  display:block;
  width:6px;
  height:6px;
  border:2px solid #aaa;
  border-width:0 2px 2px 0;
  position:absolute;
  right:20px; top:15px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari */
  cursor: pointer;
  transition:0.3s;
  -webkit-transition:0.3s;
}

#sn_menu_right #sn_menu p label:hover {
  color:#e35583;
}
#sn_menu_right #sn_menu p label:hover::after {
  border-color:#e35583;
}
#sn_menu_right #sn_menu p label:last-child {display:none; position:absolute; left:0; top:0; width:100%; height:40px; background:rgba(0,0,0,0);}
#sn_menu_right #sn_menu p a {
  line-height:40px;
  color:#666;
  text-decoration:none;
  transition: all 0.3s;
  -webkit-transition:all 0.3s;
}
#sn_menu p a{
  font-size: 20px;
}
#sn_menu div  p a{
  font-size: 18px;
}
#sn_menu div div p a{
  font-size: 16px;
}
#sn_menu div div div p a{
  font-size: 14px;
}
#sn_menu_right #sn_menu p a.color_y{
  color: #e35583;
}

#sn_menu_right #sn_menu span{
  float: right;
  width: 40px;
  height: 40px;
      margin-right: 20px;
}
#sn_menu_right #sn_menu  span img{
  width: 15px;

}


#sn_menu_right #sn_menu p a:hover {
  color:#e35583;
  margin-left: 5px;
  transition: all 0.3s;
  -webkit-transition:all 0.3s;
}
#sn_menu_right #sn_menu div p {
  height:0;
  overflow:hidden;
  opacity:0;
  transition:0.75s;
  -webkit-transition:0.75s;
  position:relative;
}
#sn_menu_right div {
/*  padding:0; margin:0; list-style:none;*/
}
#sn_menu_right #sn_menu,.menu_group {
    display: block;
    max-height: calc(100% - 120px);
    max-height: -webkit-calc(100% - 120px);
    max-height: -moz-calc(100% - 120px);


    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(0, -50%);
     -ms-transform: translate(0, -50%); /* IE 9 */
    -webkit-transform: translate(0, -50%); /* Safari */

    overflow: auto;
    overflow-x: hidden !important;
	
}
#sn_menu_right #sn_menu > p {text-indent:0;}
#sn_menu_right #sn_menu div {position:relative;}
#sn_menu_right #sn_menu div::before {content:""; display:block; width:1px; 
height:calc(100% - 20px);
height:-webkit-calc(100% - 20px);
height:-moz-calc(100% - 20px);

background: #e35583;
position:absolute; left:5px; top:0;}
#sn_menu_right #sn_menu div p {text-indent:10px; position:relative;}
#sn_menu_right #sn_menu div p::before {
  content:"";
  display:block;
  width:5px; height:5px;
  border: 1px solid #e35583;
  background:#fff;
  position:absolute;
  left:2px; top:17px;
  transform:rotate(45deg);
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari */
}
#sn_menu_right #sn_menu div div::before {left:20px;}
#sn_menu_right #sn_menu div div p {
  text-indent:20px;
}
#sn_menu_right #sn_menu div div p::before {left:17px;}
#sn_menu_right #sn_menu div div div::before {left:35px;}
#sn_menu_right #sn_menu div div div p {text-indent:28px;}
#sn_menu_right #sn_menu div div div p::before {left:32px;}
input[id*="sn_menu"] {display:none;}
input[class*="ip00"]:checked ~ #wrapper {
  height:100%;
  overflow:hidden;
  transition:0s;
  -webkit-transition:0s;
}

#sn_menu02:checked ~ .menu_bot, #sn_menu00:checked ~ .menu_bot{
  display: none;
}
.color_y{
  color:#1688CA!important;
}
#footer {
    width: 100%;
    height: 105px;
    background: #1688CA;
    position: relative;
    bottom: 100px;
}
#footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 70px solid #1688CA;
}

/*testing footer*/
#footer1 {
  width: calc(100% + 100px);
  width:  -webkit-calc(100% + 100px);
  width: -moz-calc(100% + 100px);

    height: 105px;
    background: #1688CA;
    position: relative;
    bottom: 0px;
    left: -100px;
    overflow-x: hidden;
    z-index: 55;
}

#footer1:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    height: 0;
    z-index: 555;
    border-bottom: 70px solid #1688CA;
}

ul.footer_menu li a{
  text-decoration: none;
  color: #FFFFFF;
}
ul.footer_menu li a:hover{
   border-bottom: 1px solid #FFFFFF;
}
/* top contactus */ 
.mobile_desc{
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: scroll;
}


/*scroll bar*/
#style-6::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

#style-6::-webkit-scrollbar
{
  width: 5px;
  background-color: #F5F5F5;
}

#style-6::-webkit-scrollbar-thumb
{
  background-color: #1688CA; 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%,
  transparent 25%,
  transparent 50%,
  rgba(255, 255, 255, .2) 50%,
  rgba(255, 255, 255, .2) 75%,
  transparent 75%,
  transparent)

}




#menu_group::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#menu_group::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#menu_group::-webkit-scrollbar-thumb
{
  background-color: #1688CA;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}


#contact_scr::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

#contact_scr::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

#contact_scr::-webkit-scrollbar-thumb
{
  background-color: #1688CA;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
.msg_mob img{
    width: 35px;
    height: 35px;
    transform: rotate(352deg);
    -ms-transform: rotate(352deg);
    -webkit-transform: rotate(352deg);
}
.msg_mob{
  cursor: pointer;
  display: block;
  position: fixed;
  bottom: 40px;
  z-index: 555;
}
.whatsapp_mob{
  right: 80px;
  bottom: 40px;
}
.whatsapp_mob img{
  width: 40px;
  height: 40px;
}
.whatsapp_mob a{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
ul.menu_icon li a{
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    color: #666;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
    float: left;
}
sup{
  vertical-align: super;
  font-size: 12px;
}
.menu_hd{
  width: 100%;
  position: absolute;
  top:23px;
  font-size: 28px;
  font-family: 'robotoregular', 'open sans';
  color: #000;
}

.menu_dub::after{
    z-index: -5;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border: 2px solid #e35583;
    border-width: 0 2px 2px 0;
    position: absolute;
    right: 20px;
    top: 15px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    cursor: pointer;
}

/*********** message modal ***********/

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: black;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding-right: 5px;
}

.center1{
    z-index: 5;
    display: block;
    max-height: calc(100% - 110px);
     max-height: -webkit-calc(100% - 110px); 
    max-height: -moz-calc(100% - 110px);
    position: absolute;
    margin-top: 25px;
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
}
.c_width1{
    margin: 0 auto;
    height:auto;
    text-align: center;
    margin-bottom: 10px;
}

.content_c {
  margin-left: 80px;
  margin-top: 23px;
    font-size: 28px;
    font-family: 'robotoregular', 'open sans';
    color: #000;
    text-align: left;
}

.msg_container{
  text-align: center;
  width:100%;
}
.msg_container img{
  width: 150px;
  margin-bottom: 20px;
}

.textmsg{
  width:calc(100% - 20px);
  width:-webkit-calc(100% - 20px);
  width:-moz-calc(100% - 20px);

  height:150px;
  resize: none;
  border: 1px solid  rgba(22, 136, 202,0.5);
  border-radius: 3px;
  font-size: 14px;
  margin-top: 15px;
  text-align: left;
  padding:10px; 
  color: #666;
  letter-spacing: 1px;
  font-family: 'robotoregular';
  overflow: auto;
}


.textmsg::-moz-placeholder { 
      font-size: 14px;
      font-family: 'robotoregular';
      color:#B8B8B8;
}
.textmsg::-webkit-input-placeholder { 
      font-family: 'robotoregular';
      font-size: 14px;
      color:#B8B8B8;
}
.textmsg:-ms-input-placeholder { 
      font-size: 14px;
      color:#B8B8B8;
      font-family: 'robotoregular';
}



::-moz-placeholder { 
      font-size: 14px;
      font-family: 'robotoregular';
}
::-webkit-input-placeholder { 
      font-family: 'robotoregular';
      font-size: 14px;
}
:-ms-input-placeholder { 
      font-size: 14px;
      font-family: 'robotoregular';
}

.textmsg:focus{
    outline: none !important;
    border:1px solid #1688CA!important;
}


textarea, input{ 
  color:#666;
  font-family: inherit; 
  font-size: inherit; 
}
.txt_field{
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);

  height: 40px;
  margin-top: 15px;
  border: 1px solid  rgba(22, 136, 202,0.5);
  border-radius: 3px;
  text-align: left;
  padding: 0 10px;
  font-size: 14px;
  color: #B8B8B8;
  letter-spacing: 1px;
  line-height: 0;
  font-family: 'robotoregular';
}
.txt_field:focus{
  outline: none !important;
  border:1px solid #1688CA!important;
}

.sub_field{
  font-size: 16px;
  font-family: 'robotoregular';
  outline: none;
  border: none;
  width: 100%;
  height: 40px;
  cursor: pointer;
  padding: 0 10px; 
  border: 1px solid  #1688CA;
     transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 3px;
  text-align: center;
  color:#fff;
  background: transparent;
  line-height: 0;
  margin-top: 15px;
  background: #1688CA;

}

.sub_field:hover{
  color:#1688CA;
  background: #fff;
    border-radius: 3px;
    border: 1px solid  #1688CA;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;

}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


::-webkit-input-placeholder { color:#000; font-size: 14px;}
:-moz-placeholder { color:#000; font-size: 14px;opacity:  1;} /* FF 4-18 */
::-moz-placeholder { color:#000; font-size: 14px;opacity:  1;} /* FF 19+ */
:-ms-input-placeholder { color:#000; font-size: 14px;} /* IE 10+ */


.contact_head{
    text-align: center;
    color: #000;
    font-family: 'robotolight';
    font-size: 22px;
    line-height: 30px;
}
#menu_footer{
  bottom: 0;
}
#menu_footer p{
  font-family: 'robotolight';
  clear: both;
  text-align: left;
  margin-left: 80px;
  margin-top: 10px;
    font-size: 11px;
    color:#333;
    letter-spacing: 1px;
}
.cont_footer{
  font-family: 'robotolight';
  margin-left: 80px;
  margin-top: 5px;
    font-size:11px;
    color:#666;
    letter-spacing: 1px;

}
.menu_header1{
  position: absolute;
  bottom: 10px;
  width: 100%;
}

.success,.unsubscribe{
  position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
     display: none; 
}

.success_container,.unsubscribe_container{
  z-index: 5;
    display:inline-flex;
    max-height: calc(100% - 20px);
    max-height: -webkit-calc(100% - 20px);
    max-height: -moz-calc(100% - 20px);

    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    overflow: auto;
    width: 100%;
    animation: showtop 0.5s 1;
    transition: all 0.5s;
}

@keyframes showtop {
  0%{
    transform: translate(-50%, -70%);
     -ms-transform: translate(-50%, -70%); /* IE 9 */
    -webkit-transform: translate(-50%, -70%); /* Safari */
  }
  100%{
    transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
  }

}
.success_msg,.unsubscribe_msg{
  background-color: #fff;
    width: 290px;
    padding: 20px;
    margin: 0 auto;
    border-radius: 3px;
}

.success .s_head,.unsubscribe .s_head{
  display: block;
  line-height: 35px;
    font-size: 28px;
    font-family: 'robotoregular', 'open sans';
    color: #000;
    
}

.success .s_para,.unsubscribe .s_para{

  margin-top: 20px;
    line-height: 18px;
    font-size: 14px;
    color: #606060;
    color: rgba(0,0,0,0.65);
}

.success_sub,.unsubscribe_sub{
  outline: none;
  border:none;
  cursor: pointer;
    width: 100%;
    height: 35px;
    margin-top: 5px;
    /*border: 1px solid #e35583;*/
     border: 2px solid #1688CA;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    /*background: #e35583;*/
    background: #1688CA;
    display: block;
    text-decoration: none;
    font-size: 16px;
    /*font-family: 'robotomedium';*/
    margin-top: 15px;
}

.success_sub span{
  display: block;
  margin-top: 10px;
}

.success_sub:hover,.unsubscribe_sub:hover {
    background: transparent;
    color: #1688CA;
    border: 2px solid #1688CA;
    border-radius: 3px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}


.success_sub::-moz-focus-inner,.unsubscribe_sub::-moz-focus-inner{
  border: 0px;
  outline: 0px;
}

.sub_field::-moz-focus-inner{
  border: 0px;
  outline: 0px;
}

/*********** message pop-up ***********/
aside{
  top:3px;
  position: fixed;
  height: 20px;
  background: transparent;
  z-index: 333;
    overflow: hidden;
}

ul.sm_header{
  width: 100%;
  list-style-type: none;
  display: inline-block;
  float: right;
}
ul.sm_header li{
  float: right;
  font-family: 'robotolight';
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 1px;
  padding: 0 10px;
  color:#333;
}

ul.sm_header li:first-child{
  border: none;

}

ul.sm_header li:nth-child(1){
   padding: 0 15px 0 10px;
}
ul.sm_header li:nth-child(2){
   padding: 0;
}

ul.sm_header li:nth-child(1) a svg:hover{
  fill:#38A1F3;
  transition: all 0.3s; 
}

ul.sm_header li:nth-child(1) a svg{
  margin-top: 2px;
}


ul.sm_header li:nth-child(2) a svg:hover{
  fill:#4267b2;
  transition: all 0.3s; 
}

ul.sm_header li svg{
  margin-top: 6px;
  fill:#666;
}

ul.sm_header li a svg{
  margin-top: 2px;
  fill:#666;
  width: 14px;
  height: 14px;

}
ul.sm_header li a{
  color:#333;
  text-decoration: none;
}
ul.sm_header li p{
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 100%;
  margin-top: 7px;
}

.h_desc{
  color:#000;
}

/*scroll animation image, 1st page middle bottom*/
.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}
.icon-scroll {
  cursor: pointer;
  width: 25px;
  height: 40px;
  bottom: 20px;
  box-shadow: inset 0 0 0 1px #e35583;
  border-radius: 25px;
  position: absolute;
  left:calc(50% - 12px);
  left:-webkit-calc(50% - 12px);
  left:-moz-calc(50% - 12px);

  z-index: 555;
}
.icon-scroll:before {
  content: '';
  width: 6px;
  height: 6px;
  background: #e35583;
  margin-left: -3px;
  top: 8px;
  border-radius: 6px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}



/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.img_animation {
  opacity:1;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  animation-duration:2s;
} 

.des_blog{
  width: 100%;
  position: relative;
  height: 100%;
}
.pg_left{
  width: 100%;
  height: 100%;
}

.blog_search{
  margin: 0 200px;
  min-width: 300px;  
  margin-top: 50px;
}

.blog_search input[type=text] {
  padding: 20px;
  font-size: 17px;
  height: 66px;
  border: 1px solid #ccd1d8;
  float: left;
  width: calc(100% - 66px);
  width: -webkit-calc(100% - 66px);
  width: -moz-calc(100% - 66px);

  text-align: left;
  letter-spacing: 1px;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  box-sizing: border-box;
}

.blog_search ::after {
  content: "";
  clear: both;
  display: table;
}
.blog_search img{
  width: 45px;
}

.blog_search input[type=text]::-moz-placeholder { 
      text-align: left;
font-size: 18px;
    color: #666;
}
.blog_search input[type=text]::-webkit-input-placeholder { 
      text-align: left;
          font-size: 18px;
    color: #666;
}
.blog_search input[type=text]:-ms-input-placeholder { 
      text-align: left;
          font-size: 18px;
    color: #666;
}

.most_view{
  margin: 50px;
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: -moz-calc(100% - 100px);

}
.most_view table{
  width: 100%;
  table-layout: fixed;
}
.most_view table thead tr,
.most_view table tbody tr{
  width: 100%;
}
.most_view table thead tr{
border-bottom: 2px solid #464A4F; 
}
.most_view table tbody tr{

  border-bottom: 1px solid #CCD1D8;
}
.most_view table tbody tr td{
  padding-top:10px; 
  padding-bottom:10px;
  padding-left: 5px;
  padding-right: 5px;
}


.most_head{
  border-bottom: 2px solid #464A4F; 
}

.most_head1,.most_head{
  text-align:left;
  font-family: 'robotolight';
  font-size: 20px;
  padding: 15px;
  color: #464A4F;
  
}


/**********pagination********/

.pg-normal {
    color: #767676;
    cursor: pointer;   
    border: 1px solid #dce0e0; 
}
.pg-selected {
    color: #000;
     border: 1px solid #000; 
     background-color: #e35583;
}
.pg-normal,.pg-selected{
    font-weight: normal;
    text-decoration: none;  
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
}
.pg-normal:hover {
    border: 1px solid #767676;
}

.blog_center tr td p{
  padding-left: 10px;
  padding-top: 10px;
}

.blog_center{
   top: 100px;
    display: block;
    max-height: calc(100% - 100px);
    max-height: -webkit-calc(100% - 100px);
    max-height: -moz-calc(100% - 100px);

    position: absolute;
    overflow-y: auto;
    right: auto;
    bottom: auto;
    left:0;
    height: 100%;
    box-sizing: border-box;
}
.blog_width {
    width: 100%;
}

#pageNavPosition{
  float: right;
  padding-top: 5px;
  padding-bottom: 5px;
}
#pageNavPosition span{
  cursor: pointer;
}

.blog_hd{
  width: 100%;
}
.blog_hd h1{
    font-family: 'robotoregular', 'open sans';
  color: #000;
  font-size: 28px;
}

.blog_head{

  width: 110px;
  margin: 0 auto;
  display: block;
    margin-top: 50px;
}
.sub_section_title {
  padding-top: 10px;
    font-size: 18px;
    color: darkslategray;
    font-weight: bold;
    vertical-align: top;
    padding-bottom: 20px;
}

.p_title {
  font-family: 'robotolight';
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #000;
    vertical-align: bottom;
    text-indent: 15px;
    padding-bottom: 10px;
}

.tagline {
  line-height: 18px;
    font-size: 14px;
    font-style: italic;
    color: #808080;
    padding-bottom: 10px;
    padding-left: 20px;
}

.article-id {
  margin-top: 10px;
  font-family: 'robotomedium';
    font-weight: normal;
    font-style: normal;
    color: #464A4F;
    margin-bottom: 10px;
}
.article-title{
  margin-top: 15px;
  width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 26px;

}
.article-title a{
  color:#333;
  text-decoration: none;
  font-family: 'robotoregular';
    font-weight: normal;
    font-style: normal;
    margin-bottom: 10px;


}

.article-date {
  margin-top: 10px;
    float: right;
    color: #99A3B1;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;


}
.article-body a, .article-body p a{
  text-decoration: none;
  color:#333;
}

.article-body, .article-body p {
    height: 71px;
    font-family: 'robotolight';
    line-height: 26px;
    font-size: 14px;
    color: #464A4F;
    font-weight: normal;
    font-style: normal;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w_100{
  width: 100%;
}
.w_50{
  width: calc(50% - 30px);
  width: -webkit-calc(50% - 30px);
  width: -moz-calc(50% - 30px);

  float: left;
}
.w_100 .w_50:nth-child(1){
  margin-right: 30px;
}
.w_100 .w_50:nth-child(2){
  margin-left: 30px;
}


.art_grp{
  border-bottom: 1px solid #CCD1D8;
  padding: 10px 50px 15px 15px;
  height: 140px;
  overflow: hidden;
}
.art_grp1{
  border-bottom: 1px solid #CCD1D8;
  padding: 10px 15px 15px 50px;
  height: 140px;
  overflow: hidden;
}

.main_page{
  position: fixed;
    height: 100%;
}
.footer_div{
    position: fixed;
    border: 1px solid blue;
    width: 100%;

}
.pad_50{
  padding-left: 35px;
}



.blog_search .submit_art{
  width: 66px;
  padding: 21px;
  box-sizing: border-box;
  border: 1px solid #ccd1d8;
  border-left: none;

  background: white;
  background-image: url(../images/search.svg);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: center; 
  cursor: pointer;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  transition: all 0.3s;
  background-color: #FFF200;
}

.w_50 .quotes, .w_100 .quotes{
    font-size: 18px;
    line-height: 24px;
    font-style: italic;
    width: 100%;
}
.article-body{
  font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-style: italic;
    width: 100%;
}

.no_article{
  font-family: "robotoregular";
      font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
}


.wrapper1 {
    height: 100%;
    width: 70%;
}

/***************fullpage css**************/

html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    left: 0px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #e35583;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 0;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}


/*new menu*/
.menu_group p{
  margin: 0px;
}
.menu_group div{
  position: relative;
  padding: 0 0 0 5px;
}
.menu_group div p a{
  display: inline-block;
  color: #666;
  text-decoration: none;
  transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.menu_group div p a:hover{
    color: #1688CA;
    margin-left: 5px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;

}

.menu_group div p span a:hover{
  transition: none;
  margin-left: 0;
}

.menu_group div p{
  padding-left: 15px; 
  width: calc(100% - 15px);
  width: -webkit-calc(100% - 15px);
  width: -moz-calc(100% - 15px);

  position: relative;
  line-height: 40px;
}

.menu_group div div {
  margin-left: 15px;
}
.menu_group div div div p{
  padding-left: 15px;
}
.menu_group div p{
   font-size: 20px;
}
.menu_group div div p{
  padding-left: 15px;
  font-size: 18px;
}
.menu_group div div div  p{
  padding-left: 15px;
  font-size: 16px;
}

.menu_group div div div div  p{
  padding-left: 15px;
  font-size: 14px;
}
.menu_group div{
  margin-left: 5px;
}

.smalldesc {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s;
}

.smalldesc.expand {
  transition: all 0.3s;
  max-height: 550px;
}
.menu_group div div p::before,
.menu_group div div div p::before{
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #1688CA;
  background: #fff;
  position: absolute;
  left: -3px;
  top: 17px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.menu_group div div::before,
.menu_group div div div::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 20px);
  height: -webkit-calc(100% - 20px);
  height: -moz-calc(100% - 20px);

  background: #1688CA;
  position: absolute;
  left: 5px;
  top: 0;
}
.exp{
  float: right;
  cursor: pointer;
}

.down{
cursor: pointer;
margin-right: 10px;
float: right;
transition: all 0.3s;

box-sizing: border-box;

}
.down a{

display: inline-block;
width: 12px!important;
}
.up{
margin-right: 10px;
cursor: pointer;
transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
/*float: right;*/


transition: all 0.3s;
}
.exp img,.down svg,.up svg{
  border-top: 1px solid transparent; /*for safari alignment purpose*/
  border-bottom: 1px solid transparent; /*for safari alignment purpose*/
vertical-align: middle;
width: 12px;
height: 12px;
padding: 0 10px;
}
.down svg{
 fill: #e35583;
}
.up svg{
fill:#e35583;
margin-top: -5px;
vertical-align: middle;
}

a.color_y{
color: #1688CA!important;
}

.f_left{
  float: left;
  margin-right: 10px;
}

.image_container{
  float: right;
  padding: 10px;
}


.image_container1{
  text-align: center;
  padding: 10px;
}
.image_container1 img{
    width: 325px;
    height: 386px;
}


.image_container img{
    width: 325px;
    height: 386px;
}
.q_desc1{
  margin: 15px 0;
}
.c_list{
  margin: 15px 10px;
  padding: 0 0 0 30px;
}
.c_list p{
  margin: 15px 0;
  line-height: 20px;
  text-indent: -15px;
}
.c_list p span{
    font-size: 30px;
    vertical-align: top;
    font-style: normal;
}

.menu img{
  width: 25px;
  height: 25px;
}
.cont_c img{
  width: 23px;
  height: 23px;
}
/*
.bg_container{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity:0.1;
  background: url(../images/bg_img/digital-branding-1a.svg);
  background-repeat: no-repeat;
  background-size: cover;
}*/


.bg_c{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity:0.1;
  background: url(../images/bg_img/digital-branding-1a.svg);
  background-repeat: no-repeat;
  background-size: cover;

}



.bg_container{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity:0.2;
  right: 0;
  top:0;
  z-index: -1;
}
.bg_container img{
  width: 100%;
  height: 100%;

}

.article_container{
    top: 100px;
    display: block;
    max-height: calc(100% - 100px);
    max-height: -webkit-calc(100% - 100px);
    max-height: -moz-calc(100% - 100px);

    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    right: auto;
    bottom: auto;
    left:0;
    box-sizing: border-box;
}

.clr_gry{
  color:#3d3d3d!important;
}
.h_desc {
    color: #58585b;
    letter-spacing: .01rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.q_desc1,.c_list p {
  color: #58585b;
    letter-spacing: .01rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.article_container .quotes {
    font-style: initial;
    color: #1688CA;
    letter-spacing: .01rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sub_head, .sub_head h2 {
    font-weight: 600;
    color: #58585b;
}

.bg_container img{
  display: none;
}
.h_contentd1 .h_head1 h1,
.h_contentd1 .h_head1{
  margin-top: 0px!important;
}
.desc_list{
  padding: 30px;
  background: #efefef;
}
.list_heading{
  color: #58585b;
    letter-spacing: .01rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 15px;
}

.desc_list .c_list p:last-child,.desc_list .c_list
{
  margin-bottom: 0px;
}
.f_italic{
  font-style: italic;
}
.menu_txt{
  float: left;
  padding: 6px 20px 5px 10px;
  font-size: 14px;
  color: #58585b;
}
.menu{
  
}
#menu_icon{
  border: 1px solid #1688CA;
  padding-right: 5px;
}

/*************Oversized Desktop Media query*************/
@media only screen and (min-width: 1921px) {
  #sn_menu_right #menu_header {
    bottom: 40px;
  }
.article_container{
    width: 70%;
}
.msg_mob{
  right: 30px;
}
.whatsapp_mob{
  right: 80px;
}
ul.sm_header{
  margin-right: 0px;
}

.c_width1{
   width: 100%;
}

.logo {
    margin-left: 70px;
    margin-top: 20px;
}
ul.s_menu li{
  font-size: 13px;
}
.wrapper{
  width: 70%;
  margin: 0;
  padding: 0;
}
 .foneally-pagination li a{
  padding: 10px;
  width: 6px;
  height: 6px;
  display: block;
}
.foneally-pagination li a:before{
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  background: #e35583;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
}
.foneally-pagination li a.active:before{
  width: 12px;
  height: 12px;
  background: #e35583;
  border: 2px solid #e35583;
  margin-top: -4px;
  left: 8px;
}
  .foneally-pagination {
  position: absolute;
  left: 20px;
  top: 40%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.home{
  width: 50%;
  height:100%;
  float: left;
}
.home1{
  width: 100%;
  height:100%;
}
.h_content{
  position: absolute;
  left: 0px;
  bottom: 125px;
  width: 450px;
  padding-left: 150px;
  z-index: 55;
}
.h_content1{
  position: absolute;
  left: 0px;
  right:150px;
  top: 130px;
  width: auto;
  padding-left: 150px;
}
.h_contentd{
  position: absolute;
  left: 0px;
  right:150px;
  top: 50px;
  width: auto;
  padding-left: 150px;
}
.desc_more{
  position: relative;
  bottom: 0px;
  left: 0px;
  top:50px;
  margin-bottom: 100px;
}

.h_more a, .desc_more a {
    width: 140px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.h_head{
  display: none;
}
.h_line {
    width: 50px;
    height: 2px;
    background: #e35583;
    margin: 10px 0 6vh 0;
}
.h_desc {
    max-width: 450px;
    font-size: 18px;
    line-height: 28px;
}
.pb_5{
  margin-bottom: 10vh;
}
.h_more {
    margin-top: 6vh;
}
.h_more a{
  width:150px;
  height:40px;
  line-height:40px;
  font-size: 18px;
}
.bg_h img{
  top:20%;
  width: 378px;
  height: 452px;
}
.bg_h1 img, .bg_desc img{
  top: 130px;
  right: 150px;
  width: 150px;
  height: 150px;
}
.bg_h_contact img{
   top:20%;
  width: 378px;
  height: 452px;
}
.h_animate{
  font-size: 42px;
  width:600px;
}
.h_grp{
    width: 610px;
    height: auto;
    overflow: hidden;
    position: relative;
}
.h_head1, h1, h2{
  font-family: 'robotoregular';
  color: #000;
  font-size: 42px;
}
.menu{
  display: none;
}
.opennav,.closenav{
  width: 30%;
  height: 100%;
  z-index: 5;
  position: fixed;
  right: 0;
  top:0;
  background: #fff;
  transition: all 0.3s; 
  -webkit-transition:all 0.3s;
}

.menu_grp{
  width: 100%;
  height: 100%;
}
.menu_bot{
  width: 100%;
  height: 40px;
}
.cont_footer{
  margin-top: 15px;
}

ul.menu_icon {
    width: 100%;
    margin-left: 80px;
    margin-top: 5px;
}

ul.menu_icon li a{
  margin-right: 10px;
  width: 50px;
  height: 50px;
  font-size: 18px;
  line-height: 48px;
}


.menu_head{
  font-size: 19px;
  color:rgba(46, 46, 46,0.7);
  margin-top: 80px;
  text-align: center;
}
.social{
  margin-top: 20px;
  text-align: center;
}
.short_menu{
   margin-left: 150px;
}
.article_container .quotes{
  font-size: 17px;
  line-height: 26px;

  margin-top: 20px;
  width: 60%;
  margin-bottom: 20px;
}
.sub_head, .sub_head h2{
  font-size: 17px;
  margin-bottom: 4vh;
  margin-top: 8vh;
}
.q_desc{
  font-size: 18px;
  line-height: 24px;
  text-align: justify;
}
.q_desc1{
  font-size: 16px;
  line-height: 25px;
  text-align: left;
  width:100%;
  margin: 10px 0; 
}

#sn_menu_right #sn_menu,.menu_group {
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);

    display: block;
    max-height: calc(100% - 200px);
    max-height: -webkit-calc(100% - 200px);
    max-height: -moz-calc(100% - 200px);

    position: absolute;
    top: 100px;
    right: auto;
    bottom: auto;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0); /* IE 9 */
    -webkit-transform: translate(0, 0); /* Safari */

    overflow: auto;
    overflow-x: hidden !important;
    left: 0px;
    padding-left: 50px;
}
#menu_footer p {
    margin-left: 80px;
}
#sn_menu p a{
  font-size: 22px;
}
#sn_menu div  p a{
  font-size: 20px;
}
#sn_menu div div p a{
  font-size: 18px;
}
#sn_menu div div div p a{
  font-size: 16px;
}
/*footer*/
#footer {
    width: 100%;
    height: 160px;
    background: #1688CA;
    position: relative;
    bottom: 160px;
}
#footer:before {
    border-bottom: 120px solid #1688CA;
    border-left: 1920px solid #f6f6f6;
}

.h_contentd1 {
    /*padding: 10px 150px 10px 150px;*/
}

#footer1:before {
    border-left: 1920px solid #f6f6f6;
}
#footer1 {
    width: calc(100% + 300px);
    width: -webkit-calc(100% + 300px);
    width: -moz-calc(100% + 300px);

    height: 200px;
    left: -150px;
}

#footer1:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    height: 0;
    z-index: 555;
    border-bottom: 100px solid #1688CA;
}


ul.footer_menu{
  list-style-type: none;
  bottom: 20px;
  right: 40px;
  position: absolute;
  z-index: 555;
}
ul.footer_menu li{
   float: left;
  font-size: 13px;
  padding: 10px 5px;
}
aside{
  width: 70%;
}
.menu_hd p{
  margin-left: 80px;
}


/*********** message modal ***********/
.mail_box-content_open,.mail_box-content_close{
  height: 100%;
 z-index: 999;
  position: fixed;
  top: 0;
  background: #fff;
  transition: all 0.5s; 
  -webkit-transition:all 0.5s;
}
.mail_box-content_close {
    width: 30%;
    right: -30%;
}
.mail_box-content_open {
    width: 30%;
    right: 0;
}
.msg{
  width:calc(100% - 180px);
  width:-webkit-calc(100% - 180px);
  width:-moz-calc(100% - 180px);

}
.textmsg {
    width: calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
    width: -moz-calc(100% - 180px);
}

.txt_field{
  width:calc(100% - 180px);
  width:-webkit-calc(100% - 180px);
  width:-moz-calc(100% - 180px);
}
.sub_field{
  width:calc(100% - 160px);
  width:-webkit-calc(100% - 160px);
  width:-moz-calc(100% - 160px);
}

.content_c{
    margin-left: 80px;
}


/*cms style*/
.article_container ol, .article_container ul {
   font-size: 1.4em;
    line-height: 35px;
 } 
.article_container{
    width: 70%;
    padding: 0 150px 0 150px;
}
.para_quotes{
  font-size: 1.4em;
    line-height: 35px;
  }
.c_list p {
    margin: 15px 0;
    line-height: 25px;
    text-indent: -17px;
    font-size: 16px;
}
.social_icon, .social_icon_main,.subscribe{
  width: 50%;
  float: left;
}
#sidenav::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

#sidenav::-webkit-scrollbar
{
  width: 5px;
  height: 5px;
  background-color: #F5F5F5;
}

#sidenav::-webkit-scrollbar-thumb
{
  background-color: #1688CA; 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%,
  transparent 25%,
  transparent 50%,
  rgba(255, 255, 255, .2) 50%,
  rgba(255, 255, 255, .2) 75%,
  transparent 75%,
  transparent)

}
.page_heading {
    margin-left: -82px;
    margin-top: -7px;
  }

}


/*************Desktop Media Query***********************/
@media only screen and (max-width: 1920px) and (min-width: 280px){
.c_list p {
    margin: 15px 0;
    line-height: 25px;
    text-indent: -17px;
    font-size: 16px;
}

.social_icon, .social_icon_main,.subscribe{
  width: 50%;
  float: left;
}


.article_container{
    width: 70%;
}
.msg_mob{
  right: 30px;
}
.whatsapp_mob{
  right: 80px;
}
ul.sm_header{
  margin-right: 0px;
}

.c_width1{
   width: calc(100% - 140px);
   width: -webkit-calc(100% - 140px);
   width: -moz-calc(100% - 140px);

}
.foneally-pagination li a{
  padding: 10px;
  width: 4px;
  height: 4px;
  display: block;
}
.foneally-pagination li a:before{
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: #e35583;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.foneally-pagination li a.active:before{
  width: 10px;
  height: 10px;
  background: #e35583;
  border: 2px solid #e35583;
  margin-top: -4px;
  left: 8px;
}
.wrapper{
  width: 70%;
  margin: 0;
  padding: 0;
}
 .logo {
    margin-left: 50px;
    margin-top: 20px;
}
#sn_menu_right #sn_menu,.menu_group {
    width: calc(100% - 55px);
    width: -webkit-calc(100% - 55px);
    width: -moz-calc(100% - 55px);

    display: block;
    max-height: calc(100% - 180px);
    max-height: -webkit-calc(100% - 180px);
    max-height: -moz-calc(100% - 180px);

    position: absolute;
    top: 80px;
    right: auto;
    bottom: auto;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0); /* IE 9 */
    -webkit-transform: translate(0, 0); /* Safari */

    overflow: auto;
    overflow-x: hidden !important;
    visibility: visible;
    left: 0px;
    padding-left: 55px;
}
#menu_footer p {
    margin-left: 80px;
}
  .foneally-pagination {
  position: absolute;
  left: 20px;
  top: 40%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.home{
  width: 50%;
  height:100%;
  float: left;
}
.home1{
  width: 100%;
  height:100%;
}
.h_content{
  position: absolute;
  left: 0px;
  bottom: 75px;
  width: 450px;
  padding-left: 100px;
  z-index: 55;
}
.h_content1{
  position: absolute;
  left: 0px;
  right:100px;
  top:130px;
  width: auto;
  padding-left: 100px;
}
.h_contentd{
  position: absolute;
  left: 0px;
  right:100px;
  top: 50px;
  width: auto;
  padding-left: 100px;
  padding-bottom: 0;
}

.h_head{
  display: none;
}
.h_line {
    width: 50px;
    height: 2px;
    background: #e35583;
    margin: 10px 0 8vh 0;
}
.h_lined {
    width: 50px;
    height: 2px;
    background: #e35583;
    margin: 10px 0 2vh 0;
}
.h_desc {
    max-width: 450px;
    font-size: 16px;
    line-height: 25px;
}
.pb_5{
  margin-bottom: 0vh;
}
.pb_7{
  margin-bottom: 3vh;
}
.h_more {
    margin-top: 8vh;
}
.h_more a, .desc_more a{
  width:140px;
  height:40px;
  line-height:40px;
  font-size: 16px;
}
.bg_h img{
  top:20%;
  width: 325px;
  height: 386px;
}
.bg_h_contact img{
  top:20%;
  width: 325px;
  height: 386px;
}
.bg_h1 img, .bg_desc img{
  top: 50px;
  right: 100px;
  width: 100px;
  height: 100px;
}
.desc_more{
  margin-top: 20px;

}
.h_animate{
  font-size: 28px;
  width:440px;
}
.h_grp{
    width: 450px;
    height: auto;
    overflow: hidden;
    position: relative;
}
.h_head1, h1, h2{
  font-family: 'robotoregular', 'open sans';
  color: #000;
  font-size: 28px;
  margin-top: 40px;
}
.menu{
  z-index: 0;
  display: none;
}
.opennav,.closenav{
  width: 30%;
  height: 100%;
  z-index: 5;
  position: fixed;
  right: 0;
  top:0;
  background: #fff;
}

.menu_grp{
  width: 100%;
  height: 100%;
}
.menu_bot{
  width: 100%;
  height: 40px;
}
ul.menu_icon{
  width: 260px;
  margin-left: 80px;
  margin-top: 5px;
}

ul.menu_icon li a{
    width: 35px;
    height: 35px;
    font-size: 16px;
    margin-right: 10px;
    line-height: 32px;
}

.menu_head{
  font-size: 19px;
  color:rgba(46, 46, 46,0.7);
  margin-top: 80px;
  text-align: center;
}
.social{
  margin-top: 20px;
  text-align: center;
}
.short_menu{
   margin-left: 102px;
}
.article_container .quotes{
  font-size: 17px;
  line-height: 26px;
  margin-top: 40px;
  margin-bottom: 40px;
  width: 60%;
}

.article-body .quotes{
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  width: 100%;
}


.sub_head, .sub_head h2{
  font-size: 17px;
  margin-bottom: 2vh;
  margin-top: 6vh;
}
.q_desc{
  font-size: 16px;
  line-height: 22px;
  text-align: justify;
}

.q_desc1{
  font-size: 16px;
  line-height: 25px;
  text-align: left;
  width: 100%;
}

.h_contentd1{
     padding: 10px 100px 10px 100px;
}

/*footer*/
#footer:before {
    border-left: 1345px solid #f6f6f6;
}

#footer1:before {
    border-left: 1345px solid #f6f6f6;
}

ul.footer_menu{
  list-style-type: none;
  bottom: 10px;
  right: 10px;
  position: absolute;
}
ul.footer_menu li{
   float: left;
  font-size: 12px;
  padding: 10px 5px;
}
aside{
  width: 70%;
}

.footer_d{
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.menu_hd p{
  margin-left: 80px;
}

/*********** message modal ***********/
.mail_box-content_open,.mail_box-content_close{
  height: 100%;
  z-index: 999;
  position: fixed;
  top: 0;
  background: #fff;
  transition: all 0.5s; 
  -webkit-transition:all 0.5s;
}
.mail_box-content_close {
    width: 30%;
    right: -30%;
}
.mail_box-content_open {
    width: 30%;
    right: 0;
}
#sidenav::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

#sidenav::-webkit-scrollbar
{
  width: 5px;
  height: 5px;
  background-color: #F5F5F5;
}

#sidenav::-webkit-scrollbar-thumb
{
  background-color: #1688CA; 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%,
  transparent 25%,
  transparent 50%,
  rgba(255, 255, 255, .2) 50%,
  rgba(255, 255, 255, .2) 75%,
  transparent 75%,
  transparent)

}
.page_heading {
    margin-left: -53px;
    margin-top: -7px;
  }
}

/*for menu alignment*/
@media only screen and (max-width: 1440px) {
.menu_group {
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);

    padding-left: 30px;
}
.menu_hd p {
    margin-left: 52px;
}
ul.menu_icon {
    width: 260px;
    margin-left: 53px;
    margin-top: 5px;
}
}

/***************Tablet Media Query****************/
@media only screen and (max-width: 1279px) {
  .js_msg{
      position: absolute;
      left: calc(50% - 150px);
      left: -webkit-calc(50% - 150px);
      left: -moz-calc(50% - 150px);

      top: calc(50% + 40px);
      top: -webkit-calc(50% + 40px);
      top: -moz-calc(50% + 40px);

  }


  #loading_cir {
     left: calc(50% - 32px);
     left: -webkit-calc(50% - 32px);
     left: -moz-calc(50% - 32px);

  }

  .article_container{
      width: 100%;
  }
  .msg_mob{
    right: 20px;
  }
  .whatsapp_mob{
    right: 70px;
  }
  ul.sm_header{
    margin-right: 15px;
  }

  .c_width1{
     width: calc(100% - 60px);
     width: -webkit-calc(100% - 60px);
     width: -moz-calc(100% - 60px);

  }
  .sn_menu{
  overflow: scroll;
  }
  .wrapper{
    width: 100%;
    margin: 0;
    padding: 0;
  }
    .foneally-pagination {
    position: absolute;
    left: 20px;
    top: 40%;
    z-index: 5;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .home{
    width: 50%;
    height:100%;
    float: left;
  }
  .home1{
    width: 100%;
    height:100%;
  }
  .logo a img {
      vertical-align: middle;
      width: 30px;
      height: 30px;
  }

  .logo {
      margin-left: 40px;
      margin-top: 22px;
  }
  .h_content{
    position: absolute;
    left: 0px;
    bottom: 75px;
    width: 350px;
    padding-left: 100px;
    z-index: 55;
  }
  .h_content1{
    position: absolute;
    left: 0px;
    right:100px;
    bottom: 100px;
    width: auto;
    padding-left: 100px;
  }

  .h_contentd{
    position: absolute;
    left: 0px;
    top:40px;
    right:100px;
    bottom: 100px;
    width: auto;
    padding-left: 100px;
  }
  .desc_more{
    margin-top: 20px;
  }
  .h_head{
    display: none;
  }
  .h_line {
      width: 50px;
      height: 2px;
      background: #e35583;
      margin: 10px 0 8vh 0;
  }
  .h_desc {
      max-width: 350px;
      font-size: 16px;
      line-height: 20px;
  }
  .pb_5{
    margin-bottom: 12vh;
  }
  .h_more {
      margin-top: 8vh;
  }
  .h_more a, .desc_more a{
    width:120px;
    height:35px;
    line-height:35px;
    font-size: 16px;
  }

  .bg_h img{
    top:20%;
    width: 270px;
    height: 322px;
  }
  .bg_h_contact img{
    top:20%;
    width: 216px;
    height: 258px;
  }
  .bg_h1 img, .bg_desc img{
    top: 50px;
    right: 100px;
    width: 100px;
    height: 100px;
  }
  .h_animate{
    font-size: 28px;
      width:440px;
  }
  .h_grp{
      width: 450px;
      height: auto;
      overflow: hidden;
      position: relative;
  }
  .h_head1, h1, h2{
    font-family: 'robotoregular', 'open sans';
    color: #000;
    font-size: 28px;
  }
  .menu{
    display: block;
    top: 26px;
    right: 30px;
    z-index: 666;
  }
  .cont_c{
    display: block;
    top: 27px;
    right: 35px;
    z-index: 666;
  }

  .opennav{
    width: 36%;
    min-width: 480px;
    right: 0%;
  }
  .closenav{
     width: 36%;
     right: -36%;
  }
  .opennav, .closenav{
    height: 100%;
    z-index: 555;
    position: fixed;
    background: rgba(254,254,254,1);
    transition: all 0.5s; 
    -webkit-transition:all 0.5s;
  }

  .menu_grp{
    width: 100%;
    height: 100%;
  }
  .menu_bot{
    width: 100%;
    height: 40px;
  }
  ul.menu_icon{
    width: 260px;
    margin-left:30px;
    margin-top:10px;
  }

  #sn_menu_right #sn_menu,.menu_group {
      width: calc(100% - 5px);
      width: -webkit-calc(100% - 5px);
      width: -moz-calc(100% - 5px);

      display: block;
      max-height: calc(100% - 180px);
      max-height: -webkit-calc(100% - 180px);
      max-height: -moz-calc(100% - 180px);

      position: absolute;
      top: 80px;
      right: auto;
      bottom: auto;
      transform: translate(0, 0);
      -ms-transform: translate(0, 0); /* IE 9 */
      -webkit-transform: translate(0, 0); /* Safari */

      overflow: auto;
      overflow-x: hidden !important;
      left: 0px;
      padding-left: 5px;
  }
  #menu_footer p{
    margin-left: 30px;
  }
  .menu_header1 .menu_bot{
    height: 40px;
  }

  .menu_head{
    font-size: 19px;
    color:rgba(46, 46, 46,0.7);
    margin-top: 80px;
    text-align: center;
  }
  .social{
    margin-top: 20px;
    text-align: center;
  }
  .short_menu{
     margin-left: 55px;
  }

  .article_container .quotes{
    font-size: 17px;
    line-height: 26px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 60%;
  }
  .sub_head, .sub_head h2{
    font-size: 17px;
    margin-bottom: 15px;
    margin-top: 30px;
  }
  .q_desc{
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
  }
  .q_desc1{
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    width: 100%;
  }

  .h_contentd1{
       padding: 10px 55px 10px 55px;
  }


  /*footer*/
  #footer:before {
      border-left: 1279px solid #f6f6f6;
  }

  #footer1:before {
      border-left: 1279px solid #f6f6f6;
  }
  ul.footer_menu{
    list-style-type: none;
    bottom: 10px;
    right: 10px;
    position: absolute;
  }
  ul.footer_menu li{
    float: left;
    font-size: 12px;
    padding: 10px 5px;
  }
  aside{
    width: 100%;
  }

  .menu_hd p{
    margin-left: 30px;
  }


  /*********** message modal ***********/
  .mail_box-content_open,.mail_box-content_close{
    height: 100%;
    z-index: 999;
    position: fixed;
    top: 0;
    background: #fff;
    transition: all 0.5s; 
    -webkit-transition:all 0.5s;
  }
  .mail_box-content_close {
      width: 35%;
     right: -35%;
  }
  .mail_box-content_open {
    width: 36%;
    min-width: 480px;
    right: 0;
  }
  .cont_footer{
    margin-left: 30px;
  } 

  .content_c{
      margin-left: 30px;
  }


  /*cms style*/
  .w_50{
     width:100%;
    clear:both;
    margin-left: 0px!important;
  }
  .w_33{
     width:100%;
    clear:both;
  }
  .w_25{
     width:50%;
    float:left;
    
  }
  .page_heading {
    font-size: 18px !important;
    margin-left: -18px;
    margin-top: -36px;
  }
}


/**************Smartphone Media Query******************/
@media only screen and (max-width: 1007px) {
.article_container {
    top: 90px;
    max-height: calc(100% - 90px);
    max-height: -webkit-calc(100% - 90px);
    max-height: -moz-calc(100% - 90px);

}
.menu_hd{
  top:15px;
}
.content_c {
    margin-top: 15px;
}


.image_container img{
    width: 216px;
    height: 258px;
}

.c_width1{
   width: calc(100% - 56px);
   width: -webkit-calc(100% - 56px);
   width: -moz-calc(100% - 56px);

}
.s_menu_m{
  display: block;
}
.foneally-pagination {
  position: absolute;
  left: 7px;
  top: 40%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.home{
  width: 50%;
  height:100%;
  float: left;
}
.home1{
  width: 100%;
  height:100%;
}
.logo {
    margin-left: 15px;
/*    margin-top: 15px;*/
    margin-top: 18px;
}
.h_content{
  position: absolute;
  left: 0px;
  bottom: 75px;
  width: 280px;
  padding-left: 50px;
  z-index: 55;
}
.h_content1{
  position: absolute;
  left: 0px;
  right:50px;
  width: auto;
  padding-left: 50px;
}
.h_contentd{
  position: absolute;
  left: 0px;
  top:30px;
  right:50px;
  width: auto;
  padding-left: 50px;
}
.desc_more{
  margin-top: 20px;
}
.h_head{
 display: none;
}
.h_line {
    width: 50px;
    height: 2px;
    background: #e35583;
    margin: 10px 0 6vh 0;
}
.h_desc {
    max-width: 270px;
    font-size: 14px;
    line-height: 20px;
}
.pb_5{
  margin-bottom: 10vh;
}
.h_more {
    margin-top: 6vh;
}
.h_more a, .desc_more a{
  width:100px;
  height:30px;
  line-height:30px;
  font-size: 14px;
}

.bg_h img{
  top:20%;
  width: 216px;
  height: 258px;
}

.h_animate{
  font-size: 21px;
    width:300px;
}
.h_grp{
    width: 300px;
    height: auto;
    overflow: hidden;
    position: relative;
}
.h_head1, h1, h2{
  font-family: 'robotoregular', 'open sans';
  color: #000;
  font-size: 21px;
}
.menu,.cont_c{
  display: block;
/*  top: 15px;*/
  top: 22px;
  right: 15px;
}
.cont_c{
    right: 20px;
}
.opennav{

   width:68%;
   min-width: 45%;
   max-width: 480px;
   right: 0;

}
.closenav{
  right: -51%;
   width: 51%;
}
.opennav,.closenav{
  height: 100%;
  z-index: 555;
  position: fixed;
 background: rgba(254,254,254,1);
  transition: all 0.5s; 
  -webkit-transition:all 0.5s;
}
.menu_grp{
  width: 100%;
  height: 100%;
}
.menu_bot{
  width: 100%;
  height: 40px;
}
ul.menu_icon{
  width: 260px;
  margin-left: 28px;
  margin-top:10px;
}
.menu_header1 .menu_bot{
  height: 33px;
}

ul.menu_icon li a{
  margin-right: 8px;
  font-size: 15px;
  width: 30px;
  height: 30px;
  line-height: 28px;
}


.menu_head{
  font-size: 19px;
  color:rgba(46, 46, 46,0.7);
  margin-top: 80px;
  text-align: center;
}
.social{
  margin-top: 20px;
  text-align: center;
}
.short_menu{
   margin-left:50px;
}
.bg_h1{
  display: block;
}
.bg_desc img{
  display: none;
}

.article_container .quotes{
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-style: initial;
    width: 60%;

}
.sub_head, .sub_head h2{
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 20px;
}
.q_desc{
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
}

.q_desc1 {
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    width: 100%;
}

#sn_menu_right #sn_menu,.menu_group {
    width: calc(100% - 5px);
    width: -webkit-calc(100% - 5px);
    width: -moz-calc(100% - 5px);

    display: block;
    max-height: calc(100% - 145px);
    max-height: -webkit-calc(100% - 145px);
    max-height: -moz-calc(100% - 145px);

    position: absolute;
    top: 60px;
/*
    max-height: calc(100% - 180px);
    position: absolute;
    top: 80px;*/
    right: auto;
    bottom: auto;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0); /* IE 9 */
    -webkit-transform: translate(0, 0); /* Safari */

   overflow: auto;
    overflow-x: hidden !important;
    left: 0px;
    padding-left: 5px;
  
}
#menu_footer p{
  margin-left: 28px;
  margin-top: 5px;
}

#sn_menu_right #menu_header {
    bottom: 19px;
}

#sn_menu_right #sn_menu p a{
  width: 100%;
  z-index: 555;
  display: inline-block;
}
#sn_menu_right #sn_menu p a{
  width: 100%;
  z-index: 555;
  display: inline-block;
}

/*footer*/
#footer:before {
    border-left: 1007px solid #f6f6f6;
}
#footer1:before {
    border-left: 1007px solid #f6f6f6;
}
ul.footer_menu{
  list-style-type: none;
  bottom: 10px;
  right: 10px;
  position: absolute;
}
ul.footer_menu li{
  float: left;
  font-size: 12px;
  padding: 10px 5px;
}

.mobile_desc{
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: scroll;
}

.menu_hd p{
  margin-left: 28px;
}

/**********message modal*********/
.mail_box-content_open,.mail_box-content_close{
  height: 100%;
  z-index: 999;
  position: fixed;
  top: 0;
  background: #fff;
  transition: all 0.5s; 
  -webkit-transition:all 0.5s;
}
.mail_box-content_close {
    right: -51%;
    width: 51%;
}
.mail_box-content_open {
  width:68%;
  min-width: 45%;
  max-width: 480px;
  right: 0;
}
.content_c{
    margin-left: 28px;
}

.cont_footer{
  margin-left: 28px;
} 

/*********blog**********/
.blog_search {
    margin: 0 100px;
    min-width: 250px;
    overflow: auto;
    margin-top: 50px;
}

.blog_search .submit_art {
    width: 40px;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #ccd1d8;
    border-left: none;
    background: white;
    background-image: url(../images/search.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: all 0.3s;
    background-color: #FFF200;
}

.blog_search input[type=text] {
    padding: 10px;
    font-size: 17px;
    height: 40px;
    border: 1px solid #ccd1d8;
    float: left;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);

    box-sizing: border-box;
    text-align: left;
    letter-spacing: 1px;
}

.blog_search button {
    height: 60px;
    box-sizing: border-box;
    float: left;
    width: 60px;
    padding: 10px;
    background: #fff;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
}
.blog_search img{
  width: 30px;
}
.most_view{
  margin: 10px;
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);

  overflow: auto;
}
.w_50{
  width: 100%;
  clear: both;
}

.w_100 .w_50:nth-child(1){
  margin-right: 0px;
}
.w_100 .w_50:nth-child(2){
  margin-left: 0px;
}



.art_grp{
  border-bottom: 1px solid #CCD1D8;
  padding: 10px 15px 15px 15px;
  height: 140px;
  margin-right: 0px;
}
.art_grp1{
  border-bottom: 1px solid #CCD1D8;
  padding: 10px 15px 15px 15px;
  height: 140px;
  margin-left: 0px;
}
.most_head{
 margin-top: 50px; 
}

/*cms style*/
.subscribe input.sub_input{
  width: 150px;
}
.social_width{
  width: 495px;
}

.c_list p {
    margin: 15px 0;
    line-height: 20px;
    text-indent: -15px;
    font-size: 13px;
}

ul.sm_header {
    margin-right: 6px;
}
ul.sm_header li:nth-child(1) {
    padding: 0 7px 0 3px;
}
ul.sm_header li:nth-child(2) {
    padding: 0 7px 0 0;
}
.page_heading {
  font-size: 18px !important;
    margin-left: -36px;
    margin-top: -40px;
  }
}


/************For Mobile Media Query*****************/
/*Social header*/
@media only screen and (max-width: 430px) {
ul.sm_header li:nth-child(1){
   display: none;
}
ul.sm_header li:nth-child(2){
   display: none;
}
ul.sm_header li:nth-child(3){
   display: none;
}
ul.sm_header li:nth-child(4){
   display: none;
}
ul.sm_header li:nth-child(5){
   display: none;
}
ul.sm_header li:nth-child(6){
   display: none;
}
}

/*Mobile Portrait*/
@media only screen and (max-width: 580px) {
ul.sm_header li:nth-child(1){
  display: none;
}
ul.sm_header li:nth-child(2){
  display: none;
}
ul.sm_header li:nth-child(3){
   display: none;
}
ul.sm_header li:nth-child(4){
   display: none;
}
}

/*Mobile Landscape*/
@media only screen and (max-width: 610px) {
ul.sm_header li:nth-child(1){
  display: none;
}
ul.sm_header li:nth-child(2){
  display: none;
}
ul.sm_header li:nth-child(3){
   display: none;
}
ul.sm_header li:nth-child(4){
   display: none;
}
}




/*Mobile Portrait*/
@media only screen and (max-width: 640px) {
ul.sm_header li:nth-child(1){
  display: none;
}
ul.sm_header li:nth-child(2){
  display: none;
}
}

/*Mobile Portrait*/
@media only screen and (max-width: 680px) {
ul.sm_header li:nth-child(1){
  display: none;
}
}




@media only screen and (max-width: 599px) and (min-width: 280px) {

.article_container {
    top: 100px;
    max-height: calc(100% - 100px);
    max-height: -webkit-calc(100% - 100px);
    max-height: -moz-calc(100% - 100px);

}

.desc_list {
    padding: 15px;
    background: #efefef;
}

.short_menu{
/*  margin-top: 55px;*/
  margin-top: 60px;
}

.menu_hd{
  top:12px;
}
.content_c {
    margin-top: 12px;
}


ul.sm_header {
    margin-right: 7px;
}

ul.sm_header li:nth-child(1) {
    padding: 0 0px 0 10px;
}
ul.sm_header li {
    padding: 0 5px;
}


.bg_container{
  position: absolute;
  width: 270px;
  height: 280px;
  opacity:0.2;
  right: 0;
  top:0;
}

.image_container{
  float: none;
  text-align: center;
  padding: 10px;
}


ul.sm_header li:nth-child(1){
   display: none;
}
ul.sm_header li:nth-child(2){
   display: none;
}

/*cms style*/
.mobile_nav{
      width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
}

.para_quotes{
    margin: 20px 0;
}
.create_date {
  float: none;
  clear: both;
    margin-top: 30px;
}  
#footer1 ul li{
  margin: 0 0; 
  line-height: 0px;
}

.social_width{
  width: 250px;
}
.subscribe input.sub_input{
  width: 130px;
}


h1.art_head {
    margin-top: 50px;
}
.social_icon_main, .subscribe{
  width: 100%;

}

.social_header{
  font-size: 14px;
}
.article_container{
    width: 100%;
    padding: 0;
}
.menu_group div div {
    margin-left: 12px;
}
.page_heading {
  font-size: 18px !important;
    margin-left: -7px;
    margin-top: -35px;
}
}

@media only screen and (max-width: 700px) {
.opennav {
    width: 68%;
    max-width: 480px;
    min-width: 58%;
    right: 0;

}
.closenav {
    right: -58%;
    width: 58%;
}
.mail_box-content_open {
    width: 68%;
    max-width: 480px;
    min-width: 58%;
    right: 0;
}
.mail_box-content_close {
    right: -58%;
    width: 58%;
}


}
@media only screen and (max-width: 645px) {

.menu_group div p{
   font-size: 16px;
}
.menu_group div div p{
  font-size: 14px;
}
.menu_group div div div  p{
  font-size: 12px;
}

ul.sm_header li:nth-child(1){
   display: none;
}

}


@media only screen and (max-width: 599px){
.cont_c{
/*  top: 15px;
  right: 12px;*/
  top: 23px;
  right: 17px;

}

.c_width1{
    margin: 0 auto;
    width:80%;
}
.menu_hd p{
  margin-left: 22px;
}

.s_menu_m{
  display: block;
}
.foneally-pagination {
  position: absolute;
  left: 0px;
  top: 40%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.home{
  width: 50%;
  height:100%;
}
.home1{
  width: 100%;
  height:100%;
}
.logo {
    margin-left: 10px;
    /*margin-top: 10px;*/
    margin-top: 18px;
}
.h_content{
  position: absolute;
  left: 0px;
  bottom: 75px;
  width: 285px;
  padding-left: 25px;
  z-index: 55;
}
.h_content1{
  position: absolute;
  left: 0px;
  right:25px;
  top: 120px;
  width: auto;
  padding-left: 25px;
}
.h_contentd{
  position: absolute;
  left: 0px;
  right:25px;
  top: 40px;
  width: auto;
  padding-left: 25px;
}
.desc_more{
  
  margin-top: 50px;
  }
  
.h_head{
  display: none;
}
.h_line {
    width: 50px;
    height: 2px;
    background: #e35583;
    margin: 10px 0 4vh 0;
}
.h_desc {
    max-width: 250px;
    font-size: 13px;
    line-height: 20px;
}
.pb_5{
  margin-bottom: 10vh;
}
.h_more {
    margin-top: 4vh;
}
.bg_h img{
  top:17%;
  width: 180px;
  height: 180px;

}
.bg_h_contact img{
  display: none;
}
.h_animate{
  font-size: 21px;
  width:300px;
}
.h_grp{
    width: 300px;
    height: auto;
    overflow: hidden;
    position: relative;
    margin:0 auto;
}
.h_head1, h1, h2{
  font-family: 'robotoregular';
  color: #000;
  font-size: 19px;
}
.menu{
  display: block;
}
.opennav{
  width: 100%;
  max-width: 420px;
  min-width: 280px;
  right: 0;
}
.closenav{
  width: 310px;
  right: -310px;
}
.opennav,.closenav{
  height: 100%;
  z-index: 555;
  position: fixed;
  background: rgba(254,254,254,1);
  transition: all 0.5s; 
  -webkit-transition:all 0.5s;
}
.menu_grp{
  width: 100%;
  height: 100%;
}
.menu_bot{
  width: 100%;
  height: 40px;
}
.menu_header1 .menu_bot{
  height: 30px;
}
ul.menu_icon{
  width: 260px;
  margin-left: 22px;
  margin-top: 10px;
}
ul.menu_icon li a{
  margin-right: 8px;
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 23px;
}

.menu_head{
  font-size: 19px;
  color:rgba(46, 46, 46,0.7);
  margin-top: 80px;
  text-align: center;
}
.social{
  margin-top: 20px;
  text-align: center;
}
.h_nav{
  font-size: 10px;
}
.short_menu{
   margin-left: 15px;
}
ul.s_menu li{
  font-size: 10px;
}
.menu{
/*  top: 15px;*/
  top: 22px;

  right: 12px;
}
.bg_h1 img{
  float: right;
  width: 80px;
  height: 80px;
}
.bg_desc img{
  display: none;
}
.bg_h1{
  display: block;
}
/*description page*/
.article_container .quotes{
  font-size: 14px;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 80%;
}
.sub_head, .sub_head h2{
  font-size: 14px;
  margin-bottom: 15px;
}
.q_desc{
  font-size: 12px;
  line-height: 18px;
  text-align: justify;
}
.q_desc1{
  font-size: 13px;
    line-height: 20px;
    text-align: left;
    width: 100%;
}

.h_contentd1{
     padding: 10px 15px 10px 15px;
}

#sn_menu_right #sn_menu,.menu_group {
    width: 100%;
    display: block;
    max-height: calc(100% - 145px);
    max-height: -webkit-calc(100% - 145px);
    max-height: -moz-calc(100% - 145px);

    position: absolute;
    top: 60px;
    right: auto;
    bottom: auto;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0); /* IE 9 */
    -webkit-transform: translate(0, 0); /* Safari */

    overflow: auto;
    overflow-x: hidden !important;
    left: 0px;
    padding-left: 0px;
    
}
#menu_footer p{
  margin-left: 25px;
}

#sn_menu_right #sn_menu p a{
  width: 250px;
  z-index: 555;
  display: inline-block;
}
#sn_menu_right #sn_menu p a{
  width: 250px;
  z-index: 555;
  display: inline-block;
}
#sn_menu div  p a{
  font-size: 16px;
}
#sn_menu div div p a{
  font-size: 14px;
}
#sn_menu div div div p a{
  font-size: 12px;
}


/*footer*/
#footer:before {
    border-left: 600px solid #f6f6f6;
}
#footer1:before {
    border-left: 600px solid #f6f6f6;
}
ul.footer_menu{
  list-style-type: none;
  bottom: 10px;
  right: 10px;
  position: absolute;
}
ul.footer_menu li{
  float: left;
  font-size: 12px;
  padding: 10px 5px;
}
.mobile_desc{
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: scroll;
}

/**********message modal*********/
.mail_box-content_open,.mail_box-content_close{
  height: 100%;
  z-index: 999;
  position: fixed;
  top: 0;
  background: #fff;
  transition: all 0.5s; 
  -webkit-transition:all 0.5s;
}
.mail_box-content_close {
    width: 310px;
    right: -310px;
}
.mail_box-content_open {
    width: 100%;
    max-width: 420px;
    min-width: 280px;
    right: 0;
}
.content_c{
    margin-left: 22px;
}
.cont_footer{
    margin-left: 22px;
}

#sn_menu_right #menu_header {
    bottom: 16px;
}


/**************blog*********/
.blog_search {
    margin: 0 20px;
    min-width: 250px;
    overflow: auto;
    margin-top: 50px;
}

.blog_search input[type=text] {
    padding: 10px;
    font-size: 17px;
    height: 40px;
    border: 1px solid #ccd1d8;
    float: left;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);

    box-sizing: border-box;
    text-align: left;
    letter-spacing: 1px;
}

.blog_search button {
    height: 60px;
    box-sizing: border-box;
    float: left;
    width: 60px;
    padding: 10px;
    background: #fff;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
}
.blog_search img{
  width: 30px;
}


}

@media only screen and (max-width: 279px) {
  body{
    overflow: auto !important;
  }
  .bg_h img {
    top: 17%;
    width: 180px;
    height: 180px;
  }
  .wrapper{
    min-width: 280px;
    position: relative;
  }
  #footer,#footer1{
    max-width: 280px !important;
    overflow: hidden;
    left: 0;
  }
  .h_content{
    max-width: 280px !important;
    overflow: hidden;
    padding-left: 0;
  }
  .h_grp,.sub_head{
    width: 100%;
    max-width: 255px;
    margin-left: 25px;
  }
  .h_animate{
    width: 100%;
    max-width: 280px;
    word-break: break-word;
  }
  .h_desc,.h_line,.h_more,.h_head1{
    margin-left: 25px;
  }
  .fullpage-wrapper,.menu_grp,.menu_group{
    min-width: 280px;
  }
  .opennav{
    width: 100%;
    overflow-x: auto;
    position: relative;
  }
  .article_container{
    top: 100px;
    max-width: 280px;
    overflow-x: hidden;
  }
  .menu,.logo,.short_menu,.msg_mob,aside{
    position: absolute;
  }
  .menu_group div div {
    margin-left: 12px;
  }
  .page_heading {
    font-size: 18px !important;
    margin-left: -7px;
    margin-top: -40px;
  }
}

/*Mobile Landscape 420*/
@media only screen and (max-height: 420px) {

.foneally-pagination {
  position: absolute;
  left: 0px;
  top: 20%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}

.short_menu{
  display: none;
}  
}


@media (max-height: 550px) and (max-width: 480px) {
  .bg_h img {
    top: 13%;
    width: 150px;
    height: 150px;
}

.h_desc {
    max-width: 300px;
    font-size: 13px;
    line-height: 20px;
}



}
/*Mobile Landscape 420*/
@media (max-height: 480px) and (max-width: 479px) {
.foneally-pagination {
  position: absolute;
  left: 0px;
  top: 20%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}

.h_content{
  position: absolute;
  left: 0px;
  bottom: 65px;
  width: 400px;
  padding-left: 25px;
  z-index: 55;
}

.bg_h img {
    top: 17%;
    width: 98px;
    height: 119px;
}


.h_desc {
    max-width: 275px;
    font-size: 13px;
    line-height: 20px;
}

/*.h_animate {
    font-size: 18px;
    width: 300px;
}

.h_head1, h1, h2 {
    font-size: 18px;
}
*/

.h_grp{
    width: 300px;
    height: auto;
    overflow: hidden;
    position: relative;
    margin:0 auto;
    margin-left: 0;
}


.h_animate{
  padding-right: 10px;
  font-size: 19px;
  width:300px;
}
.h_content1{
  left: 0px;
  right:25px;
  width: auto;
  padding-left: 25px;
  top:75px;
}

.h_contentd{
   position: absolute;
  left: 0px;
  right:25px;
  width: auto;
  padding-left: 25px;
  top: 30px;
  display: block;
}
.desc_more{
  top: 20px;
}


}






/*Mobile Portrait*/
@media only screen and (min-width: 600px) {
.t_cont {
    font-family: 'robotoregular', 'open sans';
    margin-top: 20px;
    width: 300px;
    float: right;
    margin-right: 75px;
}

.t_cont p {
  height: 26px;
  font-size: 13px;
}

.t_cont p svg{
  text-decoration: none;
  color: #000;
  width:15px;
  height: 15px;
}

}


/*Mobile Portrait*/
@media only screen and (max-width: 360px) {
  .t_cont p a:nth-child(1){
    display: none;
  }
  .t_cont {
    width: 80px;
    margin-top: 18px;
    margin-right: 58px;
}
#divider{
  display: none;
}

}

@media only screen and (max-height: 860px) {
.msg {
    height: 40vh;
}

  ::-moz-placeholder { 
    /*line-height:36vh;*/
      /*text-align: center;*/
}
::-webkit-input-placeholder { 
    /*line-height:36vh;*/
      /*text-align: center;*/
}
:-ms-input-placeholder { 
    /*line-height:36vh;*/
      /*text-align: center;*/
}


}

@media only screen and (max-height: 640px) {

.msg {
    height: 30vh;
}

  ::-moz-placeholder { 
    /*line-height:26vh;
      text-align: center;*/
}
::-webkit-input-placeholder { 
    /*line-height:26vh;
      text-align: center;*/
}
:-ms-input-placeholder { 
    /*line-height:26vh;
      text-align: center;*/
}

}


@media only screen and (max-height: 550px) {

.msg {
    height: 20vh;
}

  ::-moz-placeholder { 
    /*line-height:18vh;
      text-align: center;*/
}
::-webkit-input-placeholder { 
    /*line-height:18vh;
      text-align: center;*/
}
:-ms-input-placeholder { 
    /*line-height:18vh;
      text-align: center;*/
}

}




@media only screen and (max-height: 490px) {

.msg {
    height: 10vh;
}

  ::-moz-placeholder { 
    /*line-height:8vh;
      text-align: center;*/
}
::-webkit-input-placeholder { 
    /*line-height:8vh;
      text-align: center;*/
}
:-ms-input-placeholder { 
    /*line-height:8vh;
      text-align: center;*/
}

}



@media only screen and (max-height: 430px) {
.center1{
    z-index: 5;
    display: block;
    max-height: calc(100% - 160px);
    max-height: -webkit-calc(100% - 160px);
    max-height: -moz-calc(100% - 160px);

    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */

    overflow:scroll; 
    overflow-x: hidden;
    width: 100%;
}

.msg{
  height: 40px;
  resize: none;
  border: 2px solid  #FFF200;
  border-radius: 3px;
  font-size: 14px;
  margin-top: 28px;
  text-align: left;
  padding:10px; 
  color: #000;
  letter-spacing: 1px;
}

::-moz-placeholder { 
    
      font-size: 14px;
      font-family: 'robotoregular';
}
::-webkit-input-placeholder { 
   
      font-family: 'robotoregular';
      font-size: 14px;
}
:-ms-input-placeholder { 
    
      font-size: 14px;
      font-family: 'robotoregular';
}

}





/*Mobile Landscape 240*/
@media only screen and (max-height: 360px) {
  .bg_h{
    display: block;
  }

.h_content {
    position: absolute;
    left: 0px;
    bottom: 40px;
    width: 350px;
    padding-left: 25px;
    z-index: 55;
}
.h_desc {
    max-width: 90%;
    font-size: 12px;
    line-height: 18px;
}
.h_grp {
    margin-left: 0;
}

.h_animate {
    font-size: 18px;
    width: 300px;
}

.h_head1, h1, h2 {
    font-size: 18px;
}


}

/*Mobile Landscape 240*/
@media only screen and (max-height: 320px) {
  .bg_h{
    display: none;
  }

.h_content {
    position: absolute;
    left: 0px;
    bottom: 40px;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);

    padding-left: 25px;
    z-index: 55;
}
.h_desc {
    max-width: 90%;
    font-size: 12px;
    line-height: 18px;
}
.h_grp {
    margin-left: 0;
}

.h_animate {
    font-size: 18px;
    width: 300px;
}

.h_head1, h1, h2 {
    font-size: 18px;
}

}

/*safari*/
@media not all and (min-resolution:.001dpcm) {  
@media {
  #footer:before,#footer1:before{
    display: block;
    -webkit-transform-style: preserve-3d; 
    -webkit-transform: rotateZ(0.5deg);
  }
}
}