@charset "utf-8";
/* CSS Document */
* {
	-moz-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
body {background:#f6f6f6; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; padding:0px; margin:0px;}
a { text-decoration:none;}
.carouselA img { width:100%;}
header img { -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.headText a { color:#fff !important;}
.headTextB {color:#fff !important;	}
.error { border:2px solid red !important;}
.platinumOne h3 { background: rgb(178, 180, 190) none repeat scroll 0% 0% !important;}
.basicOne h3 { background: rgb(88, 196, 160) none repeat scroll 0% 0% !important;}
.goldOne h3 {background: rgb(248, 185, 6) none repeat scroll 0% 0% !important; }
.platinumFooter  { background: rgb(178, 180, 190) none repeat scroll 0% 0% !important;}
.basicFooter { background: rgb(88, 196, 160) none repeat scroll 0% 0% !important;}
.goldFooter  {background: rgb(248, 185, 6) none repeat scroll 0% 0% !important; }
.headPrice h3  { border-bottom: 0 none !important; padding: 10px 0 !important; text-transform:capitalize; text-shadow: 1px 1px 0 #4d7930;}
.pricingOne { border-radius:10px; overflow:hidden;}
.headPrice h4.big { font-size: 65px;padding: 30px;}
.headPrice h4 {background: #fbfef2 none repeat scroll 0 0;border-bottom: 1px solid #f5f9e7;color: #bac39f;font-size: 30px;font-weight: 300; padding: 5px 0;}
.headPrice h4 i {font-size: 17px;font-style: normal;position: relative;top: -8px;}
.headPrice h4 span {font-size: 14px;font-style: normal;position: relative;top: -10px;}
.headPrice h3 span, .headPrice h4 span { display: block; font-size: 14px;margin-top: 5px;border-bottom:}
.pricingOne h3, .pricingOne .yellow-crusta.btn {background: #90af5a none repeat scroll 0 0;font-weight:normal !important;}
.pricing-footer {color: #777;font-size: 11px;line-height: 17px;min-height: 60px;padding: 0 20px 19px;text-align: center;background:none;}
.yellow-crusta.btn { background-color: #f3c200;color: #ffffff;}
.single_plan h4 { font-size: 107px !important;padding-bottom: 20px !important;padding-top: 20px !important;}
.top_header {  height: 100%;
    margin: 0 auto;
    max-width: 1250px;
    min-width: 950px;

}
  
#main_tstm {
   bottom: 0px;

    width: 100%;
  background:-moz-linear-gradient(top,rgba(0,0,0,0.0),rgba(0,0,0,0.6));background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.0)),to(rgba(0,0,0,0.6)));filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#00000000,EndColorStr=#99000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#99000000)"
}

#main_tstm .home_review{ width:auto; padding:0px 0; border:0px;  float:none; margin:0 0 0 0px; position:relative; overflow:hidden;
  background:none;
  border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
 }
#quotes .quote {
    color: #FFFFFF;
    font-size: 22px;
    line-height: 50px;
    margin: auto;
    overflow: hidden;
    padding:15px 0 15px;
    text-align: center;
    white-space: nowrap;
    width: 94%;
}
  
#quotes .quote .qb {
    font-size: 40px;
}
#quotes .quote {
    color: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
}

#quotes .quote .q2 {
    font-size: 14px;
    margin-left: 15px;
}
.logo_wrapper { position:relative;}
.logo_wrapper .logo { position:absolute; left:0px; }
.top_header .main-nav ul {
    height: 100%;
    list-style: none outside none;
 margin: 0 0 0 67px;
    padding: 0;
  float:left;
}
.top_header .main-nav ul li { display:inline-block; font-size:15px; text-transform:uppercase; color:#929292; 
font-family: 'Open Sans', sans-serif;  margin: 5px 6px; padding:0px;}
.main-nav { margin-left: 123px;}
.top_header .main-nav ul li a {color: #fff;
    font-size: 14px;
  padding: 10px 7px;
    font-weight: 400;
  font-family: 'Open Sans', sans-serif;
    text-transform: uppercase; display:inline !important;
    transition: all 0.3s ease 0s;}
 #main_header:hover .top_header .main-nav ul li a, #main_header.active .main-nav ul li a {color: #626263;}
.top_header .main-nav ul li:hover a { color:#55bdec;}
.top_header .main-nav ul li a div {
    height: 60px;
    line-height: 60px;
    padding: 0 5px;
}

#main_header.fixed {
    left: 0;
    position: fixed;
    top: 0;
}
#main_header {
    background: url(../images/bodyBgnew.png) repeat-x top center transparent;
    clear: both;
    color: #fff;
    display: block;
    height: 60px;
    position: relative;
    width: 100%;
    z-index: 999;
}
#main_header:hover, #main_header.active {
      background: url(../images/bodyBgnew.png) repeat-x top center #FFF;
    border-bottom: 1px solid #BEBEBE;
    color: #626263;
   
}
#main_header.trns {
    transition: all 0.4s ease 0s;
}

#hdr_user_box {
    float: right;
    position: relative;
    z-index: 9999;
}

#hdr_user_box .top_login_btn {
    float: right;
     margin-right: 0px;
}
#hdr_user_box .top_login_btn a {
   background: rgba(0,0,0,0.2) none repeat scroll 0 0;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 300;
    padding: 11px 25px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 27px;
  font-family: "GillSansMTRegular";
}
#main_header:hover .top_header #hdr_user_box .top_login_btn a,  #main_header.active .top_header #hdr_user_box .top_login_btn a  {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #3CC3D2;
    border-radius: 4px;
    color: #45ACBD;}
.button-turquoise {
    background: none repeat scroll 0 0 #108ec9;
    color: #FFFFFF;
  border:1px solid #28aae9;
  box-shadow:none !important;
}

#hdr_user_box .btn_create_movie {
   left: -160px;
    position: absolute;
    top: 15px;
}

#hdr_user_box .btn_create_movie .button {
  color: #ffffff;
    font-size: 17px;
    height: 40px;
    letter-spacing: 0.5px;
    line-height: 42px;
    padding: 0;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
    width: 150px;}
#hdr_user_box .btn_create_movie .button small{ clear: both;
    color: #d5efef;
    display: block;
    font-size: 11px;
    line-height: 6px;}
.button {
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 300;
    height: 30px;
    letter-spacing: 1px;
    line-height: 30px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}
@media only screen and (max-width:1120px) and (min-width:1085px) {
  
#hdr_user_box .top_login_btn { margin-right: 10px;}
#hdr_user_box .btn_create_movie {left: -147px;}
#hdr_user_box .btn_create_movie .button{ width: 140px;}
#hdr_user_box .btn_create_movie .button small { letter-spacing:0px;}
   
   }
   
  @media only screen and (max-width:995px) and (min-width:960px){#hdr_user_box .top_login_btn { margin-right: 10px;}
#hdr_user_box .btn_create_movie {left: -147px;}
#hdr_user_box .btn_create_movie .button{ width: 140px;}
#hdr_user_box .btn_create_movie .button small { letter-spacing:0px;}
   
   }
    @media only screen and (max-width:365px) and (min-width:318px){#hdr_user_box .top_login_btn { margin-right: 10px;}
#hdr_user_box .btn_create_movie {left: -147px !important;}
#hdr_user_box .btn_create_movie .button{ width: 140px  !important;}
#hdr_user_box .btn_create_movie .button small { letter-spacing:0px  !important;}
   
   }
