/*--
@font-face {
	font-family: BreuerTextRegular;
	src: url(fonts/BreuerTextRegular.ttf) format("truetype")
}

@font-face {
	font-family: BreuerTextMedium;
	src: url(fonts/BreuerTextMedium.ttf) format("truetype")
}

@font-face {
	font-family: BreuerTextBold;
	src: url(fonts/BreuerTextBold.ttf) format("truetype")
}


@font-face {
	font-family: 'Roboto-Regular';
	src: url(fonts/Roboto-Regular.ttf) format("truetype")
}

@font-face {
	font-family: 'Roboto-Thin';
	src: url(fonts/Roboto-Thin.ttf) format("truetype")
}

@font-face {
	font-family: 'Roboto-Medium';
	src: url(fonts/Roboto-Medium.ttf) format("truetype")
}
--*/
html {
	height: 100%;
}
body {
	background: #f7f8f9;
	height: 100%;
	color: #333;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: normal;
	font-family: Muli,sans-serif;
	font-weight:normal;
	overflow-x: hidden;
}
* {
	margin: 0;
	padding: 0
}
.pmtdash{margin-left: 15px;
    color: #08b6f9;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 2px solid #13b9f8;
    }
.clear {
	clear: both
}
.posBox{
    margin-top: 12px;
    border: 0px solid #3bc0f3;
    border-radius: 4px;
    padding: 12px 25px 18px;
    font-family: cursive;
    background: #6ac7ea;
    color:#fff;
}
.my_container{width:60%;margin:0 auto;}
.my_container1{width:75%;margin:0 auto;}
#wrap {
	position: relative;
	width: 100%;
	overflow: hidden
}

label {
	display: block;
}
img {max-height:100%;font-size:11px;max-width:100%;}
img:focus {
	background: none !important;
	border: none !important
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
}

h1 {font-weight: 700;
	font-size: 30px;
	color: #333
}

h2 {
	font-size: 26px;
	font-weight: 700;
}

h2 span {
	font-weight: 700;
}

h3 {
	font-size: 22px;
	font-weight: 600
}

h4 {
	font-size: 18px;
	font-weight: 500;
}

h5 {
	font-size: 16px;
	font-weight: 500;
}

h6 {
	font-size: 14px;
	font-weight: 500;
}

p {
	line-height: 22px;
}

a, button {
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	outline:none;
}
a {
	text-decoration: none;
	color: #00abeb;
}
a:hover {
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	color: #ea1e24;
	cursor: pointer;
	text-decoration: none;
}

img:hover {
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
ul{list-style: none;padding-left:0;}
li {
	list-style: none;
}

hr {
	background: #fff;
	height: 1px !important;
	border: 1px solid #00abeb;
	border-left: none;
	border-right: none;
	width: 100px;
	display: none;
	margin: 0 auto;
	margin-bottom: 35px;
}

section, .relative_box {
	position: relative;
}
.flolft {
	float: left;
}

.flort {
	float: right;
}

.pad0 {
	padding: 0px;
}

.pad-left0 {
	padding-left: 0;
}

.pad5 {
	padding: 0 5px;
}

.pad-right0 {
	padding-right: 0;
}

.pad-top5 {
	padding-top: 5px;
}
.pad-bt5 {
	padding-bottom: 5px;
}
.pad-top50 {
	padding-top: 50px;
}
.marg-05{margin:0 -5px;}
.mid-box,  .centerdiv {
	float: none;
	margin: 0 auto;
}
.no-bottom {
	padding-bottom: 0 !important
}
.box-pad {
	padding: 10px 20px;
}
.box-pad1 {
	padding: 20px 10px;
}
.box-pad2 {
	padding: 15px 15px;
}
.pad_box4{padding:15px;}
.pointers{cursor: pointer !important;}
.wht_bg{background: #fff !important;}
.bg-white {background: #fff !important;}
.blue_bg{background: #00abeb !important;}
.gray_bg{background: #f7f8f9 !important;}
.red_text{color: #ea1e24 !important;}
.blue_text{color: #00abeb !important;}
.yallow_text{color: #fbc80d !important;}
.gray_text{color: #888 !important;}
.mb0{margin-bottom:0 !important;}
.marg-bt10 {margin-bottom: 10px;}
.marg-top10 {margin-top: 10px;}
.marg-top8 {margin-top: 8px;}
.mt-50 {margin-top: 50px}
.mt-150 {margin-top: 150px}
.margin-t-20 {margin-top: 20px;}
.margin-b-20 {margin-bottom: 20px;}
.mbt30 {margin-bottom: 30px;}
.mb30{margin-bottom: 30px;}
.mb-50 {margin-bottom: 50px}
.mtp5{margin-top: 5px !important;}
.mtp18{margin-top: 18px;}
.mbt18{margin-bottom: 18px;}
.marg-rt10 {margin-right: 10px;}
.marg-lft10 {margin-left: 10px;}
.margin-r-20 {margin-right: 20px;}
.margin-l-20 {margin-left: 20px;}
.link_txt{color: #00abeb;}
.link_txt:hover{color: #ea1e24;}
.font_size20{font-size: 20px !important;}
.font_size12{font-size: 12px !important;}
.bg1 {
	background: #fbc80b !important;
}
.bg2 {
	background: #ea2026 !important;
}
.bg3 {
	background: #3b9e9a !important;
}
.bg4 {
	background: #13b9f8 !important;
}
.no-alow {
	cursor: not-allowed;
}
.pay_btn{border: 1px solid;
    padding: 6px 8px;
    color: dodgerblue;
    border-radius: 5px;
}

.pay_btn:hover{background: #00abeb;color: white;}

.tittle {
	text-align: center;
}

.tittle hr {
	margin: 20px auto;
	display: none;
}

.tittle p {
	line-height: 25px;
	text-align: center;
	font-size: 15px;
}

.tittle p.desc {
	line-height: 27px;
	text-align: center;
	font-size: 18px;
	color: #666;
}

p.special {
	margin-bottom: 11px;
	font-size: 24px;
}

header {
	background: rgba(255, 255, 255, 1);
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
    box-shadow: 0px 0px 2px 0px #aaa;
}

header .menu {
	width: 100%;
	display: inline-block;
}

header .logo {
	float: left;
	padding-top: 0px;
	width: 11%;
}

header .logo img {
	padding: 10px 0;
}

header nav {float: left;
	margin-left: 0px;
}

header nav li {
	text-transform: capitalize;
}

header .nav-collapse ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none;
}

header .navbar-default .navbar-nav>li>a {
	font-weight: 500;
	padding: 10px 25px;
	color: #444;
	margin: 0;
	font-size: 16px;
	margin-top: 0;
	line-height: 17px;
	text-transform: uppercase;
}

header .inner-menu.navbar-default .navbar-nav>li>a {
	line-height: 19px;
	padding: 21px 4px;
	font-size: 13px;
}

.inner-menu .dropdown-menu>li>a, .top-header-box .dropdown-menu>li>a {
	font-size: 13px;
	color: #333;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #00abeb;
	/*--background: url(../images/dot-border.png) bottom repeat-x;--*/
}

.sticky, .header1 {
	background: rgba(255, 255, 255, 1);
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	padding: 0;
}

header .active {
	/*--background: url(../images/dot-border.png) bottom repeat-x !important;--*/
	background-color: transparent;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}

.top-header{background:#13b9f8;padding: 3px 0;}
.top-header ul{margin:0;text-align:right;}
.top-header li{display:inline-block; margin-left: 15px;}
.top-header li a span.number{color:#fff;font-size: 12px;}
.top-header li a:hover span.number{color:#000;}
.top-header .header-box i {margin:0 6px 0 0;}
.distreport{margin-left: 37px;
    font-size: 16px;
    color: #13b9f8;}
.dropdown-menu {
	background-color: rgba(255, 255, 255, 0.99);
}

.main-menu {
	width: 88%;
	text-align: right;
}
.bordertopdown{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;overflow: hidden !important;}

.main-menu .navbar-collapse {padding-right:0;}

.inner-menu {
	width: 75%;
	text-align: right;
}

.top-header-box li:hover {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fafafa));
	background: -moz-linear-gradient(top, #eee, #fafafa);
}

.dropdown-menu {border:none;
	background-color: rgba(255, 255, 255, 0.99);
	background-image: -o-linear-gradient(bottom, #ffffff 70%, #f3f3f3 90%);
	background-image: -moz-linear-gradient(bottom, #ffffff 70%, #f3f3f3 90%);
	background-image: -webkit-linear-gradient(bottom, #ffffff 70%, #f3f3f3 90%);
	background-image: -ms-linear-gradient(bottom, #ffffff 70%, #f3f3f3 90%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.7, #ffffff), color-stop(0.9, #f3f3f3));
}

.main-menu .navbar-nav, .navbar-header {
	float: none;
}

.main-menu .navbar-nav>li {
	float: none;
	display: inline-block;
	margin-bottom:1px;
}

#menu-toggle {
	position: fixed;
	z-index: 99;
	color: #fff;
	top: 15px;
	padding: 0;
	margin-left: 50px;
	font-size: 70px;
	border: none !important;
}

#wrapper {
	padding-left: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.dropdown-menu li {
	width: 100%;
	border-bottom: 1px solid #eee;
}

.dropdown-menu li:last-child {
	border-bottom: none;
}

.dropdown-menu li a {
	font-weight: 400 !important;
}

.inner-menu .navbar-nav>li:hover .dropdown-menu, .dropdown.open > .dropdown-menu {
	display: block;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu .dropdown-menu {
	position: absolute;
	top: 0;
	left: 100%;
	opacity: 0;
}

.dropdown-submenu:hover .dropdown-menu {
	opacity: 1;
}

.caret-right {
	position: absolute;
	top: 32%;
	right: 3%;
	content: " ";
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #666666;
}

.dropdown-submenu .dropdown-toggle:hover .caret-right {
	border-left-color: #ffffff;
}

#wrapper.toggled {
	padding-left: 200px;
}

#sidebar-wrapper {
	z-index: 1000;
	position: fixed;
	left: 200px;
	width: 0;
	height: 100%;
	margin-left: -200px;
	overflow-y: auto;
	background: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

#wrapper.toggled #sidebar-wrapper {
	width: 200px;
}

#page-content-wrapper {
	width: 100%;
	padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
	position: absolute;
	margin-right: -250px;
}

.left-menu .logo {
	width: 100%;
	text-align: left;
	padding: 40px 0;
}

.left-menu .sidebar-nav {
	position: absolute;
	top: 0;
	width: 200px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.left-menu .sidebar-nav li {
	text-indent: 20px;
	line-height: 40px;
}

.left-menu .sidebar-nav li a {
	display: block;
	text-decoration: none;
	color: #999;
	padding: 5px 0;
}

.left-menu .sidebar-nav li a:hover {
	text-decoration: none;
	color: #fff;
	background: #f2333a;
}

.left-menu .sidebar-nav li a:active, .sidebar-nav li a:focus {
	text-decoration: none
}

.left-menu .sidebar-nav>.sidebar-brand {
	height: 65px;
	font-size: 18px;
	line-height: 60px;
}

.left-menu .sidebar-nav>.sidebar-brand a {
	color: #999;
}

.left-menu .sidebar-nav>.sidebar-brand a:hover {
	color: #fff;
	background: none;
}

.left-menu .logo a:hover {
	background: none !important;
}

.left-menu .active {
	background-color: #f2333a;
	color: #fff;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}

.left-menu .active a {
	color: #fff !important;
}

header .active a {
	color: #f2333a;
	background-color: transparent;
}

.navbar-toggle {
	border: 1px solid #ccc;
	margin-top: 10px;
	font-size: 18px;
	padding-left: 13px;
	padding-right: 13px;
}

.dropdown-menu>li>a {
	color: #666;
}

.dropdown-menu>li>a:hover {
	color: #fff;
}
.dropdown-menu>li>a i.fa-angle-right{position: absolute;
    top: 13px;
    right: 5px;
}
.left-menu .dropdown-menu li a {
	color: #262626 !important;
}

.left-menu .dropdown-menu li a:hover {
	background: none;
}

.overlay {
	background: rgba(0, 0, 0, 0.75);
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.content {
	width: 100%;
	position: relative;
	z-index: 2;
}

#layerslider .btn {
	background: none;
	border: 1px solid #fff;
	text-transform: uppercase;
	padding: 5px 60px;
	font-size: 18px;
}

#home {
	background: url(../images/background/bg-1.html) no-repeat;
	overflow: hidden;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	color: #fff;
	text-align: center;
	position: relative;
	width: 100%;
}

.ecom-features img {
	width: 60%;
	margin: 0 auto;
}

#home .text {
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
	margin: 0 auto;
	left: 0;
	right: 0;
	color: #fff;
	margin-top: -180px;
}

#home .text h2 {
	color: #fff;
}

#home .text h5 {
	letter-spacing: 6px;
	font-weight: 400;
	color: #fff;
	margin: 20px 0;
}

#home .btn {
	background: none;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 15px 50px;
	width: auto;
	height: auto;
	line-height: normal;
	margin: 40px 0 0;
	font-size: 16px;
}

#home .btn:hover {
	background: #f2333a;
	color: #fff;
	border-color: #f2333a;
}

#home span {
	font-size: 18px;
	display: inline-block;
	width: 100%;
	font-weight: 300;
	line-height: 1px;
	margin: 0;
}

#home .flex-control-thumbs {
	display: none;
}

#home .flex-direction-nav a {
	color: #fff;
	opacity: 1;
}

#home .flex-direction-nav {
	margin-top: 0;
	top: 50%;
}

.go-down {
	position: absolute;
	bottom: 10px;
	color: #fff;
	border-radius: 50%;
	height: 60px;
	width: 16px;
	margin: 0 auto;
	right: 0;
	left: -16px;
	line-height: 55px;
	font-size: 20px;
	z-index: 99;
}

#tp-banner {
	width: 100%;
	overflow: hidden;
	position: relative;
}

#tp-banner .btn {
	color: #f2333a;
	border-color: #f2333a;
	background: none;
	padding: 5px 50px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 16px;
}

#tp-banner .btn-wht {
	color: #fff;
	border-color: #fff;
}

#home-text {
	position: absolute !important;
}

#home-text h1 {
	text-transform: uppercase;
}

#home-text .text {
	position: relative;
	text-align: center;
	top: auto;
	width: 100%;
	margin: 0 auto;
	left: 0;
	right: 0;
	color: #fff;
	margin-top: 0;
}

#video-home {
	height: 100%;
	position: relative;
}

#video-home #home {
	background: none;
}

#video-home video, object {
	left: 0;
	position: fixed;
	width: 100%;
	overflow: hidden;
	top: 0;
	z-index: -1;
}

#sub-banner {
	background: url(../images/background/bg-1.html) no-repeat;
	overflow: hidden;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	color: #fff;
	text-align: center;
	min-height: 230px;
}

#sub-banner h1 {
	line-height: 230px;
}

#sub-banner h1 span {
	font-size: 36px;
	font-weight: 300;
}
.show_password{position:relative;}
.show_password i{position: absolute;
    right: 20px;
    top: 0;
    margin-top: -26px;
    z-index: 111;
	font-size:15px;color:#006080
}
.slides-navigation a {
	background: #f2333a;
	height: 50px;
	color: #fff;
	width: 50px;
	text-align: center;
	line-height: 45px;
	padding: 0;
	font-size: 20px;
}

#slides .text {
	top: 53%
}

#slides .text h1 {
	font-size: 100px;
}

#text-slide #home {
	background: url(../images/background/slide1.html) no-repeat;
}

#particles {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #333;
}

#particles canvas {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	overflow: hidden;
}

#video1 {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
}

.covervid-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#intro {
	position: relative;
	padding: 20px 0 30px;
	display: block;
	width: 100%;
}

.intro-sec ul li {
	border: 1px solid #f5f5f5;
	padding: 25px 15px;
	border-radius: 4px;
	margin-bottom: 15px;
}

.intro-sec ul li i {
	display: inline-block;
	float: right;
	font-size: 24px;
	margin-left: 10px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 6px;
	margin-bottom: 10px;
	min-height: 30px;
	color: #18c1f8;
	min-width: 36px;
	text-align: center;
}
.picgallimg {height: 30px;
    max-width: 44px !important;
	width:100%;
    margin-left: 0px;
    margin-top: 2px;
}
.intro-sec .align-right {
	text-align: right;
}

.intro-sec .align-left {
	text-align: left;
}

.intro-sec .align-left i {
	float: left;
	margin-left: 0;
	margin-right: 10px;
}

.intro-sec ul li:hover {
	background: #f2333a;
}

.intro-sec img {
	display: inline-block;
}

.center-align {
	text-align: center;
}

.intro-sec {
	margin-top: 50px;
}

.intro-sec h5 {
	margin: 0;
}

.intro-sec ul li p {
	margin: 0;
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
}

.intro-sec ul li:hover {
	background: #18c1f8;
	color: white;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}

.intro-sec ul li:hover i {
	color: #fff;
	border-color: #fff;
}

.intro-sec ul li:hover p {
	color: #fff;
}

.intro-sec ul li:hover h5 {
	color: #fff;
}

#feature {
	background: url(../images/why-usbg.jpg) top center fixed no-repeat;
	background-size: cover;
	padding-bottom: 25px;
	width: 100%;
	background-position: inherit !important;
}

#feature .overlay {
	padding: 80px 0;
}

#feature .tittle h2 {
	color: #fff;
	margin-top: 60px;
}

#feature .tittle hr {
	border-color: #169fe6;
	background: none;
	margin-bottom: 60px;
}

.item-info h3 {
	margin-top: 0;
}

.item-info p {
	color: #fff;
}

.item-info ul {
	margin-top: 30px
}

.item-info li {
	color: #fff;
	line-height: 30px;
}

.item-info span {
	font-weight: 400;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	min-width: 60px;
}

.btn {
	background: none;
	color: #00abeb;
	line-height: 40px;
	padding: 0 35px;
	font-size: 14px;
	border: 1px solid #fff;
	margin-top: 10px;
	font-weight: 500;
	overflow: hidden;
	-webkit-transition: all 250ms ease-out 0s;
	-moz-transition: all 250ms ease-out 0s;
	-ms-transition: all 250ms ease-out 0s;
	-o-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	position: relative;
	border-radius: 4px;
}

.btn span {
	position: relative;
	z-index: 1;
}

.btn:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: center center;
	width: 200px;
	height: 200px;
	margin-left: -100px;
	margin-top: -100px;
	content: '';
	border-color: #00abeb;
	border-style: solid;
	border-width: 1px;
	border-radius: 100px;
	-webkit-transition: all 250ms ease-in-out 0s;
	-moz-transition: all 250ms ease-in-out 0s;
	-ms-transition: all 250ms ease-in-out 0s;
	-o-transition: all 250ms ease-in-out 0s;
	transition: all 250ms ease-in-out 0s;
}

