h1,h2,h3,h4,h5,h6,p {
 font-weight:300
}
body,p {
 color:#737373
}
#callToAction h2,#subscribe h2,#topNav a.navbar-brand,.feature-item .heading,.header-item h2,.preloader-logo,.primary-menu-links>li>a,.section-title,.team-item h2 {
 text-transform:uppercase
}
#postCommentForm .mdl-textfield textarea,.contact-form .mdl-textfield textarea {
 resize:none
}
body,html {
 font-family:Roboto,Helvetica,Arial,sans-serif;
 height:100%
}
body {
 background-color:#fff
}
p {
 font-size:14px;
 font-family:Roboto,Helvetica,Arial,sans-serif;
 line-height:22px
}
.mdl-button,a {
 font-weight:500;
 color:#303030
}
a:focus,a:hover {
 color:#ff5252;
 text-decoration:none;
 outline:0
}
.form-control.error {
 border-color:#ff5252
}
.bg-whitesmoke {
 background-color:#f8f8f8;
 border-top:1px solid #e9e9e9
}
.section-title {
 position:relative;
 margin-top:90px;
 margin-bottom:20px;
 color:#303030;
 font-size:32px;
 font-weight:500;
 line-height:32px;
 text-align:center
}
.section-title:before {
 content:" ";
 background-color:#ff5252;
 position:absolute;
 height:2px;
 width:50px;
 left:50%;
 bottom:-15px;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.section-title span {
 display:block;
 color:#888989;
 font-size:14px;
 font-weight:700;
 line-height:14px
}
.breadcrumb li a,.section-title.white,.section-title.white span {
 color:#fff
}
.section-title.text-left {
 text-align:left
}
.section-title.text-left:before {
 left:0;
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
.section-title.text-right {
 text-align:right
}
.section-title.text-right:before {
 left:auto;
 right:0;
 -webkit-transform:translateX(0);
 transform:translateX(0)
}
.vc-parent {
 width:100%;
 height:100%;
 display:table
}
.vc-child {
 display:table-cell;
 vertical-align:middle
}
.vc-child-bottom {
 display:table-cell;
 vertical-align:bottom
}
.back-button {
 margin-top:38px;
 display:block;
 -webkit-transition:margin-top .25s;
 transition:margin-top .25s
}
#topNav.sticky .back-button {
 margin-top:31px
}
.back-button span {
 display:block;
 background-color:#fff;
 height:1px
}
.back-button:hover span {
 background-color:#ff5252
}
.back-button span:nth-child(1) {
 -webkit-transform:rotate(-30deg);
 transform:rotate(-30deg);
 width:13px;
 margin-bottom:2px
}
.back-button span:nth-child(2) {
 margin-bottom:2px;
 margin-left:2px;
 width:30px
}
.back-button span:nth-child(3) {
 -webkit-transform:rotate(30deg);
 transform:rotate(30deg);
 width:13px
}
.breadcrumb {
 background-color:transparent;
 padding:8px 15px 0;
 margin-top:22px;
 margin-bottom:0;
 -webkit-transition:padding .25s;
 transition:padding .25s
}
#topNav.sticky .breadcrumb {
 padding:2px 15px 22px
}
.breadcrumb li a:hover,.breadcrumb>.active {
 color:#ff5252
}
#backToTop {
 position:fixed;
 bottom:45px;
 right:35px;
 opacity:0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter:alpha(opacity=0);
 -webkit-transition:opacity .25s ease-in-out;
 transition:opacity .25s ease-in-out;
 z-index:1
}
#backToTop.alwaysShow,#backToTop.show {
 opacity:1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter:alpha(opacity=100)
}
#backToTop button {
 padding:8px 0 12px;
 box-shadow:0 2px 4.7px .3px rgba(0,0,0,.24)
}
#preloader {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:#fff;
 z-index:9999999999;
 display:table
}
#preloader .mdl-progress {
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
#preloader .auxbar,#preloader .bufferbar,#preloader .progressbar {
 width:0
}
#preloader .auxbar,#preloader .progressbar {
 background-color:#ff9800
}
#preloader .auxbar,#preloader .bufferbar {
 background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#ff9800,#ff9800)
}
.preloader-logo {
 position:absolute;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 display:block;
 width:100%;
 height:auto;
 margin-top:-100px;
 color:#fff;
 font-size:24px;
 font-weight:900;
 text-align:center;
 -webkit-transition:margin .25s;
 transition:margin .25s
}
.preloader-logo i.fa,.preloader-logo span.first,.preloader-logo span.second,.preloader-logo span.third {
 display:inline-block;
 vertical-align:middle
}
.preloader-logo i.fa,.preloader-logo span.first {
 color:#ff5252
}
.preloader-logo span.second {
 color:#303030
}
.preloader-logo span.third {
 margin-left:5px;
 padding:3px 5px;
 color:#fff;
 background-color:#ff5252;
 border-radius:4px;
 font-size:12px;
 line-height:16px;
 font-weight:500
}
.preloader-logo i.fa {
 font-size:34px
}
#close-switcher,#open-switcher {
 position:fixed;
 top:200px;
 right:0;
 z-index:3;
 padding:15px;
 color:#fff;
 background:#ff5252;
 cursor:pointer;
 border-left:0;
 border-radius:2px 0 2px 2px
}
#close-switcher {
 color:#fff;
 background:#ff5252;
 border:none;
 display:none;
 right:200px;
 box-shadow:-10px 5px 46px 8px rgba(0,0,0,.14),-10px 0 26px -6px rgba(0,0,0,.2)
}
#demo-colors {
 position:fixed;
 top:200px;
 right:-202px;
 width:200px;
 min-height:0;
 background:#FFF;
 border-radius:0
}
#demo-wrapper {
 width:180px;
 margin:0 auto;
 padding-bottom:30px
}
#demo-wrapper h2 {
 margin-bottom:0;
 font-size:15px;
 font-weight:700;
 color:#000
}
#demo-wrapper ul {
 margin:0;
 padding:0;
 list-style:none;
 overflow:hidden
}
#demo-wrapper ul li.color-1 {
 background:#2196F3;
 border:1px solid #fff
}
#demo-wrapper ul li.color-2 {
 background:#4CAF50;
 border:1px solid #fff
}
#demo-wrapper ul li.color-3 {
 background:#07398c;
 border:1px solid #fff
}
#demo-wrapper ul li.color-4 {
 background:#ff5252;
 border:1px solid #fff
}
#demo-wrapper ul li.color-5 {
 background:#673AB7;
 border:1px solid #fff
}
#demo-wrapper ul li.active {
 border:1px solid #fff;
 box-shadow:0 0 0 1px #ddd
}
.pagination,.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span {
 border-radius:0
}
#demo-wrapper ul li {
 float:left;
 width:26px;
 height:26px;
 margin:5px;
 cursor:pointer
}
.clear {
 clear:both
}
#demo-wrapper p {
 font-size:12px;
 padding-top:10px;
 text-align:center;
 color:#999;
 cursor:pointer
}
.section {
 background-color:#fff
}
.browserupgrade {
 position:fixed;
 top:0;
 left:0;
 right:0;
 z-index:10;
 margin:0;
 padding:20px 0;
 color:#fff;
 background-color:#ff9800;
 text-align:center
}
.browserupgrade a {
 color:#fff;
 text-decoration:underline
}
.pagination {
 display:block;
 margin:0;
 font-size:0;
 line-height:0
}
.pagination>li {
 display:inline-block
}
.pagination>li>a,.pagination>li>span {
 color:#303030;
 font-size:14px;
 line-height:20px;
 -webkit-transition:color .25s,background-color .25s ease-in-out,border-color .25s;
 transition:color .25s,background-color .25s ease-in-out,border-color .25s
}
.pagination>li.active>a,.pagination>li.active>a:hover,.pagination>li.active>span,.pagination>li.active>span:hover,.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
 color:#fff;
 background-color:#ff5252;
 border-color:#ff5252
}
#topNav {
 position:fixed;
 top:38px;
 right:0;
 left:0;
 z-index:5;
 border:none;
 border-radius:0;
 -webkit-transition-property:background-color,box-shadow,top;
 transition-property:background-color,box-shadow,top;
 -webkit-transition-duration:.25s;
 transition-duration:.25s
}
#topNav.sticky {
 top:0
}
#primaryNavbar {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 z-index:1;
 color:#fff;
 background-color:#303030
}
.primary-menu-links li a,.primary-social-menu-links a {
 color:#fff
}
.primary-menu-links>li>a {
 padding-top:13px;
 padding-bottom:0;
 font-size:12px;
 font-weight:300
}
.primary-menu-links>li:first-child>a {
 padding-left:0
}
ul.primary-menu-links>li {
 padding:10px 20px;
 border-right:1px solid rgba(255,255,255,.4)
}
ul.primary-menu-links>li:first-child {
 padding-left:0
}
ul.primary-menu-links>li:last-child {
 padding-right:0;
 border-right:0
}
ul.primary-menu-links>li>span {
 display:block;
 font-size:14px;
 line-height:18px
}
.primary-social-menu-links {
 list-style:none;
 margin:0;
 padding:0;
 float:right
}
.primary-social-menu-links li {
 display:inline-block
}
.primary-social-menu-links li a {
 border-radius:50%;
 min-width:30px;
 height:30px;
 margin-top:3px;
 padding:0;
 color:#fff;
 line-height:34px
}
.primary-social-menu-links li a:hover {
 color:#ff7373
}
.primary-social-menu-links li .mdl-button__ripple-container {
 border-radius:50%
}
#topNav>.navbar {
 -webkit-transition:.5s;
 transition:.5s;
 border-radius:0;
 border:none;
 background-color:#fff
}
#topNav.sticky>.navbar {
 box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)
}
body.navOpen #topNav>.navbar {
 margin:50px -250px 0 250px
}
body.navOpen #topNav.sticky>.navbar {
 margin:0 -250px 0 250px
}
.wrapper.open #topNav {
 position:absolute
}
#topNav .navbar-header {
 position:relative;
 margin-left:0
}
#topNav .navbar-header .navbar-toggle {
 border-color:#ff5252
}
#topNavbar li a,#topNavbar li a:hover,#topNavbar li.active>a {
 border-bottom:3px solid transparent
}
#topNav .navbar-header .navbar-toggle .icon-bar {
 background-color:#ff5252
}
#topNav a.navbar-brand {
 display:block;
 height:auto;
 margin-top:3px;
 color:#fff;
 font-size:24px;
 font-weight:900;
 -webkit-transition:margin .25s;
 transition:margin .25s
}
#topNav a.navbar-brand i.fa,#topNav a.navbar-brand span.first,#topNav a.navbar-brand span.second,#topNav a.navbar-brand span.third {
 display:inline-block;
 vertical-align:middle
}
#topNav.sticky a.navbar-brand {
 margin-top:3px
}
#topNav a.navbar-brand i.fa,#topNav a.navbar-brand span.first {
 color:#ff5252
}
#topNav a.navbar-brand span.second {
 color:#303030
}
#topNav a.navbar-brand span.third {
 margin-left:5px;
 padding:3px 5px;
 color:#fff;
 background-color:#ff5252;
 border-radius:4px;
 font-size:12px;
 line-height:16px;
 font-weight:500
}
#topNavbar li a,#topNavbar li a:focus,#topNavbar li a:hover,#topNavbar li button {
 background-color:transparent
}
#topNav a.navbar-brand i.fa {
 font-size:34px
}
#topNavbar li a {
 margin-top:11px;
 padding:15px 15px 22px;
 color:#303030;
 font-weight:500;
 outline:0;
 text-transform:uppercase;
 -webkit-transition:.25s;
 transition:.25s
}
#topNavbar .dropdown-menu {
 right:auto;
 left:0
}
#topNavbar .dropdown-menu li a {
 color:#737373
}
#topNav li.open i.fa.fa-plus:before {
 content:"\f068"
}
#topNav .nav li a i.fa-plus {
 font-size:11px
}
#topNav button.mdl-button {
 -webkit-transform:rotate(-90deg);
 transform:rotate(-90deg);
 position:relative;
 color:#fff;
 margin-top:25px;
 margin-left:5px;
 -webkit-transition:margin .25s;
 transition:margin .25s
}
#topNav.sticky button.mdl-button {
 margin-top:19px
}
#topNav button.mdl-button i {
 display:block;
 position:absolute;
 left:7px;
 top:-3px;
 font-size:22px;
 font-style:normal;
 font-weight:500
}
#topNavbar {
 margin-right:-15px;
 padding-top:69px;
}
#topNavbar .mdl-menu__container {
 width:100%!important;
 margin-top:20px
}
#topNavbar .mdl-menu__outline {
 width:100%!important;
 background-color:transparent;
 box-shadow:none
}
#topNavbar .mdl-menu__container .mdl-menu {
 clip:auto!important;
 width:100%!important;
 padding:0 15px
}
#topNavbar .nav ul {
 display:none;
 position:absolute;
 right:0;
 min-width:190px;
 margin:0;
 padding:0;
 list-style:none;
 background-color:#fff;
 box-shadow:0 13px 20px rgba(0,0,0,.24),0 0 10px rgba(0,0,0,.12)
}
#topNavbar .nav li:hover>ul {
 display:block;
 right:0
}
#topNavbar .nav ul li {
 position:relative
}
#topNavbar .nav ul>li>a {
 display:block;
 margin:0;
 padding:8px 20px;
 color:#777;
 white-space:nowrap;
 overflow:hidden
}
#topNavbar .nav ul>li.dropdown>a:before {
 content:"\f105";
 font:normal normal normal 14px/1 FontAwesome;
 font-size:inherit;
 position:absolute;
 right:15px;
 top:12px
}
#topNavbar .nav ul>li.active>a,#topNavbar .nav ul>li>a:hover {
 border-color:#ff5252
}
#topNavbar .nav ul>li:hover ul {
 display:block;
 top:0;
 left:100%;
}
#topNavbar .nav .more-icon {
 display:block;
 position:absolute;
 right:-6px;
 top:16px;
 font-size:14px;
 line-height:18px;
 font-style:normal;
 font-weight:500;
 -webkit-transform:rotate(90deg);
 transform:rotate(90deg)
}
#topNavbar .login--btn {
 display:block;
 float:left;
 height:auto;
 margin-top:18px;
 margin-left:10px;
 padding:8px 20px;
 line-height:18px;
 background-color:#ff5252
}
#header,#header .container,#header .header-item,#header .owl-item,#header .owl-wrapper,#header .owl-wrapper-outer,#header .row,#header .row>div,.content-inner-wrapper {
 height:100%
}
#header {
 width:100%;
 z-index:0
}
.header-item {
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center;
 position:relative;
 z-index:0;
 color:#fff;
 overflow:hidden
}
.header-item:before {
 content:" ";
 position:absolute;
 height:100%;
 width:100%;
 background-color:rgba(34,34,34,.8);
 z-index:-1
}
.header-item h2 {
 display:inline-block;
 padding:0 20px;
 border-left:5px solid #ff5252;
 font-size:40px;
 font-weight:700;
 line-height:48px
}
.header-item h2 span {
 color:#adadad
}
.header-item-3 h2 {
 margin-bottom:10px
}
.header-item p {
 padding:0 20px;
 border-left:5px solid #fff;
 color:#fff;
 font-size:16px
}
.header-content {
 margin-top:80px
}
.header-content ul {
 margin:0;
 padding:0;
 list-style:none;
 overflow:hidden
}
.header-content ul li {
 position:relative;
 padding-left:20px;
 float:left;
 width:50%
}
.header-content ul li:before {
 content:" ";
 position:absolute;
 top:7px;
 left:0;
 width:8px;
 height:8px;
 border:2px solid #ff5252;
 border-radius:50%
}
.owl-fadeInDown,.owl-fadeInUp {
 visibility:hidden
}
.owl-item.active .owl-fadeInDown {
 -webkit-animation:fadeInDown 1s linear 0s;
 animation:fadeInDown 1s linear 0s;
 visibility:visible
}
.owl-item.active .owl-fadeInUp {
 -webkit-animation:fadeInUp 1s linear 0s;
 animation:fadeInUp 1s linear 0s;
 visibility:visible
}
.owl-item.active .animate-2x {
 -webkit-animation-duration:.55s;
 animation-duration:.55s
}
.header-item a.read-more {
 min-width:130px;
 height:auto;
 margin-top:20px;
 padding:4px 0;
 color:#fff;
 background-color:#ff5252
}
.header-item a.read-more img {
 max-width:100%;
 height:35px
}
.header-img {
 position:relative;
 display:block
}
.vc-child .header-img {
 margin-top:90px
}
.header-img img.img-responsive {
 width:100%
}
.header-img .header-img-inner,.header-img .header-img-slider {
 position:absolute;
 top:9.5%;
 left:150px;
 width:261px;
 cursor:ew-resize
}
.header-img-slider img {
 max-height:68.5%
}
.header--badge {
 position:absolute;
 display:table;
 text-align:center;
 z-index:0
}
.header--badge-1 {
 top:35%;
 color:#fff
}
.header--badge-2 {
 top:55%;
 left:25%;
 color:#303030
}
.octagon p:before,.octagon:after,.octagon:before {
 content:"";
 top:0;
 width:168px;
 height:70px;
 z-index:-1;
 position:absolute
}
.ie9 .header--badge-2 {
 background-color:#fff!important
}
.header--badge p {
 display:table-cell;
 vertical-align:middle;
 padding:0;
 border:0;
 color:inherit;
 font-size:16px;
 line-height:16px
}
.header--badge span {
 display:block;
 font-size:34px;
 line-height:38px;
 font-weight:500
}
.octagon {
 width:168px;
 height:70px;
 background-color:#fff;
 font-size:12px;
 line-height:16px
}
.octagon:after,.octagon:before {
 left:0;
 background-color:#fff;
 -webkit-transform:rotate(0);
 transform:rotate(0)
}
.octagon:before {
 background-color:#fff;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg)
}
.octagon:after {
 left:0;
 -webkit-transform:rotate(135deg);
 transform:rotate(135deg)
}
.octagon p:before {
 left:0;
 background-color:#fff;
 -webkit-transform:rotate(90deg);
 transform:rotate(90deg)
}
.header-items .owl-controls {
 position:absolute;
 bottom:15px;
 right:0;
 width:100%;
 text-align:center
}
.header-items>.owl-controls {
 bottom:30px
}
.header-items .owl-pagination {
 display:inline-block;
 overflow:hidden
}
.header-items .owl-page {
 width:8px;
 height:8px;
 float:left;
 margin:1px 5px;
 border:1px solid #fff;
 border-radius:50%;
 -webkit-transition:.25s;
 transition:.25s;
 outline:0
}
.header-items .owl-page.active {
 width:10px;
 height:10px;
 margin-top:-.5px;
 margin-left:4.5px;
 background-color:#fff
}
#domainSearch {
 padding:60px 0;
 color:#fff;
 background-color:#ff5252
}
#domainSearch form {
 font-size:0
}
#domainSearch form .mdl-textfield__input {
 border-color:#fff;
 color:#fff;
 outline:0
}
#domainSearch form .mdl-textfield__label {
 color:#fff;
 font-weight:400;
 margin-bottom:0
}
#domainSearch form .mdl-textfield__label:after {
 background-color:#fff
}
#domainSearch form .select-box {
 margin-top:20px;
 width:140px;
 padding:0 30px;
 text-align:center;
 vertical-align:top;
 z-index:0
}
#domainSearch form .select-box:before {
 content:" ";
 position:absolute;
 top:13px;
 right:30px;
 width:0;
 height:0;
 border-left:5px solid transparent;
 border-right:5px solid transparent;
 border-top:6px solid #fff;
 z-index:-1
}
#bgVideo,#subscribe,.feature-item .content {
 position:relative
}
#bgVideo:before,.feature-item .content:before {
 content:" ";
 top:0
}
#domainSearch form .select-box select {
 color:#fff;
 background-color:transparent;
 width:100%;
 padding:4px 0;
 font-size:16px;
 border:none;
 border-bottom:1px solid #fff;
 -webkit-appearance:none;
 -moz-appearance:none;
 outline:0
}
#domainSearch form .select-box select option {
 color:#737373;
 background-color:rgba(255,255,255,.9)
}
#domainSearch form .mdl-button {
 margin-top:15px;
 color:#303030;
 background-color:#fff;
 vertical-align:top
}
#domainSearch .domain-ext {
 margin-top:9px
}
#domainSearch .extension {
 display:table-cell;
 width:1%;
 padding-left:20px;
 color:#fff;
 font-weight:500;
 border-right:1px solid #fff
}
#domainSearch .extension:first-child {
 padding-left:0
}
#domainSearch .domain-ext>.extension:last-child {
 border-right:none
}
#domainSearch .extension span {
 display:block
}
#domainSearch .extension span.name {
 font-size:22px;
 line-height:26px
}
#callToAction {
 padding:80px 0;
 background-color:#ff5252
}
#callToAction h2 {
 color:#fff;
 margin:0;
 font-size:24px;
 font-weight:500
}
#callToAction .buy-now-btn {
 padding:5px 40px;
 color:#222;
 background-color:#fff;
 height:auto;
 font-weight:500
}
#feature {
 padding-bottom:100px
}
.feature-item {
 margin:40px 0 -30px;
 padding:10px 10px;
 -webkit-transition:box-shadow .25s ease-in-out;
 transition:box-shadow .25s ease-in-out
}
.feature-item:hover {
 box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)
}
.feature-item .content:before {
 position:absolute;
 right:-15px;
 width:1px;
 height:100%;
 background:rgba(0,0,0,.09)
}
#about:before,#feedback {
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat
}
.feature-item:last-child .content:before {
 display:none
}
.feature-item .icon {
 background-color:#f5f5f5;
 width:100px;
 height:100px;
 margin:-50px auto 0;
 padding-left:10px;
 border:10px solid #fff;
 border-radius:50%;
 -webkit-transition:background-color .25s ease-in;
 transition:background-color .25s ease-in
}
.feature-item:hover .icon {
 background-color:#ff5252;
 border-width:0;
 padding:20px
}
.feature-item .icon i.fa {
 display:table-cell;
 vertical-align:middle;
 width:60px;
 height:60px;
 margin:0 auto;
 font-size:30px;
 color:#ff5252;
 border-radius:50%;
 text-align:center;
 -webkit-transition:.25s ease-in;
 transition:.25s ease-in
}
.feature-item:hover .icon i.fa {
 color:#fff;
 font-size:40px
}
.feature-item .heading {
 margin-bottom:10px;
 font-size:20px;
 line-height:24px;
 font-weight:500;
 text-align:center
}
.feature-item .desc {
 text-align:center;
 margin:0 0 20px
}
.feature-item .read-more-btn {
 text-align:center
}
#subscribe {
 padding:80px 0 90px;
 color:#fff;
 background-color:#ff5252
}
#subscribe h2 {
 color:#fff;
 margin-top:8px;
 margin-bottom:0;
 font-weight:500
}
#subscribeForm {
 text-align:right
}
#subscribeForm .mdl-textfield {
 vertical-align:middle;
 margin-right:6px;
 padding-bottom:0
}
#subscribeForm input {
 border-color:#fff;
 color:#fff;
 outline:0
}
#subscribeForm label {
 color:#fff;
 font-weight:300;
 margin-bottom:0
}
#subscribeForm label:after {
 background-color:#fff;
 bottom:0
}
#subscribeForm button[type=submit] {
 color:#222;
 background-color:#fff;
 margin-top:13px
}
#bgVideo {
 height:500px!important;
 background-size:cover
}
#bgVideo:before {
 background:rgba(48,48,48,.8);
 position:absolute;
 left:0;
 width:100%;
 height:100%
}
#bgVideo .play-button {
 position:absolute;
 top:50%;
 width:100%;
 margin-top:-28px;
 text-align:center
}
#about:after,#about:before {
 content:" ";
 position:absolute;
 top:0;
 height:100%;
 left:0
}
#bgVideo .play-button a {
 outline:0
}
#bgVideo .play-button i.fa {
 font-size:18px;
 margin-left:5px;
 margin-top:20px
}
#about {
 position:relative;
 padding:0 0 5px;
 background-color:#f8f8f8;
 border-style:solid;
 border-width:1px 0;
 border-color:#e9e9e9;
 z-index:0
}
#about:before {
 width:50%;
 background-image:url(../img/background-images/about-bg.jpg);
 z-index:-2
}
#about.about--overlay-full:after {
 width:100%
}
#about:after {
 width:50%;
 background-color:rgba(34,34,34,.8);
 z-index:-1
}
.about--img {
 padding:90px 60px 0
}
.team-items .owl-item {
 padding-bottom:3px;
 overflow:hidden
}
.team-item {
 margin-left:-15px;
 cursor:default
}
.team-item .mdl-card {
 width:auto;
 background-color:transparent;
 border-radius:0
}
.team-item .mdl-card__title {
 padding:0
}
.team-item .mdl-card__title figure {
 position:relative;
 padding-bottom:76px;
 width:100%
}
.team-item .mdl-card__title figure>img {
 width:100%
}
.team-item .mdl-card__title figcaption {
 padding:10px 0 4px;
 position:absolute;
 bottom:-45px;
 left:0;
 width:100%;
 background-color:#fff;
 text-align:center;
 -webkit-transition:bottom .25s;
 transition:bottom .25s
}
.team-item .mdl-card__title:hover figcaption {
 bottom:0
}
.team-item h2 {
 padding:0 15px;
 font-size:18px;
 color:#737373;
 line-height:18px;
 margin-top:8px;
 margin-bottom:8px;
 -webkit-transition:.25s;
 transition:.25s
}
.team-item h2 a {
 -webkit-transition:color .25s;
 transition:color .25s
}
.team-item h4 {
 padding:0 15px;
 font-size:14px;
 margin-top:0;
 margin-bottom:10px;
 line-height:14px;
 color:#b9b9b9
}
.team-social-links {
 list-style:none;
 margin:20px 0 0;
 padding:5px 0 0;
 border-top:1px solid #ddd;
 overflow:hidden;
 text-align:center
}
.team-social-links li {
 display:inline-block
}
.team-social-links li a {
 border-radius:50%;
 min-width:35px;
 height:35px;
 padding:0;
 color:#737373
}
.team-social-links li a:hover {
 color:#ff7373
}
.team-social-links li .mdl-button__ripple-container {
 border-radius:50%
}
.section-title.team-title {
 margin-right:15px
}
.team-skills {
 padding-left:30px
}
.about-description {
 padding:0 0 90px
}
.about-description .row {
 display:table
}
.about-description .row>div {
 display:table-cell;
 vertical-align:middle;
 float:none
}
.about-desc-img img {
 width:100%
}
.team-skills .about-description a.read-more {
 margin-top:10px
}
#about.bg-img .team-skills p {
 color:#fff
}
.team-skills p {
 margin-bottom:0
}
.team-skills>p {
 font-weight:500
}
.team-skills .progress {
 height:4px;
 overflow:visible
}
.team-skills .progress-bar {
 background-color:#ff5252;
 position:relative
}
.team-skills .progress-bar span {
 position:absolute;
 top:-16px;
 right:-16px;
 color:#737373;
 background-color:#f8f8f8;
 padding:7.5px 6px;
 border-radius:50%;
 box-shadow:0 2px 4.7px .3px rgba(0,0,0,.24)
}
.team-items .owl-pagination {
 text-align:center;
 margin-top:30px
}
.team-items .owl-page {
 width:10px;
 height:10px;
 display:inline-block;
 border-radius:50%;
 margin:0 5px;
 border:1px solid #ff5252;
 -webkit-transition:border-color .25s,background-color .25s ease-in-out;
 transition:border-color .25s,background-color .25s ease-in-out
}
.team-items .owl-page.active {
 background-color:#ff5252
}
#feedback {
 position:relative;
 padding:100px 0;
 overflow:hidden;
 z-index:0
}
#feedback:before,.feedback-item .mdl-card:before {
 position:absolute;
 content:" "
}
#feedback:before {
 background-color:rgba(34,34,34,.8);
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:-1
}
.feedback-wrapper .container {
 background-color:#fff;
 z-index:0;
 padding-bottom:80px;
 border-radius:4px
}
.feedback-items {
 margin-bottom:70px
}
.feedback-items .owl-item {
 padding:0 40px;
 overflow:hidden
}
.feedback-item>.row {
 display:table
}
.feedback-item>.row>div {
 display:table-cell;
 vertical-align:middle;
 height:100%;
 float:none
}
.feedback-item .mdl-card {
 width:initial;
 min-height:0;
 overflow:visible
}
.feedback-item .mdl-card:before {
 top:50%;
 width:25px;
 height:25px;
 -webkit-transform:translateY(-50%) rotate(44deg);
 transform:translateY(-50%) rotate(44deg);
 background-color:#ff5252;
 border-color:transparent transparent transparent #fff;
 z-index:-1
}
.feedback-item.content-right .mdl-card:before {
 left:-13px;
 box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.feedback-item.content-left .mdl-card:before {
 right:-13px;
 box-shadow:2px 2px 2px 0 rgba(0,0,0,.14),3px 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.feedback-item .mdl-card__supporting-text {
 background-color:#ff5252;
 color:#fff;
 width:100%
}
.feedback-content p {
 margin-bottom:0;
 color:#fff
}
.feedback-content p cite {
 display:block;
 margin-top:10px;
 font-weight:700
}
.feedback-items .owl-pagination {
 text-align:center;
 margin-top:30px
}
.feedback-items .owl-page {
 width:10px;
 height:10px;
 display:inline-block;
 border-radius:50%;
 margin:0 5px;
 border:1px solid #ff5252
}
.feedback-items .owl-page.active {
 background-color:#ff5252
}
.facts {
 position:relative
}
.facts:before {
 position:absolute;
 width:1px;
 height:100px;
 background:rgba(0,0,0,.09);
 right:-20px;
 top:50%;
 margin-top:-50px;
 content:" "
}
.facts.last-child:before {
 width:0
}
.facts-icon i.fa {
 position:relative;
 display:block;
 width:60px;
 height:60px;
 border-radius:50%;
 margin:0 auto 20px;
 color:#ff5252;
 font-size:26px;
 box-shadow:0 2px 4.7px .3px rgba(0,0,0,.24);
 -webkit-transition:.25s;
 transition:.25s
}
.facts:hover i.fa {
 background-color:#ff5252;
 color:#fff
}
.facts-icon i.fa:before {
 position:absolute;
 left:0;
 width:100%;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.facts-text {
 margin-bottom:12px;
 text-transform:capitalize
}
.facts-number {
 font-size:22px
}
#pricingTable {
 padding:0 0 100px
}
#pricingTable.page {
 padding:100px 0
}
.pricing-table-item {
 margin-top:45px
}
.pricing-table-item .mdl-card {
 width:auto;
 overflow:visible;
 -webkit-transition:.25s;
 transition:.25s
}
.pricing-table-item>.mdl-card {
 border:1px solid #e9e9e9
}
.pricing-table-item:hover>.mdl-card {
 box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)
}
.pricing-table-item .mdl-card__title-text {
 width:100%
}
.pricing-table-item .mdl-card__supporting-text {
 width:100%;
 padding:0
}
.pricing-table-item .mdl-card__actions {
 padding:20px 0;
 text-align:center
}
.pricing-table-item .mdl-card__actions a {
 padding:5px 35px;
 height:auto
}
.pct-img figure {
 position:relative
}
.pct-img figure:before {
 content:" ";
 background-color:rgba(34,34,34,.8);
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.pct-img>figure>img {
 width:100%
}
.pct-img figcaption {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.pct-price-tag {
 position:absolute;
 top:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%);
 min-height:0;
 padding:15px 30px;
 color:#fff;
 background-color:#ff5252;
 opacity:0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter:alpha(opacity=0)
}
.pct-price-tag .mdl-card__title-text {
 display:block;
 font-size:42px;
 font-weight:800
}
.pct-price-tag .mdl-card__title-text span {
 display:block;
 width:100%;
 font-size:16px;
 line-height:20px;
 font-weight:400;
 text-align:center
}
.pricing-table-item.active .pct-price-tag,.pricing-table-item:hover .pct-price-tag {
 top:-50px;
 opacity:1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter:alpha(opacity=100)
}
.pct-img figcaption .pct-tag {
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 width:100%;
 text-align:center;
 font-size:28px;
 font-weight:500;
 line-height:32px;
 color:#fff;
 text-transform:uppercase
}
.pct-img figcaption .pct-tag span {
 position:relative
}
.pct-img figcaption .pct-tag span:before {
 content:" ";
 position:absolute;
 left:0;
 right:0;
 width:40px;
 height:2px;
 background-color:#ff5252;
 margin:0 auto;
 bottom:-10px
}
#domainPricing,#domainPricing table tbody tr:nth-child(even) td {
 background-color:#f8f8f8
}
.pct-img figcaption .pct-tag p {
 color:#fff;
 margin-top:10px
}
.pct-features ul {
 margin:0;
 padding:15px 0;
 list-style:none
}
.pct-features ul li {
 padding:10px 0;
 color:#737373;
 font-size:16px;
 font-weight:300;
 text-align:center
}
#blog,#domainPricing {
 padding:0 0 100px
}
#domainPricing {
 border-top:1px solid #e9e9e9
}
#domainPricing table {
 border:1px solid #ccc;
 width:100%;
 margin:0;
 padding:0;
 border-collapse:collapse;
 border-spacing:0
}
#domainPricing table thead {
 background-color:#ff5252;
 color:#fff
}
#domainPricing table thead th {
 padding:15px 0
}
#domainPricing table tr {
 border:1px solid #ddd;
 padding:5px
}
#domainPricing table td,#domainPricing table th {
 padding:10px;
 text-align:center
}
#domainPricing table th {
 text-transform:uppercase;
 font-size:14px;
 letter-spacing:1px
}
#domainPricing table tbody td {
 background-color:#fff
}
#domainPricing table tbody td:first-child {
 font-weight:700;
 font-size:18px
}
#domainPricing.reset-font table tbody td:first-child {
 font-weight:400;
 font-size:inherit
}
#domainPricing table .mdl-button.mdl-button--accent {
 background-color:#ff5252
}
.post-item .mdl-card {
 width:auto
}
.post-item .mdl-card__title {
 padding:0;
 display:block;
 width:100%;
 overflow:hidden
}
.post-item .mdl-card__supporting-text {
 padding:0 20px;
 width:100%
}
.post-item .mdl-card__actions {
 padding:0 20px;
 position:relative
}
#contact:before,.post-item .mdl-card__actions:before {
 content:" ";
 position:absolute;
 top:0
}
.post-item .mdl-card__actions:before {
 left:50%;
 width:1px;
 height:80px;
 background-color:#e9e9e9
}
.reg--login .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,.reg--login .mdl-textfield__label:after,.reg--login .submit-btn.mdl-button {
 background-color:#ff5252
}
.post-item .mdl-card__actions a.comments,.post-item .mdl-card__actions a.read-more {
 margin:20px 0
}
.post-item .mdl-card__actions a.comments {
 overflow:visible
}
.post-img img {
 width:100%
}
.post-metadata {
 margin-bottom:15px
}
.post-metadata p {
 margin-bottom:0;
 margin-top:15px;
 font-size:14px;
 color:#737373
}
.post-metadata i.fa {
 margin-right:5px
}
.post-metadata p a {
 color:#737373
}
.post-metadata p a:hover {
 border-bottom:1px solid #737373
}
.post-metadata p span {
 margin:0 5px
}
.post-title h2 {
 margin:15px 0 10px;
 padding-left:15px;
 border-left:3px solid #ff5252;
 font-size:24px;
 line-height:30px;
 text-transform:uppercase;
 -webkit-transition:border-color .25s;
 transition:border-color .25s
}
.post-title h2 a {
 color:#303030;
 font-weight:500;
 -webkit-transition:color .25s;
 transition:color .25s
}
.post-title h2:hover a {
 color:#ff5252
}
.post-summary p,.reg--login .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
 color:#737373
}
#registration {
 padding:100px 0
}
.reg--login .mdl-card,.reg--login .mdl-card__supporting-text {
 width:100%
}
.reg--login .mdl-textfield {
 width:100%;
 max-width:none
}
.reg--login .mdl-textfield__label {
 margin-bottom:0;
 font-weight:400
}
.reg--login .mdl-checkbox {
 font-size:16px;
 line-height:22px;
 font-weight:400
}
.reg--login .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
 border-color:#ff5252
}
.reg--login .submit-btn {
 margin-top:20px
}
.reg--login .helper-link {
 float:right;
 margin-top:20px
}
.reg--login .helper-link:hover {
 color:#ff5252
}
#contact {
 position:relative;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center;
 padding:0 0 100px
}
#contact:before {
 left:0;
 height:100%;
 width:100%;
 background-color:rgba(34,34,34,.8)
}
#contact .section-title {
 color:#fff
}
.contact-form-status .alert {
 border:none;
 border-radius:0;
 color:#fff;
 background-color:#ff9800
}
.contact-form .mdl-textfield {
 width:100%
}
.contact-form input,.contact-form textarea {
 /*border-color:#fff;*/
 color:#000;
 outline:0
}
.contact-form button[type=submit] {
 padding:4px 40px;
 margin-top:20px;
 height:auto
}
.contact-form label {
 margin-bottom:0;
 color:#fff;
 font-weight:100
}
.contact-address p,.footer-title {
 font-weight:500;
 text-transform:uppercase
}
.contact-form label:after {
 background-color:#ff5252
}
.contact-form input.valid+label:after,.contact-form textarea.valid+label:after {
 background-color:#41C35B;
 visibility:visible;
 width:100%;
 left:0
}
.contact-form input.error+label:after,.contact-form textarea.error+label:after {
 background-color:#ff5252;
 visibility:visible;
 width:100%;
 left:0
}
.contact-address {
 padding:70px 0;
 background-color:#ff5252
}
.contact-address i.fa {
 position:relative;
 display:block;
 width:60px;
 height:60px;
 border-radius:50%;
 margin:0 auto 20px;
 color:#ff5252;
 background-color:#fff;
 font-size:26px;
 -webkit-transition:.25s;
 transition:.25s
}
.contact-address i.fa:hover {
 box-shadow:0 2px 4.7px .3px rgba(0,0,0,.24)
}
.contact-address i.fa:before {
 position:absolute;
 left:0;
 width:100%;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.contact-address address {
 margin-bottom:0
}
.contact-address p {
 margin-bottom:0;
 color:#fff;
 font-size:18px;
 line-height:24px
}
.map-wrapper {
 position:relative;
 overflow:hidden;
 z-index:0
}
.map-toggle-btn {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:60px;
 padding:20px 0;
 background-color:rgba(76,175,80,.8);
 text-align:center;
 z-index:1;
 cursor:pointer
}
.map-toggle-btn .closed-text,.map-toggle-btn .opened-text {
 color:#fff;
 font-size:16px
}
.map-toggle-btn .opened-text,.map-toggle-btn.opened .closed-text {
 display:block
}
.map-toggle-btn .closed-text,.map-toggle-btn.opened .opened-text {
 display:none
}
#map {
 height:400px;
 width:100%;
 margin-top:-170px;
 margin-bottom:-170px;
 -webkit-transition:margin .6s ease-in-out;
 transition:margin .6s ease-in-out
}
.map-toggle-btn.opened+#map {
 margin:0
}
#footer {
 background-color:#303030;
 color:#fff;
 padding:20px 0 0
}
.footer-title {
 font-size:18px;
 position:relative
}
#pageHeader:before,.footer-title:before {
 position:absolute;
 content:" "
}
.footer-title:before {
 background:#ff5252;
 height:2px;
 width:43px;
 bottom:4px
}
#pageHeader,.about-page-team:before,.bg-img {
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat
}
.tags-widget ul {
 list-style:none;
 padding:0;
 margin:0
}
.tags-widget ul li {
 display:inline-block;
 margin-bottom:5px;
 margin-right:5px
}
.tags-widget ul li a {
 background-color:#ff5252!important
}
.footer-about {
 margin-bottom:20px
}
.footer-about p {
 color:#acacac
}
#footerTwitter {
 max-height:185px;
 background-color:#fff;
 overflow:auto
}
.links-widget ul {
 margin:-6px 0 0;
 padding:0;
 list-style:none
}
.links-widget ul li a {
 display:block;
 margin-bottom:10px;
 color:#fff;
 border-bottom:1px dotted rgba(255,255,255,.3);
 font-weight:400;
 text-transform:uppercase;
 -webkit-transition:color .25s,border-color .25s;
 transition:color .25s,border-color .25s
}
#copyright {
 padding:20px 0;
 color:#fff;
 background-color:#1b1b1b
}
#copyright p {
 margin-bottom:0;
 text-transform:capitalize;
 color:#fff
}
.about-page-description .about-img,.page-title h2 {
 margin-bottom:30px
}
#copyright p a {
 color:#ff5252;
 font-weight:500
}
#pageHeader {
 height:350px;
 position:relative;
 z-index:0
}
#pageHeader:before {
 height:100%;
 width:100%;
 background-color:rgba(48,48,48,.8);
 z-index:-1
}
.page-title h2 {
 color:#fff;
 font-size:34px;
 font-weight:500;
 margin-top:100px;
 text-align:center;
 text-transform:uppercase;
 position:relative
}
.page-title h2:before {
 content:" ";
 background-color:#ff5252;
 position:absolute;
 height:2px;
 width:80px;
 left:50%;
 bottom:-15px;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.blog-page-post-audio,.blog-page-post-audio audio,.blog-page-post-video {
 width:100%
}
.page {
 padding:100px 0!important
}
#about.page {
 padding:0!important;
 border-bottom:none
}
.about-page-description,.widget {
 border-bottom:1px solid #e9e9e9
}
.about-page-description {
 padding-top:100px;
 padding-bottom:100px;
 background-color:#fff
}
.about-page-team {
 position:relative;
 padding-bottom:100px
}
.about-page-team:before {
 content:" ";
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-image:url(img/background-images/about-bg.jpg);
 z-index:-2
}
.about-page-description p.embed-responsive {
 margin-bottom:10px
}
#feedback.page {
 background-color:#fff
}
#feedback.page:before {
 display:none
}
#feedback.page .feedback-wrapper .container {
 padding:0
}
#feedback.page .feedback-items {
 margin-bottom:0
}
.blog-page-content .post-item,.widget {
 margin-bottom:30px
}
.blog-page-post-video.local {
 background-color:#080708
}
.blog-page-post-video video {
 margin-top:-1px
}
.blog-page-post-audio {
 padding:20px
}
.blog-page-sidebar .mdl-card {
 width:auto;
 min-height:0;
 background-color:transparent
}
.blog-page-sidebar>.mdl-card>.mdl-card__supporting-text {
 width:100%;
 padding:0
}
.widget {
 padding-bottom:30px
}
.widget:last-child {
 padding-bottom:0;
 margin-bottom:0;
 border-bottom:none
}
.widget-title {
 position:relative;
 color:#303030;
 margin:0 0 40px;
 font-size:18px;
 font-weight:400;
 line-height:1.5;
 text-transform:capitalize
}
.widget-title:before {
 content:" ";
 background-color:#ff5252;
 width:50px;
 height:2px;
 position:absolute;
 bottom:-10px
}
.popular-post-item .preview-img {
 height:70px;
 width:70px;
 padding:4px;
 background-color:#e9e9e9;
 float:left;
 margin-right:10px
}
.popular-post-item h5 {
 margin:0 0 2px;
 color:#303030;
 font-size:18px;
 line-height:22px
}
.popular-post-item h5 a {
 -webkit-transition:color .25s;
 transition:color .25s
}
.popular-post-item p.metadata {
 font-style:italic;
 margin-top:0
}
.popular-post-item p {
 margin-bottom:0
}
.popular-post-item {
 margin-bottom:20px
}
.popular-post-item:last-child {
 margin-bottom:0
}
.categories-widget {
 margin-left:-1px;
 margin-right:-1px
}
.categories-widget .nav-tabs>li>a {
 position:relative;
 border:none;
 background-color:#e9e9e9;
 margin-left:1px;
 margin-right:1px;
 margin-bottom:20px;
 padding-top:8px;
 padding-bottom:8px;
 border-radius:4px;
 -webkit-transition:.25s;
 transition:.25s
}
.categories-widget .nav-tabs>li>a:before {
 content:" ";
 position:absolute;
 left:50%;
 bottom:-40px;
 margin-left:-10px;
 width:0;
 height:0;
 border-style:solid;
 border-width:0 10px 10px;
 border-color:transparent transparent #e9e9e9;
 opacity:0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter:alpha(opacity=0);
 -webkit-transition:.25s;
 transition:.25s
}
.categories-widget .nav-tabs>li.active>a:before {
 bottom:-20px;
 opacity:1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter:alpha(opacity=100)
}
.categories-widget .nav-tabs.nav-justified>.active>a,.categories-widget .nav-tabs.nav-justified>li:focus>a,.categories-widget .nav-tabs.nav-justified>li:hover>a {
 background-color:#ff5252;
 color:#fff;
 border:none
}
.categories-widget .tab-pane {
 background-color:#e9e9e9;
 padding:15px 15px 12px
}
#archivesTab,#categoriesTab {
 padding:0
}
#archivesTab ul,#categoriesTab ul {
 list-style:none;
 margin:0;
 padding:0
}
#archivesTab ul li,#categoriesTab ul li {
 color:#737373;
 font-weight:300
}
#archivesTab ul li a,#categoriesTab ul li a {
 display:block;
 padding:8px 0 8px 15px;
 -webkit-transition-property:background-color,color;
 transition-property:background-color,color;
 -webkit-transition-duration:.25s;
 transition-duration:.25s
}
#archivesTab ul li a:focus,#archivesTab ul li a:hover,#archivesTab ul li.active a,#categoriesTab ul li a:focus,#categoriesTab ul li a:hover,#categoriesTab ul li.active a {
 color:#303030;
 background-color:#f9f9f9
}
#archivesTab ul li a .badge,#categoriesTab ul li a .badge {
 background-color:transparent;
 color:#737373;
 font-weight:300
}
#sidebarTwitter {
 max-height:270px;
 border:1px solid #e9e9e9;
 overflow:auto
}
#blog.blog-details-page {
 padding:100px 0
}
.blog-page-content.post-details .post-img {
 margin-bottom:30px
}
.blog-page-content.post-details blockquote {
 border-color:#ff5252
}
.blog-page-content.post-details blockquote:after,.blog-page-content.post-details blockquote:before {
 display:none
}
.blog-page-content.post-details blockquote p {
 color:#ff5252
}
.blog-page-content.post-details ul li {
 font-weight:300;
 color:#737373
}
.blog-page-content.post-details .post-author.mdl-card {
 width:auto;
 min-height:auto;
 margin-bottom:20px
}
.blog-page-content.post-details .post-author .mdl-card__supporting-text {
 padding:0
}
.blog-page-content.post-details a.post-author-name {
 margin-left:10px
}
.blog-page-content.post-details .post-author .social-share {
 list-style:none;
 margin:20px 0 15px 30px;
 padding:0;
 overflow:hidden
}
.blog-page-content.post-details .post-author .social-share li {
 display:inline-block
}
.blog-page-content.post-details .post-author .social-share li a {
 border-radius:50%;
 min-width:35px;
 height:35px;
 padding:0;
 color:#737373
}
.blog-page-content.post-details .post-author .social-share li a:hover {
 color:#ff5252
}
.blog-page-content.post-details .post-author .social-share li a .mdl-button__ripple-container {
 border-radius:50%
}
.blog-page-content.post-details .tags-title {
 font-weight:400;
 font-size:16px;
 text-transform:uppercase
}
.post-navigation,.post-tags {
 display:table-cell;
 vertical-align:middle;
 float:none
}
.post-navigation a.mdl-button {
 background-color:#303030!important;
 margin-left:5px
}
.post-comments {
 margin-top:30px
}
.post-comments-title {
 margin:0;
 color:#737373;
 font-weight:400;
 font-size:20px;
 line-height:24px;
 text-transform:uppercase
}
.post-comments ul {
 list-style:none;
 margin:0;
 padding:0
}
.post-comments ul li {
 margin:30px 0;
 padding-right:86px
}
.post-comments ul li .author-img {
 float:left;
 border:8px solid #fff;
 position:relative
}
.post-comments ul li .author-img:before {
 position:absolute;
 top:-8px;
 right:-15px;
 bottom:-8px;
 width:10px;
 background-color:#fff;
 content:" ";
 z-index:2
}
.post-comment-form,.single-comment {
 width:auto;
 min-height:0
}
.post-comments ul li:nth-child(even) {
 padding-right:0;
 padding-left:86px
}
.post-comments ul li:nth-child(even) .author-img {
 float:right
}
.post-comments ul li:nth-child(even) .author-img:before {
 left:-15px
}
.comment-thumb a {
 overflow:hidden;
 color:#ff5252
}
#contact.page .contact-address p,#contact.page .contact-form label,#contact.page .mdl-textfield__input,#contact.page .section-title,.comment-meta {
 color:#737373
}
.comment-meta {
 margin-bottom:15px;
 font-weight:300
}
.single-comment {
 padding:0;
 border:none
}
.single-comment .mdl-card__supporting-text {
 padding:15px
}
.single-comment .mdl-card__supporting-text p {
 margin-bottom:0
}
.post-comment-form .mdl-card__title {
 padding-bottom:0;
 padding-left:30px
}
.post-comment-form .post-comments-title {
 padding:15px
}
.post-comment-form-group.mdl-card__supporting-text {
 padding-top:0;
 width:100%
}
.post-comment-form-group .form-control {
 border-radius:0;
 margin-top:20px;
 box-shadow:none;
 resize:none
}
.post-comment-form-group .form-control.error {
 border-color:#ff5252
}
#postCommentForm label {
 margin-bottom:0;
 font-weight:100;
 color:#737373
}
#postCommentForm label:after {
 background-color:#ff5252
}
#postCommentForm .valid+label:after {
 background-color:#607d8b;
 left:45%;
 width:10px;
 visibility:hidden
}
#postCommentForm .error+label:after {
 background-color:#ff5252;
 left:0;
 width:100%;
 visibility:visible
}
#postCommentForm .mdl-textfield {
 width:100%
}
#postCommentForm .mdl-textfield.is-invalid .mdl-textfield__input {
 border-bottom-color:rgba(0,0,0,.12)
}
.flickrs {
 margin-right:-10px
}
.flickrs ul {
 margin:0;
 padding:0;
 list-style:none
}
.flickrs img {
 float:left;
 width:68px;
 height:68px;
 margin:0 5px 5px 0;
 border:3px solid #fff
}
#contact.page:before {
 display:none
}
#contact.page .mdl-textfield__input {
 border-color:#737373
}
#f0f {
 height:100%;
 position:relative;
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
 z-index:0
}
#f0f:before,.bg-img:before {
 content:" ";
 position:absolute;
 height:100%;
 width:100%
}
#f0f:before {
 background-color:rgba(48,48,48,.8);
 z-index:-1
}
#f0f .container {
 height:100%
}
.f0f-content h1,.f0f-content p {
 color:#fff
}
.f0f-content h1 {
 font-size:120px;
 line-height:124px;
 font-weight:500
}
.f0f-content p {
 font-size:20px
}
#f0f a.read-more {
 margin-top:30px
}
.no-gutter {
 margin-left:0;
 margin-right:0
}
.no-gutter>[class*=col-] {
 padding-left:0;
 padding-right:0
}
.bg-img:before {
 top:0;
 left:0;
 background-color:rgba(34,34,34,.8)
}
.bd-none {
 border:none!important
}


