@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300);
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,500,700);

/* CSS Document */
/*width: -moz-calc(100% - 0px); width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px);*/
body {
	font-size: 0.9em;
	color: #111111;
	margin:0 auto;
	font-family: 'Exo 2', sans-serif;
	font-weight:400;
	padding:0;
	text-align: justify;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background:#fff;
}
/*#A1CC3A*/
input, select, textarea{font-family: 'Exo 2', sans-serif;font-size:100%;color:#646262;}
textarea{resize: none;}
a{text-decoration:none;color:#646262;}
.no-data-available{float:left;width:100%;font-size:130%;color:#06c;margin:25px 0;text-align:center;overflow:hidden;}
.text-overflow{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.flex{display: flex !important;flex-direction: row !important;flex-wrap: wrap !important;justify-content: center !important;align-items: center !important;}
.bold{font-weight:700;}
.shadow-inset{box-shadow: inset 0px 0px 12px #333;-webkit-box-shadow: inset 0px 0px 12px #333;-moz-box-shadow: inset 0px 0px 12px #333;-o-box-shadow: inset 0px 0px 12px #333;}
.shadow{box-shadow: 0px 0px 5px 0px #555;-webkit-box-shadow: 0px 0px 5px 0px #555;-moz-box-shadow: 0px 0px 5px 0px #555;-o-box-shadow: 0px 0px 5px 0px #555;}
.border-bottom {width:100%; border-bottom:1px dashed #b6b6b6;}
.border-top {width:100%; border-top:1px dashed #b6b6b6;}
h1{font-size:100% !important;font-weight:400 !important;margin:0px auto;}
h2{float:left;width:100%;font-size:150%;font-weight:600;margin:0px auto;}
h3{font-size:130%;margin:0px auto;}
h4{font-size:120%;margin:0px auto;}
h5{font-size:110%;margin:0px auto;}
strong{font-weight:600;}
.no-margin{margin:0px !important;}
.contain label{float:left;width:inherit;line-height:25px;font-size:100%;font-weight:600;}
.containbg{background:rgba(255,255,255,0.4) !important;}
.left-align,.right-align{float:left;font-size:120%;width: -moz-calc(50% - 40px); width: -webkit-calc(50% - 40px); width: -o-calc(50% - 40px); width: calc(50% - 40px);overflow:hidden;}
.right-align{float:right !important;padding-right:30px;margin-left:10px;}
.left-align{padding-left:30px;margin-right:10px;}
.left-align ul,.right-align ul{float:left;}

.fix-bg
{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.btn-s
{
	font-size:110%;
	font-weight:bold;
	padding:2px 8px;
	background:#A1CC3A;
	border:1px solid #7FA02E;
	border-radius:5px;	
	outline:0;
	color:#FFF;
	overflow:hidden;
}
.btn-s2
{
	float:left;
	font-size:100%;
	font-weight:bold;
	padding:1px 8px;
	background:#A1CC3A;
	border:1px solid #7FA02E;
	border-radius:5px;	
	outline:0;
	color:#FFF;
	overflow:hidden;
}
.btn-s:hover, .btn-s2:hover, .btn-l:hover
{
	background:#000;
}
.btn-l
{
	float:left;
	font-size:125%;
	font-weight:bold;
	padding:8px 15px;
	background:#646262;
	border:0px;
	border-radius:5px;
	outline:0;
	cursor:pointer;
	color:#FFF;
	margin-left:36px;
	text-transform:uppercase;
	overflow:hidden;
}
.input-class, .select-class
{
	font-size: 16px;
	border: solid 1px;
	border-color: #E4E4E4;
	color: #555;
	width: 600px;
	height: 30px;
	outline: none;
	line-height: 25px;
	padding: 0 0 0 5px;
	border-radius: 3px;
}
.input-class:focus, .select-class:focus
{
	outline:0;
	border-color:rgb(102,175,233);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(102, 175, 233, 0.6);
}
.bg-none{background:none !important;}
.padding{padding:25px 0;}
.padding-40{padding:40px 0;}
.pagein-head
{
	float:left;
	width:100%;
	font-weight:700;
	font-family: 'Exo 2', sans-serif;
	text-transform:uppercase;
	overflow:hidden;
}
.pagein-head .main-head
{
	float:left;
	color:#3a3a3a;
	font-weight:600;
	font-size:350%;
}
.pagein-head .sub-head
{
	float:left;
	color:#3a3a3a;
	border-left:2px dotted #000;
	padding:0 0 0 20px;
	font-size:100%;
	margin:30px 0 0 20px;
}

/* Video Start */


/* Video End */

#container
{
	float:left;
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.contain
{
	float:Left;
	width:100%;
	background:transparent;
	overflow:hidden;
}
.mainbody, .nav
{
	width:1250px;
	margin:0px auto;
	overflow:hidden;
}
.nav
{
	padding:5px 2px;
	color:#fff;
	font-size:110%;
	text-transform:capitalize;
}
.nav a{color:#fff;text-shadow:0px 0px 15px #000;}

.header
{
	/*position:fixed;
	z-index:50;*/
	width:100%;
	height:70px;
	background:rgb(6, 36, 51);
	margin:0px auto;
	padding:10px 0;
	top:0;
    left:0;
	z-index:99;
	box-shadow:0 0 5px #062433;
}

.header-logo
{
	float:left;
	width:auto;
	height:70px;
	overflow:hidden;
}
.header-logo img
{
	width:auto;
	height:70px;
}
.header-menu
{
	float:right;
	width:826px;
	position:relative;
}

/*responsive menu*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  line-height: 1;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 20px;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: inherit;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: inherit;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
}
#cssmenu ul ul li a {
  padding: 10px 20px;
  width: 160px;
  font-size: 12px;
  background: #333333;
  text-decoration: none;
  color: #dddddd;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media (min-width: 900px) {
#cssmenu
{
	display:none;
}
}
@media (max-width: 900px) and (min-width: 320px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	margin-top:20px;
	margin-left:-5px;
	background:#fff;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000000;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #ffffff;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}


/*responsive menu end*/
.nav-menu
{
	display: inline-block;
    cursor: default;
    width: 100%;
    z-index: 500;
	margin:0px auto;
	padding:0;
}
.nav-menu > li
{
	display: block;
    float: left;
}
.nav-menu li
{
    list-style: none;
}
.nav-menu li:hover
{
	background:url(../img/menu-bg.png) bottom center repeat-x;
}
.nav-menu > li > .main-menu
{
	float:left;
	text-transform:uppercase;
	padding:24px 15px 24px 10px;
	color:#fff;
	font-size:90%;
	font-weight:700;
	line-height:32px;
	background:url(../img/nav-bg.png) no-repeat right center;
	overflow:hidden;
	position: relative;
    display: block;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.nav-menu > li > .sub-main-menu {
    position: absolute;
    display: block;
	z-index:9999;
    width: 730px;
	padding:10px;
	max-height:0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
	top:80px;
    background: #ffffff;
	color:#000;
    border-radius: 0 0 5px 5px;
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.75);
}
.nav-menu > li:hover > .sub-main-menu {
    opacity: 1;
    visibility: visible;
	max-height:235px;
}
.sub-main-menu-left
{
	float:left;
	width:360px;
	overflow:hidden;
}
.sub-main-menu-left-in
{
	float:Left;
	width:100%;
	padding:12px 0 12px 8px;
	line-height:21px;
	overflow:hidden;
	border-bottom:1px dashed #ccc;
}
.sub-main-menu-left-in a
{
	padding-left:10px;
}
.sub-main-menu-right
{
	float:left;
	width:360px;
	margin-left:10px;
	overflow:hidden;
}
.sub-main-menu-right img
{
	width:auto;
	max-height:235px;
}
.main-menu-images
{
	display:inline-block;
	position:relative;
	background:url(../img/main-menu.png) no-repeat scroll 0px 0px;
}
.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7, .menu8, .menu9, .menu10, .menu11, .menu12, .menu13, .menu14, .menu15, .menu16
{
	float:left;
	width:22px;
	height:22px;
}
.menu1{background-position:-1px 0;}
.menu2{background-position:-23px 0;}
.menu3{background-position:-45px 0;}
.menu4{background-position:-67px 0;}
.menu5{background-position:-89px 0;}
.menu6{background-position:-111px 0;}
.menu7{background-position:-133px 0;}
.menu8{background-position:-155px 0;}
.menu9{background-position:-177px 0;}
.menu10{background-position:-199px 0;}
.menu11{background-position:-221px 0;}
.menu12{background-position:-243px 0;}
.menu13{background-position:-265px 0;}
.menu14{background-position:-286px 0;}
.menu15{background-position:-309px 0;}
.menu16{background-position:-331px 0;}
#primary_nav_wrap ul ul a:hover
{
	text-decoration:underline;
}
#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%;
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;
	width:790px;
	padding:0 10px;
	border:1px solid #000;
	border-bottom:4px solid #000;
}
.border-ul
{
	float:left;
	width:0px;
	min-height:128px;
	margin:10px 0;
	border-left:1px solid #ccc;
}
.image-ul
{
	float:left;
	width:200px;
	height:128px;
	margin:10px;
	overflow:hidden;
}
.image-ul img
{
	width:100%;
	height:100%;
}
/*menu end*/
.slider
{
	float:left;
	width:100%;
	overflow:hidden;
}
.slider img
{
	width:100%;
	height:100%;
}
.slider-bottom
{
	float:left;
	width:100%;
	overflow:hidden;
}
/* Slider Code Start Here */

        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
		
/* Slider Code End Here */
.static-slider
{
	float:left;
	width:100%;
	height:100px;
	background:url("../img/static-nav.jpg");
	overflow:hidden;
}
.static-slider img
{
	width:100%;
	height:auto;
}
.header-box
{
	float:left;
	width:14%;
	height:170px;
	padding:10px 0;
	margin:10px;
	border:1px solid #ffffff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	background:#fff;
	border-radius:4px;
	overflow:hidden;
}
.header-box:hover
{
	background:#3475B9;
	transform:scale(1.1,1.1);
	position:relative;
	z-index:99;
	color:#fff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.header-box-img
{
	float:left;
	width:80px;
	height:80px;
	margin:0px auto;
	overflow:hidden;
}
.header-box-img img
{
	width:80px;
	height:80px;
}
.header-box-text
{
	float:left;
	width:100%;
	line-height:30px;
	font-size:130%;
	text-align:center;
	margin-top:5px;
	text-transform:capitalize;
	overflow:hidden;
}
.icon
{
	display:inline-block;
	position:relative;
	background: transparent url(../img/header-box-image.png) no-repeat scroll 0px 0px;
}
.i-mobile, .i-code, .i-marketing, .i-laptop, .i-software, .i-wand
{
	width:80px;
	height:80px;
}
.i-mobile{background-position:0px 0;}
.i-code{background-position:-80px 0;}
.i-marketing{background-position:-160px 0;}
.i-laptop{background-position:-240px 0;}
.i-software{background-position:-320px 0;}
.i-wand{background-position:-400px 0;}

.header-box:hover .i-mobile{background-position:0px -80px;}
.header-box:hover .i-code{background-position:-80px -80px;}
.header-box:hover .i-marketing{background-position:-160px -80px;}
.header-box:hover .i-laptop{background-position:-240px -80px;}
.header-box:hover .i-software{background-position:-320px -80px;}
.header-box:hover .i-wand{background-position:-400px -80px;}

.left img, .right img
{
	float:left;
	max-width:350px;
	max-height:100%;
}

.left ul, .right ul
{
	float:left;
	width:100%;
	overflow:hidden;
}
.left ul li, .right ul li
{
	float:left;
	width:100%;
	font-size:120%;
	line-height:25px;
}
.left
{
	float:left;
	width: -moz-calc(100% - 430px); width: -webkit-calc(100% - 430px); width: -o-calc(100% - 430px); width: calc(100% - 430px);
	min-height:100px;
	margin:10px;
	padding:20px;
}
.left p, .left-p
{
	float:left;
	width:100%;
	font-size:120%;
	line-height:25px;
	padding:0;
	margin:8px;
}
.right
{
	float:right;
	width:350px;
	padding:10px;
}
.right-img
{
	width:100%;
	height:auto;
}
.head-span
{
	float:left;
	width:100%;
	font-size:150%;
	font-weight:600;
	margin-bottom:10px;
	overflow:hidden;
}
.services
{
	float:left;
	width:185px;
	overflow:hidden;
}
.services-a
{
	float:left;
	line-height:25px;
	text-align:center;
	background: transparent url(../img/right.png) scroll no-repeat left center;
	padding:2px 0 2px 20px;
	color:#fff;
}

.project-box {
	float:left;
	width:350px;
	margin:20px 0 20px 50px;
	background:#fff;
	border-radius:3px;
	overflow:hidden;
}
/*- -*/
.project-box-image
{
	float:left;
	width:100%;
	height:270px;
	position:relative;
	overflow:hidden;
}
.project-box-image img
{
	width:100%;
	height:270px !important;
}
.project-box-image-in
{
	float:left;
	width:100%;
	background:rgba(0, 0, 0, 0.5);
	color:#000;
	text-shadow:0 0 4px #fff;
	position:absolute;
	top:100px;
	left:0;
	z-index:1;
	overflow:hidden;
	height:70px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.project-box-title
{
	float:left;
	width:100%;
	line-height:30px;
	font-weight:400;
	font-size:110%;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	overflow:hidden;
}
.project-box-type, .project-box-link
{
	float:left;
	width:100%;
	line-height:20px;
	font-size:90%;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
.project-box-link a
{
	font-size:100%;
	color:#fff;
}
.project-box-image:hover .project-box-image-in
{
	top:0;
	height:80px;
	padding:95px 0;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.project-box-image:hover  .project-box-title
{
	font-size:150%;
	line-height:40px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
/*.project-box-info
{
	float:left;
	width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px);
	height:270px;
	color:#fff;
	padding:0 5px;
	background:url(../img/package-bg-2.png);
	line-height:25px;
	position:absolute;
	z-index:9999;
	bottom:0;
	margin:0 0 -270px 0;
	overflow:hidden;
}
.project-box-image:hover .project-box-info
{
	margin:0;
	background:url(../img/package-bg-2.png);
	transition: 500ms;
	-webkit-transition: 500ms;
}*/
.project-box-image img
{
	width:100%;
	height:100%;
}
.client
{
	float:left;
	width:200px;
	height:100px;
	margin:10px;
	overflow:hidden;
}
.client img
{
	display:inline-block;
	max-height:100%;
	max-width:100%;
	vertical-align:middle;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.client img:hover
{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.news-left
{
	float:left;
	width:400px;
	padding:0 5px;
	font-size:110%;
	line-height:25px;
	overflow:hidden;
}
.news-right
{
	float:left;
	width: -moz-calc(100% - 410px); width: -webkit-calc(100% - 410px); width: -o-calc(100% - 410px); width: calc(100% - 410px);
	overflow:hidden;
}
.news-title
{
	float:left;
	width:100%;
	line-height:30px;
	font-size:160%;
	padding:0 0 10px 0;
}
.footer-left
{
	float:left;
	width: -moz-calc(100% - 650px); width: -webkit-calc(100% - 650px); width: -o-calc(100% - 650px); width: calc(100% - 650px);
	padding:0 20px 0 0;
	overflow:hidden;
}
.footer-left-image
{
	float:left;
	width:80px;
	height:inherit;
	margin-right:20px;
}
.footer-left-text
{
	float:left;
	width:500px;
	height:inherit;
	overflow:hidden;
}
.footer-right
{
	float:right;
	width:610px;
	padding:0 0 0 20px;
	overflow:hidden;
}
.footer-link
{
	float:left;
	width:180px;
	height:130px;
	font-size:110%;
	line-height:25px;
	padding: 0 10px;
	border-left:1px solid #B3B3B3;
}
.footer-link-head
{
	float:left;
	width:100%;
	font-size:100%;
	font-weight:600;
}
.footer-link a
{
	float:Left;
	margin-left: 5px;
	width: -moz-calc(100% - 5px);
	width: -webkit-calc(100% - 5px);
	width: -o-calc(100% - 5px);
	width: calc(100% - 5px);
	font-size:90%;
}
.footer-link a:hover
{
	text-decoration:underline;
}
.footer-bottom-left
{
	float:left;
	width:auto;
	line-height:20px;
	font-size:110%;
	overflow:hidden;
}
.footer-bottom-right
{
	float:right;
	width:auto;
}

.footer-address-social
{
	float:left;
	width:100%;
	height:25px;
	overflow:hidden;
}
.footer-address-social-in
{
	float:left;
	width:25px;
	height:25px;
	margin-right:10px;
	overflow:hidden;
}
.social-icon-block
{
	display:inline-block;
	position: relative;
	background: transparent url(../img/social.png) no-repeat scroll 0px 0px;
	background-size:100px;
}
.social-facebook
{
	background-position: -50px 0px;
	height:25px;
	width:25px;
}
.social-twitter
{
	background-position: -75px 0px;
	height:25px;
	width:25px;
}
.social-google
{
	background-position: 0px 0px;
	height:25px;
	width:25px;
}
.social-instagram
{
	background-position: -25px 0px;
	height:25px;
	width:25px;
}
.login-field
{
	float:left;
	width:100%;
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
}
.login-field .input-class
{
	font-size: 16px;
	border: solid 1px;
	border-color: #E4E4E4;
	color: #555;
	width: 700px;
	height: 30px;
	outline: none;
	line-height: 25px;
	padding:6px 20px 6px 50px;
	border-radius: 3px;
}
.login-field-textarea
{
	width:725px !important;
	height:100px !important;
	padding:6px 20px !important;
}
.user, .email, .phone{background-position-x:17px !important;}
.user{background:url(../img/user.png) no-repeat left center, #fff;}
.email{background:url(../img/email.png) no-repeat left center, #fff;}
.phone{background:url(../img/phone.png) no-repeat left center, #fff;}
.login-field .select-class
{
	width:392px;
	height:35px;
}
.login-field-user
{
	position:absolute;
	height:inherit; 
	background:#fff;
	top:12px;
	left:17px;
}
.login-field-user img
{
	width:16px;
	height:auto;
}
.login-field-user-1
{
	position:absolute;
	width:30px;
	height:30px; 
	background:#8AAB3C;
	top:0;
	left:0;
}
.signup-field-user-1
{
	position:absolute;
	width:41px;
	height:41px; 
	top:0;
	left:0;
}
.login-field-user-1 img
{
	width:16px;
	height:auto;
}
.google-map
{
	float:left;
	height:auto;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	overflow:hidden;
}
.google-map-in
{
	float:left;
	width:100%;
	height:100px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	overflow:hidden;
	position:relative;
	border-bottom:2px solid rgba(43, 42, 41, 0.9);
}
.google-map-in-top
{
	float:left;
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(0, 0, 0, 0.5);
	top:0;
	left:0;
	text-align:center;
	color:#fff;
	font-size:150%;
	line-height:100px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.image{
    z-index: -1;   
    -webkit-transition: -webkit-transform 1s, z-index 0s 0.25s;
    -webkit-transform: rotatex(0deg);   
}

.rotator  .image{
    -webkit-transform: rotatex(180deg);   
    -webkit-transition: -webkit-transform 1s, z-index 0s 0.25s;
    z-index: -2;
}
.cont
{
	float:left;
	width:100%;
	position:relative;
	z-index:22;
	margin-top:-25px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.services-box
{
	float:left;
	width:260px;
	height:260px;
	background:#f2f1f1;
	margin:20px;
	position:relative;
	overflow:hidden;
}
.services-box-img
{
	float:Left;
	width:100%;
	overflow:hidden;
}
.services-box-img img
{
	width:100%;
	height:100%;
}
.services-box-title
{
	float:left;
	width:100%;
	line-height:30px;
	font-size:130%;
	font-weight:700;
	text-align:center;
	background:rgba(255, 255, 255, 0.5);
	color:#000;
	position:absolute;
	z-index:999;
	bottom:20px;
	left:0;
	display:none;
	overflow:hidden;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.services-box:hover 	.services-box-title
{
	display:block;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.lan-box
{
	float:left;
	width:550px;
	line-height:25px;
	font-size:110%;
	overflow:hidden;
}

/**/

/**/
.hosting-box {
	float:left;
	width:555px;
	margin:20px;
	background:#fff;
	border-radius:3px;
	overflow:hidden;
}
.hosting-box-image
{
	float:left;
	width:100%;
	height:270px;
	position:relative;
	overflow:hidden;
}
.hosting-box-image img
{
	float:Left;
	max-width:555px;
	max-height:100%;
}
.hosting-box-image-in
{
	float:left;
	width:100%;
	background:rgba(000, 000, 000, 0.5);
	color:#fff;
	text-shadow:0 0 4px #fff;
	position:absolute;
	top:110px;
	left:0;
	z-index:1;
	overflow:hidden;
	height:50px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.hosting-box-title
{
	float:left;
	width:100%;
	line-height:50px;
	font-weight:400;
	font-size:150%;
	text-transform:uppercase;
	text-align:center;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	overflow:hidden;
}

.hosting-box-image:hover .hosting-box-image-in
{
	top:0;
	height:50px;
	padding:110px 0;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
.hosting-box-image:hover  .hosting-box-title
{
	font-size:190%;
	line-height:40px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
/**/
.button {
  display: inline-block;
  padding: 0.6em 1.5em;
  background: #EEE;
  border: none;
  border-radius: 7px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: #222;
  font-size: 95%;
  text-transform:uppercase;
  text-shadow: 0 1px white;
  cursor: pointer;
}

.button:hover {
  background-color: #8CF;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

.button:active,
.button.is-checked {
  background-color: #28F;
}

.button.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.button-group
{
	float:left;
	width:100%;
	overflow:hidden;
}

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.button-group .button:first-child { border-radius: 8px 0 0 8px; }
.button-group .button:last-child { border-radius: 0 8px 8px 0; }

/* ---- isotope ---- */
.isotope {
	float:left;
	width:100%;
	overflow:hidden;
}
/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}
/**/
.leftbox
{
	float:left;
	width:50%;
	overflow:hidden;
}
.rightbox
{
	float:right;
	width:50%;
	overflow:hidden;
}
/**/
.web-dev-box
{
	float:left;
	width:230px;
	padding:10px 0;
	margin:25px;
	border:1px solid #ccc;
	background:#fff;
	color:#000;
	overflow:hidden;
}
.web-dev-box:hover
{
	transform:scale(1.05,1.05);
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.web-dev-box-head
{
	float:Left;
	width:100%;
	line-height:30px;
	font-size:120%;
	color:#00A0F4;
	text-align:center;
	font-weight:600;
	overflow:hidden;
}
.web-dev-box-img
{
	float:left;
	width:100%;
	height:80px;
	padding:30px 0;
	margin:0px auto;
	overflow:hidden;
}
.web-dev-box-img img
{
	width:80px;
	height:80px;
}
.web-dev-box-text
{
	float:left;
	width:100%;
	font-size:110%;
	text-align:center;
	margin-top:5px;
	text-transform:capitalize;
	overflow:hidden;
}
/**/
/**/
.international
{
	float:left;
	width:100%;
	overflow:hidden;
}
.international table tr th
{
	float:left;
	width:100%;
	overflow:hidden;
}
.hidden-form
{
	display: none;
    float: left;
    margin-top: 40px;
    width: 100%;
    font-size: 140%;
    text-align: center;
    color: #ED3237;
}
.table-tr
{
	padding:10px 0;
}
.table-th
{
	width:340px;
}
.table-td
{
	width:auto;
}
.btn-form
{
	float:left;
	font-size:120%;
	font-weight:bold;
	padding:5px 13px;
	background:#A1CC3A;
	border:1px solid #7FA02E;
	border-radius:5px;	
	outline:0;
	color:#FFF;
	overflow:hidden;
}
.current-post li
{
	float:left;
	padding:10px 0;
}
.current-post-table
{
	float:left;
	width:100%;
}
.current-post-table tr:nth-child(even) {background: #2E90C3;}
.current-post-table a {color:#fff;text-decoration:underline;}
.video-loop
{
	float:left;
	width:100%;
	height:350px;
	position:relative;
}
.video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video-container video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%;
  min-height: 100%;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.overlay {
  position: absolute;
  width: 100%;
  height:350px;
  background:rgba(0,0,0,0.5);
  line-height:50px;
  color:#fff;
  text-align: center;
}
.overlay :last-child {
  margin-bottom: 0;
}
body
{
	padding:0;
	margin:0;
}
.overlay-h1 {
  font-size: 300% !important;
  font-weight: 700 !important;
}

/**/

@media (max-width: 479px) and (min-width: 320px)
{
body
{
	font-size:0.8em;
}
h2{font-size:140%;}
.mainbody
{
	width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px);
    margin: 0px auto;
	padding:0 10px;
    overflow: hidden;
}
.padding{padding:10px 0;}
.header{height:50px;}
.header-logo
{
	float:left;
	width:auto;
	height:50px;
	overflow:hidden;
}
.header-logo img
{
	width:auto;
	height:50px;
}
.header-menu
{
	float:right;
	width:826px;
	position:relative;
	display:none;
}
.header-box
{
	width:170px;
	height:160px;
}
.contain img
{
	width:100%;
	height:auto;
}
.contain form{
	width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px);
}
.nav-menu
{
	display: inline-block;
    cursor: default;
    width: 100%;
    z-index: 500;
	margin:0px auto;
	padding:0;
}
.pagein-head {
    font-weight: 400;
}
.pagein-head .main-head {
    font-weight: 400;
    font-size: 180%;
}
.pagein-head .sub-head {
    display: none;
}
.left, .right {
	width:100%;
	padding:0;
}
.hosting-box{width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px);}
.left ul, .right ul {width: -moz-calc(100% - 45px); width: -webkit-calc(100% - 45px); width: -o-calc(100% - 45px); width: calc(100% - 45px);}
.static-slider{height:80px;}
.left p
{
	width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px);
	padding:0 5px;
	margin:0;
}
.left strong{width:100%;}
.left-align, .right-align{width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px);margin:0 23px;padding:0;}
.left-align h2, .right-align h2{font-size:130%;}
.left-align ul, .right-align ul{width:100%;}

.client
{
	width:160px;
}
.news-left
{
	width:100%;
}
.news-right
{
	width:100%;
}
.news-right label
{
	padding:0 !important;
	font-size:120%;
}
.login-field .input-class
{
	margin:0 5px;
}
.project-box {
    float: left;
    width: 282px;
    margin: 10px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
}
.button
{
	padding:7px 10px;
}
.footer-left,.footer-right{width:100%;}
.footer-left-text{width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px); width: -o-calc(100% - 110px); width: calc(100% - 110px);margin-right:10px;}
.footer-right{margin-top:20px;}
.footer-link{border:none;}
.shadow-inset{
	box-shadow: inset 0px 0px 6px #333;
    -webkit-box-shadow: inset 0px 0px 6px #333;
    -moz-box-shadow: inset 0px 0px 6px #333;
    -o-box-shadow: inset 0px 0px 6px #333;
}
.video-container video{display:none;}
.footer-bottom-left, .footer-bottom-right{width:100%;text-align:center;}
.inter-table{width:100%;}
.table-tr{width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px);float:left;}
.table-th, .table-td{float:left;width:100%;}
.input-class,.select-class{width: 100%;}
.current-post-table table{width: -moz-calc(100% - 10px) !important; width: -webkit-calc(100% - 10px) !important; width: -o-calc(100% - 10px) !important; width: calc(100% - 10px) !important;}
.current-post-table th {font-size:80% !important;}
.current-post-table td {font-size:75% !important;}
}


@media (max-width: 767px) and (min-width: 480px)
{
body
{
	font-size:0.8em;
}
h2{font-size:140%;}
.mainbody
{
	width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px);
    margin: 0px auto;
	padding:0 10px;
    overflow: hidden;
}
.padding{padding:10px 0;}
.header{height:50px;}
.header-logo
{
	float:left;
	width:auto;
	height:50px;
	overflow:hidden;
}
.header-logo img
{
	width:auto;
	height:50px;
}
.contain img
{
	width:100%;
	height:auto;
}
.contain form{
	width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px);
}
.hosting-box{width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px);}
.left ul, .right ul {width: -moz-calc(100% - 45px); width: -webkit-calc(100% - 45px); width: -o-calc(100% - 45px); width: calc(100% - 45px);}
.header-menu
{
	float:right;
	width:826px;
	position:relative;
	display:none;
}
.nav-menu
{
	display: inline-block;
    cursor: default;
    width: 100%;
    z-index: 500;
	margin:0px auto;
	padding:0;
}
.static-slider{height:80px;}
.pagein-head {
    font-weight: 400;
}
.pagein-head .main-head {
    font-weight: 400;
    font-size: 180%;
}
.pagein-head .sub-head {
    display: none;
}
.left, .right {
	width:100%;
	padding:0;
}
.left p
{
	width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px);
	padding:0 5px;
	margin:0;
}
.left strong{width:100%;}
.left-align, .right-align{width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px);margin:0 23px;padding:0;}
.left-align h2, .right-align h2{font-size:130%;}
.left-align ul, .right-align ul{width:100%;}
.header-box
{
	width:170px;
	height:160px;
}
.client
{
	width:160px;
}
.news-left, .news-right
{
	width:100%;
}
.news-right label
{
	padding:0 !important;
	font-size:120%;
}
.login-field .input-class
{
	margin:0 5px;
}	
.footer-left,.footer-right{width:100%;}
.footer-left-text{width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px); width: -o-calc(100% - 110px); width: calc(100% - 110px);margin-right:10px;}
.footer-right{margin-top:20px;}
.footer-link{border:none;}
.shadow-inset{
	box-shadow: inset 0px 0px 6px #333;
    -webkit-box-shadow: inset 0px 0px 6px #333;
    -moz-box-shadow: inset 0px 0px 6px #333;
    -o-box-shadow: inset 0px 0px 6px #333;
}
.video-container video{display:none;}
.inter-table{width:100%;}
.table-tr{width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px);float:left;}
.table-th, .table-td{float:left;width:100%;}
.input-class,.select-class{width: 100%;}
.current-post-table table{width: -moz-calc(100% - 10px) !important; width: -webkit-calc(100% - 10px) !important; width: -o-calc(100% - 10px) !important; width: calc(100% - 10px) !important;}

}
@media (max-width: 1049px) and (min-width: 768px)
{
body
{
	font-size:0.8em;
}
h2{font-size:140%;}
.mainbody
{
	width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px);
    margin: 0px auto;
	padding:0 10px;
    overflow: hidden;
}
.padding{padding:10px 0;}
.header{height:50px;}
.header-logo
{
	float:left;
	width:auto;
	height:50px;
	overflow:hidden;
}
.header-logo img
{
	width:auto;
	height:50px;
}
.header-menu
{
	float:right;
	width:826px;
	position:relative;
	display:block;
}
.contain img
{
	width:100%;
	height:auto;
}
.contain form{
	width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px);
}
.hosting-box{width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px);}
.left ul, .right ul {width: -moz-calc(100% - 45px); width: -webkit-calc(100% - 45px); width: -o-calc(100% - 45px); width: calc(100% - 45px);}

.nav-menu
{
	display: inline-block;
    cursor: default;
    width: 100%;
    z-index: 500;
	margin:0px auto;
	padding:0;
}
.pagein-head {
    font-weight: 400;
}
.pagein-head .main-head {
    font-weight: 400;
    font-size: 250%;
}
.pagein-head .sub-head {
    display: none;
}
.static-slider{height:80px;}
.pagein-head .main-head {
    font-weight: 400;
    font-size: 180%;
}
.left, .right {
	width:100%;
	padding:0;
}
.left p
{
	width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px);
	padding:0 5px;
	margin:0;
}
.left strong{width:100%;}
.left-align, .right-align{width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px);margin:0 23px;padding:0;}
.left-align h2, .right-align h2{font-size:130%;}
.left-align ul, .right-align ul{width:100%;}
.header-box
{
	width:170px;
	height:160px;
}
.client
{
	width:160px;
}
.news-left
{
	width:100%;
}
.news-right
{
	width:100%;
}
.news-right label
{
	padding:0 !important;
	font-size:120%;
}
.login-field .input-class
{
	margin:0 5px;
}
.footer-left,.footer-right{width:100%;}
.footer-left-text{width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px); width: -o-calc(100% - 110px); width: calc(100% - 110px);margin-right:10px;}
.footer-right{margin-top:20px;}
.footer-link{border:none;}
.shadow-inset{
	box-shadow: inset 0px 0px 6px #333;
    -webkit-box-shadow: inset 0px 0px 6px #333;
    -moz-box-shadow: inset 0px 0px 6px #333;
    -o-box-shadow: inset 0px 0px 6px #333;
}

.video-container video{display:none;}
.inter-table{width:100%;}
.table-tr{width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px);float:left;}
.table-th, .table-td{float:left;width:100%;}
.input-class,.select-class{width: 100%;}
.current-post-table table{width: -moz-calc(100% - 10px) !important; width: -webkit-calc(100% - 10px) !important; width: -o-calc(100% - 10px) !important; width: calc(100% - 10px) !important;}
}