.btn:hover, .btn:focus {
	color: #fff !important;
	border: 1px solid #00abeb;
}

.btn:hover:before {
	border-width: 100px
}

.btn-1 {
	background: #3d3d3e;
	border: 1px solid #fff
}

.tp-caption.btn {
	padding: 5px 40px !important;
	display: inline-block;
	height: auto;
	width: auto;
	color: #fff !important;
	background: none
}

.tp-caption.btn a {
	color: #fff
}

.tp-caption.btn:hover {
	background: #fff;
	color: #000
}

.tp-caption.btn:hover a {
	color: #000
}

#portfolio {
	padding: 20px 0;
	padding-bottom: 0;
	width: 100%
}

.filter {
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center
}

.filter li a {
	padding: 7px 25px;
	font-size: 14px;
	color: #fff;
	font-weight: 300;
	background: #aaa;
	display: inline-block;
	margin: 0 5px;
	text-decoration: none;
	text-transform: uppercase
}

.filter li a:hover {
	background: #00abeb !important;
	color: #fff
}

.filter li a.active {
	background: #00abeb;
	color: #fff
}

.filter li {
	margin: 0;
	position: relative;
	display: inline-block;
	cursor: pointer
}

.isotope-item {
	z-index: 2;
	display: block !important
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1
}

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s
}

.portfolio .item {
	width: 25%;
	display: inline-block;
	padding: 20px;
	overflow: hidden
}

.portfolio .item p {
	color: #fff;
	text-align: center
}

.portfolio .item h5 {
	color: #fff
}

.portfolio .item img {
	width: 100%
}

.img {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.over {
	display: block;
	position: absolute;
	z-index: 20;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	overflow: hidden;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.expand {
	display: block;
	position: absolute;
	z-index: 100;
	text-align: center;
	color: #00abeb;
	font-size: 30px
}

.over {
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0
}

.over a.expand {
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto -30px;
	height: 100%
}

.over a.expand i {
	margin-top: 28%
}

.over a.expand:hover {
	color: #fff
}

.portfolio .des {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 50%
}

.img.hover .over {
	height: 100%
}

.item-detail .btn {
	background: none;
	border: 1px solid #999;
	margin-top: 10px;
	color: #000
}

.item-detail .btn:hover {
	background: #f2333a;
	color: #fff
}

#testimonials {
	padding: 80px 0;
	position: relative;
	background: #fff
}

#testimonials .flexslider {
	text-align: center;
	position: relative;
	min-height: 470px;
	width: 75%;
	margin: 0 auto
}

#testimonials .flex-control-thumbs {
	text-align: center;
	position: absolute;
	top: 30px;
	height: 163px
}

#testimonials .flexslider .slides {
	margin-top: 300px;
	position: absolute
}

#testimonials h5 {
	color: #545454;
	margin-top: 30px
}

#testimonials p {
	line-height: 24px
}

#testimonials .flex-control-thumbs li img {
	width: 100%;
	background: none
}

#testimonials .flex-control-thumbs li img:focus {
	border: none;
	background: none
}

.comas {
	background: url(../images/comas.png) center center no-repeat;
	height: 30px;
	left: 0;
	margin-top: 240px;
	position: absolute;
	right: 0
}

#video {
	text-align: center;
	height: 480px;
	position: relative;
	overflow: hidden
}

#video .overlay {
	padding: 140px 0
}

#video span {
	font-size: 36px;
	color: #fff;
	position: absolute;
	margin: 0 auto;
	z-index: 3;
	text-transform: uppercase;
	margin: 0 auto;
	z-index: 3;
	text-transform: uppercase;
	right: 0;
	left: 0;
	top: 65%
}

#video a {
	background: #f2333a;
	height: 100px;
	width: 100px;
	border: none;
	color: #fff;
	border-radius: 4px;
	position: absolute;
	line-height: 90px;
	font-size: 40px;
	top: 30%;
	right: 0;
	left: 0;
	margin: 0 auto
}

#video .play {
	display: block;
	position: absolute;
	z-index: 2
}

#video .pause {
	display: none;
	position: absolute;
	z-index: 2
}

#about {
	padding-bottom: 30px;
	background: #fff;
	padding-top: 10px;
	width: 100%;
}

section#software .col-lg-4 img {
	max-height: 500px
}

.mac-img {
	text-align: center;
	margin-top: 40px
}

.mac-img img {
	display: inline-block
}

#about .services {
	margin-top: 40px
}

#about .services li {
	text-align: center
}

#about .services li p {
	font-size: 13px;
	margin-top: 20px
}

#about .services li .icon {
	display: inline-block;
	border-radius: 4px;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden
}

#about .services li .icon i {
	border-radius: 4px;
	margin-bottom: 25px;
	height: 66px;
	width: 66px;
	border: 1px solid #eee;
	line-height: 68px;
	overflow: hidden;
	font-size: 30px;
	color: #f2333a;
	position: relative
}

#about .services li:hover i {
	background: #f2333a;
	color: #fff;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s
}

.ser-who {
	margin-top: 40px;
	text-align: center
}

.ser-who h5 {
	text-transform: uppercase
}

.ser-who i {
	border-radius: 4px;
	margin-bottom: 25px;
	height: 66px;
	width: 66px;
	border: 1px solid #eee;
	line-height: 68px;
	overflow: hidden;
	font-size: 30px;
	color: #f2333a;
	background: #fff;
	position: relative
}

.ser-who .back-icon {
	z-index: -1;
	color: #F0F0F0;
	position: absolute;
	padding-left: 0;
	right: 0;
	top: 100px;
	width: 100%;
	height: 144px;
	line-height: 144px;
	font-size: 144px;
	border: none;
	left: 0;
	margin: 0 auto
}

.ser-who p {
	line-height: 26px
}

.ser-who:hover {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s
}

.ser-who:hover i {
	background: #f2333a;
	color: #fff;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s
}

.ser-who:hover .back-icon {
	background: none
}

.exp {
	margin-top: 50px;
	margin-bottom: 50px
}

.exp .tittle h2 {
	text-transform: uppercase
}

.exp .tittle p {
	line-height: 30px;
	margin-bottom: 30px
}

.exp img {
	display: inline-block
}

.mission {
	background: url(../images/background/mission-bg.jpg) top center fixed
		no-repeat;
	background-size: cover;
	margin-top: 50px;
	padding-top: 30px
}

.mission .tittle h2 {
	text-align: left
}

.mission .tittle hr {
	text-align: left;
	margin: 0;
	background: none;
	border-color: #f2333a;
	margin-bottom: 30px
}

.mission p {
	color: #666;
	font-weight: 500;
	line-height: 24px
}

.passion {
	background: url(../images/background/passion-bg.html) fixed top center
		repeat-y;
	background-size: cover;
	text-align: center
}

.passion .overlay {
	padding: 110px 0
}

.passion h1 {
	color: #fff;
	font-weight: 400
}

.passion h2 {
	color: #fff;
	line-height: 46px;
}

.passion .btn {
	background: none;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 15px 50px;
	width: auto;
	height: auto;
	line-height: normal;
	margin-top: 40px;
	font-size: 16px
}

.passion .btn:hover {
	background: #fff;
	color: #000
}

#services {
	padding: 80px 0;
	background: #fff
}

#services .services {
	margin-top: 70px
}

#services .services li .icon {
	display: inline-block;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	text-align: center;
	width: 100%
}

#services .services hr {
	border: none;
	border-bottom: 1px solid #eee;
	text-align: left;
	margin: 20px 0;
	width: 20px
}

#services .services li .icon i {
	border-radius: 4px;
	height: 66px;
	width: 100%;
	line-height: 68px;
	border: 1px solid #eee;
	overflow: hidden;
	font-size: 30px;
	color: #f2333a;
	position: relative
}

#services .services li {
	margin-bottom: 50px
}

#services .services li:hover i {
	background: #f2333a;
	color: #fff;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s
}

#services .facts {
	margin-top: 30px;
	text-align: center
}

#services .facts ul {
	margin-top: 50px
}

#services .facts li {
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 20px 12px;
	margin-bottom: 30px
}

#services .facts li i {
	display: inline-block;
	width: 100%;
	font-size: 22px;
	color: #f2333a;
	text-align: left;
	border: none;
	margin-bottom: 0;
	padding-bottom: 0
}

#services .facts li span {
	font-size: 55px;
	font-weight: 300;
	color: #777
}

#services .facts li p {
	font-size: 12px;
	width: 100%
}

#services .facts li:hover {
	background: #f2333a;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s
}

#services .facts li:hover i {
	color: #fff
}

#services .facts li:hover span {
	color: #fff
}

#services .facts li:hover p {
	color: #fff
}

#services .ser-who {
	margin-bottom: 40px
}

#clients {
	background: url(../images/background/client-bg.html) fixed top center
		repeat-y;
	background-size: cover
}

#clients .overlay {
	padding: 80px 0
}

#clients h1 {
	margin-bottom: 30px
}

#clients p {
	color: #fff
}

#clients .clients {
	text-align: center;
	margin-top: 50px
}

#clients .clients li {
	display: inline-block;
	width: 24.5%;
	margin-bottom: 30px
}

#clients .owl-buttons div {
	border-radius: 50%;
	height: 30px;
	width: 30px;
	top: 5px;
	line-height: 30px;
	margin: 0 10px;
	font-size: 18px
}

#clients .owl-prev {
	left: -40px
}

#clients .owl-next {
	right: -40px
}

#owl-client {
	margin-top: 60px
}

#clients .owl-buttons {
	margin-top: 20px
}

#team {
	padding: 80px 0;
	background: #fff
}

#team .team {
	text-align: center;
	margin-top: 60px;
	padding: 0 10px
}

#team .team img {
	width: 100%
}

#team .team h5 {
	margin-top: 30px
}

#team .team p span {
	color: #ccc;
	margin-bottom: 20px
}

#team .btm-detail {
	position: absolute;
	bottom: 0;
	background: #1BA1E6;
	width: 100%;
	padding: 20px 0;
	min-height: 150px
}

#team .social_icons a {
	width: 36px;
	font-size: 18px;
	margin: 0;
	height: 40px;
	border-radius: 4px;
	line-height: 36px !important
}

#team .over h5 {
	color: #fff
}

#team .over span {
	color: #fff
}

#team .owl-prev {
	position: absolute;
	top: 45%;
	left: -50px
}

#team .owl-next {
	position: absolute;
	top: 45%;
	right: -50px
}

.skills {
	margin-top: 80px
}

.skills span {
	display: inline-block;
	width: 9%;
	margin-top: -6px;
	position: relative;
	text-align: center;
	float: right
}

.skills h4 {
	color: #525252
}

#contact {
	background: url(../images/world_img.jpg) center center fixed no-repeat;
	width: 100%;
	border-top: 1px solid #fff;
}

#contact .overlay {
	padding: 20px 0 40px;
}

#contact .con-info li i {
	color: #1ba1e6 !important;
	font-size: 50px
}

strong.phone {
	color: #00abeb
}

#contact .tittle {
	margin-bottom: 50px
}

#contact .tittle p {
	color: #fff
}

#contact .contact-form p {
	color: #666
}

#contact .con-info {
	margin-top: 120px;
	margin-left: 40px
}

#contact .con-info li {
	text-align: center;
	font-size: 50px;
	color: #f2333a
}

#contact .con-info li i {
	font-size: 50px;
	color: #f2333a
}

#contact .con-info h3 {
	font-size: 26px;
}

.contact-form {
	background: #fff;
	padding-bottom: 40px;
	text-align: center
}

.contact-form input {
	height: 45px;
	width: 100%;
	padding: 0 10px;
	border-radius: 4px;
	margin: 10px 0
}

.contact-form .btn {
	background: #fff;
	border: 1px solid #e1e1e1;
	color: #000;
	display: inline-block;
	width: auto;
	padding-left: 40px;
	padding-right: 40px;
	text-transform: uppercase
}

.contact-form .btn:hover {
	background: #169fe6;
	color: #fff;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.contact-form form {
	padding: 0 50px;
	margin-top: 50px
}

.contact-form textarea {
	width: 100%;
	border-radius: 0;
	padding: 10px;
	margin-top: 20px
}

.contact-form .btn {
	margin-top: 20px
}

input[type="text"], input[type="number"], input[type="email"], input[type="password"],
	textarea, .form-contact textarea {
	background-color: rgba(255, 255, 255, 0.4);
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #666;
	font-family: inherit;
	font-size: 14px;
	padding: 6px 10px;
	margin: 0 0 0px;
	-webkit-transition: all .7s ease 0;
	-moz-transition: all .7s ease 0;
	-ms-transition: all .7s ease 0;
	-o-transition: all .7s ease 0;
	transition: all .7s ease 0;
	width: 100%
}

.contactForm {
	padding-top: 40px;
	float: left
}

.contactForm form i {
	background: #f2333a;
	color: #fff;
	border-radius: 100%;
	display: inline-block;
	font-size: 24px;
	height: 50px;
	width: 50px;
	margin-left: 3px;
	padding-top: 12px;
	text-align: center;
	-webkit-transition: all 300ms ease-in-out 0;
	-moz-transition: all 300ms ease-in-out 0;
	-ms-transition: all 300ms ease-in-out 0;
	-o-transition: all 300ms ease-in-out 0;
	transition: all 300ms ease-in-out 0
}

.form-group {
	margin-bottom: 8px;
}

.error {
	-webkit-transition: all .5s ease 0;
	-moz-transition: all .5s ease 0;
	-ms-transition: all .5s ease 0;
	-o-transition: all .5s ease 0;
	transition: all .5s ease 0;
	float: right;
	margin: -47px 14px 0 0;
	position: relative;
	top: 0
}

.error i {
	background: none !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	width: 12px !important;
	height: 12px !important;
	margin: 0;
	padding: 0
}

.error i:before {
	color: red;
	font-size: 11px;
	margin-right: 10px;
	vertical-align: top;
	width: 12px !important;
	height: 12px !important
}

.rights {
	padding-bottom: 8px;
	padding-top: 8px;
	width: 100%;
}

.rights p {
	color: #ddd;
}

#back-to-top {
	background: #1ba1e6;
	height: 62px;
	width: 62px;
	line-height: 56px;
	text-align: center;
	cursor: pointer;
	font-size: 25px;
	display: inline-block;
	border-radius: 50%;
	color: #fff;
	margin-top: -31px;
	position: relative;
	z-index: 99;
	border: 3px solid #fff
}

#blog {
	padding: 40px 0
}

#blog hr {
	margin: 0;
	border: none;
	background: #00abeb;
	margin-top: 20px
}

#blog .blog li i {
	margin-right: 5px
}

#blog .blog {
	margin-bottom: 11px;
	float: left
}

#blog .blog a h4 {
	color: #00abeb;
	font-weight: 400;
}

#blog .blog li {
	display: inline-block;
	margin-right: 20px;
	color: #ccc;
	font-size: 14px;
	margin-top: 10px
}

#blog .blog img {
	margin-top: 18px
}

#blog .blog p {
	margin-top: 20px
}

#blog .blog .btn {
	background: none;
	color: #000;
	margin-top: 10px
}

#blog .blog .btn:hover {
	background: #f2333a;
	color: #fff
}

#blog .blog .flex-blog li {
	display: inline-block
}

#blog .flex-direction-nav a {
	z-index: 999
}

#blog .flex-control-paging {
	margin-top: -20px;
	z-index: 9
}

#blog .flex-control-paging li {
	margin: 0 5px !important
}

#blog .flex-control-nav {
	bottom: auto;
	display: none
}

#blog .flex-direction-nav {
	margin-top: 0;
	position: absolute;
	z-index: 9;
	width: 96.3%;
	top: 40.5%
}

#blog .owl-next {
	right: 0
}

#blog .flex-blog img {
	margin-top: 0
}

#blog .flex-direction-nav .flex-next {
	position: absolute;
	height: 40px;
	overflow: hidden;
	right: 1px;
	width: 40px
}

#blog .flex-direction-nav .flex-prev {
	position: absolute;
	height: 40px;
	overflow: hidden;
	left: 0;
	width: 40px;
	padding: 2px 13px 20px 10px
}

#blog .flex-direction-nav a:before {
	font-size: 40px;
	line-height: 1;
	color: #fff;
	display: inline-block;
	content: "\f104"
}

#blog .flex-direction-nav a.flex-next:before {
	content: '\f105';
	line-height: 1
}

#blog .flex-direction-nav a {
	background: rgba(0, 0, 0, 0.5);
	padding: 2px 10px 20px 13px;
	text-align: center;
	display: inline-block
}

#blog .flex-direction-nav li {
	width: 20px;
	overflow: hidden;
	height: 30px
}

#blog .search input {
	border-radius: 0;
	color: #666;
	height: 45px
}

#blog .right-bar h4 {
	color: #333;
	margin-top: 14px;
	font-weight: 500
}

#blog .right-bar hr {
	margin-bottom: 20px;
	margin-top: 6px
}

#blog .right-bar a {
	line-height: 32px;
	text-decoration: none
}

#blog .right-bar i {
	font-size: 18px;
	margin-right: 10px
}

#blog .right-bar .img {
	display: inline-block;
	height: 60px;
	width: 60px;
	margin-right: 10px;
	float: left
}

#blog .right-bar span.titl {
	float: right;
	width: 80%;
	margin: 0;
	line-height: 20px
}

#blog .right-bar span.date {
	color: #ccc;
	font-size: 12px;
}

#blog .right-bar .post li {
	margin-bottom: 20px
}

#blog .flicker li {
	margin-bottom: 30px
}

.que {
	border-left: 2px solid #f2333a;
	margin-left: 30px;
	padding: 1px 25px 20px 15px;
	margin-top: 20px
}

.que p {
	font-style: italic;
	font-size: 16px;
	color: #000;
	line-height: 30px
}

.que span {
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	margin-top: 10px
}

.admin {
	margin-top: 50px
}

.admin .image {
	float: left;
	width: 130px;
	margin-right: 20px
}

.admin h4 {
	color: #525252
}

.comments {
	margin-top: 60px
}

.comments .media {
	margin-top: 40px
}

.comments .media span {
	font-size: 14px;
	margin-left: 50px;
}

.comments .media span a {
	margin-left: 20px
}

.com-form {
	margin-top: 50px
}

.com-form .form-control {
	height: 45px;
	border-radius: 0
}

.com-form textarea.form-control {
	height: 150px
}

.form-control {
	border: 1px solid #ccc;
	border-radius: 2px;
}