.about-text{
	width: 100%;
	height: auto;
	padding: 250px 0px 100px 0px;
	text-transform: uppercase;
	font-size: 30px;
	color: #fff;
	text-align: center;
	background: url(../img/background-images/about-bg.jpg);
}
.gallery
{
    display: inline-block;
    margin-top: 20px;
}
.box > .icon { text-align: center; position: relative; }
		.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #00bfff; vertical-align: middle; }
		.box > .icon:hover > .image { background: #333; }
		.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
		.box > .icon:hover > .image > i { color: white !important; }
		.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; min-height:163px;}
		.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
		.box > .icon > .info > h3.title { font-family: "Robot",sans-serif !important; font-size: 16px; color: #222; font-weight: 700; }
		.box > .icon > .info > p { font-family: "Robot",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
		.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
		.box > .icon > .info > .more a { font-family: "Robot",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
		.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
		.box .space { height: 30px; }

#tip {
            display:none;  
        }

        .fadeIn
        {
          animation-duration: 3s;
        }

        .form-control
        {
        	/*border-radius:0px;*/
        	border:1px solid #EDEDED;
        }

        .form-control:focus
        {
        	border:1px solid #00bfff;
        }

        .textarea-contact
        {
        	resize:none; 
        }
.btn-send
        {
        	border-radius: 0px;
        	border:1px solid #00bfff;
        	background:#00bfff;
        	color:#fff; 
        }

        .btn-send:hover
        {
        	border:1px solid #00bfff;
        	background:#fff;
        	color:#00bfff;
        	transition:background 0.5s;   
        }




.packages-box{
	display: block;
	box-shadow: 1px 1px 10px 1px #ccc;
	padding: 10px;
	margin-bottom: 20px;
}

.packages-box:hover{
	box-shadow: 1px 1px 10px 1px #eee;
	background:rgba(0,0,0,0.1);
}

.packages-box img{
	width: 100%;
	height: 200px;
}


.packages-box a{
	color: #07398c;
}

.packages-box h4{
	font-weight: bold;
	padding: 0;
	margin: 7px 0;
	font-size: 22px;
	color: #000;
}

.packages-box h5{
	font-weight: bold;
	padding: 0;
	margin: 10px 0;
	font-size: 18px;
	color: #000;
	display: block;
}


.packages-box h5 span{
	text-align: right;
	float: inherit;
}


.packages-box p{
	font-weight: bold;
}

.packages-box strong{
	display: block;
	font-weight: normal;
}


.packages-box .detail-button{
	display: block;
	text-align: center;
	margin: 30px 0 25px; 
}

.packages-box .detail-button a{
	background: #9B0002;
	color: #fff;
	padding: 10px 30px;
}


.packages-box .detail-button a:hover{
	background:#07398c;
}











.margin-lr-0{
	margin-left: 0;
	margin-right: 0;
}








.single_courses {
    box-shadow: 1px 1px 10px 1px #ccc;
    margin-bottom: 30px;
    width: 100%;
	padding: 10px
}

.single_courses .row{
	display: block;
}



.head-detail{
	display: block;
}


.head-detail h5{
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin: 20px 0; 
}

.head-detail h5 strong{
	float: left;
}


.head-detail h5 span{
	float:right;
}


.head-detail h6{
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin: 20px 0; 
}








#exTab1{
	    border:1px solid #dddddd;
	border-radius: 4px;
}

#exTab1 .nav-pills{
	background: #f5f5f5;
	border-radius: 4px;
}