#page, #main_wrap, .about_cont {
    padding-top: 60px;
}
.main_wrap {
    min-width: 1024px;
}
.main_container {
    height: 567px !important;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
}
.full_back_img {
    height: 200%;
    left: -50%;
    position: fixed;
    top: 60px;
    width:170%;
}
#main_panel_container {
    height: 100%;
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
    width: 100%;
}

.full_back_img img {
    border: 0 none;
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
    right: 0;
    top: 0;
}

#main_panel {
    box-sizing: border-box;
    height: 100%;
    padding-left: 50px;
    position: relative;
}

#main_title {
    color: #FFFFFF;
    display: none;
    font-size: 40px;
font-weight:300;
    line-height: 48px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
font-family: 'Open Sans', sans-serif;
}
#main_btn {
    position: relative;
}

#main_btn a {
    background-color: #108EC9;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.28), 0 1px 0 rgba(255, 255, 255, 0.28) inset;
  font-size:22px;
    color: #FFFFFF;
    display: block;
    font-weight: 300;
    height: 75px;
    letter-spacing: 1px;
    line-height: 75px;
    margin-top: 30px;
    text-shadow:none;
    width: 200px;
}

.logo_wrapper .logo {
    top: 2px !important;
}
#main_btn .itsfree {
      background: url("../images/its_free.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    bottom: -50px;
    height: 46px;
    left: 100px;
    position: absolute;
    width: 138px;
  
}

#main_top {
    color: #FFFFFF;
    position: relative;
    top: 33%;
}
.multi_wrpp {  margin-left: 250px;
    margin-top: 7px;}
.multi {
    background: url("../images/multi_icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);
  margin-right:8px;
       height: 46px;
 float:left;
  width: 50px;
  opacity:0.53;
}
.multi:hover { opacity:100;
  }
  .multi p{   clear: both;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    margin-top: 49px;
    text-align: center;
    width: 100%;}
.multi_wrpp .apple { background:url("../images/multi_icon.png") no-repeat scroll 0px 0 rgba(0, 0, 0, 0); width:40px;}
.multi_wrpp .android { background:url("../images/multi_icon.png") no-repeat scroll -46px 0 rgba(0, 0, 0, 0)}
.multi_wrpp .blackberry {  background: url("../images/multi_icon.png") no-repeat scroll -102px 0 rgba(0, 0, 0, 0);
    width: 61px;}
.multi_wrpp .windos { background: url("../images/multi_icon.png") no-repeat scroll -170px 0 rgba(0, 0, 0, 0);
    width: 54px;}
  .multi_wrpp .kindle { background: url("../images/multi_icon.png") no-repeat scroll -225px 0 rgba(0, 0, 0, 0);
    width: 43px;}
  
#press {
    background-color: #FFFFFF;
    height: 96px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}
#press a {
   display: inline-block;
   float: left;
   width: 100%;
}
.press-icon { display: block;
   margin: 0 auto;
   width:1200px;
}
  
  
  
.recent-client-bg {
    background: url("../images/banner-bottom1-bg.png") repeat-x scroll left bottom #f6f6f6 !important; margin-bottom:0px !important;}
/*footer { background: url("../images/body-bg.jpg") repeat scroll left top rgba(0, 0, 0, 0);}*/




/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

nav {

    font-weight: bold;
    float:left;
  position: relative;
    margin-top: 11px;
}
nav ul {
  padding: 0;
  margin: 0 auto;
  height: 40px;
}
nav li {
  display: inline;
  float: left;
}
nav a {
  color: #fff;

  width: 100px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
}
nav li a {
  
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
nav li:last-child a {
  border-right: 0;
}
nav a:hover, nav a:active {

}
nav a#pull {
  display: none;
}
#mpart-container { width:100% !important;}

#mobilenav {
   
    position: absolute;
   
    top: 40px;
    width: 100%;
}
body > #wrapper-main { height:inherit !important;}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
  nav { 
      height: auto;
    }
    nav ul {
      width: 100%;
      display: block;
      height: auto;
    }
    nav li {
      width: 50%;
      float: left;
      position: relative;
    }
    nav a {
      text-align: left;
      width: 100%;
      text-indent: 25px;
    }
  .top_header { max-width: inherit;
    min-width: inherit;
    width: 100%;}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
  nav {
    border-bottom: 0;
  }
  nav ul {
    display: none;
    height: auto;
  }
  nav a#pull {
    display: block;
    background-color: #108ec9;
    width: 100%;
    position: relative;
  }
  nav a#pull:after {
    content:"";
    background: url('../images/nav-icon.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 10px;
  }
.top_header { max-width: inherit;
    min-width: inherit;
    width: 100%;}
.create_appp_btn{display:none !important;}	
}

/*Smartphone*/
@media only screen and (max-width : 320px) {

.full_back_img img  { width:100%;}

.top_header { max-width: inherit;
    min-width: inherit;
    width: 100%;}

#hdr_user_box .top_login_btn {
    margin-right: 9px;
}


#hdr_user_box .top_login_btn input {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #45ACBD;
    font-size: 13px;
    padding: 7px 6px;
    top: 12px;
}


#hdr_user_box .btn_create_movie .button { width: 90px;}
#hdr_user_box .btn_create_movie {
    left: -97px;}
  
#main_btn a {
    margin: 20px auto auto;
    width: 240px;
}

#main_panel { padding:0px;}
#main_title { text-align:center;}
#main_panel_container {
    height: 460px;}
  
#main_btn .itsfree {
  
    bottom: -50px;
      left: 100px;
  
  }
  
.logo_wrapper .logo {
    left: 4px;
    top: 1px !important; }
  .logo_wrapper .logo img {
    width: 51px !important;
}
.multi_wrpp {
    margin-left: 20px;
    margin-top: 64px;
}

}
@media only screen and (max-width : 360px) { .full_back_img img  { width:100%;} #main_btn .itsfree { background:url("../images/its_free_device.png") no-repeat scroll center top rgba(0, 0, 0, 0) }}
@media only screen and (max-width :320px), screen and (max-width: 640px){ 
p.menu_head {
    background: url("../images/menu-icon.png") no-repeat scroll 99% center #108EC9 !important;

}
.logo_wrapper .logo {
    left: 4px;
    top: 1px !important; }
  .logo_wrapper .logo img {
    width: 51px !important;
}

  #quotes .quote {
    font-size: 18px;
    line-height: 0px;
    text-align: center;
    white-space: pre-wrap;
}
.multi_wrpp {
    margin-left: 20px;
    margin-top: 64px;
}
}

@media only screen and (max-width:960px) { /*.logo img { width:160px !important;*/  .logo_wrapper .logo {
    left: 4px;
    top: 1px !important; }
  .logo_wrapper .logo img {
    width: 51px !important;
}
.top_header { max-width: inherit;
    min-width: inherit;
    width: 100%;}
  p.menu_head {
    background: url("../images/menu-icon.png") no-repeat scroll 99% center #108EC9 !important;

}
.multi_wrpp {
    margin-left: 20px;
    margin-top: 64px;
} #quotes .quote {
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    white-space: pre-wrap;
}

}
@media only screen and (max-width :980px) {.full_back_img img { width:100%;}}
@media only screen and (min-width:1800px) { 
.logo img  { height:140px;}  #main_header { height:80px;} #main_btn a { width:253px; font-size: 20px;} 
.july_home_banner { top: 80px !important;}
}