.com-form .btn {
	text-transform: uppercase;
	padding: 0 40px;
	width: auto;
	margin-top: 0;
	background: #fff;
	color: #000;
	border: 1px solid #CCC
}

.com-form .btn:hover {
	background: #f2333a;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	color: #fff
}

.com-form h5 {
	margin-bottom: 30px
}

.social_icons {
	position: relative;
	z-index: 9999
}

.social_icons ul {
	margin: 0;
	padding: 0;
	text-align: center
}

.social_icons li {
	display: inline-block;
	list-style: none
}

.social_icons a {
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 5px 0 0;
	font-size: 20px;
	line-height: 52px !important;
	text-decoration: none;
	text-align: center;
	color: #fff
}

.social_icons a:hover i {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color: #fff;
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-webkit-transition: .4s ease-in-out
}

.social_icons .behance a:hover {
	color: #fff;
	background-color: #2b9ad2;
	border-color: #2b9ad2
}

.social_icons .blogger a:hover {
	color: #fff;
	background-color: #ff6500;
	border-color: #ff6500
}

.social_icons .deviantart a:hover {
	color: #fff;
	background-color: #536659;
	border-color: #536659
}

.social_icons .dribbble a:hover {
	color: #fff;
	background-color: #f973a4;
	border-color: #f973a4
}

.social_icons .facebook a:hover {
	color: #fff;
	background-color: #3b5a9b;
	border-color: #3b5a9b
}

.social_icons .flickr a:hover {
	color: #fff;
	background-color: #ff0084;
	border-color: #ff0084
}

.social_icons .forrst a:hover {
	color: #fff;
	background-color: #2f713d;
	border-color: #2f713d
}

.social_icons .googleplus a:hover {
	color: #fff;
	background-color: #f63d26;
	border-color: #f63d26
}

.social_icons .instagram a:hover {
	color: #fff;
	background-color: #507ea4;
	border-color: #507ea4
}

.social_icons .lastfm a:hover {
	color: #fff;
	background-color: #da0019;
	border-color: #da0019
}

.social_icons .linkedin a:hover {
	color: #fff;
	background-color: #0072b2;
	border-color: #0072b2
}

.social_icons .paypal a:hover {
	color: #fff;
	background-color: #165c82;
	border-color: #165c82
}

.social_icons .picasa a:hover {
	color: #fff;
	background-color: #cb2027;
	border-color: #cb2027
}

.social_icons .pinterest a:hover {
	color: #fff;
	background-color: #cb2027;
	border-color: #cb2027
}

.social_icons .skype a:hover {
	color: #fff;
	background-color: #00aaf1;
	border-color: #00aaf1
}

.social_icons .soundcloud a:hover {
	color: #fff;
	background-color: #ff6900;
	border-color: #ff6900
}

.social_icons .stumbleupon a:hover {
	color: #fff;
	background-color: #eb4823;
	border-color: #eb4823
}

.social_icons .twitter a:hover {
	color: #fff;
	background-color: #2baae1;
	border-color: #2baae1
}

.social_icons .vimeo a:hover {
	color: #fff;
	background-color: #40b2dc;
	border-color: #40b2dc
}

.social_icons .youtube a:hover {
	color: #fff;
	background-color: #ff3330;
	border-color: #ff3330
}

.color-switcher {
	width: 220px;
	position: fixed;
	right: -220px;
	top: 150px;
	z-index: 999;
	padding: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border-bottom-right-radius: 4px
}

.color-switcher h5 {
	font-size: 15px;
	margin-top: 0;
	padding: 0 20px
}

.color-switcher p {
	font-size: 12px;
	color: #000;
	margin-bottom: 0;
	background: #fff;
	height: 40px;
	text-align: left;
	font-weight: 700;
	line-height: 42px;
	text-transform: uppercase
}

.color-switcher ul {
	list-style: none;
	padding: 0
}

.color-switcher ul li {
	float: left
}

.color-switcher ul li a {
	display: block;
	width: 35px;
	height: 35px;
	outline: none;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	color: #333
}

.color-switcher ul li a.blue {
	background: #00abeb
}

.color-switcher ul li a.green {
	background: #88c136
}

.color-switcher ul li a.red {
	background: #e54242
}

.color-switcher ul li a.yellow {
	background: #ff9c00
}

.color-switcher ul li a.brown {
	background: #987654
}

.color-switcher ul li a.cyan {
	background: #1ABC9C
}

.color-switcher ul li a.purple {
	background: #c74a73
}

.color-switcher ul li a.sky-blue {
	background: #00cdcd
}

.color-switcher .gray {
	background: #656565
}

.color-switcher .black {
	background: #000
}

.color-switcher .white {
	background: #fff
}

.color-switcher .light {
	background: #fff;
	width: 60px;
	color: #000;
	text-align: center;
	float: left;
	border: 1px solid #666;
	margin-top: 15px;
	margin-right: 22px
}

.color-switcher .dark {
	background: #272727;
	width: 60px;
	float: right;
	color: #fff;
	border: 1px solid #666;
	margin-top: 15px
}

.picker_close {
	width: 40px;
	height: 40px;
	position: absolute;
	left: -40px;
	top: 0;
	text-align: center;
	background: #fff;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.picker_close i {
	font-size: 22px;
	margin-top: 9px
}

.position {
	right: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease
}

.theme-colours, .layouts, .backgrounds, .choose-header, .choose-footer {
	display: table;
	text-align: left;
	width: 100%;
	padding: 19px;
	background: #fff;
	padding-top: 0
}

.layouts a, .choose-header a, .choose-footer a {
	display: inline-block;
	text-align: center;
	width: 40%;
	margin: 0 5px 0 0;
	color: #5d5d5d;
	font-size: 15px;
	border: 1px solid #e7e7e7;
	padding: 5px 7px 2px
}

.layouts a:hover, .choose-header a:hover, .choose-footer a:hover {
	border: 2px solid #a9a9a9;
	padding: 4px 5px 1px
}

.styleswitcher {
	position: fixed;
	width: 120px;
	background: #fff;
	color: #595959;
	top: 150px;
	right: -123px;
	z-index: 999
}

.styleswitcher p {
	color: #000 !important
}

.styleswitcher.ackapa {
	left: 0
}

.styleswitcher .switch {
	padding-left: 15px;
	padding-bottom: 10px
}

.styleswitcher .switch h5 {
	margin-top: 20px
}

.styleswitcher .switch p {
	margin-top: 10px
}

.stylebutton {
	cursor: pointer;
	position: absolute;
	text-align: center;
	line-height: 40px;
	background: #fff;
	font-size: 20px;
	width: 40px;
	height: 40px;
	top: 0;
	right: -40px
}

.styleswitcher a {
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 7px;
	margin-bottom: 10px;
	position: relative;
	z-index: 99999999
}

.color-switcher ul li {
	margin: 3px
}

#pricing {
	padding: 80px 0;
	padding-bottom: 0
}

.pricing-table {
	border-radius: 4px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #ececec;
	margin-bottom: 40px
}

.pricing-table header {
	color: rgba(0, 0, 0, 0.45);
	font-size: 16px;
	margin-bottom: 10px;
	padding-bottom: 22px;
	display: inline-block;
	width: 100%;
	height: auto;
	background: #f3f3f3
}

.pricing-table header h2, .pricing-table header .price {
	color: #f2333a
}

.pricing-table header h2 {
	color: #fff;
	font-size: 18px;
	margin: 0 0 5px;
	padding: 16px 0;
	text-transform: none;
	text-align: center
}

.pricing-table header .price {
	font-size: 48px;
	margin: 0 2px
}

.pricing-table header .currency {
	font-size: 24px;
	position: relative;
	top: -13px
}

.pricing-table header .date {
	margin-top: -13px
}

.pricing-table ul {
	margin: 0;
	padding: 0 23px
}

.pricing-table ul li {
	border-bottom: 1px solid #ececec;
	list-style: none;
	padding: 15px 0
}

.pricing-table .btn {
	margin: 10px 0;
	width: 100%
}

.pricing-table header h2 {
	background-color: #f2333a
}

#map, iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0
}

.map {
	position: relative;
	min-height: 213px;
	margin-top: 10px;
	width: 100%;
	margin-bottom: 20px
}

.modal-header i {
	color: #fff
}

.modal-body .owl-controls .owl-page, .owl-controls .owl-buttons div {
	margin-top: -50px;
	z-index: 999;
	height: 50px;
	width: 50px;
	display: inline-block;
	position: absolute;
	top: 60%
}

.modal-body .owl-img {
	height: 500px;
	overflow: hidden
}

.modal-body .owl-next {
	right: 0
}

.modal-body h4 {
	color: #333
}

.p-details {
	padding: 15px
}

#ip-container header {
	border: none
}

#accordion .panel-default>.panel-heading .panel-title a:before {
	content: "\f106";
	font-family: FontAwesome;
	margin-right: 5px;
	color: #FFF;
	padding: 0;
	background: #18c1f8;
	color: #fff;
	padding: 14px 15px
}

#accordion .panel-default>.panel-heading .panel-title a.collapsed:before
	{
	content: "\f107";
	font-family: FontAwesome;
	margin-right: 5px;
	background: #18c1f8
}

#accordion1 .panel-default>.panel-heading .panel-title a:before {
	content: "\f068";
	font-family: FontAwesome;
	margin-right: 0;
	color: #FFF;
	float: right;
	padding: 0;
	background: #18c1f8;
	color: #fff;
	padding: 0 15px
}

#accordion1 .panel-default>.panel-heading .panel-title a.collapsed:before
	{
	content: "\f067";
	font-family: FontAwesome;
	margin-right: 0;
	background: #18c1f8
}

#accordion1 .panel-default>.panel-heading a {
	padding-left: 15px
}

#accordion2 .panel-default>.panel-heading .panel-title a:before {
	content: "\f106";
	font-family: FontAwesome;
	margin-right: 5px;
	color: #FFF;
	padding: 0;
	background: #f2333a;
	color: #fff;
	padding: 14px 15px
}

#accordion2 .panel-default>.panel-heading .panel-title a.collapsed:before
	{
	content: "\f107";
	font-family: FontAwesome;
	margin-right: 5px;
	background: #f2333a
}

.panel-default>.panel-heading {
	background-color: #fff;
	padding: 0;
	border-radius: 4px;
	overflow: hidden
}

.panel-default>.panel-heading a {
	text-decoration: none;
	font-size: 16px;
	width: 100%;
	font-weight: 400;
	padding: 0;
	line-height: 43px;
	display: inline-block;
	padding-left: 0
}

#headings {
	text-align: left
}

#headings h1 {
	text-align: left;
	color: #000
}

#headings h2 {
	text-align: left;
	color: #000;
	text-transform: none
}

#headings h3 {
	text-align: left;
	color: #000
}

#headings h4 {
	text-align: left;
	color: #000
}

#headings h5 {
	text-align: left;
	color: #000
}

#headings h6 {
	text-align: left;
	color: #000
}

.alerts .close {
	float: right
}

.shortcodes h1 {
	text-align: left
}

.shortcodes h2 {
	text-align: left;
	text-transform: uppercase
}

#tabs p {
	line-height: 26px
}

#tabs .nav-tabs a {
	font-weight: 300;
	font-size: 18px
}

#tabs .nav-tabs {
	margin-bottom: 15px
}

#tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
	{
	background: #f2333a;
	color: #fff;
	border: none
}

.shortcodes section h4 {
	color: #333;
	font-weight: 400
}

.loadding-text {
	width: 100%;
	display: inline-block;
	text-align: center;
	top: 20%;
	position: relative
}
.shortcodes {
	padding: 80px 0
}

.shortcodes h2 {
	margin: 40px 0
}

#timeline {
	background: url(../images/background/passion-bg.html) fixed top center
		repeat-y;
	background-size: cover;
	text-align: center
}

.timeline {
	list-style: none;
	padding: 10px 0;
	position: relative;
	font-weight: 300
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 2px;
	background: #fff;
	left: 50%;
	margin-left: -1.5px
}

.timeline>li {
	margin-bottom: 20px;
	position: relative;
	width: 50%;
	float: left;
	clear: left
}

.timeline>li:before, .timeline>li:after {
	content: " ";
	display: table
}

.timeline>li:after {
	clear: both
}

.timeline>li:before, .timeline>li:after {
	content: " ";
	display: table
}

.timeline>li:after {
	clear: both
}

.timeline>li>.timeline-panel {
	width: calc(100% - 25px);
	width: -moz-calc(100% - 25px);
	width: -webkit-calc(100% - 25px);
	float: left;
	border: 1px solid #dcdcdc;
	background: #fff;
	position: relative
}

.timeline>li>.timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #dcdcdc;
	border-right: 0 solid #dcdcdc;
	border-bottom: 15px solid transparent;
	content: " "
}

.timeline>li>.timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " "
}

.timeline>li>.timeline-badge {
	color: #fff;
	width: 24px;
	height: 24px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 16px;
	right: -12px;
	z-index: 100
}

.timeline>li.timeline-inverted>.timeline-panel {
	float: right
}

.timeline>li.timeline-inverted>.timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto
}

.timeline>li.timeline-inverted>.timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto
}

.timeline-badge>a {
	color: #fff !important
}

.timeline-badge a:hover {
	color: #dcdcdc !important
}

.timeline-title {
	margin-top: 0;
	color: inherit
}

.timeline-heading h4 {
	font-weight: 400;
	padding: 0 15px;
	color: #4679bd
}

.timeline-body>p, .timeline-body>ul {
	padding: 10px 15px;
	margin-bottom: 0
}

.timeline-footer {
	padding: 5px 15px;
	background-color: #f4f4f4
}

.timeline-footer p {
	margin-bottom: 0
}

.timeline-footer>a {
	cursor: pointer;
	text-decoration: none
}

.timeline>li.timeline-inverted {
	float: right;
	clear: right
}

.timeline>li:nth-child(2) {
	margin-top: 60px
}

.timeline>li.timeline-inverted>.timeline-badge {
	left: -12px
}

.no-float {
	float: none !important
}

.blogfull img {
	width: 100%
}

.timer {
	text-align: center
}

ul.countdown {
	min-height: 180px;
	margin-top: 50px
}

ul.countdown li {
	text-align: center;
	border: 1px solid #ddd;
	display: inline-block;
	min-width: 160px;
	min-height: 140px;
	padding-top: 20px
}

ul.countdown li span {
	font-size: 56px;
	padding-top: 150px;
	font-weight: 300;
	color: #f2333a;
}

ul.countdown li p {
	font-size: 14px;
	color: #666;
	font-weight: 300;
	text-transform: uppercase
}

.soon {
	width: 100%;
	text-align: center;
	margin-top: 140px
}

.soon .social_icons {
	margin-top: 50px;
	margin-bottom: 100px
}

.soon .social_icons li {
	margin: 0 30px
}

.soon .social_icons a {
	color: #333 !important;
	font-size: 26px
}

.subcribe {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 100px
}

.subcribe input {
	display: inline-block;
	width: 550px;
	height: 55px
}

.subcribe button {
	width: 190px;
	height: 55px;
	margin: 0;
	font-weight: 500
}

#missing {
	background: url(../images/slide/slide-bg-3.html) center center no-repeat;
	text-align: center;
	color: #fff;
	background-size: cover
}

.missing-2 {
	background: #fff;
	text-align: center
}

.cont {
	margin-top: 0px;
	padding-bottom: 100px
}

.cont h3 {
	color: #00abeb
}

.cont span {
	display: inline-block;
	font-size: 150px;
}

.missing-2 {
	margin-top: 0
}

.missing-2 .cont span {
	font-weight: bolder;
	font-size: 200px;
	margin-top: 0;
	line-height: 70px
}

.missing-2 .cont h3 {
	font-size: 30px;
	color: #404040;
	font-weight: 600;
	margin-top: 50px
}

.single-item .modal-body .owl-controls .owl-page, .owl-controls .owl-buttons div
	{
	top: 50%
}

.single-item {
	margin-bottom: 100px
}

.single-item h4 {
	color: #333
}

.single-item h3 {
	color: #333;
	margin-top: 10px
}

.item-info {
	margin-left: -30px;
	margin-bottom: 48px
}

.item-info .owl-img {
	margin-top: 20px
}

.single-item p {
	color: #666;
	margin-bottom: 20px
}

.single-item .item-info span {
	color: #666
}

.single-item .item-info li {
	color: #666
}

.cont span.red {
	color: #f2333a
}

.cont span.grey {
	color: #333
}

.cont span.blue {
	color: #00abeb
}

.cont .btn {
	border: 1px solid #00abeb;
	background: none;
	color: #00abeb
}

.cont .btn:hover {
	border: 1px solid #00abeb;
	background: #00abeb;
	color: #fff
}

.cont h3 {
	font-weight: bold
}

.cont h5 {
	margin-top: 50px;
	color: #333;
	font-size: 25px;
}

.links {
	margin: 150px 0;
	text-align: center
}

.links li {
	margin: 20px 0;
	display: inline-block;
	padding: 0 20px
}

.links li a {
	font-size: 18px;
	font-weight: 400
}

#contact .con-info a {
	color: #fff
}

#faqs {
	padding: 80px 0
}

.faqs h2 {
	text-align: left;
	margin-bottom: 30px
}

.services-wrap {
	padding: 0;
}

ul.services-wrap li {
	margin-bottom: 30px
}

.services-wrap .icon {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	display: table;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
	border-radius: 100%;
	border: 1px solid #333
}

.service-content {
	margin-top: -45px;
	padding-top: 50px
}

.service-content h5, .service-content p {
	text-align: center;
	-webkit-transition: all .2s ease 0;
	-moz-transition: all .2s ease 0;
	-o-transition: all .2s ease 0;
	-ms-transition: all .2s ease 0;
	transition: all .2s ease 0;
	font-size: 14px;
	margin-bottom: 20px
}