#exTab1 .tab-content {
  color : #666;
  background-color: #fff;
  padding : 5px 15px;
}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}



#exTab1 .nav-pills > li > a {
         margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	 color: #555555;
    background-color: #ffffff;
    border: 1px solid #ccc;
    cursor: default;
}


.cont-box{
	display: block;
	border-bottom:#ccc solid 1px;
	margin-bottom: 20px;
}

.cont-box h3{
	font-size: 16px;
	margin: 0;
}

.cont-box h3 span{
	color: #069;
}

.cont-box p strong{
	display: block;
}












.portfolio {
    margin: 15px 0px;
}

.portfolio_left {
    border: 1px dashed #9F9F9F;
    padding: 5px;
}


.portfolio_right {
   display: block;
}


.port_head1 {
    line-height: 32px;
    color: #093869;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

.port_txt {
    line-height: 22px;
    font-size: 12px;
    color: #666;
    text-align: justify;
}


.port_txt a {
    text-decoration: none;
    color: #245A98;
}


.visit {
    background: transparent url("../images/visit_bor.png") repeat-x scroll center top;
    line-height: 24px;
    text-align: right;
}

.visit a {
    background: #555 none repeat scroll 0% 0%;
    padding: 5px 30px;
    color: #FFF;
    text-decoration: none;
}

.portfolio_img {
    text-align: center;
}

.port_head {
    line-height: 40px;
    text-align: center;
    color: #093869;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}



.packeg-bg{
	background-color: #F7F7F7;
	border-color: #EBEBEB;
	border-width: 1px;
border-style: solid;
padding: 12px 20px;
margin-bottom: 30px;
font-size: 14px;
position: relative;
}

.head-bg{
	padding: 0;
	margin: 0;
	color: #000;
	font-weight: 500;
	font-size:25px;
}



.tab-color-bg{
	text-align: center;
	background-color: #F14B22;
	color: #FFF;
	padding: 9px 20px;
}


.tour-img{
	margin: 30px 0;
}




.maxbutton-make-inquiry {
    position: relative;
    text-decoration: none;
    display: inline-block;
    border-color: #505AC7;
    width: 160px;
    height: 50px;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    background-color: #505AC7;
    box-shadow: 0px 0px 2px 0px #333;
}


.maxbutton-make-inquiry .mb-text {
    color: #FFF;
    font-family: Tahoma;
    font-size: 15px;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    padding: 18px 0px 0px;
    line-height: 1em;
    box-sizing: border-box;
    display: block;
    background-color: unset;
}

.maxbutton-make-inquiry:hover{
	background: none;
	color: #000;
}

.mb-text:hover{
	color: #000;
}






.tab-contant-text{
	display: block;
}

.tab-contant-text p{
	margin-bottom: 30px;
	display: block;
}

.tab-contant-text p span{
	display: block;
	font-weight: bold;
	margin-bottom: 20px;
}



.tab-contant-text table, table tr, table tr td, table tr th {
    border-color: #E5E5E5;
	border-width: 1px;
border-style: solid;
margin-bottom: 20px;
	padding: 10px;
}