#quotes { margin-bottom:0px;}
@media only screen and (max-width :1084px) and (min-width: 960px) {
    .main-nav {margin-left:34px;}
  .top_header .main-nav ul li a{font-size:13px; padding:10px 6px;}
}

@media only screen and (max-width :1480px) {
  #quotes .quote { white-space: pre-wrap;}
}
audio:not([controls]) {
  display: none;
  height: 0;
}


.spinner-wrap {
  display: block;
  width: 60px;
  height: 60px;
  position: fixed;
  top:178px;
  left:5px; 
  z-index:12;

}
.spinner-wrap  {
  cursor: pointer;
}

.spinner-center {
  height: 60px;
  width: 60px;
  position: absolute;
  background: url(../images/spinner-center.png) center center no-repeat;
  border-radius: 50%;

  margin: 0px;
  pointer-events: none;
}


.play-sprite {
  position: absolute;
  margin: 15px 0 0 15px;
  background: url(../images/play-sprite.png) 0px -61px no-repeat;
  height: 30px;
  width: 30px;
}
.playing .play-sprite {
  background-position: 0px -30px;
}
.play-defulatBTN{ position: absolute;
  margin: 15px 0 0 15px;
  background: url(../images/play-sprite.png) 0px 00px no-repeat;
  height: 30px;
  width: 30px;}


.forIndiaContent{text-align:center;}
.forIndiaContent #main_btn a {  
    margin: 20px auto; 
}

.forIndiaContent .itsfree {   
    display: none; 
}
.forIndiaContent .multi_wrpp {
    display: table;
    margin: 0 auto;
}
.hidden-lg{display:block;}
.hidden-md{display:none;}
.hidden-sm{display:none;}
.hidden-xs{display:none;}
.forIndiaContent br{display:none;}
@media only screen and (max-width:1279px){ 
.hidden-md{display:block;}
 #main_panel{padding-left:0px;} 
}

@media only screen and (max-width: 479px) and (max-device-width: 479px) { 
.hidden-sm{display:none;} 
.hidden-xs{display:block;}
.main-nav {
    margin-left: 0;
}  
.forIndiaContent br{display:block;}
}