.service-content .btn-big, .service-content .btn-medium,
	.service-content .btn-small {
	float: left;
	margin-left: 31%;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.service-content .btn-big span, .service-content .btn-medium span,
	.service-content .btn-small span {
	text-transform: none
}

.service-content .btn-big:hover span, .service-content .btn-medium:hover span,
	.service-content .btn-small:hover span {
	color: #d74142
}

.service-content.services-home {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 20px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.service-content.services-home h5 {
	font-size: 18px;
	color: #000;
	font-weight: 300
}

.service-content.services-home h5:hover {
	color: #ea1e24;
}

.services-wrap li:hover {
	box-shadow: 0px 0px 2px 0px #aaa;
}

.services-wrap li:hover .service-content.services-home {
	background: rgba(22, 159, 230, 0) !important
}

.services-wrap li:hover .icon {
	border-color: #00abeb
}

.service-content h5 {
}

.services-wrap.home2 .icon {
	margin-left: 0;
	margin-right: 20px;
	float: left
}

.service-content.services-home2 {
	background: #fff;
	margin-top: 0;
	padding-top: 0
}

.service-content.services-home2 h5, .service-content.services-home2 p {
	text-align: left
}

.service-content.services-home2 h5:hover {
	color: #d74142
}

.comment-body .btn-small span {
	font: 12px 'Droid Sans', sans-serif;
	text-transform: uppercase;
	padding: 4px 10px 3px 5px
}

.left-box {
	width: 25%;
	float: left
}

.center-box {
	width: 30%;
	float: left
}

.right-box {
	width: 25%;
	float: right
}

.view_more:hover {
	color: #00abeb;
	border-color: rgba(51, 51, 51, 0.44)
}

a.view_more {
	border: 1px solid #00abeb;
	padding: 0px 28px;
	margin: 0;
}

.top-header-box {width: 14%;
	padding-top: 0px;
	float: right;
}
.top-header-box > li > a{padding-top: 18px;padding-bottom: 21px;}
.top-header-box li a.dropdown-toggle span{
    font-weight:500;
    font-size: 13px;
    text-transform: uppercase;
}

.icon_ph {
	border: solid 1px #666;
	border-radius: 100%;
	padding: 2px 4px;
	margin-right: 4px;
	color: #224A9E
}

.item-info1 h3 {
	margin-top: 20px;
	color: #234A8D;
	font-size: 15px
}

.item-info1 p {
	color: #234A8D
}

.why_chooseus {
	margin: 0;
	padding: 0 0 10px;
	width: 100%;
	overflow: hidden
}

.why_chooseus h2 {
	margin: 0 0 35px;
	text-align: left;
	padding: 15px 0 0 15px;
	color: #fff;
	text-shadow: 0 1px 1px #444
}

.why_chooseus ul {
	margin: 0 0 17px;
	padding: 0 0 0 15px
}

.why_chooseus ul li {
	list-style: none;
	margin-left: 144px
}

.why_chooseus ul li a {
	line-height: 36px;
	width: 187px;
	font-size: 14px;
	color: #fff
}

.why_chooseus ul li a span {
	margin: 0 -30px 0 30px;
	float: left;
	display: block
}

.why_chooseus ul li a span i {
	font-size: 20px
}

#how {
	background: url(../images/wold_img.html) left top no-repeat;
	background-size: cover
}

.wold_ar {
	padding-top: 40px;
	padding-bottom: 40px
}

#contact .con-info h3 {
	font-size: 13px !important;
	color: #fff;
	margin-top: 0 !important
}

span.number {
	font-size: 14px;
	margin-left: 5px;
	color: #333;
}

span.number:hover {
	color: #00abeb;
}

.link {
	color: #337ab7 !important
}

.pointers {
	cursor: pointer;
}

.inner-banner {
	margin: 0px auto;
	width: 100%;
	background: #fff url(../images/main-banner.jpg) fixed no-repeat;
	height: 520px;
	background-size: cover;
	position: relative;
	padding-top: 92px;
}

.inner-banner1 {
	margin-top: -75px;
	width: 100%;
	background: url(../images/e-cm_banner.html) fixed;
	height: 280px
}

.inner-banner2 {
	margin-top: -75px;
	width: 100%;
	background: url(../images/contact-us.html) fixed;
	height: 280px
}

.inner-banner3 {
	margin-top: -75px;
	width: 100%;
	background: url(../images/school-sw.html) fixed;
	height: 280px
}

.inner-banner4 {
	margin-top: -75px;
	width: 100%;
	background: url(../images/mobile-application.html) fixed;
	height: 280px
}

.inner-banner5 {
	margin-top: 90px;
	width: 100%;
	background: transparent fixed no-repeat;
	background-size: cover;
}

.inner-banner6 {
	margin-top: -75px;
	width: 100%;
	background: url(../images/about2_img.html) fixed;
	height: 280px
}

.inner-banner7 {
	margin-top: -75px;
	width: 100%;
	background: url(../images/contact1.html) fixed;
	height: 280px
}

.inner-banner8 {
	margin-top: -75px;
	width: 100%;
	background: url(../images/seo_banner.html) fixed;
	height: 280px
}

.contactfrom_left {
	width: 30%;
	float: left;
	margin-top: 40px
}

.contactfrom_right {
	width: 70%;
	float: right;
	margin-bottom: 40px
}

.contact_from_heading {
	color: #169fe6;
	margin-top: -50px
}

.ener_contact_text {
	color: #000;
	float: left
}

.add_contact {
	line-height: 30px;
	text-align: left;
	font-size: 14px;
	margin-bottom: 40px;
	color: #848e97
}

.contact_add_heading {
	font-weight: 700;
	font-size: 20px;
	color: #5d6166
}

.icon {
	color: #169fe6;
	font-size: 20px !important
}

.from_heading {
	color: #169fe6;
	font-size: 34px;
	font-family: 'Roboto-Thin';
	color: #169fe6;
	font-size: 34px;
	font-family: Roboto-Thin;
	padding-bottom: 23px;
	margin-left: 14px
}

.e-mail {
	color: #169fe6;font-size: 17px;
}

.map_ar {
	margin-top: 87px
}

.item-info li {
	color: #fff !important;
	float: left;
	font-size: 20px;
	line-height: 43px;
	margin: 0 5% 0 0;
	padding: 0;
	width: 27%;
	margin: 1%;
	padding-left: 19px;
	margin-right: 37px
}

.item-info span {
	color: #1BA1E6 !important;
	display: inline-block;
	font-size: 30px;
	font-weight: 400;
	text-transform: uppercase
}

#testimonials {
	padding: 80px 0;
	position: relative;
	background: #F1F1F1
}

#border {
	border-left: solid 1px #D6D6D6
}

.wework {
	padding-top: 44px
}

#about_globe img {
	width: 50%;
	margin-top: 0;
	margin-left: 124px
}

.mission {
	background: url(../images/mission-bg1.html) top center fixed no-repeat;
	background-size: cover;
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 20px
}

.mission .tittle h2 {
	text-align: left
}

.mission .tittle hr {
	text-align: left;
	margin: 0;
	background: none;
	border-color: #1BA1E6;
	margin-bottom: 30px
}

.mission p {
	color: #FFF;
	font-weight: 500;
	line-height: 24px;
	font-size: 17px;
	text-align: justify;
	margin-bottom: 84px
}

.mission h1 {
	font-size: 42px;
	font-family: 'Roboto-Thin';
	color: #169FE6
}

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.fpblocks {
	width: 100%;
}

.starting {
	border: 1px solid #e0e0e0;
	width: 90px;
	margin: 0 auto;
	border-radius: 50%;
	height: 90px;
	position: inherit;
	margin-top: -23px;
	background: #fff
}

.starting p {
	font-size: 11px;
	margin-top: 19px
}

.price-value i {
	font-size: 44px !important;
	color: #505050 !important
}

#feature .tittle.choose p {
	color: #fff
}

.inner_mainaddress {
	text-align: center;
	padding-top: 10px
}

.img-section {
	text-align: center;
	margin-bottom: 0px
}

.img-section img {
	margin: 0 auto;
	height: 110px;
	width: 92px;
	object-fit: none;
	object-position: 0 0;
	transition: all .2s ease
}

.img-section p {
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
	font-size:16px;
}

.cd-testimonials-wrapper {
	position: relative;
	width: 90%;
	max-width: 1170px;
	margin: 2em auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 20px 40px 70px;
	z-index: 1
}

.cd-author-desc::after {
	content: '\201C';
	position: absolute;
	top: -30px;
	left: -50px;
	width: 50px;
	height: 50px;
	padding-top: 8px;
	margin-left: 18px;
	font-family: "Georgia", serif;
	color: #fff;
	font-size: 70px;
	font-size: 4.375rem;
	text-align: center;
	display: none
}

@media only screen and (min-width: 768px) {
	.cd-testimonials-wrapper {
		margin: 0 auto;
		padding: 0 20px 20px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width: 1170px) {
	.cd-author-desc::after {
		display: block
	}
}

.cd-testimonials {
	color: #fff;
	text-align: center
}

.cd-testimonials::after {
	clear: both;
	content: "";
	display: table
}

.cd-testimonials>li {
	position: absolute;
	opacity: 0
}

.cd-testimonials>li:first-child {
	position: relative;
	opacity: 1
}

.cd-testimonials p {
	line-height: 1.4;
	margin-bottom: 1em;
	padding: 0 14px
}

@media only screen and (min-width: 768px) {
	.cd-testimonials p {
		font-size: 13px;
		font-size: 1.375rem
	}
}

@media only screen and (min-width: 1170px) {
	.cd-testimonials p {
		font-size: 13px;
		line-height: 1.6
	}
}

.cd-author img {
	display: inline-block;
	vertical-align: middle;
}

.cd-author img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-right: 5px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3)
}

.cd-author .cd-author-info {
	line-height: 1.2;
	margin-top: 10px;
}

.cd-author .cd-author-info li:first-child {
	font-size: 14px;
	font-size: .875rem
}

.cd-author .cd-author-info li:last-child {
	font-size: 12px;
	font-size: .75rem;
	color: #6b6b70
}

@media only screen and (min-width: 768px) {
	.cd-author img {
		width: 80px;
		height: 80px
	}
	.cd-author .cd-author-info {
		line-height: 1.4
	}
	.cd-author .cd-author-info li:first-child {
		font-size: 16px;
		color: #fff
	}
	.cd-author .cd-author-info li:last-child {
		font-size: 14px
	}
}

.flex-direction-nav li {
	position: absolute;
	height: 100%;
	width: 40px;
	top: 0
}

.flex-direction-nav li:first-child {
	left: -33px;
}

.flex-direction-nav li:last-child {
	right: -31px;
}

.flex-direction-nav li a {
	display: block;
	height: 100%;
	width: 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	transition: background-color .2s
}

.flex-direction-nav li a::before, .flex-direction-nav li a::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 2px;
	height: 13px;
	background-color: #fff
}

.flex-direction-nav li a::before {
	-webkit-transform: translateY(-36px) rotate(45deg);
	-moz-transform: translateY(-36px) rotate(45deg);
	-ms-transform: translateY(-36px) rotate(45deg);
	-o-transform: translateY(-36px) rotate(45deg);
	transform: translateY(-36px) rotate(45deg)
}

.flex-direction-nav li a::after {
	-webkit-transform: translateY(-27px) rotate(-45deg);
	-moz-transform: translateY(-27px) rotate(-45deg);
	-ms-transform: translateY(-27px) rotate(-45deg);
	-o-transform: translateY(-27px) rotate(-45deg);
	transform: translateY(-27px) rotate(-45deg)
}

.flex-direction-nav li:last-child a::before {
	-webkit-transform: translateY(-36px) rotate(-45deg);
	-moz-transform: translateY(-36px) rotate(-45deg);
	-ms-transform: translateY(-36px) rotate(-45deg);
	-o-transform: translateY(-36px) rotate(-45deg);
	transform: translateY(-36px) rotate(-45deg)
}

.flex-direction-nav li:last-child a::after {
	-webkit-transform: translateY(-27px) rotate(45deg);
	-moz-transform: translateY(-27px) rotate(45deg);
	-ms-transform: translateY(-27px) rotate(45deg);
	-o-transform: translateY(-27px) rotate(45deg);
	transform: translateY(-27px) rotate(45deg)
}

@media only screen and (min-width: 768px) {
	.flex-direction-nav li {
		width: 50px
	}
}

@media only screen and (min-width: 1170px) {
	.flex-direction-nav li a::before, .flex-direction-nav li a::after {
		background-color: #5e5e63;
		-webkit-transition: background-color .2s;
		-moz-transition: background-color .2s;
		transition: background-color .2s
	}
	.flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after
		{
		background-color: #fff
	}
}
.errMsg{position: absolute;
    font-size: 12px;
    color: red;
    }
.cd-see-all {
	position: absolute;
	z-index: 26;
	left: 43%;
	bottom: -32px;
	width: 15%;
	height: 43px;
	line-height: 40px;
	background: none;
	text-align: center;
	text-transform: capitalize;
	font-weight: 300;
	font-size: 15px;
	-webkit-transition: color, .2s;
	-moz-transition: color, .2s;
	transition: color, .2s;
	border: 1px solid #00abeb;
}

.no-touch .cd-see-all:hover {
	color: #fff;
}

a#see {
	left: 250px
}

.cd-testimonials-all {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0 .3s;
	-moz-transition: opacity .3s 0s, visibility 0 .3s;
	transition: opacity .3s 0s, visibility 0 .3s
}

.cd-testimonials-all .cd-testimonials-all-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: auto
}

.cd-testimonials-all .cd-testimonials-all-wrapper>ul {
	width: 90%;
	max-width: 1170px;
	margin: 4em auto;
	margin-top: 90px
}

.cd-testimonials-all .cd-testimonials-all-wrapper>ul::after {
	clear: both;
	content: "";
	display: table
}

.cd-testimonials-all .cd-testimonials-item {
	margin-bottom: 2em;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0) scale(0.4);
	-moz-transform: translate3d(0, 0, 0) scale(0.4);
	-ms-transform: translate3d(0, 0, 0) scale(0.4);
	-o-transform: translate3d(0, 0, 0) scale(0.4);
	transform: translate3d(0, 0, 0) scale(0.4);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s
}

.cd-testimonials-all p {
	position: relative;
	background: #79b6e4;
	color: #fff;
	padding: 2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.4;
	border-radius: .25em;
	margin-bottom: 1em
}

.cd-testimonials-all p::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 2em;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top-color: #79b6e4
}

.cd-testimonials-all .cd-author {
	text-align: left;
	margin-left: 1.5em
}

.cd-testimonials-all .cd-author img {
	box-shadow: 0 0 0 transparent
}

.cd-testimonials-all.is-visible {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .3s 0s, visibility 0 0;
	-moz-transition: opacity .3s 0s, visibility 0 0;
	transition: opacity .3s 0s, visibility 0 0
}

.cd-testimonials-all.is-visible .cd-testimonials-all-wrapper {
	-webkit-overflow-scrolling: touch
}

.cd-testimonials-all.is-visible .cd-testimonials-item {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	-moz-transform: translate3d(0, 0, 0) scale(1);
	-ms-transform: translate3d(0, 0, 0) scale(1);
	-o-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1)
}

@media only screen and (min-width: 768px) {
	.cd-testimonials-all .cd-testimonials-item {
		width: 46%;
		margin: 0 2% 3em
	}
	.cd-testimonials-all .cd-author {
		margin-left: 1em
	}
}

@media only screen and (min-width: 1170px) {
	.cd-testimonials-all .cd-testimonials-item {
		width: 30%;
		margin: 0 1.6666% 3em
	}
}

.close-btn {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	top: 60px;
	right: 5%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap
}

.close-btn::before, .close-btn::after {
	content: '';
	position: absolute;
	display: inline-block;
	width: 2px;
	height: 24px;
	top: 8px;
	left: 19px;
	background-color: #39393c
}

.close-btn::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.close-btn::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

#design {
	margin-top: 50px
}

.web_heading {
	margin-top: 50px
}

.ener_heading {
	color: #09F;
	text-align: left;
	margin-bottom: 20px
}

.seo_heading {
	font-size: 40px;
	margin-top: 40px
}

.seo_service_heading {
	font-size: 50px;
	line-height: 30px
}

.seo_service_subheading {
	color: #169fe6;
	text-align: justify;
	line-height: 30px;
	font-size: 24px
}

.career_img_2 {
	margin-bottom: 20px;
	margin-top: 30px
}

.seo_service_heading_2 {
	line-height: 30px;
	text-align: center;
	margin-top: 40px
}

.line_ar {
	margin-bottom: 40px
}

.service_seo {
	margin-bottom: 40px;
	margin-top: 25px
}

.point {
	line-height: 35px;
	font-size: 13px
}

.col-lg-6.copyright {
	text-align: left
}

.col-lg-6.social {
	text-align: right
}

.icon {
	margin-right: 10px
}

.mobilepn {
	margin-bottom: 40px
}

#website {
	margin-bottom: 40px
}

#website .cogl-lg-6 h2 {
	color: #18C1F8;
	text-align: left;
	margin: 0
}

#website .col-lg-6 p {
	margin-top: 20px
}

#website .tittle, #about .tittle {
	margin-top: 10px
}

#website .col-lg-6 {
	margin-top: 80px
}

span.text-content {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	cursor: pointer;
	display: table;
	height: 150px;
	left: 0;
	position: absolute;
	top: 0;
	width: 150px
}

span.text-content span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	text-shadow: 1px 3px #000
}

span.text-content {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	cursor: pointer;
	display: table;
	height: 73px;
	left: 0;
	position: absolute;
	top: 0;
	width: 277px;
	opacity: 0;
	font-size: 20px
}

span.text-content:hover {
	opacity: 1
}

#client2 {
	margin-top: 80px
}

#border5 {
	border-right: 1px solid #AFE0F9
}

.point1 {
	line-height: 30px
}

div#back-to-top:hover {
	background-color: #2754A6
}

#about .contents .col-lg-6 h2 {
	color: #18C1F8;
	text-align: left;
	font-weight: 600
}

#about_ar {
	position: relative;
	background: #f6f8fa;
	margin-top: 20px
}

.plan {
	float: left;
	font-weight: 700
}

.plan_icon {
	color: #18c1f8;
	width: 20%;
	float: left
}

.p_icon {
	font-size: 56px;
	padding-top: 20px
}

.plan_ar {
	width: 80%;
	float: right
}

.plan_ar-1 {
	padding-left: 15px
}

.work_ar {
	padding-top: 15px;
	padding-bottom: 50px
}

.how_ar {
	padding-top: 15px;
	text-align: center
}

.read_more {
	color: #18c1f8 !important;
	cursor: pointer
}

.parallar_ar {
	padding-top: 50px;
	padding-bottom: 150px
}

.parallax_text {
	text-shadow: 1px 2px 3px #2f3030;
	font-size: 24px;
	font-weight: 100px;
	line-height: 30px
}

.line {
	border-color: #676666;
	margin-bottom: 15px !important
}

.web_ar {
	padding-top: 70px
}

.web_img {
	height: 230px;
	width: 100%;
	padding-bottom: 20px
}

#website .web_ar h2 {
	color: #18c1f8;
	padding-bottom: 18px
}

.border_ar {
	border-right: solid 1px #eeebeb
}

.button {
	border: solid 1px #18c1f8;
	color: #333;
	margin-top: 20px
}

.button:hover {
	background: #18c1f8;
	color: #fff;
	-webkit-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	-ms-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.tabe_text {
	width: 79%;
	float: right
}

.img_ar {
	float: left;
	width: 21%
}

.tab_ar {
	margin-top: 20px
}

.img_ar_2 {
	float: right
}

.tabe_text_2 {
	float: left
}

.self {
	margin-top: 50px
}

.about {
	background: url(../images/exprolab.jpg);
	padding-top: 70px;
	padding-bottom: 70px;
	width: 100%;
	background-size: cover
}

.about_ar {
	background: url(../images/mission-bg1.html) fixed;
	background-size: cover;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 490px
}

section.about a {
	font-size: 18px;
	padding: 0px 20px;
	text-transform: capitalize
}

.about .container p {
	color: #333;
	font-family: 'Roboto-Thin';
	font-weight: 700;
	text-align: center
}

.about .col-lg-8 h2 {
	font-weight: 700px
}

.self .col-lg-6 h2 {
	color: #18c1f8;
	margin-top: 0
}

.line_1 {
	margin-bottom: 20px
}

.hd_text {
	color: #18c1f8
}

.job_ar {
	margin-top: 40px
}

.job {
	background: url(../images/img_3.html);
	background-size: cover;
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 490px
}

.job .container p {
	color: #fff;
	font-family: 'Roboto-Thin';
	font-weight: 700
}

.tittle.clients h2 {
	color: #fff
}

.con-info h4 {
	font-size: 14px;
	color: #fff
}

#border11 {
	border-right: 1px solid #ccc
}

.rights .nav {
	margin-top: -4px;
	margin-left: 2%;
	font-size: 12px
}

.col-lg-2.copyright {
	margin-top: 9px
}

.social {
	text-align: right
}

.rights ul.nav.navbar-nav li a {
	color: #d6d5d5 !important;
	padding: 8px 8px;
	text-transform: capitalize
}

.social a:hover {
	opacity: 1
}

#text {
	margin-left: -32px
}

#border2 {
	border-right: 1px solid #5F5F5F
}

.map_contact {
	margin-top: 96px
}

.add_map {
	margin-left: -65px
}

.col-lg-12.call {
	padding-bottom: 22px;
	border: 1px solid #FFF;
	background: #F9F9F9;
	box-shadow: 1px 1px 3px #ccc
}

.col-lg-12.call h2 {
	margin-bottom: 20px
}

#web_parallax {
	background: url(../images/7.html) fixed;
	padding: 20px
}

.price-label-3 i {
	color: #00abeb;
	font-size: 15px
}

#software p {
	margin-bottom: 30px
}

#software p.desc {
	line-height: 27px !important;
	font-size: 18px;
	color: #666;
	margin-bottom: 10px
}

#web_parallax h2 {
	color: #fff
}

#web_parallax a {
	color: #00abeb
}

#web_parallax ul li a {
	color: #fff
}

#software .col-lg-7 {
	padding: 20px
}

#software .col-lg-6 i {
	margin-bottom: 10px;
	color: #333;
	margin-right: 5px
}

#software {
	width: 100%;
	padding-top: 10px
}

#software .col-lg-5 {
	padding-left: 0
}

.web b {
	color: #18B8F3
}

.web {
	background-color: #F7F7F7;
	padding-bottom: 60px
}

.web p {
	line-height: 25px !important;
}

.web p.desc {
	line-height: 27px !important;
	font-size: 18px;
	color: #666;
}

.sc_img {
	width: 100%
}

.apple {
	width: 400px;
	height: 500px
}

#image {
	text-align: center
}

.ecom {
	text-align: center;
	width: 100%
}

.android {
	background: #EFEFEF;
	padding-bottom: 0 !important
}

.android .col-lg-5 {
	padding-left: 0 !important;
	padding-right: 0 !important
}

.ios .col-lg-5 {
	padding-left: 0 !important;
	padding-right: 0 !important
}

.ios {
	padding-top: 10px !important;
	padding-bottom: 0 !important
}

.request-contant-mid-box-1 {
	width: 272px;
	margin: 0 7px 10px 0;
	border: 1px solid #dadbdc;
	float: left;
	min-height: 450px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset
}

.request-box-inner {
	background: #f35212;
	text-align: center;
	min-height: 170px;
	position: relative
}

.request-box-inner img {
	margin: 10px 40px 0 0
}

.request-contant-mid-box-1 .request-box-inner .jqTransformCheckboxWrapper
	{
	color: #fff;
	display: block;
	float: left;
	margin: 135px 4px 0 35px
}

label.css-label.radGroup1 {
	font-weight: 100;
	text-align: center;
	font-size: 20px;
	font-family: 'Roboto-Thin';
	color: #fff;
	margin-top: 16px;
	margin-right: 40px
}

.request-contant-mid-box-1-check {
	width: 100%;
	margin: 20px 0 0 29px
}

.request-contant-mid-box-1-check .jqTransformCheckboxWrapper {
	background: none !important;
	background: url(../images/checkbox.html) no-repeat left top;
	display: block;
	height: 19px;
	vertical-align: middle;
	width: 20px
}

.request-contant-mid-box-1 .request-box-inner a.jqTransformChecked {
	background-position: center bottom;
	color: red
}

.request-contant-mid-box-1 .request-box-inner .jqTransformCheckbox {
	background: url(../images/radiohover.png) no-repeat scroll center top transparent;
	display: block;
	height: 25px;
	vertical-align: middle;
	width: 25px
}

.request-contant-mid-box-1-check .span {
	float: left;
	font-size: 14px;
	font-family: font-family : 'Roboto-Thin';
	padding: 0 0 15px 10px;
	width: 87%;
	text-align: left;
	color: #2c3032
}

.webdevelop {
	background: #29cd99;
	position: relative
}

.media-market {
	background: #65af1d;
	position: relative
}

.hire-resource {
	background: #06a7d5;
	position: relative
}

.h-res {
	margin-right: 0
}

.budget {
	margin: 25px auto 0;
	border-radius: 10px;
	height: 90px;
	border: 1px solid #dadbdc;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset
}

.ui-slider-horizontal {
	background: none repeat scroll 0 0 #fff;
	border-radius: 10px;
	width: 65%;
	float: left;
	margin: 40px 0 0 55px
}

.ui-slider-horizontal .ui-slider-range {
	background: #9fb700;
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-handle {
	background: #9fb700;
	border-radius: 100%;
	height: 22px;
	width: 22px;
	top: -7px !important
}

.proposal {
	background: none !important
}

.proposal.contact-form form {
	margin-top: 0 !important
}

.proposal.contactForm {
	padding-top: 0 !important
}

#technology img:hover {
	-webkit-filter: none
}

#technology img {
	width: 100%;
	-webkit-filter: grayscale(100%);
	cursor: pointer
}

#technology .col-lg-2 {
	margin-bottom: 20px;
	margin-top: 20px
}

#image {
	margin-top: 40px
}

.hover_heading {
	font-weight: 700!impotent
}

.web_parallax .container p {
	color: #CECECE
}

.web_parallax {
	background: url(../images/7.html) fixed;
	padding: 20px
}

.web_parallax h2 {
	color: #fff
}

.scrollup {
	width: 40px;
	height: 40px;
	opacity: 1;
	position: fixed;
	z-index: 9999;
	bottom: 50px;
	right: 10px;
	display: none;
	background: none;
}

.scrollup .fa {
	font-size: 26px;
	color: #00abeb;
	border: 2px solid #00abeb;
	border-radius: 50%;
	padding: 6px 10px;
}

.scrollup .fa:hover {
	background: #00abeb;
	color: #fff;
}

#contact .col-lg-6 h6 {
	color: #fff
}

.rights .container p {
	font-size: 13px;
	padding: 4px 0;
	margin-bottom: 0;
}

.icon_right {
	padding-right: 15px;
}

.team {
	margin-top: 60px;
	margin-bottom: 40px;
}

.container .team p {
	padding-left: 15px;
	padding-right: 15px
}

.container .team h4 {
	color: #18c1f8;
}

.contents p {
	margin-bottom: 20px
}

.ceo {
	padding-top: 80px;
}

.ceo_text {
	text-align: center;
	margin-top: -15px;
}

.eo_text {
	margin-top: -40px;
}

.name {
	color: #18c1f8;
}

.cd-testimonials p {
	color: #fff;
}

.team_ar {
	background: #fff;
	padding-bottom: 20px;
	cursor: pointer;
}

.team_img {
	padding-top: 0;
}

.team_ar:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.android_1 {
	background: #f5f5f5;
}

.light_ar {
	font-size: 18px;
	color: #fff;
	text-align: center !important;
}

.android_1 h6 {
	margin-top: 30px;
}

.team .team_ar h4 {
	font-size: 22px;
}

.portfolio .des h5 {
	font-size: 22px;
}

.career_img {
	margin-top: 10px;
}

.career_text {
	margin-top: 20px;
}

.services-wrap li:hover .icon {
	opacity: 1;
}

#technology .container {
	margin-left: 183px;
}

#technology {
	padding-bottom: 40px;
}

.ecom img {
	margin-bottom: 30px;
}

.top-header-box img {
	margin-top: -4px;
}

.services-wrap:hover {
	cursor: pointer;
}

.header_shadow {
	width: 100%;
	position: static;
	z-index: 1000;
	height: 70px;
	background-position: center bottom;
	z-index: 116;
	opacity: .6;
	display: none;
}

section .btn {
	border: 1px solid #00abeb;
}

section#intro h1 {
	font-size: 28px;
	color: #333;
	font-size: 30px;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 27px;
}

section#service {
	background: #f3f3f3;
	padding-top: 10px;
	padding-bottom: 0;
	border-top: 1px solid #fff;
}

section#service h2 {
	font-size: 28px;
	color: #ea1e24;
	font-weight: 500;
}

section#portfolio h2 {
	font-size: 28px;
	color: #ea1e24;
	font-size: 30px;
	font-weight: 500;
}

section#feature h2 {
	font-size: 28px;
	color: #ea1e24;
	font-size: 30px;
	font-weight: 500;
}

section#contact h2 {
	font-size: 28px;
	color: #ea1e24;
	font-size: 30px;
	font-weight: 500;
}

.portfolio-wrapper {
	text-align: center;
	padding-bottom: 40px
}

.cd-author {
	margin-bottom: 20px;
	display: table-cell;
	width: 30%;
	padding-right: 15px;
}

.cd-author-desc {
	margin-bottom: 20px;
	display: table-cell;
	width: 70%;
	vertical-align: top;
	position: relative;
}

.inner-banner5 .tittle {
	position: absolute;
	width: 100%
}

.inner-banner5 .tittle h1 {opacity:0;
	margin-top: 40px;
	position: absolute;
	color: #fff;
	width: 100%
}

section#software p {
	width: 100%
}

.mobile-menu {
	display: none !important
}

p.text-center {
	width: 100%
}

p.special-text {
	font-size: 29px;
	line-height: 1.5;
	margin-bottom: 20px !important
}

.social-nav {
	padding: 0;
	list-style: none;
	display: inline-block;
	margin-bottom: 0px;
}

.social-nav a {
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	line-height: 33px;
	background: #000;
	position: relative;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	border-radius: 50%;
}

ul.social-nav.model-6 li {
	display: inline-block;
	margin-left: 2px
}

.model-6 a:hover {
	background: #fff;
}

.model-6 .twitter {
	background: #00aced;
	border: 1px solid #00aced;
}

.model-6 .twitter:hover {
	color: #00aced
}

.model-6 .facebook {
	background: #3b579d;
	border: 1px solid #3b579d;
}

.model-6 .facebook:hover {
	color: #3b579d
}

.model-6 .google-plus {
	background: #dd4a3a;
	border: 1px solid #dd4a3a;
}

.model-6 .google-plus:hover {
	color: #dd4a3a
}

.model-6 .linkedin {
	background: #007bb6;
	border: 1px solid #007bb6;
}

.model-6 .linkedin:hover {
	color: #007bb6
}

.model-6 .pinterest {
	background: #cb2026;
	border: 1px solid #cb2026;
}

.model-6 .pinterest:hover {
	color: #cb2026
}

.model-6 .instagram {
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%,
		#cc2366 75%, #bc1888 100%);
	background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%,
		#cc2366 75%, #bc1888 100%);
	background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%
		, #bc1888 100%)
}

.model-6 .instagram:hover {
	color: #000
}

.model-6 .youtube {
	background: #b31217;
	border: 1px solid #b31217;
}

.model-6 .youtube:hover {
	color: #b31217
}

.service_box1 {
	margin: 0 10px;
	float: left
}

#service_section {
	width: 100%;
	position: relative;
	background: #EFEFEF
}

.mobile #rocket, .mobile #pipe {
	z-index: -1
}

#pipe {
	background: #ea3a3a;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 2500px;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	top: 0;
	width: 10px
}

#service_section h5 {
	color: #000;
	font-size: 24px
}

#web_design {
	width: 100%;
	margin: 20px 0
}

.service_box1 {
	width: 39%;
	margin: 0 14px;
	float: left
}

.service_box2 {
	width: 15%;
	margin: 0 10px;
	float: left
}

.service_box3 {
	width: 39%;
	margin: 0 14px;
	float: left
}

ul.software {
	width: 100%;
	margin: 15px 0
}

ul.software li {
	width: 43px;
	height: 38px;
	display: inline-block
}

ul.software {
	margin: 4% auto 0;
	text-align: center;
	width: 100%
}

ul.software li {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	width: 43px;
	height: 38px;
	-webkit-filter: grayscale(100%) !important;
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	margin: 0 5px
}

ul.software li:hover {
	-webkit-filter: grayscale(0%) !important;
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%)
}

ul.software.webdesign li:first-child {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -15px -11px
}

ul.software.webdesign li:nth-of-type(2) {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -16px -49px
}

.service_box1 h5 {
	margin-top: 18px
}

#web_design .service_box2 .img_box {
	width: 186px;
	height: 179px;
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -160px -10px
}

#front_end .service_box2 .img_box {
	width: 196px;
	height: 179px;
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -160px -189px
}

#logo_design .service_box2 .img_box {
	width: 186px;
	height: 176px;
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -160px -368px
}

#web_development .service_box2 .img_box {
	width: 186px;
	height: 176px;
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -170px -545px
}

#marketing .service_box2 .img_box {
	width: 186px;
	height: 179px;
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -160px -722px
}

#ecomm {
	margin-top: 80px
}

#marketing .service_box2 .img_box {
	width: 186px;
	height: 179px;
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -168px -899px
}

#search-engine {
	margin-top: 80px
}

#ecomm .service_box2 .img_box {
	width: 186px;
	height: 179px;
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -160px -1077px
}

#social-media-opt {
	margin-top: 80px
}

#search-engine .service_box2 .img_box {
	width: 186px;
	height: 179px;
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -168px -1256px
}

#social-media-opt .service_box2 .img_box {
	width: 186px;
	height: 179px;
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -160px -11px
}

.service_box3 p {
	text-align: justify;
	color: #353536 !important
}

.service_box3 a.read_more {
	text-align: center;
	color: #f4b318;
	display: block;
	margin-top: 8px;
	font-size: 15px;
	position: relative;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out
}

.service_box3 a.read_more:after {
	position: absolute;
	content: '';
	width: 8%;
	height: 2px;
	background: #f4b318;
	left: 46%;
	bottom: -15%;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out
}

.service_box3 a.read_more:hover {
	color: #000
}

.service_box3 a.read_more:hover:after {
	background: none
}

#front_end {
	margin-top: 80px
}

ul.software.logo_design li:nth-of-type(3) {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -15px -87px
}

ul.software.logo_design li:nth-of-type(4) {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -16px -125px
}

ul.software.logo_design li:nth-of-type(5) {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -16px -163px
}

ul.software.logo_design li:nth-of-type(6) {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -16px -201px
}

#logo_design {
	margin-top: 80px
}

ul.software.logo_design li:first-child {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -15px -11px
}

ul.software.logo_design li:nth-of-type(2) {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -16px -49px
}

#web_development {
	margin-top: 80px
}

ul.software.web_development li:first-child {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -15px -239px
}

ul.software.web_development li:nth-of-type(2) {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -16px -277px
}

ul.software.web_development li:nth-of-type(3) {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -16px -315px
}

ul.software.web_development li:nth-of-type(4) {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -16px -353px
}

/* #marketing { */
/* 	margin-top: 80px */
/* } */

ul.software.marketing li:first-child {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -15px -391px
}

ul.software.marketing li:nth-of-type(2) {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -16px -429px
}

ul.software.marketing li:nth-of-type(3) {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -16px -467px
}

ul.software.marketing li:nth-of-type(4) {
	background: url(../images/image_sprite.png) no-repeat;
	background-position: -18px -505px
}

#pipe {
	background: #f4b318;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 2800px;
	left: 50%;
	margin-left: 2px;
	position: absolute;
	top: 0;
	width: 5px
}

.mobile #rocket, .mobile #pipe {
	z-index: -1
}

.reason .tittle {
	margin-bottom: 30px
}

.reason i {
	color: #333 !important
}

.reason p {
	margin-bottom: 2px !important
}

.mobile-apps {
	margin-bottom: 0 !important
}

.mobile-apps .ecom img {
	margin-bottom: 0 !important
}

.white-bg {
	background: #fff !important
}

#request-contant {
	width: 100%;
	margin: 0 auto;
	background: #FFF;
	padding: 25px 0 10px
}

.request-contant-mid {
	width: 1200px;
	margin: 0 auto;
	text-align: center
}

.request-contant-mid p {
	color: #2a2626;
	font: 17px/30px 'Open Sans';
	padding: 5px 0 30px
}

.request-contant-mid h3 {
	color: #06a7d5;
	font: 55px/80px open_sansbold;
	padding: 5px 0 0;
	text-transform: uppercase
}

.request-contant-mid-box-1 {
	width: 264px;
	border-radius: 5px;
	margin: 0 21px 0 0;
	border: 1px solid #dadbdc;
	float: left;
	min-height: 450px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset
}

.request-box-inner {
	background: #f35212;
	text-align: center;
	border-radius: 5px 5px 0 0;
	min-height: 170px;
	position: relative
}

.request-box-inner:after {
	border-color: #f35212 transparent transparent;
	border-style: solid;
	border-width: 15px 15px 0;
	content: "";
	display: block;
	height: 0;
	right: 15px;
	position: absolute;
	bottom: -8px;
	width: 0
}

.webdevelop {
	background: #29cd99;
	position: relative
}

.webdevelop:after {
	border-color: #29cd99 transparent transparent;
	border-style: solid;
	border-width: 15px 15px 0;
	content: "";
	display: block;
	height: 0;
	right: 15px;
	position: absolute;
	bottom: -8px;
	width: 0
}

.media-market {
	background: #65af1d;
	position: relative
}