* { margin:0px; padding:0px; }
html, body, #wrapper-main { height: 100%; }
body > #wrapper-main { height: auto; min-height: 100%; }
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
a { outline:none; cursor:pointer }
img { border:none; }
.clear { clear:both; line-height:0px; height:0px; }
ul, ul li { list-style:none; }
:focus { outline:none }
a:link, a:visited { text-decoration:none; color:#626668; }
hover a:link, hover a:visited { text-decoration:none; color:#fff; }
.fl { float:left; }
.fr { float:right; }
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { box-shadow:0px 0px 5px #464645!important; -moz-box-shadow:0px 0px 5px #464645; -webkit-box-shadow:0px 0px 5px #464645; }
.heading3 { background: url("../images/strip-img.png") no-repeat scroll 0 24px transparent; color: #2B3137; font-family: 'RockwellRegular'; font-size: 24px; margin-bottom: 17px; padding-bottom: 12px; text-shadow: 1px 1px 1px #FFFFFF; }
body { /*background:url(../images/body-bg.jpg) left top repeat;*/ font-family:'GillSansMTRegular'; color:#545d60; font-size:14px; line-height:18px; }
#wrapper-main { width:100%; margin:0; padding:0; }
#main-container { width:100%; }
/***************Header Part Start***************/
#hpart-container { width:100%; z-index:5; float:left; }
#hpart { width:985px; margin:0 auto; padding:0; }
#hpart .logo {
display: block;
    float: left;
    height: 175px;
    margin-top: 2px;
    position: relative;
    width: 176px;
    z-index: 1;
  margin-bottom:14px;}



/******** menu ********/
/******** menu ********/
.nav { float:right; margin:29px 0px 0px 0px; }
.menu { padding-left:10px; bottom: 0; z-index: 1 !important; float:right; margin:0; }
.menu li { float: left; position: relative; list-style:none; font-size:13px; padding:0 4px; z-index:9999; }
.menu li a:hover, .menu li a.active { }
.menu li li:hover { background-image:none; }
.menu li a { display: block; padding:20px 10px 10px 10px; list-style:none; color:#fff; }
.menu a:hover { background:none; }
.menu li ul { display: none; position: absolute; top:45px; left: -40px; width: 630px; padding:10px 0; text-align:left; z-index:2 !important; background: #1f1f1f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmMWYxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #1f1f1f 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f1f1f), color-stop(100%, #000000)); background: -webkit-linear-gradient(top, #1f1f1f 0%, #000000 100%); background: -o-linear-gradient(top, #1f1f1f 0%, #000000 100%); background: -ms-linear-gradient(top, #1f1f1f 0%, #000000 100%); background: linear-gradient(to bottom, #1f1f1f 0%, #000000 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#000000', GradientType=0 );
 margin-left:53px; z-index:500; margin:0; min-height:150px; border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; white-space:nowrap; }
.menu li ul li, .menu li.current-menu-parent li { float: left; position: relative; padding:4px 7px !important;/*  background: #dddddd;*/ list-style:none; background:none !important; line-height:23px; width:300px !important; }
.menu li+li+li+li ul { width:210px; left:0px;min-height:50px;  }
.menu li+li+li+li ul li, .menu li+li+li+li.current-menu-parent li { float:none; width:195px !important;}
.menu li ul li a { background: none repeat scroll 0 0 transparent; color: #DCDBDC; font-family: 'GillSansMTRegular'; font-size: 12px; height: auto; list-style: none outside none; text-align: left; text-decoration: none; text-indent: 0; padding:0; width: auto !important; padding:0 10px; }
.menu li ul li a:hover { color:#fff; background:#434d52; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.menu li:hover > ul { display:block; }
.menu li.menu-item-87 a { color: #FFFFFF; display: block; height: 31px; list-style: none outside none; padding: 20px 10px 0; }
.menu li.menu-item-87 a:hover { background: url("../images/quotebghover.png") no-repeat scroll 0 0 transparent; }
/***************Header Part End***************/

/**************Banner Home page Start*****************/
#banner-container { width:100%; float:left; margin-top:-50px; }
#banner-part { padding:0; background:url(../images/banner-bottom-bg.png) left bottom repeat-x; border-bottom:1px solid #384348; float:left; width:100%; height:680px; }
/**************Banner Home page End*****************/

#mpart-container { width:100%;/* padding-bottom:164px;*/ float:left;clear:both;  }
#mpart {
    margin: 0px auto;
    padding: 0;
    position: static !important;
    width: 962px;
}
#mpart h1 { color: #2B3137; font-family: 'RockwellRegular'; font-size: 24px; font-weight: normal; line-height: normal; margin: 0 0 15px; text-shadow: 1px 1px 1px #FFFFFF; text-transform: capitalize; }

/**************Footer Part Start*****************/
#fpart-container { width:100%; position:relative; clear:both; }
#fpart { width:952px; margin:0px auto 0 auto; color:#626668; height:100px; padding:15px 5px 5px 5px; font-size:12px; }
#fpart .fpart-link { margin:0; width:605px; }
.w650 { width:631px; margin:0; font:normal 12px 'GillSansMTRegular'; color:##626668; }
ul#menu-footer-menu { margin:0; padding:0; float:left; width:100%; }

ul#menu-footer-menu li:first-child { background:none; padding-left:0; }

ul#menu-footer-menu li a:hover { color:#DE4E00; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
ul#menu-footer-menu li.menu-item-77 { /*background:none;
  padding-left:0;*/ }
#fpart .copyright a { color:#626668; line-height:20px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#fpart .copyright a:hover { color:#000; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#fpart .social { margin-top:5px; clear:right; }
#fpart .social span.shadow { height:37px; margin:5px 0 0; float:left; }
#fpart .social span.shadow a { width:37px; height:37px; }
#fpart .social span.shadow img { -moz-transition: all 0.2s ease-in 0s; border: 0 none !important; display: inline; margin-right: 10px !important; }
#fpart .social span.shadow .socialmedia-buttons img.combo:hover { transform: translate(0px, -4px); -moz-transform: scale(1.1) translate(0px, -4px); -webkit-transform: scale(1.1) translate(0px, -4px); -ms-zoom: 1.1; opacity: 1 !important; -moz-opacity: 1 !important; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease; }
/**************Footer Part End*****************/



/* === language-flag ==*/
.language-flag{clear: right; float: right; margin: 15px 0px 0px;}
.language-flag a{  float: right ;    margin: 0 5px ;    padding: 0 ;}
.language-flag a img{float:left; border:0px; padding:0px; margin:0px;}
.language-flag1{ display:none;  margin: -25px 0 5px;clear: both;}
/* === Casestudies Page Top Nav == */

p img { margin:0 10px 10px 0; }
article#post-48 br { display:none; }
#ngg-webslice h3 { display:none; }
/*header form css*/

#main-header { list-style: none outside none; margin: 0 auto; width: 980px; margin-top:20px;}
#main-header h1 { color:#eb890a; }
/*---------------------------*/
#simple { clear:both; }
#main-header .features { width:250px; float:left; }
#main-header ul.features li { background: url("../images/strip-img.png") no-repeat scroll 10px 15px #FFFFFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow: 0 1px 3px #CCCCCC; display: block; float: left; height:55px; margin:0px 2px 14px 2px; overflow: hidden; padding: 15px 0 0 75px; position: relative; width:175px; }
#main-header ul.features li h3 { color: #696969; font-size: 30px; line-height: 30px; }
#main-header ul.features li p { color: #696969; font-size:12px; }
#main-header ul.features li.feature-fast { background-position: -659px -88px; }
#main-header ul.features li.feature-share { background-position: -659px -177px; }
#main-header ul.features li.feature-rss {
    background-position: -660px -780px;
}
#main-header ul.features li.feature-analytics {
    background-position: -660px -865px;
    margin-bottom: 0;
}
.login-signup { float:right; clear:right; margin:0px 0 5px 0; }
.login-signup li { float:left; margin:0px 5px 0px 0px; }
.login-signup li a { background:#FFF; padding:3px 13px; border-radius:0px 0px 6px 6px; }
.login-signup li a:hover { color:#89b424; }
#main-header .h2 { margin:20px 0px 0px 0px; }
.right-sec { min-height:301px; text-align:center; padding:10px 10px 0px 10px; width:268px; float:right; background:#FFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow: 0 1px 3px #CCCCCC; }
.right-sec img { margin:1px 0px; }

/* for next gen  gallery */
.ngg-widget, .ngg-widget-slideshow { margin:0; padding:0; text-align:left; }

.ngg-widget a img {border-radius: 100px 100px 100px 100px;
  -moz-border-radius: 100px 100px 100px 100px;
  -webkit-border-radius: 100px 100px 100px 100px; float: left;
    height: 100px;
    width: 100px; 
  
  background: #fdfdfd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTMlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODQlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #fdfdfd 0%, #f7f7f7 8%, #f0f0f0 13%, #f3f3f3 38%, #ffffff 84%, #ffffff 89%, #fafafa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(8%, #f7f7f7), color-stop(13%, #f0f0f0), color-stop(38%, #f3f3f3), color-stop(84%, #ffffff), color-stop(89%, #ffffff), color-stop(100%, #fafafa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fdfdfd 0%, #f7f7f7 8%, #f0f0f0 13%, #f3f3f3 38%, #ffffff 84%, #ffffff 89%, #fafafa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fdfdfd 0%, #f7f7f7 8%, #f0f0f0 13%, #f3f3f3 38%, #ffffff 84%, #ffffff 89%, #fafafa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fdfdfd 0%, #f7f7f7 8%, #f0f0f0 13%, #f3f3f3 38%, #ffffff 84%, #ffffff 89%, #fafafa 100%); /* IE10+ */
  background: linear-gradient(to bottom, #fdfdfd 0%, #f7f7f7 8%, #f0f0f0 13%, #f3f3f3 38%, #ffffff 84%, #ffffff 89%, #fafafa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#fafafa', GradientType=0 ); /* IE6-8 */
  border-radius: 100px 100px 100px 100px;
  -moz-border-radius: 100px 100px 100px 100px;
  -webkit-border-radius: 100px 100px 100px 100px;
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.5) inset, 0 4px 3px rgba(0, 0, 0, 0.3);
    float: left;
    margin: 0 8px 0 0;
    overflow: hidden;
    padding: 5px;
  }
/* for Wp Tab */
.cf5_wpts_cr { clear: right; content: "."; display: block; height: 0; visibility: hidden; }
.cf5_wpts_cl { clear: left; content: "."; display: block; height: 0; visibility: hidden; }
/* Phone tab */
#slider { list-style: none outside none; margin: 0 auto; width: 980px; }
.nav-shadow { margin:0; padding:0px; bottom:-21px; left:224px; text-align:center; list-style:none; position:relative; z-index:99999; height:123px; float:left; }
.nav-shadow li { width:99px; height:135px; float:left; padding:0px; margin:0px !important; }
.nav-shadow a, .nav-shadow a:visited, .nav-shadow a, .nav-shadow a:hover { width:102px; height:120px; background:url(../images/iconss.png) left 25px no-repeat; display:block; position:relative; z-index:2; font-size:14px; color:#384348; }
.nav-shadow li.button-color-1 a { background-position:0px 23px; }
.nav-shadow li.button-color-1 a:hover { background-position:0px -93px; }
.nav-shadow li.button-color-2 a { background-position:-102px 23px; }
.nav-shadow li.button-color-2 a:hover { background-position:-102px -93px; }
.nav-shadow li.button-color-3 a { background-position:-202px 23px; }
.nav-shadow li.button-color-3 a:hover { background-position:-202px -93px; }
.nav-shadow li.button-color-4 a { background-position:-302px 23px; }
.nav-shadow li.button-color-4 a:hover { background-position:-302px -93px; }
.nav-shadow li.button-color-5 a { background-position:-401px 22px; }
.nav-shadow li.button-color-5 a:hover { background-position:-402px -93px; }

.seprate {
  border-top: 1px solid #FFFFFF;
  box-shadow: 0 1px 0 rgba(100, 100, 100, 0.7);
  clear: both;
  float: left;
  margin: 20px 0px;
  overflow: hidden;
  width: 100%;
}
.getstarted_btn{position: absolute; right: 35px; top: 45px;}


/*mobile-menu*/

.menu_head {
    background: url("../images/menu-icon.png") no-repeat scroll 99% center #555555 !important;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.22em;
    padding: 8px 11px;
    position: relative;
    text-align: left;
}
.menu_body {
  display:none;
}
.menu_body a{
  display:block;
  color:#006699;
  background-color:#eee;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover{
  color: #000000;
  text-decoration:underline;
  }
.menu_list .menu {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu_list .menu li{
    float: left;
    font-size: 13px;
    list-style: none outside none;
    padding: 0px;
    position: relative;
  width:100%;
  background-color:#fff;
}

.menu_list .menu li a {
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    font-weight: normal;
    list-style: none outside none;
    padding: 8px 10px;
    text-align: left;
    text-decoration: none;
}
.menu_list .menu li a:hover {
    color: #89B424;
}

.menu_list .menu li ul {
    border-radius: 0 0 0 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: static;
    text-align: left;
    width: auto !important;
    z-index: 111111;
  height:auto;
  background:none repeat scroll 0 0 transparent;
}
.menu_list .menu li:hover ul{
  /*display:none;*/
}
.menu_list .menu li ul li{
  padding:0px !important;
}
.menu_list .menu li ul li a:hover {
    background: none repeat scroll 0 0 #555555;
    border-radius: 0 0 0 0;
        color: #89B424;
    transition: all 0.5s ease 0s;
}
.menu_list .menu li + li + li + li ul li{
  width:100% !important;
}
.pone{display:none;}
.pone1{display:none;}
.getstarted_btn {
    position: absolute;
    right: -139px;
    top: 11px;
}
.getstarted_btn1{display:none;}

.logo img{position:relative;}
#mobilenav{display:none;}

body.home{overflow-x:hidden;}


.grey-bg{ background:#ededed; margin:-20px 0 0 0; padding:40px 0; text-align:center;}
.grey-bg h3{ color:#000000; text-shadow:0 1px 1px #fff; font:normal 34px/40px MyriadProRegular, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.grey-bg h3 span{ color:#f48906; font:bold 49px/40px MyriadProRegular, Arial, Helvetica, sans-serif;}
.home-part{ color:#333; font:normal 25px/32px MyriadProRegular, Arial, Helvetica, sans-serif; max-width:1000px;  padding: 0;  margin: 10px auto;  list-style: none;    display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;    -webkit-flex-flow: row wrap;  justify-content: space-around;}
.home-part span{ color:#f48906; font-size:30px; clear:both; display:block;}
.home-part li{ width:33%; padding:0px 0 0 0; min-width:200px;   }
.home-part li.step1 { }
.home-part li.step2 { }
.home-part li.step3 { }
.white-bg{   /*background: url(../images/sectionBg.jpg) repeat fixed center top rgba(0, 0, 0, 0);*/
    min-height: 700px; padding: 31px 0; overflow:hidden; background-size:cover;}
.home-content{ max-width:1000px; font:14px/22px GillSansMTRegular, Arial, Helvetica, sans-serif; margin:10px auto; }
.apyypie-home-img{ width: 375px; float:right;}

#hpart .logo:before { background: url("../images/logo_bg.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 62px;
    position: absolute;
    top: 126px;
    width: 100%;
}
.language-Select { float:left; margin: 12px 0;}
.language-Select select { 
    border: 1px solid #CCCCCC;
    padding: 3px 32px 3px 3px; width:105px;}
.language-Select select option.en { background: url("../images/language-flag.png") no-repeat scroll 83px 1px #FFFFFF; padding:0 2px; }
.language-Select select option.cn { background: url("../images/language-flag.png") no-repeat scroll 83px -19px #FFFFFF;}
.language-Select select option.sa { background: url("../images/language-flag.png") no-repeat scroll 83px -40px #FFFFFF;}
.language-Select select option.es { background: url("../images/language-flag.png") no-repeat scroll 83px -60px #FFFFFF;}
.language-Select select option.fr { background: url("../images/language-flag.png") no-repeat scroll 83px -82px #FFFFFF;}
.language-Select select option.de { background: url("../images/language-flag.png") no-repeat scroll 83px -105px #FFFFFF;}
.language-Select select option.nl { background: url("../images/language-flag.png") no-repeat scroll 83px -127px #FFFFFF;}
.language-Select p { float:left; color:#333333; padding-right:10px; line-height:26px;}
.animated-element {
    border: 12px solid #dbdbdb;
    border-radius: 50%;
    height: 168px;
    margin: 0 auto 33px;
    position: relative;
    width: 168px;
}

.animationCat {background: url("../images/step1.png") no-repeat scroll center center #FFFFFF;}
.animationApp {background: url("../images/step2.png") no-repeat scroll 78px 31px #FFFFFF;}
.animationPub {background: #FFFFFF;}
.animated-element .animationSecond {
    height: 70px;
    left: 34px;
    position: absolute;
    top: 74px;
    width: 70px;
  transition: all 0.5s ease 0s;
  }
  
.animated-element:hover .animationSecond {
    transition: all 0.5s ease 0s;
  transform:rotate(50deg);
-ms-transform:rotate(50deg); /* IE 9 */
-webkit-transform:rotate(50deg); /* Opera, Chrome, and Safari */}

.animated-element .animationFirst {background: url("../images/animation1.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 48px;
    left: 84px;
    position: absolute;
    top: 93px;
    width: 43px;
  transition: all 0.5s ease 0s;
  
  }
.animated-element:hover .animationFirst {
   
  background-size:60%;
  left: 75px;
    top: 77px;
  transition: all 0.5s ease 0s;
}
.animated-element .animationThird {background: url("../images/animation3.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 40px;
    left: 64px;
    position: absolute;
    top: 16px;
    width: 33px;
  transition: all 0.5s ease 0s;
    }
    
.animated-element:hover .animationThird { left:100px; transition: all 0.5s ease 0s;}
  .appBox-wrapper { width:33%; float:left; text-align:center;}  

.appBox-wrapper i {
    border: 8px solid #1e92d5;
    border-radius: 50%;
    color: #FDFDFD;
    display: inline-block;
    margin-bottom: 0px;
    padding: 60px;
    transition: all 0.15s ease-in-out 0s;}
.appBox-wrapper p {
    color: #FFFFFF;
    font-size: 17px !important;
    font-weight: normal;
    line-height: 20px;
    padding: 5px 30px 20px;
    text-align: center;
}
.appBox-wrapper h5  { color: #FFFFFF;
    font-size: 20px !important;
  margin:0px !important;
    font-weight: 300 !important;
    padding: 0 30px;
    text-align: center !important; text-transform:uppercase;}
  

.appBox-wrapper i.icon-first {background: url("../images/app-icons.png") no-repeat scroll 24px center rgba(0, 0, 0, 0);}  
.appBox-wrapper i.icon-second {background: url("../images/app-icons.png") no-repeat scroll -82px  rgba(0, 0, 0, 0);}  
.appBox-wrapper i.icon-third {background: url("../images/app-icons.png") no-repeat scroll -207px center rgba(0, 0, 0, 0);}  
.appBox-wrapper i.icon-fourth {background: url("../images/app-icons.png") no-repeat scroll -335px 30px rgba(0, 0, 0, 0);} 

.appBox-wrapper i.icon-fifth {background: url("../images/app-icons.png") no-repeat scroll -468px 32px rgba(0, 0, 0, 0);}  
.appBox-wrapper i.icon-sixth {background: url("../images/app-icons.png") no-repeat scroll -591px 32px rgba(0, 0, 0, 0);}  
.home-content h5 { font-size:50px; color:#ffffff; text-align:center; line-height:40px; margin:0px 0 29px 0;}
.home-content h5 p { font-size:25px; padding:0 10px;}
.appBox-wrapper:hover i {background-color:#00629F; border-color:rgba(255, 255, 255, 0.13);     box-shadow: 0 0 7px -3px #000000 inset;} 
.appBox-wrapper:hover h5 {color:#2EA2E5}
.subfooter-wrapper { margin: 20px auto;
    max-width: 1000px;
    overflow: hidden; color:#ffffff; }
.subfooter-wrapper h5 { border-bottom:2px solid #1e92d5; line-height:41px; font-size:22px; margin-bottom:10px;}
.subfooter-wrapper p { padding:10px 0;  }
.footer-leftPart{  background: url("../images/subfooter-bg.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    float: left;
    max-width: 430px;
    padding-right: 50px;}
.footer-rightPart{ float: left;
    margin-left: 76px;
    width: 340px;
}
.footer-leftPart a{ color:#fff;}
.footer-rightPart ul li { list-style-type:none; display:inline-block; padding-right:5px;}
.footer-rightPart ul li a { width:44px; height:43px; display:inline-block; background:url(../images/social-new.png) left center no-repeat;}
.footer-rightPart ul li a:hover {}
.footer-rightPart ul li a.twitter {background:url(../images/social-new.png) -62px center no-repeat;}
.footer-rightPart ul li a.print {background:url(../images/social-new.png) -123px center no-repeat;}
.footer-rightPart ul li a.plus {background:url(../images/social-new.png) -183px center no-repeat;}
.footer-rightPart ul li a.user {background:url(../images/social-new.png) -246px center no-repeat;}
.footer-rightPart ul li a.linkedin {background:url(../images/social-new.png) -306px center no-repeat;}

.footer-rightPart h5 { border-color:#404040 !important;}
.footer-rightPart ul { margin:10px 0;}
.foter-home-nav { background:#1a1a1a; float:left; width:100%; padding:10px 0;}
.foter-home-nav .nav-wrap { max-width:1000px; margin:0 auto;}
.foter-home-nav .nav-wrap ul { text-align:center; margin:10px 0;}
.foter-home-nav .nav-wrap ul li { list-style-type:none; display:inline-block; float:none; color:#808080; border-right:1px solid #333333; font-size:12px;  margin: 6px 0;}
.foter-home-nav .nav-wrap ul li a { padding: 0 10px;}
.foter-home-nav .nav-wrap ul li a:hover { color:#ffffff;}
.foter-home-nav .nav-wrap ul li:last-child { border:none;}
.foter-home-nav .nav-wrap p strong  { color:#108ec9; text-transform:uppercase; font-weight:normal;}
.foter-home-nav .nav-wrap p{ font-size:12px; text-align:center;}


@media only screen and (min-width:320px) and (max-width:480px)  {.home-part{display:block;} .home-part li {clear: both;
    margin: 10px 0 0; width: 100%; } 
  #main_btn a { height: 44px; line-height:44px;}
  #quotes .quote { line-height: 24px; margin-top:40px;}
  }
@media only screen and (max-width:960px) { /*.logo img { width:160px !important;*/ 
.logo:before { height:43px !important; background-size:160px 62px !important;} 
.appBox-wrapper { width:100%;} .footer-leftPart { padding: 0 10px;}}  
@media only screen and (min-width:320px) and (max-width:865px) { .footer-leftPart { padding: 0 10px; 
    max-width: inherit;} .footer-rightPart { text-align:center; padding: 0 10px; width:inherit; margin-left:0px; float:none;} .language-Select { float:none;} .unsubscribe { margin-left:-40px !important;} 
  
  }



/**************Recent Projects Part Start*****************/

.recent-client-bg { background:#222222 !important; width:100%; margin-bottom:0px; border-bottom: 1px solid #384348; float:left; }
.recent-pro { width:962px; margin:0 auto; padding-top:42px }
/**************Recent Projects Part End*****************/

/*///////////////////////////Landing page css  //////////////////////////////////////*/
.landing-page { background:#ffffff; overflow:hidden; position:relative;}
.lp-wrapper { max-width:1000px; margin:0 auto; padding:10px 0; overflow:hidden; position:relative; z-index:10}
.lp-wrapper ul {display: table;
    margin: 20px auto 0;}
.lp-wrapper ul li {background-color: rgba(0, 0, 0, 0) !important;
    border: 3px solid #FFFFFF !important;
    border-radius: 4px;
    display: inline-block;
    float: left;
    font-family: Open sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin-right: 39px;
    padding: 5px 10px;
    transition: all 0.5s ease 0s;
}
.lp-wrapper ul li.active a { color:#ffffff ;}
.lp-wrapper ul li.active { background: none repeat scroll 0 0 #108EC9 !important;
    border: 3px solid #108EC9 !important;}
.lp-wrapper ul li.active a:hover { color:#ffffff;}
.lp-wrapper ul li a { color: #333333 ;
    font-weight: 400 ;
    padding: 0 ;}
  
.lp-wrapper ul li a:hover {color:#108EC9 ; transition: all 0.5s ease 0s;}


.lp-one {  display:none; transition: all .5s ease 0s; }
.appypie-image{ float:right; width:420px; height:580px; overflow:hidden;}
.appypie-image img{ float:right; margin:600px 0 0 0; transition: all .5s ease 0s;}
.default-row {/*height:633px;*/}
.go-right {}
.left-details {
   float: left;
    margin-left: 110px;
    margin-top: 70px;
    max-width: 450px;
    min-height: 285px;
    text-align: justify;
}
.left-details p { padding:10px 0; font-size:16px; color:#333333; line-height:25px;}
.left-details ol{ padding:10px 0 10px 18px;}
.left-details ol li { padding: 0; font-size:16px; color:#333333; line-height:25px;}
.left-details h4{ color: #1c8ec2;
    font: 31px/35px sans-serif;
    text-shadow: 1px 1px 0 #FFFFFF;}
.right-link { text-align:right; clear:both;}
.right-link a { color:#1C8EC2; text-decoration:none; float:right; font-size:17px; margin:10px 0;}
.lp-wrapper h2.heading3 { width:98%; float:left; margin:36px 0 0px 20px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.lp-wrapper h5 { font-size: 33px;
    font-weight: normal;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 30px 0 40px;
    text-align: center;}
.lp-one.active{display:block; transition: all .5s ease 0s; }
.lp-one.active .appypie-image img{ transition: all .5s ease 0s; }


.lp-one .bg-img{ position:absolute; top:0px; z-index:1; transition: all .5s ease 0s;  margin-right:500px;}

#tab1.lp-one  .bg-img{ right:88%; top:50px}
#tab2.lp-one  .bg-img{ right:89%; top:150px}
#tab3.lp-one  .bg-img{ right:88%; top:150px}
#tab4.lp-one  .bg-img{ right:82%; top:100px}
#tab5.lp-one  .bg-img{ right:87%;}
#tab6.lp-one  .bg-img{ right:87%; top: 50px;}
@media only screen and (min-width:1200px) {#tab1.lp-one  .bg-img{ right:85%} #tab3.lp-one  .bg-img{ right:82%;}#tab4.lp-one  .bg-img{ right:87%;}#tab5.lp-one  .bg-img{ right:85%;} #tab6.lp-one .bg-img {right: 84%;}}
@media only screen and (min-width:1600px) {#tab1.lp-one  .bg-img{ right:81%} #tab2.lp-one  .bg-img{ right:89.4%;} #tab3.lp-one  .bg-img{ right:84%;}#tab4.lp-one  .bg-img{ right:90%;}#tab5.lp-one  .bg-img{ right:87%;} #tab6.lp-one .bg-img {right: 81%;}}
@media only screen and (min-width:2080px) {.lp-one  .bg-img{ left:0px; right:auto;}}


@media only screen and (max-width:940px) {.bg-img{display:none}.left-details {margin: 70px 20px 0;   max-width: 100%;}.appypie-image{display:none}.right-link{text-align: center; clear: both; display: block;  margin: 10px 0;}.right-link a{float:none; }.right-link img{ float:none !important;} #tab6.lp-one .bg-img {right: 93%;}}
@media only screen and (max-width:650px) {.landing-page {   display: none;}}
@media only screen and (min-width:941px) and (max-width:979px){.appypie-image{ width: 370px;}.appypie-image img{ width:100%;}}
@media only screen and (min-width:651px) and (max-width:792px) { .lp-wrapper ul li {margin-right: 15px;}}

/*///////////////////////////Landing page css  //////////////////////////////////////*/

iframe[name="google_conversion_frame"]{ position:absolute;left: 0;}



.unsubscribe{ color:#fff !important; font:10px/30px Gotham,Arial,Helvetica,sans-serif; text-transform:uppercase; transition: all 0.5s ease 0s;  -ms-transition: all 0.5s ease 0s;  -webkit-transition: all 0.5s ease 0s;  -moz-transition: all 0.5s ease 0s;  position:relative; background-color:#333333; display:inline-block; padding:0 10px;  margin:10px 0 10px 10px; border-radius:5px 0 0 5px;  -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; }

.unsubscribe:after{ background:#858585 url(../images/unsubscribe-icons.png) no-repeat 5px 1px; border-radius:0 5px  5px 0; -moz-border-radius:0 5px  5px 0; -webkit-border-radius:0 5px  5px 0; position:absolute;  right:-39px; width:40px; display:block; content:"";  height:30px; top:0px; }
.unsubscribe:hover{  color:#de4e00 !important;}
.july_home_banner {
position: fixed; right:150px;
    right:calc((100% - 1220px) / 2); -webkit-right:calc((100% - 1220px) / 2);-moz-right:calc((100% - 1220px) / 2);-ms-right:calc((100% - 1220px) / 2);
    top: 61px;
  z-index: 2147483647;
}
@media only screen and (max-width:1224px){ .july_home_banner { right:10px;} }
@media only screen and (max-width:959px){ .july_home_banner { top:94px !important; right:0px !important;  z-index:1;}}
@media only screen and (min-width:420px) and (max-width:863px) {.july_home_banner img { width:410px !important;}}
@media only screen and (max-width:419px) {.july_home_banner img { width:320px !important;} .july_home_banner {right:calc((100% - 320px) / 2) !important; -webkit-right:calc((100% - 320px) / 2) !important; -moz-right:calc((100% - 320px) / 2) !important; } }

.sign-up-add-new{ background: rgba(0,0,0,0.2) none repeat scroll 0 0;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 4px;
    color: #fff !important;}

#main_header:hover .top_header .sign-up-add-new,#main_header.active .sign-up-add-new{background: #ffffff none repeat scroll 0 0;
    border: 1px solid #3cc3d2; color: #45acbd !important;}


/* == = == ==  New Codes ==+ == = == */


  
  
.use-code {
  background:#19a288;
  line-height:40px;
    padding:0 40px;
    margin:0px;
    float:left;
    width:100%;
    color:#080909;
    text-align:center;
    position:fixed;
    left:0px;
    top:0px;
    z-index: 999;
    font-size:16px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    min-height:40px;
    box-sizing:border-box;
}

.use-code  a {
    color:#FFF;
    text-decoration:none;
}

.use-code a.close {
    position:absolute;
    right:5px;
    top:5px;
    background:rgba(0, 0, 0, 0.3);
    width:30px;
    height:30px;
    line-height:30px;
    float:left;
    font-size:16px;
}


}

@media screen and (max-device-width:560px), screen and (max-width:560px) {
     .use-code {
      line-height:20px;   
    }
}
@media only screen and (max-width: 1024px){ 
.Ft-wapper {
    color: #ffffff;
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
    padding-top: 13%;
    width: 90%;
}


.player{display:none;}
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
#main_header{display:none !important;}  
}
 

@media only screen and (min-width: 320px) and (max-width: 479px) {
  #mpart-container {  float: none;  margin:0 auto;  width: 95%;}
  #hpart {margin: 0 auto; text-align: center; width: 95%;}
  .login-signup {background: none repeat scroll 0 0 #FFFFFF; clear: both; padding: 5px; float:none; margin:0 auto;}
  .login-signup li{float:none;}
  #hpart .logo {margin-bottom: 25px; text-align: center;  width: 100%; float:none;}
  .nav { float:none; width:100%; display:none;}
  #mobilenav { margin: 20px 0 0 0; text-align: center; width: 100%; display:block;}
  .menu {display: none;}
  .categories-center .menu{display:block;}
    #main-header { margin-top: 20px; text-align: center; width: 95%;}
  #main-header h1 {font-size: 1.666em;}
  #main-header .h2 {font-size: 1.2222em;}



.right-sec {
    display: none;
}
#main-header .features {
    width: 100%;
}
  #main-header ul.features li {float: none;text-align: left;width: auto; }
  .getstarted_btn {
    position: absolute;
    right: -18px;
    top: 421px;
  display:none;
}

.getstarted_btn1 {
    display: block;
    position: absolute;
    right: -15px;
    top: 427px;
}
.pone {
    display: none ;
}
.pone1 {
    display: block;
    float: left;
    margin-left: 1px;
    margin-top: 0;
    text-align: center;
}
#main-header ul.features li.feature-analytics {
    margin-bottom: 13px;
}

#main-header ul.features li h3{font-size:24px !important;}

#main-header ul.features li {
    background: url("../images/strip-img.png") no-repeat scroll 10px 15px #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 3px #CCCCCC;
    display: block;
    float: none;
    margin: 0 2px 10px;
    overflow: hidden;
    padding: 10px 10px 14px 75px;
    position: relative;
    width: atuo;
}
/*phone*/

#main-header .features {  float: none; width: 100%;}
  #main-header ul.features li.feature-analytics { margin-bottom: 14px;}
  .nav-shadow {
    float: none;
    margin: 0 auto;
    padding: 0;
    position: static;
    text-align: center;
    width: 100%;
    z-index: 99999;
}
#banner-part {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 10px solid #333333;
    height: auto;
}
#banner-part.spl-banners{ height:auto; margin:0 0 0;}
.home_review { float: none;  margin: 0 0 20px;  padding: 10px; width: auto !important;}
.recent-pro {
    margin: 0 auto;
    padding-top: 42px;
    text-align: center;
    width: 95%;
}
.ngg-widget a{ float:none;}
.ngg-widget a img{float:none; margin-bottom:20px;}
.ngg-widget, .ngg-widget-slideshow{text-align:center;}
.recent-client-bg {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 10px solid #5A5A5A;
  height:auto;
}
.heading3 {text-align:left;}
#fpart .fpart-link{width:95%; text-align:center;}
ul#menu-footer-menu{float:none;}
ul#menu-footer-menu li{float:none;}
.menu li{float:none; display:inline-block;}
ul#menu-footer-menu{display:block;}
#fpart{width:auto;}
.addthis_toolbox {float:none; clear:both; text-align:center; margin:auto; /*width:auto !important;*/ height:auto;}

#fpart .social {
    padding: 0;
    text-align: center;
    width: 100%;
}

.w650 {
    font: 12px/26px 'GillSansMTRegular';
    margin: 0;
    text-align: center;
    width: 100%;
}
#fpart .social span.shadow{float:none;}
.fl {float: left; text-align: center; width: 100%;}
.infomfma ol{
  padding:25px;
}
ul#menu-footer-top-menu li {
    width: 80%;
}
}


/* Mobile (Portrait) - design for a width of 240px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {
  #mpart-container {margin: 0 auto; width: 95%; float:none;}
  #hpart {margin: 0 auto; text-align: center; width: 95%;}
  .login-signup {background: none repeat scroll 0 0 #FFFFFF; clear: both; padding: 5px; float:none; margin:0 auto;}
  .login-signup li{float:none;}
  #hpart .logo {margin-bottom: 25px; text-align: center;  width: 100%; float:none;}
  .nav { float:none; width:100%; display:none;}
  #mobilenav { margin: 20px 0 0 0; text-align: center; width: 100%; display:block;}
  .menu {display: none;}
  .categories-center .menu{display:block;}
    #main-header { margin-top: 20px; text-align: center; width: 95%;}
  #main-header h1 {font-size: 1.666em;}
  #main-header .h2 {font-size: 1.2222em;}

.right-sec {
    display: none;
}
#main-header .features {
    width: 100%;
}
  #main-header ul.features li {float: none;text-align: left;width: auto; }

  .getstarted_btn {
    position: absolute;
    right: -18px;
    top: 421px;
  display:none;
}
  .getstarted_btn1 {
    position: absolute;
    right: -18px;
    top: 421px;
  display:block;
}
.pone {
    display: none ;
}
.pone1 {
    display: block;
    float: left;
    margin-left: 1px;
    margin-top: 0;
    text-align: center;
}
#main-header ul.features li.feature-analytics {
    margin-bottom: 13px;
}

#main-header ul.features li h3{font-size:24px !important;}

#main-header ul.features li {
    background: url("../images/strip-img.png") no-repeat scroll 10px 15px #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 3px #CCCCCC;
    display: block;
    float: none;
    margin: 0 2px 10px;
    overflow: hidden;
    padding: 10px 10px 14px 75px;
    position: relative;
    width: atuo;
}
/*phone*/

#main-header .features {  float: none; width: 100%;}
  #main-header ul.features li.feature-analytics { margin-bottom: 14px;}
  #banner-part{ height:auto;}
  .nav-shadow {
    float: none;
    margin: 0 auto;
    padding: 0;
    position: static;
    text-align: center;
    width: 100%;
    z-index: 99999;
}
#banner-part {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 10px solid #333333;
    height: auto;
}
#banner-part.spl-banners{ height:auto; margin:0 0 0;}
.home_review { float: none;  margin: 0 0 20px;  padding: 10px; width: auto !important;}

.recent-pro {
    margin: 0 auto;
    padding-top: 42px;
    text-align: center;
    width: 95%;
}
.ngg-widget a{ float:none;}
.ngg-widget a img{float:none; margin-bottom:20px;}
.ngg-widget, .ngg-widget-slideshow{text-align:center;}
.recent-client-bg {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 10px solid #5A5A5A;
  height:auto;
}
.heading3 {text-align:left;}
#fpart .fpart-link{width:95%; text-align:center;}
ul#menu-footer-menu{float:none;}
ul#menu-footer-menu li{float:none;}
.menu li{float:none; display:inline-block;}
ul#menu-footer-menu{display:block;}
#fpart{width:auto;}
.addthis_toolbox {float:none; clear:both; text-align:center; margin:auto; width:auto !important; height:auto;}

#fpart .social {
    padding: 0;
    text-align: center;
    width: 100%;
}

.w650 {
    font: 12px/26px 'GillSansMTRegular';
    margin: 0;
    text-align: center;
    width: 100%;
}
#fpart .social span.shadow{float:none;}
.fl {float: left; text-align: center; width: 100%;}
.infomfma ol{
  padding:25px;
}
ul#menu-footer-top-menu li {
    width: 80%;
}
}

@media only screen and (min-width: 959px) and (max-width: 1000px) {#hpart{ width:auto;}}

#loading-image {
	width: 100%;
	height: 100%;
	position: fixed;
	text-align: center;
	z-index: 1011;
	background: #fff url(/images/main_loading.gif) no-repeat 50% 40%;
	top: 50px;
}
.copyright {
    color: #7a7a7a;
    font: 12px/21px Arial, Helvetica, sans-serif;
    clear: both;
    padding: 5px 0;
}
footer {
    background-color: #111 !important;
}
 
.create_appp_btn {
    float: right;
    position: relative;
	display:none;
}
.create_appp_btn a {
    background: #fed136;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 300;
    padding: 11px 25px !important;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-family: "GillSansMTRegular";
    top: 27px;
}
@media screen and (max-width:480px){
	#hdr_user_box {
    margin-top: -8px !important;
}
}
@media screen and (max-width:767px){
	.create_appp_btn a{padding: 8px 15px !important;top: 24px;}
	
}
@media (min-width: 768px) and (max-width: 1120px) {
	.create_appp_btn a{top: 24px;}
	
}

[lang="es"] .create_appp_btn a {
  font-size: 14px;
  padding: 7px 15px !important;
}

[lang="es"] #hdr_user_box .top_login_btn a,
[lang="fr"] #hdr_user_box .top_login_btn a,
[lang="pt"] #hdr_user_box .top_login_btn a,
[lang="ru"] #hdr_user_box .top_login_btn a {
    font-size: 12px !important;
    padding: 7px 10px !important;
}

[lang="fr"]  .top_header .main-nav ul li a,
[lang="pt"]  .top_header .main-nav ul li a,
[lang="ru"]  .top_header .main-nav ul li a {
    font-size: 12px !important;
    padding: 0px 5px !important;
}