.media-market:after {
	border-color: #65af1d transparent transparent;
	border-style: solid;
	border-width: 15px 15px 0;
	content: "";
	display: block;
	height: 0;
	right: 15px;
	position: absolute;
	bottom: -8px;
	width: 0
}

.hire-resource {
	background: #06a7d5;
	position: relative
}

.hire-resource:after {
	border-color: #06a7d5 transparent transparent;
	border-style: solid;
	border-width: 15px 15px 0;
	content: "";
	display: block;
	height: 0;
	right: 15px;
	position: absolute;
	bottom: -8px;
	width: 0
}

.jqTransformHidden {
	display: none
}

.request-contant-mid-box-1-check .jqTransformHidden {
	display: block !important
}

section.range .container {
	border: 2px solid #dcdcdc;
	padding-bottom: 20px;
	width: 82%;
	border-radius: 5px
}

section.range {
	width: 100%;
	background: #efefef;
	padding-top: 10px;
	padding-bottom: 30px
}

section.range input {
	background: none;
	position: absolute;
	margin-top: -24px;
	margin-left: 17%
}

.our-works {
	padding-bottom: 60px !important
}

.our-works.mobile {
	padding-bottom: 0 !important
}

.our-works .img-responsive {
	margin: 0 auto;
	padding-top: 0
}

ul.social-nav.model-6 li i {
	padding-top: 7px
}

.images {
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: -38px
}

.swiper-container {
	max-width: 730px;
	max-height: 452px;
	margin: 87px auto !important
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

#small-dialog, #small-dialog1, #small-dialog2, #small-dialog3,
	#small-dialog4, #small-dialog5 {
	background: #fff;
	padding: 10px 0;
	text-align: left;
	max-width: 629px;
	margin: 40px auto;
	position: relative;
	text-align: center;
	border: 15px solid #eee
}

.pricing-grids {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 30px
}

.pricing-grid {
	width: 23%;
	float: left;
	margin-right: 2% !important;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all
}

.pricing-grid:nth-child(1) {
	margin: 0
}

h1 {
	text-align: center;
	margin: 1em 0;
	font-size: 3em;
	color: #fff
}

.price-head h3 {
	color: #404042;
	font-size: 3em;
	text-decoration: none;
	font-weight: 700
}

a.popup-with-zoom-anim {
	padding: 0 12px;
	line-height: 2.2em
}

.pricing-grid3 {
	margin-right: 0
}

.pricing-grid:hover, .pricing-grid:hover, .pricing-grid:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	z-index: 1;
	border: none
}

.pricing-grid1:nth-child(3) {
	margin-right: 0
}

.price-value p, .price-value.two p, .price-value.three p {
	font-size: 16px;
	text-align: center;
	margin-top: 5px
}

.price-value, .price-value.two, .price-value.three {
	background: #8386e7;
	padding: 1em 0;
	border-bottom: 1px solid #393C9F;
	text-align: center
}

.price-value.two {
	background: #41cac0;
	border-bottom: 1px solid #25857E
}

.price-value.three {
	background: #f3f3f3;
	border-bottom: 1px solid rgba(138, 138, 138, 0);
	min-height: 110px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px
}

.price-value ul, .pricing-grid1 ul, .pricing-grid2 ul, .pricing-grid3 ul
	{
	padding: 0
}

.price-value ul li, .pricing-grid1, .pricing-grid2 ul li, .pricing-grid3 ul li
	{
	list-style: none
}

.price-value ul li {
	list-style: none
}

.price-value h5 {
	padding: 11px 0;
	font-style: italic;
	font-size: 13px
}

ul.count, .pricing-grid1 ul li a, ul.count, .pricing-grid2 ul li a, ul.count,
	.pricing-grid3 ul li a {
	font-size: 15px;
	display: block;
	text-decoration: none;
	font-weight: 400;
	padding: 10px 20px
}

.price-bg {
	background: #fff;
	height: auto;
	padding-bottom: 10px;
	width: 100%;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px
}

p.price-label-1 {
	color: #8386E7;
	text-align: center
}

p.price-label-2 {
	color: #41cac0;
	text-align: center
}

p.price-label-3 {
	color: #D27FF1;
	text-align: center
}

.price-bg p span {
	font-size: 15px;
	color: #00abeb
}

.price-bg p i {
	vertical-align: initial
}

.price-bg ul {
	padding: 0
}

.price-bg ul li {
	list-style: none;
	font-size: 14px
}

ul.buy-now li {
	display: inline-block
}

li.view {
	float: left;
	margin: 9px 0 0 35px
}

li.view a {
	color: #83b4e6;
	border-bottom: 2px dotted;
	font-style: italic
}

ul.count li a {
	color: #6A6A6A
}

ul.buy-now {
	padding: 12px 0 16px
}

li.tag-now-1 {
	background: #8386E7;
	float: right
}

li.tag-now-1:hover {
	background: #37398A;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all
}

li.tag-now-1 a {
	color: #fff
}

li.tag-now-2 {
	background: #41cac0;
	float: right
}

li.tag-now-2:hover {
	background: #277F78;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all
}

li.tag-now-2 a {
	color: #fff
}

li.tag-now-3 {
	background: #D27FF1;
	float: right;
	margin-top: 0
}

li.tag-now-3:hover {
	background: #9227BA;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all
}

li.tag-now-3 a {
	color: #fff;
	padding: 10px
}

ul.count li img {
	vertical-align: middle;
	margin-right: 20px
}

ul.count li {
	border-bottom: 1px solid #f3f3f3;
	padding: 4px 0;
	padding-left: 10px
}

a.popup-with-zoom-anim {
	outline: none;
	border: none
}

form li {
	list-style: none
}

form ul {
	padding: 0
}
.payment-online-form-left {position:relative;}
.payment-online-form-left h4 {
	font-size: 1.8em;
	color: #222;
	padding: .5em 0;
	text-align: left
}

.payment-online-form-left span {
	vertical-align: middle;
	margin-right: 0px
}

.payment-online-form-left input[type="text"], .payment-online-form-left input[type="number"], .payment-online-form-left input[type="email"], .payment-online-form-left input[type="password"], .payment-online-form-left textarea {
	color: #485460;
	background: none;
	margin: 0px;
	border: 1px solid;
	outline: none;
	transition: border-color .3s;
	-o-transition: border-color .3s;
	-ms-transition: border-color .3s;
	-moz-transition: border-color .3s;
	-webkit-transition: border-color .3s;
	font-size: 13px;
	border-color: #ccc;
	-webkit-appearance: none;
	border-radius: 2px;
}

.payment-online-form-left input[type="text"]:hover,
.payment-online-form-left input[type="number"]:hover,
.payment-online-form-left input[type="email"]:hover,
.payment-online-form-left input[type="password"]:hover,
.payment-online-form-left textarea:hover {
	border-color: #00abeb
}

.text-box-light {
	background: url(../images/calender.html) no-repeat 95% 50%;
	cursor: pointer;
	position: relative
}

.my-mfp-zoom-in #small-dialog {
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8)
}

.my-mfp-zoom-in.mfp-ready #small-dialog {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.my-mfp-zoom-in.mfp-removing #small-dialog {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0
}

.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: .8
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0
}

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: .8;
	filter: alpha(opacity = 80)
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none !important
}

.mfp-content iframe {
	width: 100%;
	min-height: 500px
}

.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #ccc
}

.mfp-preloader a:hover {
	color: #fff
}

.mfp-s-ready .mfp-preloader {
	display: none
}

.mfp-s-error .mfp-content {
	display: none
}

button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	border: 0;
	background: #EEE;
	-webkit-appearance: none;
	display: block;
	padding: 0;
	z-index: 1046
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	padding: 0 0 18px 10px;
	color: #fff;
	font-style: normal;
	font-size: 28px;
	outline: none
}

.mfp-close:hover, .mfp-close:focus {
	opacity: 1
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}

p.price-label-3 {
	color: #00abeb;
	text-align: center;
	line-height: 60px;
	margin-bottom: 0 !important;
	margin-top: -22px
}

p.bottom a {
	border: 1px solid #00abeb;
	padding: 5px 14px;
	color: #00abeb
}

.price-bg p {
	text-align: center;
	margin-bottom: 0 !important
}

ul.payment-sendbtns .btn {
	background: #3071a9
}

h2.comn-hrd {
	background: url(../images/rr.png) no-repeat 0 5px;
	display: block;
	padding-left: 20px;
	color: #017ae3;
	font-size: 19px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 8px;
	text-align: left;
	font-weight: 700;
	color: #017ae3
}

.job-form-area {
	width: 100%;
	margin-top: 10px;
	padding: 20px
}

.job-form-area p {
	font-family: "Open Sans", sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #323232;
	padding-bottom: 10px
}

fieldset {
	width: 100%;
	border: 0 solid #bbb !important;
	padding: 5px !important
}

legend {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color -moz-use-text-color transparent;
	border-image: none;
	border-style: none none solid;
	border-width: 0 0 1px;
	display: block;
	line-height: inherit;
	margin-bottom: 2px;
	padding: 0 5px 0 6px;
	width: auto;
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	color: #017ae3
}

.ff_fildd span {
	color: #fd6120
}

.ff_fildd {
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;
	color: #373737;
	font-weight: 400;
	line-height: 24px
}

.form-area {
	width: 100%;
	padding: 10px;
	padding-top: 4%
}

.form-area span {
	color: #333;
	padding-right: 7px
}

.form-area label {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #323232
}

.present-address-area {
	width: 100%;
	margin-top: 20px
}

.present-address-area h3 {
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	color: #ff7c46;
	margin-left: 0;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 8px;
	width: 100%;
	margin-bottom: 18px
}

.MargBP {
	margin-bottom: 7px
}

a.apply-btn {
	background: #2a5e99;
	background: -moz-linear-gradient(top, rgba(42, 94, 153, 1) 0%,
		rgba(139, 190, 229, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(42,
		94, 153, 1)), color-stop(100%, rgba(139, 190, 229, 1)));
	background: -webkit-linear-gradient(top, rgba(42, 94, 153, 1) 0%,
		rgba(139, 190, 229, 1) 100%);
	background: -o-linear-gradient(top, rgba(42, 94, 153, 1) 0%,
		rgba(139, 190, 229, 1) 100%);
	background: -ms-linear-gradient(top, rgba(42, 94, 153, 1) 0%,
		rgba(139, 190, 229, 1) 100%);
	background: linear-gradient(to bottom, rgba(42, 94, 153, 1) 0%,
		rgba(139, 190, 229, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a5e99',
		endColorstr='#8bbee5', GradientType=0);
	text-decoration: none;
	border-radius: 4px;
	padding: 8px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	margin-top: 20px
}

.abc p span {
	font-weight: 700;
	color: #000
}

.docx ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.docx ul li {
	display: inline-block
}

.below_div {
	width: 100%
}

.capture-div {
	float: left
}

.top-header-box .btn {
	margin-top: -4px;
	color: #00abeb;
	padding: 0 0 0 20px;
	border: 0 solid;
	font-size: 14px;
	line-height: 29px;
	margin-right: 0px;
	font-weight:500;
}

.top-header-box i {
	font-size: 12px !important;
	border: 1px solid;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	margin-right: 4px;
	display: inline-flex;
    align-items: center;
    justify-content: center;
}

.header-box i {
	font-size: 12px !important;
	border: 1px solid;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	margin: 0 auto 5px;
	display: inline-flex;
    align-items: center;
    justify-content: center;
}

.top-header-box .btn:hover {
	background: none;
	color: #ea1e24 !important;
}

.top-header-box .btn:before {
	content: none;
}

.our-works.home {
	padding-bottom: 40px !important
}

.tittle.clients h3 {
	color: #fff
}

.testimonials_wrap {
	margin: 0;
	padding: 0;
	width: 100%
}

.testimonials_wrap ul {
	margin: 0;
	padding: 0;
	overflow: hidden
}

.testimonials_wrap li {
	list-style: none;
	margin-bottom: 25px;
	overflow: hidden
}

.testimonials_wrap li img {
	float: right;
	margin: 10px 15px 0 0;
	height: 65px;
	width: 65px;
	border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border: 1px solid #d6d6d6;
	padding: 3px
}

.testimonials_wrap li .testimonials_box {
	margin: 0;
	padding: 12px 2%;
	float: left;
	width: 94%;
	background: #efefef;
	border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px
}

.testimonials_wrap li .testimonials_box h2 {
	margin: 0;
	padding: 15px 0 0;
	font-size: 16px;
	color: #0095f2;
	text-align: right;
	width: 88%;
	line-height: 24px;
}

.testimonials_wrap li .testimonials_box h2 span {
	font-size: 12px;
	color: gray;
	font-style: italic;
	display: block;
	text-align: right
}

.testimonials_wrap li .testimonials_box p {
	margin: 0 0 7px;
	padding: 0;
	font-size: 15px;
}

.testimonials_wrap li .testimonials_box p img {
	width: 17px;
	height: 15px;
	display: inline-table;
	border: none;
	margin: 0 5px 0 0;
	padding: 0;
	float: inherit;
	border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	opacity: .8;
	height: 25px !important;
	width: 25px !important;
}

.testimonials_wrap li .testimonials_box p img.right_icon {
	margin: 0 0 0 10px;
}

.contactForm .btn {
	margin-top: 15px;
}

.map.col-md-12 h4 {
	text-align: left;
	margin-top: 47px
}

table {
	width: 100%;
	border-collapse: collapse;
	float: left
}

tr:nth-of-type(odd) {
	background: #eee
}

th {
	background: #505050;
	color: #fff;
	font-weight: 100
}

td, th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left
}

.col-md-12.col-sm-12.conn_nrd22.no_left_paddd {
	margin-top: 1%
}

.col-md-12.col-sm-12.conn_nrd22.no_left_paddd h3 {
	float: left;
	margin-bottom: 25px;
	margin-top: 0;
	font-family: 'Roboto-Thin';
	font-weight: 700;
	color: #333
}

.col-md-12.n_sub_mit {
	text-align: center
}

.mainaddress {
	margin-top: 15px;
}

.otheraddress {
	margin-top: 20px;
	width: 100%;
	text-align: left;
}

.address h4 {
	text-align: left;
	font-size: 20px;
	border-bottom: 1px solid #dedede;
	padding-bottom: 6px;
	margin: 0 0 15px
}

.address h4 img {
	width: 7%
}

.address {
	text-align: left;
	padding-bottom: 30px
}

.address strong {
	font-size: 16px;
	font-weight: 500;
	color: #00abeb;
	padding-bottom: 10px;
    display: inline-block;
}

.nice-section h1 img {
	vertical-align: baseline;
	position: absolute;
	top: -10px;
	left: 87px;
	margin: 0 5px;
	transition: all .3s ease-in-out;
	-webkit-animation-name: beat;
	-moz-animation-name: beat;
	-ms-animation-name: beat;
	-o-animation-name: beat;
	animation-name: beat;
	-webkit-animation-delay: 0;
	-moz-animation-delay: 0;
	-ms-animation-delay: 0;
	-o-animation-delay: 0;
	animation-delay: 0;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: normal;
	-moz-animation-fill-mode: normal;
	-ms-animation-fill-mode: normal;
	-o-animation-fill-mode: normal;
	animation-fill-mode: normal;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-ms-animation-timing-function: ease;
	-o-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.team {
	object-position: 0 0
}

.price {
	object-position: 0 -98px !important
}

.time {
	object-position: 0 -196px !important
}

.support {
	object-position: 0 -292px !important
}

.work {
	object-position: 0 -388px !important
}

.tech {
	object-position: 0 -484px !important
}

.res {
	object-position: 0 -576px !important
}

.client {
	object-position: 0 -670px !important
}

.testimonial-home .cd-author img {
	margin: 0 auto;
	height: 65px !important;
	width: 65px !important;
	object-fit: none;
	object-position: 0 0;
	transition: all .2s ease
}

.testimonial-home img {
	margin: 0 auto;
	height: 65px !important;
	width: 65px !important;
	object-fit: none;
	object-position: 0 0;
	transition: all .2s ease
}

.auth1 {
	object-position: 0 0
}

.auth2 {
	object-position: 0 -71px !important
}

.auth3 {
	object-position: 0 -141px !important
}

.auth4 {
	object-position: 0 -215px !important
}

.auth5 {
	object-position: 0 -285px !important
}

.auth6 {
	object-position: 0 -360px !important
}

.job-form-area .btn {
	background: none;
	color: #077de3;
	line-height: 40px;
	padding: 0 35px;
	font-size: 14px;
	border: 1px solid #077de3;
	margin-top: 30px;
	font-weight: 300
}

section#feature h3 {
	color: #fff;
}

.tittle.clients h5 {
	color: #fff;
}

ul.count input[type="radio"], input[type="checkbox"] {
	margin: 0px 6px 1px 0px;
}

.client img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%)
}

.client img:hover {
	-webkit-filter: initial;
	-moz-filter: initial;
	-o-filter: initial
}

p.bottom.text-center {
	margin-top: 4%
}

.roundedOne {
	width: 28px;
	height: 28px;
	float: left;
	position: relative;
	margin: -3px auto;
	margin-left: 14px;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	border-radius: 50px;
	box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5)
}

.roundedOne label {
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	left: 4px;
	top: 4px;
	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(to bottom, #222 0%, #45484d 100%);
	border-radius: 50px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 #fff
}

.roundedOne label:after {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	left: 2px;
	background: #00abeb;
	background: -webkit-linear-gradient(top, #00abeb 0%, #035977 100%);
	background: linear-gradient(to bottom, #00abeb 0%, #035977 100%);
	opacity: 0;
	border-radius: 50px;
	box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5)
}

.roundedOne label:hover::after {
	opacity: .3
}

.roundedOne input[type=checkbox] {
	visibility: hidden
}

.roundedOne input[type=checkbox]:checked+label:after {
	opacity: 1
}

.roundedtwo {
	width: 28px;
	height: 28px;
	float: left;
	position: relative;
	margin: -3px auto;
	margin-left: 14px;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	border-radius: 50px;
	box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5)
}

.roundedtwo label {
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	left: 4px;
	top: 4px;
	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(to bottom, #222 0%, #45484d 100%);
	border-radius: 50px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 #fff
}

.roundedtwo label:after {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	left: 2px;
	background: #00abeb;
	background: -webkit-linear-gradient(top, #00abeb 0%, #035977 100%);
	background: linear-gradient(to bottom, #00abeb 0%, #035977 100%);
	opacity: 0;
	border-radius: 50px;
	box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5)
}

.roundedtwo label:hover::after {
	opacity: .3
}

.roundedtwo input[type=checkbox] {
	visibility: hidden
}

.roundedtwo input[type=checkbox]:checked+label:after {
	opacity: 1
}

.roundedfour {
	width: 28px;
	height: 28px;
	float: left;
	position: relative;
	margin: -3px auto;
	margin-left: 14px;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	border-radius: 50px;
	box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5)
}

.roundedfour label {
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	left: 4px;
	top: 4px;
	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(to bottom, #222 0%, #45484d 100%);
	border-radius: 50px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 #fff
}

.roundedfour label:after {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	left: 2px;
	background: #00abeb;
	background: -webkit-linear-gradient(top, #00abeb 0%, #035977 100%);
	background: linear-gradient(to bottom, #00abeb 0%, #035977 100%);
	opacity: 0;
	border-radius: 50px;
	box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5)
}

.roundedfour label:hover::after {
	opacity: .3
}

.roundedfour input[type=checkbox] {
	visibility: hidden
}

.roundedfour input[type=checkbox]:checked+label:after {
	opacity: 1
}

.roundedthree {
	width: 28px;
	height: 28px;
	float: left;
	position: relative;
	margin: -3px auto;
	margin-left: 14px;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	border-radius: 50px;
	box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5)
}

.roundedthree label {
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	left: 4px;
	top: 4px;
	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(to bottom, #222 0%, #45484d 100%);
	border-radius: 50px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 #fff
}

.roundedthree label:after {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	left: 2px;
	background: #00abeb;
	background: -webkit-linear-gradient(top, #00abeb 0%, #035977 100%);
	background: linear-gradient(to bottom, #00abeb 0%, #035977 100%);
	opacity: 0;
	border-radius: 50px;
	box-shadow: inset 0 1px 1px white, 0 1px 3px rgba(0, 0, 0, 0.5)
}

.roundedthree label:hover::after {
	opacity: .3
}

.roundedthree input[type=checkbox] {
	visibility: hidden
}

.roundedthree input[type=checkbox]:checked+label:after {
	opacity: 1
}

div#quotation {
	margin-top: 20px;
	border-radius: 4px;
}

div#quotation .btn, #signin .btn, #signup .btn {border:none;
	margin-top: 5px;
	margin-bottom: 0px
}

.quotation-form .MargBP {
	margin-bottom: 20px
}

.MargBP.col-md-12 .col-md-10 {
	padding-left: 56px
}

.MargBP i {
	font-size: 14px !important;
	color: #333
}

.MargBP i.fa.fa-mobile {
	font-size: 17px !important
}

.MargBP textarea {
	background: none !important;
	border: 1px solid #e4e4e4
}

li.select-all {
	color: #00abeb;
	font-size: 16px !important
}

.job-form-area input {
	border: 1px solid #e0e0e0;
	margin-bottom: 38px
}

.job-form-area input#cvfile {
	border: none
}

.icons {
	text-align: center;
	border: 1px solid;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	border-radius: 50%;
	margin-top: 10px
}

.icons i {
	vertical-align: middle;
	margin-top: 27%
}

.icons:hover i {
	transform: rotate(180deg)
}

.services-wrap li:hover .icons {
	border-color: #00abeb
}

.icons i {
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform
}

.services-wrap li:hover .icons i {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	color: #00abeb
}

#blog h4 {
	text-align: left;
	font-size: 22px
}

.blog .view_more {
	margin-bottom: 20px;
	float: left;
	padding: 5px 11px;
	font-size: 13px
}

.right-bar hr {
	display: block;
	height: 2px !important
}

.blog .col-md-4, .blog .col-md-8, .blog .col-md-12 {
	padding-left: 0
}

.price-bg ul {
	padding: 0;
	text-align: center;
	margin-top: 14px
}

.modal-body .job-form-area {
	margin-top: 85px
}

.rc-anchor-pt {
	display: none !important
}

.form-group iframe {
	position: absolute;
	left: 30px;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

form#contactForm iframe {
	left: 15px;
}

div#counters span {
	font-size: 40px;
	color: #00abeb;
}

.intro-sec ul li:hover span {
	color: #fff !important;
}

#fact {
	background: url(../images/fact.html) no-repeat;
	width: 100%;
}

.current-open span.training {
	float: right;
	font-size: 23px;
	font-weight: bold;
	color: #0082c1;
}

.current-open h3 {
	width: 100%;
	text-align: left;
	margin-bottom: 0px !important;
}

span.training img {
	width: 52%;
	float: inherit;
	margin-top: -25px;
	margin-left: -80px;
	cursor: pointer;
}

p.training .btn {
	padding: 1px 12px;
	line-height: 24px;
	margin-top: -1px;
	font-size: 12px;
	margin-left: 9px;
}

.sub-btn {
	background: #00abeb;
	color: #fff;
	line-height: 36px;
	height: 38px;
	padding: 0 30px;
	font-size: 14px;
	border-radius: 4px;
	border: none;
	font-weight: 500;
	-webkit-transition: all 250ms ease-out 0s;
	-moz-transition: all 250ms ease-out 0s;
	-ms-transition: all 250ms ease-out 0s;
	-o-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	position: relative;
	display:inline-block;
	vertical-align:middle;
}

.sub-btn:hover, .sub-btn:focus {
	background: #ea1e24;
	color: #fff;
}

.sub-btn1 {
	background: #00abeb;
	color: #fff;
	padding: 8px 30px;
	font-size: 14px;
	border: none;
	font-weight: 300;
	-webkit-transition: all 250ms ease-out 0s;
	-moz-transition: all 250ms ease-out 0s;
	-ms-transition: all 250ms ease-out 0s;
	-o-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	position: relative;
	border-radius: 4px;
	margin: 10px 5px;
	cursor: pointer;
	outline: none;
	display:inline-block;
	vertical-align:middle;
}

.sub-btn1:hover, .sub-btn1:focus {
	background: #ea1e24;
	color: #fff;
	outline: none;
}
.sub-btn2 {
	background: #00abeb;
	color: #fff;
	padding: 5px 20px;
	font-size: 14px;
	border: none;
	font-weight: 300;
	-webkit-transition: all 250ms ease-out 0s;
	-moz-transition: all 250ms ease-out 0s;
	-ms-transition: all 250ms ease-out 0s;
	-o-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	position: relative;
	border-radius: 4px;
	margin: 0px 5px;
	cursor: pointer;
	outline: none;
	display:inline-block;
	vertical-align:middle;
}
.sub-btn2:hover, .sub-btn2:focus {
	background: #ea1e24;
	color: #fff;
	outline: none;
}

.footer-title {
	text-align: left;
	margin: 0 0 10px;
	font-size: 18px;
	color: #ccc;
}

.footer-contact {
	padding-bottom: 2px;
}

.footer-contact p {
	font-size: 14px;
	color: #999;
}

.footer-contact i {
	color: #ea1e24;
	font-size: 18px;
	width: 28px;
}

.footer-contact .phone-no {
	font-size: 15px;
}

.footer-contact a {
	color: #ccc;
}

.footer-contact a:hover {
	color: #ea1e24;
}

.list-box-footer {
	background: none repeat scroll 0 0;
	padding: 20px 0 10px;
	clear: both;
}

.item-box-footer .newslatter {
	float: left;
	width: 70%;
	padding: 0 10px;
	height: 35px;
	border: none;
	background: #fff;
}

.item-box-footer .sub-btn {
	float: left;
	height: 35px;
	line-height: 33px;
}

.menu-footer {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-footer li {
	padding-bottom: 6px;
}

.menu-footer a {
	color: #999;
	font-size: 14px;
	position: relative;
	padding-left: 15px;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.menu-footer a:hover {
	color: #ea1e24;
}

.menu-footer a:before {
	content: "\f111";
	font-family: fontawesome;
	font-size: 6px;
	left: 0;
	position: absolute;
	top: 3px;
}

.form-contact {}

.form-contact input {
	height: 35px;
	line-height: 35px;
}

.form-contact .form-group {
	margin-bottom: 15px;
}

.accordion-box {
	margin-bottom: 20px;
	padding-top: 20px;
}

.desc-accordion {
	color: #333;
	margin: 0px 20px 20px !important;
	display: none;
	font-size: 15px;
}

.item-accordion.active .desc-accordion {
	display: block;
}

.title-accordion {
	font-size: 18px;
	margin: 0;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	text-align: left;
	padding: 20px 15px;
	position: relative;
}

.title-accordion:hover, .title-accordion:hover:after, .item-accordion.active .title-accordion
	{
	color: #00abeb;
}

.title-accordion:after {
	color: #555;
	content: "\f106";
	font-family: fontawesome;
	font-size: 24px;
	position: absolute;
	right: 15px;
	top: 15px;
}

.item-accordion.active .title-accordion:after {
	content: "\f107";
	color: #00abeb;
}

.accordion-box .item-accordion {
	border: 1px solid #e5e5e5;
	background: #eee;
	margin-bottom: 10px;
}

.accordion-box .item-accordion.active {
	border: 1px solid #e5e5e5;
	background: #fff;
}

.login-box {border-radius: 3px;
	box-shadow: 0px 0px 2px 0px #aaa;
	background: #fff;
	padding: 15px 30px;
	position:relative;
}

.login-box h2, .title1 {
	margin: 8px 0 2px;
	font-size: 18px;
	font-weight: 600;
}

.title {
	margin: 5px 0 20px;
	font-size: 22px;
	font-weight: 600;
}

.line-desc {
	font-size: 13px;
	margin-bottom: 15px;
}

.form-contact label {
	font-size: 13px;
	font-weight: 500;
}

.mid-section {
	min-height: 590px;
}

.main-contant {
	min-height: 370px;
}

.title-head {display: block;
	font-size: 24px;
	color: #00abeb;
	margin: 0;
	padding: 12px 15px 15px;
	border-bottom: 1px solid #ddd;
}

.box-bg {
	background: #fff;
	position: relative;
	box-shadow: 0px 0px 2px 0px #ccc;
}
.progress_chart{position:relative;}
.progress_chart .box-bg {min-height: 300px;padding-top: 30px;}
.box-bg span{display:inline-block;}

.box-bg1 {
	border-top: 1px solid #fff;
	background: #ddd;
}

.box-bg1 p {
	height: 30px;
	line-height: 30px;
	margin: 8px 0 2px;
}

.box-bg1 input, .box-bg1 select {
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 2px;
	padding: 2px 5px;
	height: 25px;
	font-size: 13px;
}
.box-bg1 form .pad5 {
    padding: 0 2px;
	line-height: normal;
    margin-top: 7px;
}
.box-title-bg {
	border-bottom: 1px solid #ddd;
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #f6f6f6 0%, #eee 30%, #eee 70%, #eee 100%);
	background: -webkit-linear-gradient(top, #f6f6f6 0%, #eee 30%, #eee 70%, #eee 100%);
	background: linear-gradient(to bottom, #f6f6f6 0%, #eee 30%, #eee 70%, #eee 100%);
}
.box-bg1 form:before, .box-bg1 form:after{
    display: table;
    content: " ";
}
.box-bg1 form:after {
    clear: both;
}
.box-title-bg p {
	border-right: 1px solid #ddd;
	font-size: 13px;
	color: #333;
	padding: 0 5px;
	height: 35px;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	line-height: 13px;
	font-weight:500;
	display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.box-title-bg p:last-child {
	border-right: none;
}

.box-title-bg p:first-child {
	border-left: none;
}

.box-intro-bg {
	border-bottom: 1px solid #ddd;
	background: #f8f8f8;
}

.box-intro-bg:last-child {
	border-bottom: none;
}

.box-intro-bg p {
	border-right: 1px solid #ddd;
	font-size: 13px;
	padding: 0 5px;
	height: 36px;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	line-height: 35px;
	color: #000;
}

.box-intro-bg p:last-child {
	border-right: none;
}

.box-intro-bg p:first-child {
	border-left: none;
}


.box-intro-bg p > input {border: 1px solid #ddd !important;
    height: 32px;
    margin: 1px -3px 0;
    width: 104% !important;
 }
.box-intro-bg p i {
	font-size: 15px;
	margin: 5px 3px;
	color: #ea1e24;
}

.box-intro-bg p i:hover {
	color: #00abeb;
}
.cus_checkbox{position: relative; float: right;margin-top: 2px;}
.cus_checkbox input[type="checkbox"] {position: absolute;
    top: 5px;
    left: 3px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    opacity: 0;
}
.cus_checkbox input+i{width: 16px;height: 16px;color: #ea1e24;font-size: 16px;}
.cus_checkbox input[type="checkbox"]:checked+i:before{content: "\f14a";}
.box-intro-bg1 {
	background: #fefefe;
}

.box-intro-bg1 p {
	font-size: 14px;
	padding: 15px 10px;
	text-align: center;
	margin: 0;
	color: #000;
}

.box-intro-bg input[type="text"], .box-intro-bg input[type="email"],
	.box-intro-bg input[type="number"], .box-intro-bg select {
	/* added select by sajal on 06-02-2018 */
	background-color: #fff;
	border: none;
	font-size: 13px;
	width: 100%;
	padding: 0px 3px;
	color: #333;
}

.box-with0 {
	width: 3%;
}
.box-with1 {
	width: 4%;
}

.box-with2 {
	width: 8%;
}

.box-with3 {
	width: 10%;
}

.box-with4 {
	width: 20%;
}

.box-with5 {
	width: 30%;
}

.box-with6 {
	width: 22%;
}

.box-with7 {
	width: 11%;
}

.box-with8 {
	width: 12%;
}

.box-with9 {
	width: 15%;
}

.box-with10 {
	width: 16%;
}
.box-with11 {
	width: 18%;
}
.box-with12 {
	width: 6%;
}
.box-with13 {
	width: 13%;
}
.box-with14 {
	width: 9%;
}
.box-with15 {
	width: 5%;
}
.box-with16 {
	width: 7%;
}
.box-with17 {
	width: 17%;
}
.box-with18 {
	width: 14%;
}
.box-with19 {
	width: 19%;
}
.box-with21 {
	width: 21%;
}
.box-width23 {
	width: 23%;
}
.box-with25 {
	width: 25%;
}
.box-with26 {
	width: 26%;
}
.box-width27 {
	width: 27%;
}
.box-with29 {
	width: 29%;
}
.box-with31 {
	width: 31%;
}
.box-with37 {
	width: 37%;
}
.box-with40 {
	width: 40%;
}
.box-width77 {
	width: 77%;
}
.box-with84 {
	width: 84%;
}
.box-with88 {
	width: 88%;
}
.box-with86 {
	width: 86.89%;
}

.box-bg1 .sub-btn {
	background: #00abeb;
	color: #fff;
	line-height: 25px;
	height: 25px;
	padding: 1px 15px;
	border-radius: 4px;
	font-size: 13px;
}

.box-bg1 .sub-btn:hover, .box-bg1 .sub-btn:focus {
	background: #ea1e24;
	color: #fff;
}

.btnstyle1 {
	line-height: 30px !important;
	height: 30px !important;
	border-radius: 4px;
	margin-top: 2px;
	margin-right: 3px;
	padding: 0 20px !important;
}
.btnstyle1:last-child {margin-right: 0px;}
.profile-box {
	background: #f2f2f2;
	padding: 10px 0 30px;
}
.profilebg{background: #f2f2f2;}

.profile-box label, .profilebg label {
	height: 30px;
	display:flex;
	width:100%;
	flex-wrap: wrap;
	align-items: center;
}
.input-border-none{box-shadow: none;
    border: none !important;
    background: #f2f2f2 !important;}

.profile-box output, .profilebg input, .profilebg select {
	height: 30px;
	padding: 0;
	margin-bottom: 5px;
	display:flex;
	width:100%;
	flex-wrap: wrap;
	align-items: center;
}
.profilebg select {appearance: none;-webkit-appearance: none;}
.profilebg textarea {padding:0;}
.profile-box input {
	height: 30px;
	line-height: 30px;
	background: #fff;
	border: 1px solid #9db3c9;
	border-radius: 2px;
	display: none;
}

.profile-box .btn {
	line-height: 25px;
	padding: 0 15px;
	font-size: 14px;
	margin-top: 0px;
	background: #fff;
}

.update-box {
	display: none;
}

.right-part {
	padding: 0px;
}

.right-part li {
	font-size: 13px;
}

.right-part h3 {
	margin: 0 0;
	font-size: 16px;
	border-bottom: 1px solid #00abeb;
	color: #00abeb;
	padding: 12px 15px;
	text-align: left;
	font-weight: 500;
}

.right-part li a {
	padding: 6px 15px;
	color: #333;
	display: block;
	border-top: 1px solid #fff;
}

.right-part li a:hover, .right-part li a.active {
	background: #00abeb;
	color: #fff;
	border-top: 1px solid #fff;
}

footer {
	/*background: url(../images/world.png) center top no-repeat #000;*/
	background:#022f41;
}

.inner-banner h2 {
	color: #777;
	font-size: 22px;
	margin: 10px 0 20px;
}

.inner-banner .btn {
	font-size: 20px;
	border-radius: 3px;
	border: 1px solid #00abeb;
}

.my-email {
	font-size: 12px;
	text-transform: none;
	margin: 5px 0 0;
}
.title-center {
	align-items: center;
	vertical-align: middle;
	display: flex;
	height: 375px;
	justify-content: center;
}

.title-center h2 {
	padding: 10px 30px;
	font-size: 20px;
	text-align: center;
	font-weight: 500;
	border: 1px solid #ccc;
	background: #fff;
	box-shadow: 0px 0px 3px 0px #eee;
}

/*--Simple ticker css --*/
.ticker {
	position: relative;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-weight:500;
	font-size: 45px;
	height: 428px !important;
	line-height: 60px;
	padding-top: 10%;
}

.ticker ul {
	width: 87%;
	margin: auto;
	position: relative;
}

.ticker ul li {
	width: 100%;
	display: none;
}

.add-btn {display:inline-block;
	position: absolute;
	top: 10px;
	font-size: 14px;
	font-weight:500;
	right: 15px;
	border-radius: 4px;
	border: 1px solid #00abeb;
	padding: 5px 10px;
	-webkit-transition: all 250ms ease-out 0s;
	-moz-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
}
.add-btn.backbtn{margin-top:-5px;top: 0px;right: 0px;}

.add-btn:hover {
	border: 1px solid #ea1e24;
}

.form-contact input[type="radio"] {
	height: auto;
	line-height: normal;
	vertical-align: text-bottom;
	margin: 0 0 0 5px;
}
#loader, .loader {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.7;
	background-color: #fff;
	z-index: 900;
	text-align: center;
}
#loader img, .loader img {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 901;
	height: 150px;
	width: 200px;
	transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    display: block;
    text-align: center;
    margin: 0 auto;
}
#loading {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.7;
	background-color: #fff;
	z-index: 900;
	text-align: center;
}

#loading-image {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 901;
	height: 150px;
	width: 200px;
	transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    display: block;
    text-align: center;
    margin: 0 auto;
}

.chart {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	position: relative;
}

.doughnutTip {
	position: absolute;
	min-width: 30px;
	max-width: 300px;
	padding: 5px 15px;
	border-radius: 2px;
	background: rgba(0, 0, 0, .9);
	color: #eee;
	font-size: 13px;
	text-transform: capitalize;
	text-align: center;
	line-height: 1.3;
	letter-spacing: .06em;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	pointer-events: none;
}

.doughnutTip:after {
	position: absolute;
	left: 50%;
	bottom: -6px;
	content: "";
	height: 0;
	margin: 0 0 0 -6px;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, .7);
	line-height: 0;
}

.doughnutSummary {
	text-align: center;
	cursor: default;
	position: absolute;
	top: 45%;
	left: 50%;
}

.doughnutSummaryTitle {
	width: 100%;
	margin: 20% 0 10px !important;
	font-size: 18px !important;
	letter-spacing: .06em;
	text-shadow: 0 -1px 0 #111;
	color: #888;
	text-align: center;
}

.doughnutSummaryNumber {
	width: 100%;
	font-size: 24px !important;
	text-shadow: 0 -1px 0 #111;
	color: #555;
	text-align: center;
}

.chart path:hover {
	opacity: 0.8;
}

.squrebox {
	width: 16px;
	height: 16px;
	margin: 0 8px;
	display: inline-block;
	background: #5cb85c;
	vertical-align: middle;
	border-radius: 2px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari 3-8 */
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.report-box {padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: relative;
    justify-content: space-between;
}

.report-box1 {color: #fff;
	position: relative;
	padding: 20px 10px;
	background: #FF9800;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}

.report-box1 p {
	margin-bottom: 8px;
	padding: 0;
	text-align: center;
	font-size: 14px;
}

.report-box1 i {
	font-size: 22px;
	vertical-align: middle;
	padding-right: 10px;
}

.report-box p {
	margin: 0;
	padding: 0;
	text-align: right;
}

.report-box p.cont, .report-box1 p.cont {
	font-size: 22px;
	font-weight: 600;
}

.report-icon {
	background: #6d78ad;
	width: 65px;
	height: 70px;
	align-items: center;
	display: flex;
	position: relative;
	margin-top: -35px;
	justify-content: center;
	border-radius: 4px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px
		rgba(0, 0, 0, 0.23);
}

.report-icon i {
	font-size: 26px;
	color: #fff;
	vertical-align: middle;
}

#chartContainer {
	position: relative;
}

#chartContainer:after {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	width: 15%;
	height: 15px;
	content: "";
}

#chartContainer.nonchart:after {
	background: none;
	content: none;
}

.top-title {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin: 5px 0 20px;
}

.pagination a{border: 1px solid #00abeb;
    padding: 3px 6px;
	font-size: 14px;
    font-weight: 600;
    margin: 2px;
	border-radius: 2px;
	display:inline-block;
}
.require{color: #ea1e24;font-size: 13px;}
.pagination a:hover{border: 1px solid #ea1e24;color: #ea1e24;}
.box-btborder{border-bottom: 1px dashed #ddd;}
.box-rtborder{border-right: 1px solid #ddd;}
.show_psw{position: absolute;top:31px;right: 25px;    font-size: 16px;color: #333;z-index: 111;cursor: pointer; }
.show_psw.active i:before {
    content: "\f06e";
}
.show_password.active i:before {
    content: "\f06e";
}
.form-control.readonlyAllow[readonly]{
    cursor: pointer;
    background-color: #fff;
}
.bg_lightgray{background: #f2f2f2;}
.order_details{background: #fff;position: relative;padding: 10px;display: flex;width: 100%;align-items: center; margin: 9px 0;border-radius: 4px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.20);}
.icon_box{display: inline-flex;width: 50px;}
.icon_box span{width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #666;
    border: 2px solid #ccc;
    border-radius: 50%;
}
.info_box{display: inline-flex;width: 80%;padding-left: 8px;flex-direction: column;}
.info_box h5{font-size: 14px;margin: 0;}
.info_box p{font-size: 18px;margin-bottom: 0;line-height: normal;}
.add_btn_box{position: absolute;
  top: 10px;
  right: 8px;
}
.add_btn_box1{position: absolute;
  top: 0px;
  right: 0px;
}
.remove_coupon{ margin-top: -35px !important;
  margin-left: 90px !important;
  font-size: 10px !important;
  }
.show_coupon{ margin-top: -17px !important;
  margin-left: 90px !important;
  font-size: 12px !important;
  color: green !important;
}
.add_btn{background: none;
  color: #00abeb;
  border: 1px solid #00abeb;
  padding: 4px 15px;
  border-radius: 4px;
  font-size: 14px;
  display: inline-block;
  margin: 0 2px;
}
.btn_back{display: inline-block;
  position: absolute;
  top: 44px;
  font-size: 14px;
  font-weight: 500;
  right: 105px;
  border-radius: 4px;
  border: 1px solid #00abeb;
  padding: 5px 10px;
}
.excel_btn{background: none;
  color: #00abeb;
  padding: 4px 15px;
  border-radius: 4px;
  font-size: 14px;
  display: inline-block;
  margin: 4px 5px;
  position: absolute;
}
.excel_btn:hover{background: #00abeb; color: #fff;}
.add_btn:hover{background: #00abeb; color: #fff;}
.view_document{position: relative;margin-bottom: 15px;margin-top: 10px;}
.view_document a.view_file_fancybox{width: 100%;height: 200px;display: flex;align-items: center;justify-content: center;position: relative;margin-bottom: 5px;}
.view_document a img{width: 100%;height: 100%;max-height: 200px;border-radius: 4px;}
.view_document .img_name{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 30px;}
.view_document .img_name .img_title{position: relative;color: #333;font-size: 13px;max-width: 90%;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 90%;height: auto;}
.view_document .img_name .img_title i{color: #4ac4f3;font-size: 15px;padding-right: 6px;}
.view_document .img_name .action_box{position: relative;color: #333; width: 10%;text-align: right;}
.view_document .img_name .action_box > i{color: #4ac4f3;font-size: 16px;cursor: pointer;padding: 0 4px;}
.view_document .view_iframe{position: relative;height: 200px;width: 100%;}
.view_document  .view_iframe iframe {width: 263px;height: 100%;border: none; z-index: 1;overflow:hidden !important; margin: 0;padding: 0;border-radius: 4px;}
.view_document  .view_iframe .view_doc{position: absolute;top: 0;left: 0;z-index: 111;width: 100%;height: 100%;cursor: pointer;display: block;}
.view_document .img_name .img_title i{color: #4ac4f3;font-size: 15px;padding-right: 6px;}
.view_document .img_name .action_box{position: relative;color: #333; width: 10%;text-align: right;}
.view_document .img_name .action_box > i{color: #4ac4f3;font-size: 16px;cursor: pointer;padding: 0 4px;}
.view_document .view_iframe{position: relative;height: 161px;width: 100%;}
.view_document  .view_iframe iframe {width: 100%;height: 100%;border: none; z-index: 1;overflow:hidden !important; margin: 0;padding: 0;border-radius: 4px;}
.view_document  .view_iframe .view_doc{position: absolute;top: 0;left: 0;z-index: 111;width: 100%;height: 100%;cursor: pointer;display: block;}
.upload_doc .fancybox-type-iframe .fancybox-inner{height: 600px !important;}
.toggle_box{display:none;}
.dropdown_menu{list-style:none;padding-left:0;    
	margin: 5px 0 0;
    position: absolute;
    top: 100%;
    right: 0px;
    background: #fff;
    box-shadow: 0px 2px 4px 0px #555;
    z-index: 800;
    padding: 6px 0;
    min-width: 94px;
    border-radius: 4px;
    text-align: left;
}
.dropdown_menu li{display:block;}
.dropdown_menu li a{color: #333;font-size:12px;padding: 2px 10px;display: block;}
.dropdown_menu li a i{padding-right:5px;width: 16px;}
.dropdown_menu li a:hover{color: #ea1e24;}
.btnreg{display: block;
    border-radius: 5px;
    margin-top: 28px;
    width: 73px;
    height: 35px;
    padding-left: 10px;
}
.login_box{position:relative;min-height: 620px;}
.login_box .navbar-header{display:flex;align-items: center;width:100%;}
.login_box .logo{max-width: 180px;}
.login_box .logo img{max-width: 130px;}
.login_box .navbar-nav > li > a.btn_box{background: #00abeb;
    color: #fff;
    border-radius: 4px;
    padding: 6px 15px;
	margin-left: 10px;
}
.login_box .navbar-nav > li > a.btn_box:hover{color: #fff;background: #ea1e24;}
.login-box p span{font-size:12px;}
.admin_panel .navbar-nav{margin-top:10px;}
.account_box{background:#f7f8fa;position:relative;
	webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    margin-top: 60px;
	min-height: 320px;
    margin-bottom: 30px;
}
.account_box .feature-box-info{padding: 30px 10px;}
.logout_box .account_box .feature-box-info{padding: 10px 10px;}
.feature-box-info h3{font-size:17px;
    color: #333;
}
.feature-box-info p{color: #666;}
.read_more{margin-top:10px;}
.read_more a{color: #00abeb;font-size: 15px;
    font-weight: 500;
	display: inline-block;
}
.read_more a i{padding-left:5px;}
.read_more a:hover{color: #ea1e24;}
.account_box .login-box{position: absolute;
    top: -42px;
    width: 92%;
	z-index:111;
	box-shadow: 1px 1px 5px 0px #ccc;
}
.feature-thumb{display:block;}
.feature-thumb img{width: 100%;}
.bottom_txt{margin-top: 20px;}
.bottom_txt p{color: #999;}
.chart-info li{display:block;margin-bottom:10px;}
.resend_txt{color: #00abeb;font-size:12px;cursor:pointer;}
.resend_txt:hover{color: #ea1e24;}
.admin_dashboard{}
.admin_dashboard .feature_box{color: #fff;display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.admin_dashboard .feature_icon{}
.admin_dashboard .feature_icon i{font-size: 28px;}
.admin_dashboard .feature_info{text-align: right;
    padding-top: 10px;
}
.admin_dashboard .feature_info p{font-size: 14px;}
.admin_dashboard .feature_info p.cont{padding-bottom:0;margin-bottom:5px;font-size: 22px;}
.feature_box1{}
.feature_box1 .report-box1{display: flex;}
.feature_box1 .report-box1 i{}
.feature_box1 .report-box1 p{text-align:left;}
.feature_box2{}
.feature_box2 .report-box1{display: flex;background:#fff;color:#333;align-items: center;}
.feature_box2 .report-box1 i{width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #13b9f8;
	color:#13b9f8;
    border-radius: 50%;
    font-size: 20px;
    padding: 0;
    margin-right: 15px;
}
.feature_box2 .report-box1 p{text-align:left;color:#666;margin-bottom: 0;}
.feature_box2 .report-box1 p.cont{color:#333;}
.membership_box{display: flex;}
.membership_plan{cursor: pointer;
    border-radius: 4px;
    box-shadow: 0px 0px 2px 0px #aaa;
    padding: 12px 5px;
	display: inline-flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
	margin-right:6px;
	width:32%;
	background:#fff;
	color:#333;
}
.membership_plan:last-child{margin-right:0;}
.membership_plan.active{background:#00abeb;color:#fff;}
.membership_plan span{display:block;}
.membership_plan span.month{font-size: 12px}
.membership_plan span.prices{font-size: 18px;padding: 8px 0 5px;}
.price_box{-webkit-box-shadow: 0 0 16px rgba(0,0,0,.1);
    box-shadow: 0 0 16px rgba(0,0,0,.1);
    border-radius: 10px;
    padding: 20px 10px;
    background: #fff;
	margin-top: 10px;
	-webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.price_box:hover, .price_box.active{-webkit-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0,.25);
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.25);
}
.price_box h3{margin: 0 0 6px;
    font-size: 17px;
    font-weight: 700;
}
.price_box h6{margin:0 0 10px;font-size: 14px;min-height: 30px;}
.plan_price{}
.plan_price del{}
.plan_price span.save{border-radius: 100px;padding:6px 10px;background: #00abeb;
    color: #fff;font-weight:600;
	display: inline-block;
    margin-left: 5px;
}
.plan_price p{margin: 6px 0 15px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
}
.plan_price p span{font-size: 30px;}
.plan_price p i{vertical-align: text-top;}
.price_box ul{margin-bottom:20px;}
.price_box li{display:flex;margin-bottom:8px;}
.price_box li i{padding-right:5px;}
.price_box .sub-btn{display: block;
    width: 100%;
    border-radius: 100px;
}
.price_box2 .plan_price span.save{background: #ea1e24;}
.price_box.price_box2 .sub-btn{background: #ea1e24;color: #fff;}
.price_box.price_box2 .sub-btn:hover{background: #00abeb;color: #fff;}
.photos{position: relative;
    box-shadow: 0px 0px 2px 0px #ccc;
	text-align:center;
	padding: 15px;
}
.photos img{max-width: 170px;
    margin: 0 auto;
}
.photo-txt{margin: 5px 0;
    font-size: 12px;
    color: #888;
}
.form-contact input.add-photo{position: absolute;
    top: 15px;
    width: 170px;
    height: 170px;
    cursor: pointer;
    margin: 0 auto;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 111;
}
.newdistbtn{
	font-weight: 600;
	color: #838282;
    padding: 4px 15px;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 0px;
    margin-top: -23px;
    box-shadow: 0px 0px 3px 0px #aaa;
}
.newdistbtn:hover{background: #00abeb; color: #fff;}
.fixed_right_box.active{-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
.fixed_right_box{background:rgba(0,0,0,0.1);
    position: fixed;
    top: 0px;
	padding-top:0px;
    right: 0;
	left:0;
	width:100%;
	height:100%;
    bottom: 0;
    z-index: 9001;
	-webkit-transform: translateX(102%);
	-moz-transform: translateX(102%);
	transform: translateX(102%);
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.add_inner_box{background: #fff;
    box-shadow: 0px 0px 3px 0px #aaa;
    width: 800px;
	height:100%;
    overflow-x: hidden;
    overflow-y: auto;
	margin-right: 0;
    margin-left: auto;
    position: relative;
}
.add_inner_box .input-group{border-left: none;}
.close_icon{position: fixed;
    top: 0;
    right: 800px;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 800;
    cursor: pointer;
    font-size: 13px;
    color: #fff;
    background: #555;
}
.close_icon:hover{color: #fff;background: #4ac4f3;}
.rttop_title{margin-bottom:25px;position: relative;}
.rttop_title h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 0px 0 15px;
    text-transform: capitalize;
}
.rttop_title h3 i{padding-right:8px;}
.rttop_title p {font-size: 13px;column-break-after:#777;}
.menuDv {background:#fff;box-shadow: 0px 0px 3px 0px #aaa;	border-radius: 6px;}
.plus_icon{position: absolute;color: #13b9f8;right: 9px;top: 15px;font-size: 17px;}
.documentfor_box{position: absolute;
    top: 100%;
    left: 16px;
    background: #fff;
    z-index: 1111;
    box-shadow: 0px 1px 2px 0px #aaa;
    min-width: 108px;
    display: none;
}
.documentfor_box input{width: 100%;
    border: none;border-right: 1px solid #ccc !important;
    padding: 5px 10px;
}
.timeline_inner{ display: flex;border-top: 1px solid #ddd;}
.timeline_inner span{padding: 8px 10px;
    box-shadow: 0px 0px 2px 0px #ccc;
    min-width: 50%;
    font-size: 13px;
    text-transform: capitalize;
    cursor: pointer;
    color: #666;
} 
.sub-total{position: absolute;right: 10px;top:18px;}
.distributor_chart1 #container{min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto;}
.distributor_chart2{height: 441px;}
.distributor_chart2 .chart{top: 50px;}

@media screen and ( max-width :1440px) {
	.price-head h1 {
		margin-top: 1em
	}
}

@media screen and ( max-width :1280px) {
	.pricing-grids {
		width: 100%;
		margin: 0 auto
	}
}

@media screen and ( max-width :1024px) {
	.pricing-grids {
		width: 100%;
		margin: 0 auto
	}
}

@media screen and ( max-width :768px) {
	.pricing-grid {
		width: 48%;
		float: left;
		margin: 0 auto;
		margin-bottom: 1.5em
	}
	.pricing-grid:nth-child(1) {
		margin: 0 auto;
		margin-bottom: 1.5em
	}
	li.view {
		float: left;
		margin: 18px 0 0 32px
	}
	.price-value, .price-value.two, .price-value.three {
		padding: 10px 0 0
	}
}

@media screen and ( max-width :767px) {
	h1 {
		font-size: 2em
	}
	.pricing-grid {
		width: 65%
	}
	p.price-label-3 {
		margin-top: 5px !important
	}
}

@media screen and ( max-width :480px) {
	.pricing-grid {
		width: 92%
	}
	.box-with0, .box-with1, .box-with2, .box-with3, .box-with4, .box-with5, .box-with6,
		.box-with7, .box-with8, .box-with9, .box-with10, .box-with11, .box-with12, .box-with13,
		 .box-with14, .box-with15, .box-with16, .box-with17, .box-with18, .box-with19, .box-with20, .box-with21, 
		 .box-with22, .box-width23, .box-with24, .box-with25, .box-with26, .box-width27, .box-with28, .box-with29, 
		 .box-with30, .box-with31, .box-with37, .box-with40, .box-title-bg > p.col-xs-12, .box-intro-bg > p.col-xs-12{
		width: 25%;
	}
	.box-intro-bg1 p.col-xs-12.no_data, .box-intro-bg1 > p.col-xs-12{width: 100%;}
}

@media screen and ( max-width :320px) {
	h1 {
		font-size: 1.3em;
		margin: 23px 0 20px
	}
	.pricing-grids {
		width: 100%
	}
	.pricing-grid {
		width: 100%
	}
	.price-value h2, .price-value.two h3, .price-value.three h4 {
		font-size: 1.5em
	}
	.price-value h5 {
		padding: 4px 0 12px
	}
	.price-bg p span {
		font-size: 17px
	}
	ul.buy-now {
		padding: 3px 0
	}
	ul.count li {
		padding: 1em 0 1em 2.5em;
		font-size: 13px
	}
	p.bottom {
		font-size: 13px
	}
	.price-bg {
		height: 395px
	}
	li.view a {
		font-size: 12px
	}
	li.tag-now-1 a {
		font-size: 13px
	}
	li.tag-now-2 a {
		font-size: 13px
	}
	li.tag-now-3 a {
		font-size: 13px
	}
	li.view {
		margin: 13px 0 0 32px
	}
	.pricing-grid:nth-child(3) {
		margin: 0
	}
}