/*************************
		Header 1
*************************/
.header { background: transparent; z-index: 999; padding: 15px 0 20px; position: absolute; width: 100%; }
/*topbar*/
.topbar ul li  { display: inline-block; color: #fff; font-size: 14px; font-weight: normal; margin-right: 10px; }
.topbar ul li:last-child { margin-right: 0px; }
.topbar ul li a { color: #fff; font-size: 14px; font-weight: normal; font-style: normal; }
.topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; }
.topbar-left ul li i { margin-right: 5px; color: #00a9da; }
.topbar-left ul li a { margin-right: 30px; }
.topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; }
.topbar-right ul li a { margin-left: 5px;	}
.topbar-right ul li a i { margin-right: 5px; }
.topbar-right ul li a i.fa.fa-search { margin-right: 0px; }
.topbar ul li a:hover { color: #00a9da;}
/*search*/
.search-open { display: none; background: transparent; height: 120px; width: 100%; position: absolute; z-index: 99999; padding: 2px 7px 10px 15px; left: 0; }
.search-open .search-close { position: absolute; z-index: 9999; cursor: pointer; top: 0px; right: 15px; float: left;}
.search-main .search-open { width: 100%; color: #fff; }
.search-main { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; }
.search-open input { border:none; border-bottom: 1px solid #fff; float: left; height: 100px; font-size: 35px; text-transform: uppercase; width: 99.3%; padding-left: 0px; text-align: center; padding: 0px; }
.search-open .form-control::-moz-placeholder { color: #fff; }
.search-open .form-control:focus { border-color: #00a9da;}
body.top-search-open #header .logo, body.top-search-open #header .topbar-left, body.top-search-open #header .topbar-right, body.top-search-open #header .mega-menu { opacity: 0; }
.mega-menu .drop-down-multilevel.right-menu { right: 0px;  }
.mega-menu .menu-links > li:last-child > a { padding-right: 0px; }
.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #00a9da; }
.mega-menu .menu-links > li.active .drop-down a { color: #323232; }
.mega-menu .menu-links > li.active .drop-down li.active a { color: #00a9da; }
.mega-menu .menu-links > li.active .drop-down a:hover { color: #00a9da; }
.mega-menu .menu-links > li.active .drop-down li.active a i { color: #00a9da; }
.mega-menu .menu-links > li.active .drop-down a i:hover { color: #00a9da; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #00a9da; background: #eceff7; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #00a9da; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #00a9da; background: #eceff7; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #00a9da; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #00a9da; background: #eceff7; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #00a9da; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #00a9da; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #00a9da; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #00a9da; }
.mega-menu .row  { margin-left: 0px; margin-right: 0px; }
.mega-menu .col-md-12  { padding-left: 0px; padding-right: 0px; }
.mega-menu .drop-down ul, .mega-menu .drop-down ol, .mega-menu .drop-down dl, .mega-menu .drop-down-tab-bar ul, .mega-menu .drop-down-tab-bar ol, .mega-menu .drop-down-tab-bar dl { margin-bottom: 0; }
/*login */
.login-1 { display: none; background: #fff; padding:20px; position: absolute; right: 0; z-index: 9999; margin-top: 13px; right: 127px; width: 300px; border: 1px solid #eceff8; border-radius: 3px; }
.login-1:before { bottom: 100%; right: 18px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #fff; border-width: 6px; margin-left: -8px; }
.login-1 a.button { margin-right: 0; }
.login-1 .button span { padding:7px 0px; color: #fff; width: 102px; text-align: center; }
.login-1 .button.button-grey span { padding:7px 18px; color: #00a9da; }
.login-1 input { background: #eceff8; border:2px solid #eceff8; height: 45px; color: #363636; }
.login-1 input:focus { background: transparent; border:2px solid #00a9da; }
.login-1 span { color: #363636; display: inline-block; font-size: 15px; padding: 20px 10px 0; vertical-align: top; }
.login-1 strong { font-size: 15px; padding: 0 10px; font-weight: 400; }
.login-with { border-top: 1px solid #eceff8; margin-top: 20px; padding-top: 18px; text-align: center; }
.topbar-right .login-1 a { font-size: 15px; color: #626262; margin-left: 0px; display: inline-block; margin-top: 12px; }
.topbar-right .login-1 a:hover {  text-decoration: underline; }
.topbar-right .login-with span { float: none; color: #626262; padding-top: 5px;  }
.topbar-right .login-with a { background: transparent; border-radius: 50%; display: inline-block; height: 30px; line-height: 29px; margin-top: 0;  padding-left: 6px; text-align: center; width: 30px; }
.topbar-right .login-with a:hover { color: #fff; }
.topbar-right .login-with a.fb {  border: 1px solid #3b5998; }
.topbar-right .login-with a.fb:hover { background: #3b5998; border: 1px solid #3b5998; color: #fff; }
.topbar-right .login-with a.twitter {  border: 1px solid #55acee; }
.topbar-right .login-with a.twitter:hover { background: #55acee; border: 1px solid #55acee; color: #fff; }
.topbar-right .login-with a.google-plus {  border: 1px solid #dd4b39; }
.topbar-right .login-with a.google-plus:hover { background: #dd4b39; border: 1px solid #dd4b39; color: #fff; }
 
 /*************************
		Header 2
*************************/
 .header-2 .logo { margin-top: 10px; }
 .header-2 { padding: 0; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.03); position: relative; }
 .header-2 .mega-menu { min-height: 104px; border-bottom: 1px solid #eee; }
 .header-2 .mega-menu .menu-links > li > a { color: #363636; line-height: 105px; }
 .header-2 .mega-menu .menu-links > li.active a { color: #00a9da; }
 .header-2 .mega-menu .menu-links > li.active .drop-down a { color: #323232; }
 .header-2 .mega-menu .menu-links > li.active .drop-down a:hover { color: #00a9da; }
 .header-2 .mega-menu > section.menu-list-items { padding: 0; background: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.03); }
 .header-2 .mega-menu img { margin: 23px 0; }
 .header-2 .mega-menu .drop-down-multilevel.right-menu { right: 28px; } 
 .header-2 .mega-menu .menu-links { padding-right: 30px;  }
 .header-2 .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
 .header-2 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #00a9da; }
 .header-2 .mega-menu.desktopTopFixed .menu-list-items .menu-logo img { margin: 20px 0; }
 .header-2 .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 81px; }
 .header-2 .mega-menu.desktopTopFixed .menu-list-items { background: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.03) }
 .header-2 .mega-menu.desktopTopFixed .menu-list-items .search-2 a { padding: 29px 0 26px 10px; }
 .header-2 .mega-menu.desktopTopFixed .menu-list-items .search-2-open  { height: 80px; }
 .header-2 .mega-menu.desktopTopFixed .menu-list-items .search-2-open input { height: 56px; }
 .header-2 .mega-menu.desktopTopFixed .menu-list-items .search-2-open .search-2-close { top: 15px; }
 .header-2 .mega-menu .menu-mobile-collapse-trigger:before, .header-2 .mega-menu .menu-mobile-collapse-trigger:after, .header-2 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; }
 .search-2 { position: absolute; right: 0; z-index: 999; }
 .search-2 a { display: block; font-size: 15px; padding: 41px 0 40px 10px;  cursor: pointer; }
 .search-2 i { color: #626262;} 
 .search-2-open { display: none; background: #fff; height: 103px; width: 100%; border:none; position: absolute; z-index: 99999; padding: 10px 0px; left: 0; top: 0; }
 .search-2-open input { border:none; border-bottom: 0px solid #fff; float: left; height: 86px; font-size: 35px; text-transform: uppercase;  width: 97%; padding-left: 0px; text-align: center; color: #363636; }
 .search-2-open input:focus { border-bottom: 0px;}
 .search-2-open .search-2-close { cursor: pointer; float: left; position: relative; right: -20px; top: 29px; z-index: 9999; }
 .search-2-open .search-2-close i { color: #626262; }

 /*************************
		Header 3
 *************************/
 .header-3 { padding: 0; position: inherit; }
 .header-3 .topbar { background: #363636; height:38px; }
 .header-3 .topbar ul li {  border-right: 1px solid #565656; border-left: 1px solid #565656; margin-right: 0; }
 .header-3 .topbar-right ul li { padding: 9px 15px; border-right: 1px solid #565656; border-left: 1px solid #565656; margin-right: 0; }
 .header-3 .topbar ul li:first-child { border-right: 0px solid; }
/*language*/
.language { border-left: 1px solid #565656; border-right: 1px solid #565656; width: 125px; display: inline-block; }
.language-down { opacity: 0; display: none; position: absolute; z-index: 9999; }
li.language-current { padding: 9px 0px; }
.language-current a { padding-left: 20px; }
ul.language-down li { display: block; padding: 0; }
ul.language-down li i {  color: #fff; padding-left: 10px; }
ul.language-down li a { background: #2c2c2c; border-bottom: 1px solid #363636; padding: 12px 20px; width: 122px; display: block; }
.language-current:hover .language-down { opacity: 1; display: block; margin-top: 9px;  }
.top-news { display: inline-block; padding-left: 20px; width: 380px; padding: 3px 0px 8px 15px; border-right:1px solid #565656;  }
.top-news b { color: #fff; font-weight: 500; font-size: 14px;  }
.top-news .owl-carousel-14 { width: 250px; display: inline-block; height: 25px; overflow: hidden; vertical-align: top; }
.top-news p { font-size: 14px; color: #fff; padding-top: 3px; }
body.top-search-open #header .logo, body.top-search-open #header .topbar-left, body.top-search-open #header .topbar-right, body.top-search-open #header .menu ,body.top-search-open #header .language, body.top-search-open #header .language { opacity: 0; }
 /*menu*/
 .header-3 .mega-menu { min-height: 105px; }
 .header-3 .mega-menu img { margin: 23px 0; }
 .header-3 .mega-menu .menu-links > li > a { color: #323232; padding: 0 12px; } 
 .header-3 .mega-menu .menu-links > li.active a { color: #00a9da; }
 .header-3 .mega-menu .menu-links > li.active .drop-down a { color: #323232; }
 .header-3 .mega-menu .menu-links > li.active .drop-down a:hover { color: #00a9da; }
 .header-3 .mega-menu .drop-down-multilevel.right-menu { right: 24px; }
 .header-3 .mega-menu section.menu-list-items { padding: 0; background: #fff; }
 .header-3 .mega-menu .menu-links > li > a { line-height: 105px; }
 .header-3 .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
 .header-3 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #00a9da; }
 .header-3 .mega-menu.desktopTopFixed .menu-list-items .menu-logo img { margin: 20px 0; }
 .header-3 .mega-menu.desktopTopFixed .menu-list-items { background: #fff; border-bottom: 1px solid #eceff7; }
 .header-3 .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 80px; }
 .header-3 .mega-menu.desktopTopFixed .menu-list-items .search-3 { padding: 30px 0; }
 .header-3 .mega-menu.desktopTopFixed .menu-list-items .search-3.search-3-open .search-3-box { top: 80px !important; border:1px solid #eceff7; border-top: 0px; }
  /*search*/
 .search-3 { display: block; float: right; line-height: 20px; padding: 42px 0; position: relative; vertical-align: top; z-index: 999; }
 .search-3 .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px;  width: 14px; color: #626262; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s;  transition: color 300ms ease 0s; }
 .search-3 .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; }
 .search-3.search-3-open .search-btn:before { content: ""; }
 .search-3-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: -9999px !important; transition: visibility 300ms ease 0s, opacity 300ms ease 0s;  visibility: hidden; width: 327px; z-index: 888; border-radius: 0 0 3px 3px; }
 .search-3.search-3-open .search-3-box { opacity: 1 !important; top: 104px !important; visibility: visible !important; }
 .search-3 .search-3-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; box-shadow: none; }
 .search-3 .search-3-box input:focus { background: transparent; border:1px solid #00a9da; }
 .search-3.search-3-open i {  cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; }
 .search-3.search-3-open i:hover { color: #00a9da; } 
 .header-3 .login-1 { margin-top: 9px; right: 90px; }

 /*************************
		Header 4
 *************************/
 .header-4 .logo { margin: 23px 0px; }
 .header-4 { padding: 0 30px; background: transparent; position: absolute; z-index: 999; width: 100%; }
 .header-4 .search-3 { padding: 22px 0px 20px 10px;} 
 .header-4 .search-3 .search-btn { color: #fff; line-height: 23px; width: 15px; }
 .header-4 .search-3.search-3-open .search-3-box { top: 67px !important; border-radius: 0px 0px 3px 3px; margin-left: 5px;}
 .header-4 .mega-menu .drop-down-multilevel.right-menu { right: 38px; }
 .header-4 .mega-menu > section.menu-list-items { padding: 25px 0px; }
 .header-4 .mega-menu.desktopTopFixed .menu-list-items { background: #323232; }
 .header-4 .mega-menu.desktopTopFixed > section.menu-list-items { padding: 0px 20px; }
 .header-4 .mega-menu.desktopTopFixed .menu-links > li > a { line-height: 74px; }
 .header-4 .mega-menu.desktopTopFixed .search-3 .search-btn { line-height: 32px; }
 .header-4 .mega-menu.desktopTopFixed .search-3.search-3-open .search-3-box { top: 74px !important; border:1px solid #eceff8; border-top:0px; }
 /*slide menu*/
.mega-menu .menu-links > li:last-child { padding-right: 0px; }
#menu-toggle { position: absolute; width: 100%; right: 0; top: 0; color: #444444; z-index: 99999; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; }
#menu-toggle.open { right: 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; }
#menu-icon { width: 25px; height: 25px; position: absolute; right: 46px; top: 47px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;  transition: .5s ease-in-out; cursor: pointer; }
#menu-icon span { display: block; position: absolute; height: 2px; width: 50%; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#menu-icon span:nth-child(even) { left: 50%; }
#menu-icon span:nth-child(odd) { left: 0px; }
#menu-icon span:nth-child(1),
#menu-icon span:nth-child(2) { top: 5px; }
#menu-icon span:nth-child(3),
#menu-icon span:nth-child(4) { top: 12px; }
#menu-icon span:nth-child(5),
#menu-icon span:nth-child(6) { top: 19px; }
#menu-icon.open span:nth-child(1),
#menu-icon.open span:nth-child(6) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#menu-icon.open span:nth-child(2),
#menu-icon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#menu-icon.open span:nth-child(1) { left: 0px; top: 10px; }
#menu-icon.open span:nth-child(2) { left: calc(50% - 5px); top: 10px; }
#menu-icon.open span:nth-child(3) { left: -50%; opacity: 0; }
#menu-icon.open span:nth-child(4) { left: 100%; opacity: 0; }
#menu-icon.open span:nth-child(5) { left: 0px; top: 19px; }
#menu-icon.open span:nth-child(6) { left: calc(50% - 5px);  top: 19px; }
.submenu-toggle { position: absolute; right: 0px; top: 0px; cursor: pointer; width: 45px; height: 45px; text-indent: -5000px; overflow: hidden; }
.submenu-toggle.open { background: rgba(255,255,255,.1); height: 100%; z-index: 5000; top: 0; }
.submenu-toggle:before,
.submenu-toggle:after { -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; }
.submenu-toggle:before { content: ''; display: block; position: absolute; height: 16px; width: 16px; top: 12px; right: 15px; border-top: 5px solid #929292; border-right: 5px solid #929292; -webkit-transform: rotate(45deg);  -o-transform: rotate(45deg);  -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.submenu-toggle:after { content: ''; display: block; position: absolute; height: 16px; width: 16px; top: 12px; right: 50px; border-top: 5px solid #929292; border-right: 5px solid #929292;
  -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); }
.submenu-toggle:hover:before,
.submenu-toggle:hover:after { border-color: white; }
.submenu-toggle.open:before { right: 23px; }
.submenu-toggle.open:after { right: 23px; } 
/*contant*/
#menu { list-style-type: none; padding: 46px 30px; margin: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
#menu { background: url(../images/bg/10.jpg) no-repeat; width: 350px; position: fixed; top: 0; bottom: 0; right: -370px; z-index: 9999; }
#menu li { position: relative; display: inline-block; }
#menu h3 {margin-bottom: 20px;}
#menu.open { right: 0; }
#menu .menu-side-top a { display: block; color: #fff; font-size: 14px; line-height: 35px;  }
#menu .menu-side-top a:hover { color: #00a9da;}
 /*login*/
 #menu .login-side { display: block; background: transparent; }
 #menu a.button { margin-right: 0; float: left; }
 #menu .button span { padding:7px 0px; color: #fff; width: 80px; text-align: center; }
 #menu .button.button-grey span { padding:7px 18px; color: #00a9da; }
 #menu .login-side label { color: #fff; }
 #menu .login-side input { background: transparent; border:1px solid #fff; height: 45px; color: #fff; }
 #menu .login-side input:focus { background: transparent; border:1px solid #00a9da; }
 #menu .login-side span { color: #363636; display: inline-block; font-size: 15px; padding: 5px 10px; vertical-align: top; }
 #menu .login-side .form-control::-moz-placeholder { color: #fff; }
 #menu .login-side strong { font-size: 15px; padding: 0 10px; font-weight: 400; }
 #menu .login-side a.forgot { float: right; font-size: 15px; margin-top: 25px; }
 #menu .login-side p.register a { color: #00a9da; display: inline-block; }
 
/*************************
		Header 5
 *************************/
.header-5 { padding: 30px 0px; z-index: 999; position: absolute; width: 100%; }
.header-5 .mega-menu .drop-down-multilevel.right-menu { right: 44px; } 
.header-5 .logo { display: block; position: relative; } 
.header-5 .logo img { width: inherit; height: 60px; }
.header-5 .mega-menu.menuFullWidth { width: 100%; }
.header-5 .mega-menu .menu-links > li > a { padding: 0 30px; }
.header-5 #menu-icon { width: 25px; height: 25px; position: absolute; left: 0px; top: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;  transition: .5s ease-in-out; cursor: pointer; }
.header-5 #menu-toggle { position: absolute; width: 100%; left:0px; top: 12px; color: #444444; z-index: 99999; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.header-5 #menu-toggle.open { left: 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.header-5 #menu-icon { width: 25px; height: 25px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;  transition: .5s ease-in-out; cursor: pointer; }
.header-5 #menu-icon span { display: block; position: absolute; height: 2px; width: 50%; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.header-5 #menu-icon span:nth-child(even) { left: 50%; }
.header-5 #menu-icon span:nth-child(odd) { left: 0px; }
.header-5 #menu-icon span:nth-child(1),
.header-5 #menu-icon span:nth-child(2) { top: 5px; }
.header-5 #menu-icon span:nth-child(3),
.header-5 #menu-icon span:nth-child(4) { top: 12px; }
.header-5 #menu-icon span:nth-child(5),
.header-5 #menu-icon span:nth-child(6) { top: 19px; }
.header-5 #menu-icon.open span:nth-child(1),
.header-5 #menu-icon.open span:nth-child(6) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.header-5 #menu-icon.open span:nth-child(2),
.header-5 #menu-icon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.header-5 #menu-icon.open span:nth-child(1) { left: 0px; top: 10px; }
.header-5 #menu-icon.open span:nth-child(2) { left: calc(50% - 5px); top: 10px; }
.header-5 #menu-icon.open span:nth-child(3) { left: -50%; opacity: 0; }
.header-5 #menu-icon.open span:nth-child(4) { left: 100%; opacity: 0; }
.header-5 #menu-icon.open span:nth-child(5) { left: 0px; top: 19px; }
.header-5 #menu-icon.open span:nth-child(6) { left: calc(50% - 5px);  top: 19px; }
/*contant*/
.header-5 #menu { position: relative; background: url(../images/bg/13.jpg) no-repeat; width: 280px; position: fixed; top: 0; bottom: 0; left: -300px; z-index: 9999; list-style-type: none; padding: 46px 0px; margin: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.header-5 #menu:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.7); }
.header-5 #menu li { position: relative; display: block; }
.header-5 #menu.open { left: 0; }
.header-5 .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
.header-5 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #4fc1e9; }
 /*search 4*/
.search-4 { width: 234px; height: 2em; padding: 0; margin: 0; line-height: 2em; position: relative; cursor: pointer; transition: all .25s linear; z-index: 0; margin-top: 11px; }
.search-4 input { width: 226px;  height: 2em; line-height: 15px; padding: 0; border: none; outline: none;  background-color: transparent; font-size: 14px; color: white; border-bottom:1px solid #fff; transition: all .25s linear; -webkit-transition: all .25s linear; -ms-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; }
.search-4 a { width: 2em; height: 2em; line-height: 2em; padding: 0; color: #ccc; text-align: center; text-decoration: none; display: block; position: absolute; top: 0; right: 0;transition: all .25s linear; }
.search-4 a:before { content: "\f002"; font-family: FontAwesome; font-style: normal; color: #fff; }
.search-4 a:hover { color: #eee; }
.search-4.collapsed { width: 2em; margin-left: 10em; }
.search-4.collapsed input { width: 0; }
.search-4.collapsed a { color: #999; }
.search-4.collapsed a:hover { color: #bbb; } 
 
/*************************
     Header 6
 *************************/
.header-6 { padding: 0px; position: relative; width: 100%; }
.header-6 .mega-menu > section.menu-list-items { padding: 5px 0px;box-shadow: 0px 0px 5px 0px #1f3368; }
.header-6 .menu-list-items .container-fluid { padding: 0px 60px; } 
.header-6 .mega-menu .menu-links > li.active a { color: #196aa4; }
.header-6 .mega-menu .menu-links > li.active .drop-down a { color: #323232; }
.header-6 .mega-menu .menu-links > li.active .drop-down a:hover { color: #00a9da; }
.header-6 .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
.header-6 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #00a9da; } 
.header-6 .mega-menu .menu-links > li.search { margin: 0 5px; } 
.header-6 .search-3 { padding: 23px 0; margin: 0 3px; }
.header-6 .search-3.search-3-open .search-3-box { top: 64px !important; }
.header-6 .mega-menu .menu-links > li:last-child { margin-left: 15px; }
/*.header-6 .mega-menu .menu-links > li:last-child > a { line-height: 20px; background: #00a9da; color: #fff; text-transform: uppercase; padding: 2px 12px; font-size: 12px; border-radius: 3px; margin-top: 21px; } */
.header-6 .mega-menu .drop-down-multilevel.right-menu { right: 100px; }
.header-6 .mega-menu.desktopTopFixed .menu-list-items { background: #fff; }
.header-6 .mega-menu.desktopTopFixed .search-3 { display: none; }
/*.header-6 .mega-menu.desktopTopFixed .menu-links > li:last-child { display: none; }*/
.header-6 .mega-menu.desktopTopFixed > section.menu-list-items { box-shadow: 0px 0px 5px 0px #1f3368; }
.header-6 .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { margin: 16px 0px; }
.header-6 .mega-menu.desktopTopFixed .drop-down-multilevel.right-menu { right: 12px; }
.header-6 .login-1 { right: 0px; }
.header-6 .login-1:before { border-bottom-color: #ECEFF7; }
.header-6 .login-1 a { font-size: 15px; color: #626262; margin-left: 0px; display: inline-block; margin-top: 12px; }
.header-6 .login-1 a:hover { color: #00a9da; }
.header-6 .login-with span { float: none; color: #626262; padding-top: 5px;  }
.header-6 .login-with a { background: transparent; border-radius: 50%; display: inline-block; height: 30px; line-height: 29px; margin-top: 0; text-align: center; width: 30px; }
.header-6 .login-with a:hover { color: #fff; }
.header-6 .login-with a.fb {  border: 1px solid #3b5998; }
.header-6 .login-with a.fb:hover { background: #3b5998; border: 1px solid #3b5998; color: #fff; }
.header-6 .login-with a.twitter {  border: 1px solid #55acee; }
.header-6 .login-with a.twitter:hover { background: #55acee; border: 1px solid #55acee; color: #fff; }
.header-6 .login-with a.google-plus {  border: 1px solid #dd4b39; }
.header-6 .login-with a.google-plus:hover { background: #dd4b39; border: 1px solid #dd4b39; color: #fff; }

/*************************
     Header 7
 *************************/
.header-7 { padding: 30px 40px; z-index: 999; position: absolute; width: 100%; }
.header-7 .mega-menu .drop-down-multilevel.right-menu { right: 44px; } 
.header-7 .logo { display: block; position: relative; } 
.header-7 .logo img { width: inherit; height: 60px; }
.header-7 .mega-menu.menuFullWidth { width: 100%; }
.header-7 .mega-menu .menu-links > li > a { padding: 0 30px; }
.header-7 #menu-icon {  width: 25px; height: 25px; position: absolute; right: 15px; top: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;  transition: .5s ease-in-out; cursor: pointer; }
.header-7 #menu-toggle { position: absolute; width: 100%; right:0px; left: inherit; top: 12px; color: #444444; z-index: 99999; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.header-7 #menu-toggle.open { left: 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.header-7 #menu-icon { width: 25px; height: 25px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;  transition: .5s ease-in-out; cursor: pointer; }
.header-7 #menu-icon.open { right: 192px; }
.header-7 #menu-icon span { display: block; position: absolute; height: 2px; width: 50%; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.header-7 #menu-icon span:nth-child(even) { left: 50%; }
.header-7 #menu-icon span:nth-child(odd) { left: 0px; }
.header-7 #menu-icon span:nth-child(1),
.header-7 #menu-icon span:nth-child(2) { top: 5px; }
.header-7 #menu-icon span:nth-child(3),
.header-7 #menu-icon span:nth-child(4) { top: 12px; }
.header-7 #menu-icon span:nth-child(5),
.header-7 #menu-icon span:nth-child(6) { top: 19px; }
.header-7 #menu-icon.open span:nth-child(1),
.header-7 #menu-icon.open span:nth-child(6) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.header-7 #menu-icon.open span:nth-child(2),
.header-7 #menu-icon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.header-7 #menu-icon.open span:nth-child(1) { left: 0px; top: 10px; }
.header-7 #menu-icon.open span:nth-child(2) { left: calc(50% - 5px); top: 10px; }
.header-7 #menu-icon.open span:nth-child(3) { left: -50%; opacity: 0; }
.header-7 #menu-icon.open span:nth-child(4) { left: 100%; opacity: 0; }
.header-7 #menu-icon.open span:nth-child(5) { left: 0px; top: 19px; }
.header-7 #menu-icon.open span:nth-child(6) { left: calc(50% - 5px);  top: 19px; }
/*contant*/
.header-7 #menu { position: relative; background: #A0A0A0; width: 280px; position: fixed; top: 0; bottom: 0; right: -300px; z-index: 9999; list-style-type: none; padding: 46px 0px; margin: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.header-7 #menu:before { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.7); }
.header-7 #menu li { position: relative; display: block; }
.header-7 #menu.open { right: 0; }
.header-7 .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; }
.header-7 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #4fc1e9; }
.header-7 .mega-menu .menu-links > li.active .drop-down a { color: #323232; }
.header-7 .mega-menu .menu-links > li.active .drop-down a:hover { color: #00a9da; }

/*************************
     Header 8
 *************************/
.header-8 { position: absolute; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0px; z-index: 9; }
.header-8 .mega-menu .menu-links > li.search { margin: 0 5px; } 
.header-8 .search-3 { padding: 23px 0; }
.header-8 .search-3 .search-btn { color: #fff; margin-left: 10px; line-height: 59px; }
.header-8 .search-3 .search-btn:hover { color: #00a9da; }
.header-8 .search-3.search-3-open .search-3-box { top: 107px !important; }
.header-8 .mega-menu > section.menu-list-items { padding:0px; }
.header-8 .mega-menu .menu-links > li > a { padding: 20px 13px; }
.header-8 .mega-menu .menu-logo { padding: 23px 0px; }
.header-8 .mega-menu .drop-down-multilevel.right-menu { right: 36px; }
.header-8 .mega-menu.desktopTopFixed .menu-links > li > a { padding: 3px 13px; }
.header-8 .mega-menu.desktopTopFixed .menu-logo { padding: 5px 0px 3px;  }
.header-8 .mega-menu.desktopTopFixed .search-3 .search-btn { line-height: 34px; }
.header-8 .mega-menu.desktopTopFixed .search-3.search-3-open .search-3-box { top: 78px !important;  border: 1px solid #eceff7; border-top: 0px; }


/*************************
     Header 9
 *************************/
.header-9 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0px; position: absolute; width: 100%; }
.header-9 .mega-menu .menu-links > li.search { margin: 0 5px; } 
.header-9 .mega-menu > section.menu-list-items { padding:0px; }
.header-9 .mega-menu .menu-links > li > a { padding: 20px 13px; color: #626262 }
.header-9 .mega-menu .menu-links > li.active > a { color: #00a9da }
.header-9 .mega-menu .menu-logo { padding: 23px 0px; }
.header-9 .mega-menu .drop-down-multilevel.right-menu { right: 12px; }
.header-9 .mega-menu.desktopTopFixed .menu-links > li > a { padding: 3px 13px; }
.header-9 .mega-menu.desktopTopFixed .menu-logo { padding: 5px 0px 3px;  }
.header-9 .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 1px solid #eceff7; }


/*************************
     Header 10
 *************************/
.header-10 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0px; width: 100%; position: absolute; }
.header-10 .mega-menu .menu-links > li.search { margin: 0 5px; } 
.header-10 .search-3 { padding: 23px 0; }
.header-10 .search-3 .search-btn { color: #323232; margin-left: 10px; line-height: 59px; }
.header-10 .search-3 .search-btn:hover { color: #00a9da; }
.header-10 .search-3.search-3-open .search-3-box { top: 107px !important; }
.header-10 .mega-menu > section.menu-list-items { padding:0px; }
.header-10 .mega-menu .menu-links > li > a { padding: 20px 13px; color: #626262; }
.header-10 .mega-menu .menu-links > li.active > a { color: #00a9da; }
.header-10 .mega-menu .menu-logo { padding: 23px 0px; }
.header-10 .mega-menu .drop-down-multilevel.right-menu { right: 36px; } 
.header-10 .mega-menu.desktopTopFixed .menu-list-items { background: #fff; border-bottom: 1px solid #eceff8; }
.header-10 .mega-menu.desktopTopFixed .menu-links > li > a { padding: 3px 13px; }
.header-10 .mega-menu.desktopTopFixed .menu-logo { padding: 5px 0px 3px;  }
.header-10 .mega-menu.desktopTopFixed .search-3 .search-btn { line-height: 34px; }
.header-10 .mega-menu.desktopTopFixed .search-3.search-3-open .search-3-box { top: 78px !important; border: 1px solid #eceff7; border-top: 0px; }


/*************************************
   Slider (all home page main sliders )
 **************************************/
/* Revolution slider home 1*/
.rev-slider { overflow: hidden; position: relative; }
.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {  background-size: cover; }
.tp-caption.modern_medium_fat_white,.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:500; font-size:24px; line-height:20px; margin:0px; border-width:0px; border-style:none; white-space:nowrap; }
.tp-caption.title-1-desc,.title-1-desc { font-weight:300; font-family:Lato;color:#fff; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px;text-shadow:none; text-transform:capitalize; border-width:0px; border-color:rgb(0,0,0); border-style:none; }
.tp-caption.title-2,.title-2 { font-size:60px; font-weight:500; font-family:Lato; color:#ffffff; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px; text-shadow:none; text-transform:capitalize; border-width:0px; border-color:rgb(0,0,0); border-style:none}
.tp-caption.black-align-center,.black-align-center { font-size:60px; font-weight:500; font-family:Lato; color:#ffffff; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px; text-shadow:none; text-transform:capitalize; text-align:center; border-width:0px; border-color:rgb(0,0,0); border-style:none}
.tp-caption.desc-align-center,.desc-align-center { font-weight:300; font-family:Lato; color:#fff; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px; text-shadow:none; text-transform:capitalize; border-width:0px; border-color:rgb(0,0,0); border-style:none}
.tp-caption.extra-bold,.extra-bold { font-size:60px; font-weight:500; font-family:Lato;color:#ffffff; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px; text-shadow:none; text-transform:capitalize; text-align:center; border-width:0px; border-color:rgb(0,0,0); border-style:none}
.tp-caption.fullscreenvideo:before { background: rgba(0, 0, 0, 0.7); content: ""; position: absolute; width: 100%; height: 100%;top: 0px; z-index: 99999; }
.tp-caption.fullscreenvideo video { width: 100% !important; height: 100% !important; }
 
 /*Owl carousel slider home 2*/
img#background { width: 100%; height: 100vh; }
.move-carousel { position: relative; }
.move-carousel { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; } 
.move-carousel .owl-carousel-2 { overflow: hidden; }
.move-carousel .owl-carousel-2 .owl-nav { display: block; position: absolute; text-indent: inherit; top: 46%; left: 0; width: 100%; cursor: pointer;  }
.move-carousel .owl-carousel-2 .owl-nav i:hover { color: #626262; background: rgba(255, 255, 255, 1); }
/*content*/
.move-carousel .slider-contents h1 { text-transform: uppercase; font-size: 50px; font-weight: 700; }
.move-carousel .slider-contents p { font-size: 18px; font-weight: 300; margin: 20px 0 30px; }
.move-carousel .slider-contents a.button-border-white span { font-size: 14px; }
.move-carousel .slider-contents.slide-1 h1 { margin-bottom: 30px; }
.move-carousel .slider-contents.slide-2 h1 { line-height: 60px; margin-bottom: 0; margin-top: 20px;}
.move-carousel .slider-contents.slide-2 p { margin: 20px 0 30px; }
.move-carousel .slider-contents.slide-3 h1 { margin-top: 70px; }
.move-carousel .slider-contents.slide-3 p { margin: 20px 0 20px; }

 /* Revolution slider home 3*/
.tp-banner-container { width:100%; position:relative; padding:0; }
.tp-banner { width:100%; position:relative; }
.tp-banner-fullscreen-container { width:100%; position:relative; padding:0; }
.rev-slider-2 .tp-caption.title-1,.title-1 { font-size:60px; font-weight:500; font-family:Lato; color:#363636; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px;text-shadow:none; text-transform:capitalize; border-width:0px; border-color:rgb(0,0,0); border-style:none}
.rev-slider-2 .tp-caption.title-1-blue,.title-1-blue { font-size:60px; font-weight:600; font-family:Lato; color:#00a9da; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px; text-shadow:none; border-width:0px; border-color:rgb(0,0,0); border-style:none}
.rev-slider-2 .tp-caption.title-1-desc,.title-1-desc { font-weight:500; font-family: Lato; color:#363636; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px;text-shadow:none; border-width:0px; border-color:rgb(0,0,0); border-style:none}
.rev-slider-2 .tp-caption.title-2,.title-2 { font-size:60px; font-family:Lato; color:#363636; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px;text-shadow:none; border-width:0px; border-color:rgb(0,0,0); border-style:none; }
.rev-slider-2 .tp-caption.text-white.title-2.sft.tp-resizeme { color: #363636; text-align: center; font-weight: 500; }
.rev-slider-2 .tp-caption.text-white.title-1-desc.sfl.tp-resizeme { color: #363636; } 

/*Owl carousel slider home 4*/
 .slider-fade-carousel .bg-opacity-black-50:before { z-index: 9; }
 .slider-fade-carousel { height: 100vh; background: #000; overflow: hidden; }
 .slider-fade-carousel .owl-carousel-1 { overflow: hidden; }
 .slider-fade-carousel .owl-carousel-1 .owl-nav { display: block; position: absolute; text-indent: inherit; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999;  }
 .slider-fade-carousel .owl-carousel-1 .owl-nav .owl-prev {  display: block; position: absolute; text-indent: inherit; left: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; }
 .slider-fade-carousel .owl-carousel-1 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; }
 .slider-fade-carousel .owl-carousel-1 .owl-nav i { font-weight: normal; font-size: 40px; color: #fff; padding: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;
   transition: all 0.3s ease-out 0s; }
 .slider-fade-carousel .owl-carousel-1 .owl-nav i:hover { color: #fff; }
 .slider-fade-carousel:hover .owl-carousel-1 .owl-nav .owl-prev { left: 3%; }
 .slider-fade-carousel:hover .owl-carousel-1 .owl-nav .owl-next { right: 3%; }
 .slider-fade-carousel .owl-carousel-1 .item img { width: 100%; }
 .slider-fade-carousel .owl-carousel-1 .slider-contents { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 9999; }
 .slider-fade-carousel .slider-contents h1 { text-transform: uppercase; font-size: 60px; font-weight: 800; }
 .slider-fade-carousel .slider-contents p { font-size: 18px; font-weight: 300; margin: 40px 0 30px; }
 .slider-fade-carousel .slider-contents .button { margin-right: 10px; margin-top: 10px; }
 .slider-fade-carousel .slider-contents.slide-2 h1 { text-transform: uppercase; font-size: 60px; font-weight: 800; line-height: 80px; }
 .slider-fade-carousel .slider-contents.slide-2 p { font-size: 20px; font-weight: 300; margin: 20px 0 30px; }
 .slider-fade-carousel .slider-contents.slide-3 h1 { text-transform: uppercase; font-size: 60px; font-weight: 800; line-height: 80px; }
 .slider-fade-carousel .slider-contents.slide-3 p {  font-size: 20px; font-weight: 300; margin: 20px 0 30px; }

/* Revolution slider home 5*/
/*.home-5 .rev-slider { position: relative; height: 100vh !important; }*/
.rev-slider-3 .tp-banner { background: #000; }
.rev-slider-3 .tp-caption.largeboldwhite-align-right,.largeboldwhite-align-right { font-size:58px; line-height:50px; font-weight:600; color:#ffffff; text-decoration:none; background-color:transparent;text-align:right; border-width:0px; font-weight: normal; border-color:rgb(255,214,88) ; border-style:none; line-height: 70px; }
.rev-slider-3 .tp-caption.desc-align-right,.desc-align-right { font-size:22px; font-weight:300; font-family:Lato; color:#fff; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px; text-shadow:none; text-transform:capitalize; text-align:right; border-width:0px; border-color:rgb(0,0,0); border-style:none;}

/* animated slider 1 home-6*/
#animated-slider { overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }
#animated-slider .item img { width: 100%; }
#animated-slider .item .slider-content { z-index: 0; opacity: 0; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; -ms-transition: opacity 500ms; transition: opacity 500ms; }
#animated-slider .item.active .slider-content { z-index: 0; opacity: 1; -webkit-transition: opacity 100ms; -ms-transition: opacity 100ms; -moz-transition: opacity 100ms; -o-transition: opacity 100ms; transition: opacity 100ms; }
#animated-slider .slider-content{ display: inline-block; left: 0; position: absolute; text-align: center; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; }
#animated-slider .carousel-indicators { bottom: 30px; }
.carousel-indicators li { border-radius: 0px; width: 40px !important; height: 10px !important;  border: 2px solid #fff !important; margin: 1px !important; }
#animated-slider .slider-content h1 { font-size: 60px; color: #323232; margin: 10px 0px 10px; font-weight: 600; line-height: 80px; text-transform: uppercase; }
#animated-slider .slider-content span { color: #00a9da; font-size: 18px; margin-bottom: 10px; line-height: 20px; letter-spacing: 4px; font-weight: 400; display: block; text-transform: uppercase; }
#animated-slider .slider-content .slider-2 p { font-size: 18px; }
#animated-slider .slider-content p { padding: 0px 200px; margin-bottom: 30px; }
#animated-slider .slider-content a.button span { letter-spacing: inherit; font-size: 14px; font-weight: 400; margin-bottom: 0px; color: #fff; }

/*-- Animation --*/
.carousel .item.active .animated1 { -webkit-animation: lightSpeedIn 1s ease-in 200ms both; -o-animation: lightSpeedIn 1s ease-in 200ms both; -ms-animation: lightSpeedIn 1s ease-in 200ms both; -moz-animation: lightSpeedIn 1s ease-in 200ms both; animation: lightSpeedIn 1s ease-in 200ms both; }
.carousel .item.active .animated2 { -webkit-animation: bounceInRight 1s ease-in-out 500ms both; -o-animation: bounceInRight 1s ease-in-out 500ms both; -ms-animation: bounceInRight 1s ease-in-out 500ms both; -moz-animation: bounceInRight 1s ease-in-out 500ms both; animation: bounceInRight 1s ease-in-out 500ms both; }
.carousel .item.active .animated3 { -webkit-animation: bounceInLeft 1s ease-in-out 500ms both; -o-animation: bounceInLeft 1s ease-in-out 500ms both; -ms-animation: bounceInLeft 1s ease-in-out 500ms both; -moz-animation: bounceInLeft 1s ease-in-out 500ms both; animation: bounceInLeft 1s ease-in-out 500ms both; }
.carousel .item.active .animated4 { -webkit-animation: flipInX 1s ease-in 500ms both; -o-animation: flipInX 1s ease-in 500ms both; -ms-animation: flipInX 1s ease-in 500ms both;  -moz-animation: flipInX 1s ease-in 500ms both; animation: flipInX 1s ease-in 500ms both;}
.carousel .item.active .animated5 { -webkit-animation: bounceInLeft 1s ease-in-out 100ms both; -o-animation: bounceInLeft 1s ease-in-out 100ms both; -ms-animation: bounceInLeft 1s ease-in-out 100ms both; -moz-animation: bounceInLeft 1s ease-in-out 100ms both; animation: bounceInLeft 1s ease-in-out 100ms both; }
.carousel .item.active .animated6 { -webkit-animation: bounceIn 1s ease-in 500ms both; -o-animation: bounceIn 1s ease-in 500ms both; -ms-animation: bounceIn 1s ease-in 500ms both;
  -moz-animation: bounceIn 1s ease-in 500ms both; animation: bounceIn 1s ease-in 500ms both;  }
.carousel .item.active .animated7 { -webkit-animation: fadeInDown 0.7s ease-in 1000ms both; -o-animation: fadeInDown 0.7s ease-in 1000ms both;  -moz-animation: fadeInDown 0.7s ease-in 1000ms both;  -ms-animation: fadeInDown 0.7s ease-in 1000ms both; animation: fadeInDown 0.7s ease-in 1000ms both; }
.carousel .item.active .animated8 { -webkit-animation: fadeInUp 0.7s ease-in 1000ms both; -o-animation: fadeInUp 0.7s ease-in 1000ms both;  -moz-animation: fadeInUp 0.7s ease-in 1000ms both;  -ms-animation: fadeInUp 0.7s ease-in 1000ms both; animation: fadeInUp 0.7s ease-in 1000ms both; } 

  /* animated slider 2 home 7*/
#animated-slider-2 { overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }
#animated-slider-2 .item img { width: 100%; }
#animated-slider-2 .item .slider-content { z-index: 0; opacity: 0; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; -ms-transition: opacity 500ms; transition: opacity 500ms; }
#animated-slider-2 .item.active .slider-content { z-index: 0; opacity: 1; -webkit-transition: opacity 100ms; -ms-transition: opacity 100ms; -moz-transition: opacity 100ms; -o-transition: opacity 100ms; transition: opacity 100ms; }
#animated-slider-2 .slider-content .slider-1 { float: right; width: 50%; }
#animated-slider-2 .slider-content .slider-2 { float: left; width: 50%; }
#animated-slider-2 .slider-content { display: inline-block; left: 0; position: absolute; text-align: center; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; }
#animated-slider-2 .carousel-indicators { bottom: 30px; }
.carousel-indicators li { border-radius: 0px; width: 15px !important; height: 15px !important;  border: 2px solid #fff !important; margin: 1px !important; }
#animated-slider-2 .slider-content h1 { font-size: 80px; color: #fff; margin: 10px 0px 10px; font-weight: 800; line-height: 90px; text-transform: uppercase; }
#animated-slider-2 .slider-content p { margin-bottom: 30px; color: #fff; font-style: italic; font-size: 18px; }
 
 /*************************************
            image-holder home 8
**************************************/
 .image-holder-bg { background-size: cover !important; background-repeat: no-repeat; background-position: center bottom; position: relative; height: 800px; width: 100%; }
 .image-holder { display: table; width: 100%; height: 100%; position: relative; }
 .image-holder-content { display: table-cell; height: 100%; vertical-align: middle; } 
 .image-holder-content .content { padding: 0 100px; margin-top: 100px; }
 .image-holder .image-holder-content span { font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 15px; display: block; }
 .image-holder .image-holder-content h2 { font-size: 45px; color: #fff;  font-weight: 300;  margin-top: 0px; line-height:60px; margin-bottom: 0px; }
 .image-holder .image-holder-content a { color: #fff; text-transform: uppercase; border-bottom: 2px solid #fff; font-size: 14px; margin-top: 30px; display: inline-block; padding-bottom: 5px;  }
 .image-holder .image-holder-content a:hover { color: #00a9da; border-color: #00a9da; }
 
 /*************************************
             image-holder home 9
**************************************/
 .image-holder-2-bg { background-size: cover !important; background-repeat: no-repeat; background-position: center bottom; position: relative; height: 900px; width: 100%; }
 .image-holder-2 { display: table; width: 100%; height: 100%; position: relative; }
 .image-holder-2-content { display: table-cell; height: 100%; vertical-align: middle; margin-top: 70px; } 
 .image-holder-2-content .content { padding: 0 100px; margin-top: 100px; }
 .image-holder-2 .image-holder-2-content span { font-size: 14px; color: #ffffff; background: #00a9da; text-transform: uppercase; margin-bottom: 15px; display: inline-block; padding: 5px 20px; }
 .image-holder-2 .image-holder-2-content h1 { font-size:60px; text-transform: uppercase; color: #323232;  font-weight: bold; margin-top: 10px; line-height:60px; margin-bottom: 20px; }
 .image-holder-2 .image-holder-2-content a { color: #323232; text-transform: uppercase; border-bottom: 2px solid #323232; font-size: 14px; margin-top: 30px; display: inline-block; padding-bottom: 5px;  }
 .image-holder-2 .image-holder-2-content a:hover { color: #00a9da; border-color: #00a9da; }
 #typer { height: 40px; }
 #typer h2 { font-size: 32px; color: #323232; font-weight: 600; text-transform: uppercase; font-family: 'Raleway', sans-serif; }

 /*************************************
       parallax-banner home 10
**************************************/
.parallax-banner { width: 100%; height: 100vh; background: #f6f6f6; overflow: hidden; position: relative; }
.parallax-banner .scene { padding: 0; margin: 0; height: 100%; }
.parallax-banner .banner-content { padding: 0 25%; }
.parallax-banner .banner-content span { background: #00a9da; color: #fff; text-transform: uppercase; font-size: 13px; letter-spacing: 3px; padding: 7px 15px; display: inline-block; }
.parallax-banner .banner-content h1 { text-transform: uppercase; display: block; margin: 25px 0px; line-height: 55px; font-weight: 600; }
.parallax-banner .banner-content a { color: #00a9da; text-transform: uppercase; border-bottom: 2px solid #00a9da; font-size: 14px; display: inline-block; padding-bottom: 5px;  }
.parallax-banner .banner-content a:hover { color: #323232; border-color: #323232; }
.parallax-banner .layer:nth-child(1) { position: absolute; left: -100px; top: 60px; }
.parallax-banner .layer:nth-child(2) { position: absolute; bottom: 20px; bottom: 20px; }
.parallax-banner .layer:nth-child(3) {  position: absolute; text-align: center; width: 100%; text-align: center; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
.parallax-banner .layer:nth-child(4) { position: absolute; bottom: 0px; width: 100%; text-align: center; }
.parallax-banner .layer:nth-child(5) { position: absolute; right: -200px; bottom: 100px; }
.parallax-banner .layer:nth-child(6) { position: absolute; top: 60px; right: 50px; }
  
/*************************************
          Mobile slider
**************************************/
.mobile-slider { padding-left: 15px; padding-right: 15px; }
.mobile-slider .row{z-index: 2; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 31.777777%; margin-right: -15px; margin-left: -15px;}
.mobile-slider ul {list-style: none;  z-index: 2;}
.highlight h3 {position: relative; margin-top: 10px; display: block;  font-size: 18px;  }
.highlight.active h3 { color: #00a9da; }
.highlight-title span { position: relative; z-index: 1; font-size: 28px; color: #00a9da; }
.highlight { cursor: pointer; margin: 40px 0px;} 
li:last-child.highlight { margin-bottom: 0px; }
.highlights-phone{ width: 40%;height: 620px; float: left;}
.phone-holder{  display: block; height: 620px; position: relative;  top: 0px; left: 16px; width: 306px; margin: auto; overflow: hidden}
#fon{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden;}
.highlights-phone.wht .phone-holder #fon{background: url(../images/feature/11.png) center top no-repeat; background-position-x: 0;  }
.hgi{position: absolute; top: 58px; left: 15px; width: 276px;height: 480px; visibility: hidden;}
.hgi img{width: 100%;height: 480px; }
.highlights-phone.wht .hgi { top: 62px; }
.hgi.active { visibility: visible; }
.right-row { padding-right: 0; float: right; }
.left-row { float: left; margin-right: 0; }
.left-row .highlight-title { text-align: right; }
.right-row .highlight-title { text-align: left; }

 /*************************************
    			Background  
 **************************************/
/*images background*/
 .white-bg { background: #fff; }
 .gray-bg { background: #eceff7; }
 .blue-bg { background: #00a9da; }
 .black-bg { background: #323232; }
 .bg-opacity-black-10:before {  background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-black-20:before {  background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-black-30:before {  background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-black-40:before {  background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-black-50:before {  background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-black-60:before {  background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-black-70:before {  background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
 .bg-opacity-black-80:before {  background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-black-90:before {  background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-white-10:before {  background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-white-20:before {  background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-white-30:before {  background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-white-40:before {  background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-white-50:before {  background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-white-60:before {  background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-white-70:before {  background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-white-80:before {  background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-white-90:before {  background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-blue-20:before {  background: rgba(0, 169, 218, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-blue-50:before {  background: rgba(0, 169, 218, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-blue-70:before {  background: rgba(0, 169, 218, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-opacity-blue-90:before {  background: rgba(0, 169, 218, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
 .bg-gradient:before { background: rgba(0, 0, 0, 0.8); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a9da), color-stop(100%, #000000)); background: -webkit-linear-gradient(-315deg, #00a9da 0%, #000000 100%); background: -webkit-linear-gradient(0deg, #00a9da 0%, #000000 100%); background: linear-gradient(0deg, #00a9da 0%, #000000 100%);  opacity: 0.6; content:""; height:100%; left:0; position:absolute; top:0; width:100%; z-index: 0; }


 .bg-1 { background: url(../images/bg/01.jpg); background-attachment: fixed; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; }
 .bg-2 { background: url(../images/bg/02.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; }
 .bg-3 { background: url(../images/bg/03.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; }
 .bg-4 { background: url(../images/bg/04.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; }
 .bg-5 { background: url(../images/bg/05.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; }
 .bg-6 { background: url(../images/bg/06.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; }
 .bg-7 { background: url(../images/bg/07.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; }
 .bg-8 { background: url(../images/bg/08.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; }
 .bg-9 { background: url(../images/bg/09.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; }
 .bg-10 { background: url(../images/bg/11.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; }
  .bg-11 { background: url(../images/bg/12.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; }
  .bg-12 { background: url(../images/bg/15.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; }
  .bg-13 { background: url(../images/bg/16.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed;  }
  .bg-14 { background: url(../images/bg/18.png); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; }
  .bg-15 { background: url(../images/bg/19.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; }
  .bg-16 { background: url(../images/bg/20.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; }
   .bg-17 { background: url(../images/bg/21.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; }
   .bg-18 { background: url(../images/bg/22.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: top center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0;  }
  /*pattern background*/
.pattern-bg { background:url(../images/pattern/pattern-bg.png) repeat; background-position: top right; background-color: rgba(236, 239, 247, 1); }
.pattern-1 { background:url(../images/pattern/pattern-bg.png) repeat; background-position: top right; background-attachment: fixed; }

/*************************************
   Features all  ( all pages Features )
 **************************************/
/*feature 1*/
.feature { background: #eceff7; padding: 3px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; }
.feature-content { position: relative; z-index: 9; }
.feature i { background: #fff; width: 100%; font-size: 30px; color: #00a9da; padding: 35px 10px;  -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.feature h4 { text-transform: none; padding:30px 0 10px; font-weight: 400; transition: all 0.3s ease-out 0s; }
.feature p { font-weight: 100; padding: 0 20px;  transition: all 0.3s ease-out 0s; }
.feature a { font-size: 14px; font-weight: 100; color: #808080; margin: 25px 0 10px; display: block; position: relative; z-index: 3; }
.feature .feature-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; }
.feature .border { position: absolute; background: #00a9da; height: 0px; bottom: 0; left: 0; z-index:2; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;  }
.feature:hover .feature-img, .feature.active .feature-img { opacity: 1; }
.feature:hover .border, .feature.active .border { height: 45px; }
.feature:hover i, .feature.active i { background: rgba(255, 255, 255, 0); color: #fff; padding-bottom: 15px; }
.feature:hover h4, .feature.active h4, .feature:hover p, .feature.active p { color: #fff; }
.feature:hover a, .feature.active a {  color: #fff; margin-top: 45px; }
.feature:hover:before, .feature.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%;
  left: 0; position: absolute; top: 0; width: 100%; z-index: 1;  -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
 /*feature 2*/
.feature-2 span { float: left; margin-right: 15px; color: #00a9da; font-size: 26px; }
.feature-2 h5 {  display: table; padding-top: 4px; }
/*feature 3*/
.feature-3-title { float: left; display: table; margin-right: 20px; }
.feature-3-title span { font-size: 34px; color: #00a9da;}
.feature-3-info { display: table-cell; vertical-align: top; }
.feature-3 .work-hr p{ line-height: 30px; }
.feature-3-info p { margin-bottom: 0px; }
/*feature 4*/
.feature-4 span { float: left; margin-right: 19px; font-size: 34px; color: #00a9da; }
.feature-4 h4 { display: block; }
.feature-4 p { margin-left: 18px; padding-left: 36px; border-left:1px solid #eceff7; }
.feature-4-sec li { font-size: 14px; color: #626262; margin-bottom: 10px; }
.feature-4-sec i { color: #626262; font-size: 16px; margin-left: 17px; padding-right: 28px; padding-top: 4px; }
/*feature 5*/
.feature5 span { font-size: 30px; color: #00a9da; font-weight: normal; margin-bottom: 20px; display: block; }
.feature5 h4 { position: relative; padding-bottom: 15px; }
.feature5 h4:before { position: absolute; bottom: 0px; content: ""; width: 70px; height: 2px; background: #00a9da; }
.feature5 p { font-weight: normal; }
.feature5 a { font-size: 15px; color: #363636; position: relative;}
.feature5 i { opacity: 0; position: absolute; left: 75px; margin-top: 9px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; font-size: 12px; }
.feature5 a:hover  {   color: #00a9da; }
.feature5 a:hover i { left: 85px;  opacity: 1;  color: #00a9da; }
 /*feature6*/
.feature6 strong { font-size: 200px; font-weight: bold; color: #eceff8; position: relative; font-family: 'Lato', sans-serif; line-height: 140px;}
.feature6-item-top {  transform: translate3d(-50%, 0px, 0px); -webkit-transform: translate3d(-50%, 0px, 0px); -o-transform: translate3d(-50%, 0px, 0px); -ms-transform: translate3d(-50%, 0px, 0px); -moz-transform: translate3d(-50%, 0px, 0px); -ms-transform: translate(-50%, 0);  left: 50%; position: absolute; text-align: center; top: 15%;  }
.feature6-item-top span { font-size: 30px; line-height: 34px; background: transparent; color: #00a9da; margin-bottom: 10px; display: block; border:none; outline: none; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.feature6-item-top h3 { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; }
.feature6 p { font-size: 15px; }
.feature6:hover .feature6-item-top span { margin-top: 40px; }
.feature6:hover .feature6-item-top h3 { margin-top: -100px; }
.work-process .feature6 { margin-bottom: 0px; }

/*feature 7*/
.feature7 .feature7-icon{ float: left; width: 70px; height: 70px; background: transparent; border:2px solid #fff; text-align: center; margin-right: 25px;} 
.feature7 .feature7-icon span { font-size: 25px; line-height: 65px; color: #fff; } 
.feature7 .feature7-info {  display: table; }
.feature7 .feature7-info p { color: #fff; line-height: 20px; }
/*feature 8*/
.feature-8-title { float: left; display: table; margin-right: 30px; }
.feature-8-title span { font-size: 34px; color: #00a9da;}
.feature-8-info { display: table-cell; vertical-align: top; padding-top: 20px }
.feature-8-info p { font-size: 22px; font-family: 'Aileron-Light'; line-height: 30px;}
.feature-8-main .feature-8 { margin-bottom: 0px; padding: 60px 0; }
.feature-8-main .feature-8-info p { font-size: 13px; }
/*owl-carousel-10*/
.feature-8-main .owl-carousel-10 { padding: 0 15px; }
.owl-carousel-10 .owl-nav { display: block; position: absolute; text-indent: inherit; left: 0; width: 100%; cursor: pointer; top: 4px; }
.owl-carousel-10 .owl-item { cursor: url("../images/client-arrow.png") 25 25, pointer; padding:0 15px; }
/*feature 9*/
.feature-9 { padding: 25px 35px;  position: relative; z-index: 9; background: #00c6ff; height: 250px; }
.feature-9-bg-1 { background: #00c6ff; }
.feature-9-bg-2 { background: #00a9da; }
.feature-9-bg-3 { background: #0091bb; }
.feature-9 .feature-9-title-left { float: left; opacity: 0.09; }
.feature-9 .feature-9-title-left h1 { font-size: 84px; line-height: 63px; margin-right: 20px; color: #000; }
.feature-9 .feature-9-title-right { display: table; }
.feature-9-icon { position: absolute; top: 14px; z-index: -1; right: 0px; opacity: 0.05;  -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; -ms-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; }
.feature-9-icon span { font-size: 200px; color: #000;  }
.feature-9:hover .feature-9-icon { right: 52%; }
/*feature 10*/
.feature-10 span { font-size: 33px; }
.feature-10 p { font-size: 13px; margin-bottom: 0px; }
/*feature 11*/
 .feature-11 .feature-11-icon { background: transparent; border:1px solid #eceff8; border-radius: 50%; display: block; height: 90px; margin: 0 auto; padding: 9px; text-align: center;
  width: 90px;  -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.feature-11 .feature-11-icon span { width: 70px; height: 70px; border-radius: 50%; color: #363636; font-size: 26px; text-align: center; line-height: 75px; background: #eceff8; display: inline-block; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.feature-11 .feature-11-info h4 {  position: relative; }
.feature-11 .feature-11-info h4:before { position: absolute; content: ""; width: 70px; height: 2px; background: #00a9da; margin: 0 auto; left: 37%; bottom: 0; }
.feature-11 .feature-11-info p { margin-bottom: 0px; }
.feature-11:hover .feature-11-icon { border-color: #00a9da; }
.feature-11:hover .feature-11-icon span { background: #00a9da; color: #fff; }
/*feature 12*/
.feature-12 span {font-size: 30px; color: #fff; margin-right: 20px; float: left; }
.feature-12 p { display: table; }
/*feature 13*/
.features13 { padding-top: 50px; padding-right: 25px; }
.features13 p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; }
.features13 b { position: absolute; z-index: 0; top: 83px; font-family: 'Lato', sans-serif;  right: 19px; font-size: 72px; color: #dde1eb; line-height: 72px; }
.features13 ul { border-right: 6px solid #dde1eb; padding-right: 20px; }
.features13 li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; }
.features13.left { padding-right: 0px; padding-left: 25px;  }
.features13.left b { position: absolute; z-index: 0; top: 83px; font-family: 'Lato', sans-serif;  left: 20px; font-size: 72px; color: #dde1eb; line-height: 72px; }
.features13.left ul { border-left: 6px solid #dde1eb; padding-left: 20px; border-right: 0px; padding-right: 0; }
/*features-14*/
.features-14 span { color: #fff; font-size: 32px; margin-bottom: 25px; display: block; }
 /*feature-15*/
.feature-15 {  background: #fff; padding: 40px 30px; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;  }
.feature-15 .feature-15-icon { width: 100px; height: 100px; border-radius: 50%; border: 2px solid #00a9da; margin: 0 auto; }
.feature-15 .feature-15-icon img { margin-top: 20px; }
.feature-15 .feature-15-content { margin-top: 50px; }
.feature-15 .feature-15-content h4 { margin-bottom: 30px;font-family: 'Aileron-Bold'; font-size: 30px; }
.feature-15 .feature-15-content p { margin-bottom: 0px; }
.feature-15:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
/*feature-16*/
.feature-16 { padding: 0 85px; }
.feature-16 .feature-16-icon { display: table-cell; }
.feature-16 .feature-16-icon span {  font-size: 30px; color: #00a9da; margin-right: 20px; }
.feature-16 .feature-16-contant { display: table-cell; vertical-align: top; }
.feature-16 .feature-16-contant p { font-size: 13px; }
/*feature-17*/
.feature-17 .feature-17-icon { border: 20px solid #2b2b2b; display: inline-block; border-radius: 50%; margin-bottom: 30px; }
.feature-17 .feature-17-icon span { border: 1px solid #393939; width: 130px; height: 130px; border-radius: 50%; line-height: 130px; text-align: center; background: #323232; display: inline-block; font-size: 40px; color: #fff; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);  }
.feature-17 .feature-17-content p { font-size: 13px; color: #fff; padding: 0 20px; }

.feature-18 i { display: table-cell; float: left; margin-right: 15px; font-size: 24px; }
.feature-18 h5 {  display: table-cell; margin-bottom: 20px; color: #00a9da; line-height: 22px; }
.feature-18 p { margin-top: 20px; display: block; }

 /*feature-19*/
 .feature-19 h1 { font-size: 60px; color: #323232; } 
 .feature-19 h3 { font-weight: 300; margin: 30px 0px 20px; } 
 .feature-19 a { font-size: 14px; color: #00a9da; } 
 .feature-19 a:hover { color: #323232; } 

  /*feature-20*/
.feature-20 {  height:300px; border:1px solid #999; padding: 20px; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;  }
.feature-20 .feature-20-icon span { width: 80px; height: 80px; border-radius: 50%; display: inline-block; background: #eceff7; border: 0px solid #00a9da; margin: 0 auto; line-height: 80px; font-size: 26px; color: #626262; }
 .feature-20 .feature-20-content { margin-top: 20px; }
.feature-20 .feature-20-content h4 { margin-bottom: 30px; color: #00a9da; }
.feature-20 .feature-20-content p { margin-bottom: 0px;font-size: 20px; }
.feature-20:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }

/*************************************
    		 Custom-content all   
 **************************************/
.page-wrapper { overflow: hidden; }
body.page-wrapper { overflow: inherit; }
.page-wrapper.boxed-layout{ overflow: inherit; }
.wrapper { overflow: hidden; }
.custom-content b { font-weight: 500; font-size: 18px; display: block;}
.custom-content span { font-size: 15px; display: block; color: #626262; }
.custom-content li { font-size: 14px; line-height: 32px; color: #626262; }
.custom-content i { font-size: 14px; color: #00a9da; padding-right: 10px; }
.custom-content .button { font-size: 14px; }
.custom-content .feature-12 span { font-size: 30px; color: #fff;}
.custom-content .feature-8 span { font-size: 30px; }
/*custom-content 2*/
.custom-content-2 h1 { margin-bottom: 0px; font-size: 2.2em; }
.custom-content-2 strong { font-size: 20px; font-weight: 500; display: block; }
.custom-content-2 p { color: #363636; }
.custom-content-2 i { padding-left: 10px; } 
 /*custom-content 3*/
 .custom-content-3 strong { font-weight: 500; display: block; color: #626262; }
 .custom-content-3-info { position: relative; }
 .custom-content-3-info p { position: relative; z-index: 1; padding-left: 56px; }
 .custom-content-3-info i { font-size: 113px; color: #eceff8; position: absolute; z-index: 0; left: 0; }
/*custom-content 4*/
.custom-content-4 .social { float: right; display: table;  } 
.custom-content-4 .social li { display: inline-block; } 
.custom-content-4 .social li a { display: block; background: #eceff7; color: #00a9da; width: 35px; height: 35px; font-size: 15px; text-align: center; line-height: 35px; border-radius: 3px; margin-left:5px; }
.custom-content-4 .social li a:hover { background: #00a9da; color: #fff; }
.custom-content-4 .info   { position: relative; }
.custom-content-4 .info i { position: absolute; left: 0; font-size: 126px; color: #eceff7; z-index: 0;  }
.custom-content-4 .info p { position: relative; z-index: 9; padding-left:64px; font-size: 16px; font-style: italic; line-height: 28px; }
/*.custom-content*/
.owl-custom .custom-content { margin-top: 0px;}
.owl-custom .custom-content li { line-height: 32px; }
/*owl-carousel-12*/
.owl-custom .owl-carousel-12.owl-carousel.owl-theme.owl-loaded { height: 430px; }
.owl-carousel-12 .owl-dots { display: block; position: relative; text-indent: inherit; width: 100%; cursor: pointer; text-align: center; }
.owl-carousel-12.owl-theme .owl-dots .owl-dot span { background: #d0d0d0; border-radius: 30px; display: block; height: 15px; margin: 0px 7px; transition: opacity 200ms ease 0s;
 width: 15px; cursor: pointer; }
.owl-carousel-12.owl-theme .owl-dots .owl-dot.active span,  .owl-carousel-12.owl-theme .owl-dots .owl-dot:hover span { background: #00a9da; }
.why-choose-us { overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }
/*custom-content-5*/
.custom-content-5 .section-title-1 p { font-size: 30px; padding: 0 100px; line-height: 40px; }
.custom-content-5 h4 { margin-bottom: 20px; color: #626262; font-size: 24px; }

/*custom-content-5 skills-2*/
.custom-content-5 .skills-2 li h5 { position: relative; font-style: italic; font-size: 18px; }
.custom-content-5 .skills-2 li {position: relative; margin-bottom: 0px; font-size:16px; width: 27%; float: left; margin-right: 70px; }
.custom-content-5 .skills-2 li:last-child { margin-right: 0px; }
.custom-content-5 .skills-2 .bar_container, .bar { position: absolute; left: 0; height: 7px; border-radius: 0px; content: ""; top:30px;}
.custom-content-5 .skills-2 .bar_container {bottom: -8px; width: 100%; background-color: #eceff8; text-align: right; }
.custom-content-5 .skills-2 .bar { top: 0; background: #00a9da !important; }
.custom-content-5 .skills-2 .pct { position: absolute; top: -75px; left: 0; right: inherit; opacity: 0; transition: opacity 0.3s linear; color: #323232 !important; font-size: 26px; }

/*custom-content-6 */
.custom-content-6 span { font-style: italic; }
.custom-content-6 h2 {  font-weight: 800; line-height: 40px; margin: 15px 0px 20px; }
.custom-content-6 .right-slide img { float: left; margin-left: 0px; }
.custom-content-6 .left-slide {  padding:139px 30px; } 
/*custom-content-7*/
.custom-content-7 p { padding: 0 100px; }

/*custom-content-8*/
.custom-content-8 .ripple { display: none; }
.custom-content-8 #tabs ul.tabs li.active, .custom-content-8 #tabs ul.tabs li.active:focus, .custom-content-8 #tabs ul.tabs li:hover { background: transparent; color: #00a9da; }
.custom-content-8 #tabs { padding: 0 100px; }
.custom-content-8 #tabs .tabs { margin-bottom: 30px; }
.custom-content-8 #tabs .tabs li span { padding-right: 10px; }
.custom-content-8 #tabs .tabs li { font-size: 22px; font-weight: 300; padding: 10px 50px; color: #626262; }
.custom-content-8 #tabs .tabcontent h4 { font-weight: 300; margin-bottom: 20px; text-transform: capitalize; }

/*.custom-content-9*/
.custom-content-9 h2 { font-weight: 300; }

/*custom-content-10*/
.custom-content-10 h2 { font-weight: 300; }
.custom-content-10 span { display: block; font-weight: 300; }

/*custom-content-11*/
.custom-content-11-info { padding: 0 100px; }
.custom-content-11 span { color: #00a9da; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; }
.custom-content-11 h2 { font-weight: 300; margin: 30px 0px; line-height: 40px; }
.custom-content-11 a.button span { text-transform: inherit; letter-spacing: inherit; }

/*custom-content-12*/
.custom-content-12 .skills-2 li { position: relative; margin-bottom: 55px; font-size:16px; }
.custom-content-12 .skills-2 li:last-child { margin-bottom: 0px; }
.custom-content-12 .skills-2 .bar_container, .bar { position: absolute; left: 0; height: 7px; border-radius: 3px; content: ""; top:30px;}
.custom-content-12 .skills-2 .bar_container { bottom: -8px; width: 100%; background-color: #eceff8; text-align: right; }
.custom-content-12 .skills-2 .bar { top: 0; background: #00a9da !important }
.custom-content-12 .skills-2 .pct { position: absolute; top: -30px; right: 0; opacity: 0; transition: opacity 0.3s linear; color: #323232 !important; } 

 /*************************************
    		portfolio 
 **************************************/
/*portfolio home 1*/
.horizontal-images.content-scrolling ul, .vertical-images.content-scrolling ul { margin: 0;	padding: 0; list-style: none; overflow: hidden; }
.horizontal-images.content-scrolling li{ width: auto;	float: left; }
.horizontal-images.content-scrolling li img{ width: 100%; } 
.portfolio .portfolio-item { width: 470px; position: relative;  overflow: hidden; }
.portfolio .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; }
.portfolio .portfolio-item .portfolio-caption a { display: inline-block; color: #fff; font-size: 18px; }
.portfolio .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; text-transform: capitalize; }
.portfolio .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; }
.portfolio .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 38px; }
.portfolio .portfolio-item .portfolio-overlay a i { font-size: 16px; } 
.portfolio .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff;} 
 /*portfolio-2 home page 2*/
.portfolio-2 .portfolio-item { background: #363636; color: #fff; width: 100%; border: 0; }
.portfolio-2 .portfolio-item img {-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.portfolio-2 .portfolio-item img {-webkit-backface-visibility: hidden;	backface-visibility: hidden; }
.portfolio-2 .portfolio-item .portfolio-overlay span a { width: inherit; background: inherit; height: inherit; color: #fff; float: left; display: inline-block; text-align: left; }
.portfolio-2 .portfolio-item .portfolio-overlay span a:hover { background: none; color: #00a9da; }
.portfolio-2 .portfolio-item .portfolio-overlay a {  background: #fff; border-radius: 50%; color: #363636; display: inline-block; font-size: 15px; height: 35px; width: 35px; line-height: 36px; text-align: center; margin-left: 10px; float: right; }
.portfolio-2 .portfolio-item .portfolio-overlay i { padding-left: 2px; }
.portfolio-2 .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff; }
.portfolio-2 .portfolio-item .portfolio-overlay p { text-transform: none; font-size: 16px; opacity: 0; color: #fff; padding: 0 20px; margin: 0; display: inline-block; left: 0;
    position: absolute; text-align: center; bottom: 8%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,22px,0); transform: translate3d(0,22px,0); }
.portfolio-2 .portfolio-item:hover img { -webkit-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0); }
.portfolio-2 .portfolio-item:hover .portfolio-overlay p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
/*portfolio-2 home page 3*/
.portfolio-3 .container-fluid { padding-left: 0; padding-right: 0; }.portfolio-3 .isotope-filters button { font-size: 14px; padding: 12px 17px; }
.portfolio-3 .isotope-filters { margin-bottom: 0px; }
.portfolio-3 .isotope-filters button.active, .portfolio-3 .isotope-filters button:hover { background: #00a9da; border:1px solid #00a9da; color: #fff; }
.portfolio-3 .portfolio-item { background: #00a9da; color: #fff; width: 100%; border: 0; }
.portfolio-3 .portfolio-item img {-webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.portfolio-3 .full-screen .portfolio-item .portfolio-overlay  { position: inherit; left: inherit; top:-13px; display: inherit; transform:inherit; margin-top: -4px; float: left; }
.portfolio-3 .full-screen .portfolio-item .portfolio-overlay a:hover { background: #323232; }
.portfolio-3 .portfolio-item .portfolio-overlay span a { float: left; height: inherit; width:inherit; background: none; font-size: 16px; color: #fff; display: inline-block; text-align: left; }
.portfolio-3 .portfolio-item .portfolio-overlay span a:hover { color: #323232; background: transparent !important; }
.portfolio-3 .portfolio-item .portfolio-overlay a { float: right; background: #fff; border-radius: 50%; color: #363636; display: inline-block; font-size: 15px; height: 35px; width: 35px; line-height: 36px; text-align: center; margin-left: 10px; margin-right: 0; }
.portfolio-3 .portfolio-item .portfolio-overlay i { padding-left: 2px; }
.portfolio-3 .portfolio-item .portfolio-overlay p { text-transform: none; font-size: 16px; opacity: 0; color: #fff; padding: 0 20px; margin: 0; display: inline-block; left: 0;
    position: absolute; text-align: center; bottom: 2px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; -o-transition: opacity 0.35s, -o-transform 0.35s; -webkit-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, -o-transform 0.35s; -ms-transition: opacity 0.35s, -o-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transform: translate3d(0,22px,0);  -o-transform: translate3d(0,22px,0); -ms-transform: translate3d(0,22px,0); -webkit-transform: translate3d(0,22px,0); transform: translate3d(0,22px,0); }
.portfolio-3 .portfolio-item:hover img { -webkit-transform: translate3d(0,-80px,0); -ms-transform: translate3d(0,-80px,0); -o-transform: translate3d(0,-80px,0); -moz-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0); }
.portfolio-3 .portfolio-item:hover .portfolio-overlay p { opacity: 1; -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
/*portfolio-3 home page 3*/
.portfolio-main { position: relative; }
.portfolio-main .button-border-white span { font-size: 14px; padding: 7px 12px; }
 .owl-carousel-8.owl-carousel { z-index: inherit; }
 .owl-carousel-8 .item img { width: 100%; }
 .owl-carousel-8 .owl-nav { display: block; position: relative; text-indent: inherit; width: 100%; cursor: pointer; }
 .owl-carousel-8 .owl-nav .owl-prev {  display: block; position: absolute; text-indent: inherit; left: 37%; width: auto; cursor: pointer; }
 .owl-carousel-8 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 63%; width: auto; cursor: pointer;  }
 .owl-carousel-8 .owl-nav .owl-prev i { padding-left: 3px;}
 .owl-carousel-8 .owl-nav i { font-weight: normal; font-size: 18px; color: #fff; text-align: center; line-height: 28px; margin: 0px 7px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
 .owl-carousel-8 .owl-nav i:hover { color: #363636; }
 .owl-carousel-8 .owl-controls { position: relative; top: -45px; z-index: 10; }
 .owl-carousel-8.owl-carousel .owl-item img { transform-style:inherit;}
.portfolio-info { display: block; background: #00a9da; width: 20%; left: 20%; position: absolute; z-index: 9; padding: 30px 25px 20px; height: 100%; }
.portfolio-info h3 { font-size: 24px;}
.portfolio-info p { margin-top: 20px; color: #fff; line-height: 22px; }
/*portfolio-5 home page 5*/
.portfolio-image-holder { position: relative; height: 496px; }
.portfolio-text-box { background: #f6f7f9; padding: 80px 80px; }

/*************************************
              home-6 portfolio
**************************************/
.portfolio-4 .isotope-filters-3 { text-align: center; }
.portfolio-4 .isotope-filters-3 button { padding: 5px 6px; margin: 0 20px; }
.portfolio-4 .isotope-filters-3 button { border:none; color: #626262; font-size: 16px; text-transform: capitalize; border-bottom: 2px solid transparent; border-radius: 0px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background: transparent; }
.portfolio-4 .isotope-filters-3 button.active, .isotope-filters-3 button:hover {  background: transparent; color: #00a9da; border-bottom: 2px solid #00a9da;}
.portfolio-4 .isotope-filters-3 { margin-bottom: 20px; }
.portfolio-4 .columns-3 .grid-item { width: 33.333%; padding: 15px; }
.portfolio-4 .columns-3 .grid-item img {  width: 100%; }
.portfolio-4 .portfolio-item { width: 100%; position: relative; overflow: hidden; }
.portfolio-4 { position: relative; }
.portfolio-4 .tree-image { position: absolute; right: 0px; bottom: 0px; }
.portfolio-4 .portfolio-item .portfolio-hover { padding: 20px; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; }
.portfolio-4 .portfolio-item .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; }
.portfolio-4 .portfolio-item .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; }
.portfolio-4 .portfolio-item .portfolio-hover .hover-name a:hover { color: #323232; }
.portfolio-4 .portfolio-item .portfolio-hover .hover-icon { position: absolute; bottom: 25px; right: 30px;  }
.portfolio-4 .portfolio-item .portfolio-hover .hover-icon a { color: #fff; }
.portfolio-4 .portfolio-item .portfolio-hover .hover-icon a:hover { color: #323232; }
.portfolio-4 .portfolio-item:hover .portfolio-hover { opacity: 1; background: rgba(0, 169, 218, 0.6); }
.portfolio-4 .portfolio-item img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;  -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease; }
.portfolio-4 .portfolio-item:hover img { opacity: 0.1; -webkit-transform:scale(1.10);  -moz-transform:scale(1.10); -ms-transform:scale(1.10);  -o-transform:scale(1.10);  transform:scale(1.10); }

/*portfolio home-9*/
.portfolio-4 .button a { color: #00a9da; font-size: 14px; margin-top: 30px; display: inline-block; padding-bottom: 5px;  }
.portfolio-4 .button a i { padding-left: 5px; }
.portfolio-4 .button a:hover { color: #323232; }

/*************************************
    		Our Blog 
 **************************************/
 /*Blog  1*/
.blog-box { padding: 33px 20px 0px 20px; background: #eceff7; position: relative; z-index: 1; } 
.blog-info { position: relative; z-index: 9; }
.blog-info span { color: #626262; font-size: 14px; margin-right: 6px; }
.blog-info i { padding-right: 3px; color: #00a9da; } 
.blog-info p { padding: 25px 0 20px; }
a.blog-btn { text-align: center; font-size: 14px; color: #00a9da; display: block; padding-bottom: 12px; position: relative; z-index: 1; }
a.blog-btn i {  margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.blog-box .border { position: absolute; background: #00a9da; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;  }
.blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; }
.blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } 
.blog-box:hover h4, .blog-box:hover i, .blog-box:hover span, .blog-box:hover p, .blog-box:hover a.blog-btn, .blog-box.active h4, .blog-box.active i, .blog-box.active span, .blog-box.active p, .blog-box.active a.blog-btn { color: #fff; } 
.blog-box:hover .border, .blog-box.active .border { height: 45px; }
.blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%;
  left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
 .owl-carousel-3 .owl-nav { display: inline-block; text-align: center; position: relative; text-indent: inherit; margin-top: 25px; width: 100%; cursor: pointer; }
 .owl-carousel-3 .owl-nav .owl-prev {  display: inline-block; cursor: pointer; }
 .owl-carousel-3 .owl-nav .owl-next { display: inline-block; cursor: pointer;  }
  .owl-carousel-3 .owl-nav .owl-next i { padding-left: 3px;}
 .owl-carousel-3 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: #eceff7; text-align: center; border-radius: 50%; width: 30px; height: 30px; line-height: 28px; margin: 0px 3px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
 .owl-carousel-3 .owl-nav i:hover { background: #00a9da; color: #fff; }
 .owl-carousel .owl-item img { transform-style:inherit; }
/* Blog 2*/
.our-blog .container-fluid { padding-left: 0 !important;  padding-right: 0 !important; }
.our-blog .container-fluid .row { margin-left: 0 !important;  margin-right: 0 !important; }
.our-blog .container-fluid .row [class*="col-"] { padding-left: 0 !important;  padding-right: 0 !important; }
.our-blog .blog-box-image { max-height: 300px; display: block; overflow: hidden; position: relative; }
.our-blog .blog-box-image img { width: 100%; }
.our-blog .blog-box-info { background: #00a9da; padding: 35px 40px; max-height: 300px;}
.our-blog .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; }
.blog-box-image .portfolio-item { width: 100%;}
.blog-box-image .portfolio-caption a { font-size: 20px; color: #fff; }
.blog-box-image .portfolio-caption a:hover { color: #00a9da; }
.blog-box-image .portfolio-caption .port-tag li { display: inline-block; margin-top: 20px; margin-left: 10px; } 
.blog-box-image .portfolio-caption .port-tag li a { display: block; font-size: 14px; color: #fff; } 
.blog-box-image .portfolio-caption .port-tag li a:hover { color: #00a9da; }
.blog-box-image .portfolio-caption .port-tag li i { color: #00a9da; } 
.blog-box-image .portfolio-caption .button-border span { font-size: 14px; padding: 7px 15px; margin-top: 30px; }
.blog-box-image .portfolio-caption .button-border span:hover { color: #fff; }

/*************************************
    		 our skills
 **************************************/
/*skills 1*/
#video-background { width:100%; height:360px; position: relative; z-index: 0; }
#video-background video { position: relative !important; top: 50% !important; transform: translateY(-50%) !important; }
#inner-video-background.inner-intro { z-index: 0; }
#video-background.video-content.bg-opacity-black-50:before { z-index: 0; }
#video-background.video-content .section-title-2 { position: relative; z-index: 9; }
.video-content .video-bg h1 { line-height: 60px; margin-bottom: 20px; font-size: 50px; }
.video-content .section-title-2 .title-line-2 { padding: 0px; } 
.our-skills { padding: 80px 0; margin-top: 0px; }
.skills-1 .bars { position: relative; }
.skills-1 .jqbar.vertical { text-align: left; display: inline-block; }
.skills-1 .jqbar.vertical .bar-level { background: #00a9da !important; }
.skills-1 .jqbar.vertical span { display: block; font-size: 20px; font-weight: bold; color: #fff; }
.skills-1 .jqbar.vertical .bar-percent { color: #fff;  font-size: 41px;  font-weight: bold;  height: 37px;  margin-bottom: -37px;  margin-left: 28px; }
.skills-1 .bar-level-wrapper { background: rgba(255, 255, 255, 0.2); } 
.skills-1 .jqbar.vertical .bar-level-wrapper { display: inline-block;  float: left;  margin-top: 0px;  overflow: hidden; position: relative; }
.skills-1 .jqbar.vertical span.bar-label { color: #fff;  display: block;  font-size: 20px;  font-weight: bold;  margin-left: 30px;  margin-top: 60px; }
.skills-1 .jqbar.vertical .bar-level { position: absolute; }
.skills-1 .jqbar.vertical span.bar-text { font-size: 15px; font-weight: 400; left: 32px; position: absolute; bottom: 0px; padding-left: 14px; }
/*horizontal*/
.skills-1 .jqbar.horizontal span { display: inline-block; margin-left: 5px; font-size: 11px; font-weight: bold; }
.skills-1 .jqbar.horizontal .bar-percent { font-size: 20px; font-weight: bold; height: 50px; margin-bottom: 20px; }
/*skills 2*/
.skills-2 li { position: relative; margin-bottom: 55px; font-size:16px; }
.skills-2 li:last-child { margin-bottom: 0px; }
.skills-2 .bar_container, .bar { position: absolute; left: 0; height: 7px; border-radius: 3px; content: ""; top:30px;}
.skills-2 .bar_container {bottom: -8px; width: 100%; background-color: #eceff8; text-align: right;}
.skills-2 .bar { top: 0; background: #00a9da !important }
.skills-2 .pct { position: absolute; top: -30px; right: 0; opacity: 0; transition: opacity 0.3s linear; color: #323232 !important; }

.our-activities .skills-2 li { position: relative; margin-bottom: 55px; font-size:16px; }
.our-activities .skills-2 li:last-child { margin-bottom: 0px; }
.our-activities .skills-2 .bar_container, .bar { position: absolute; left: 0; height: 7px; border-radius: 3px; content: ""; top:30px;}
.our-activities .skills-2 .bar_container {bottom: -8px; width: 100%; background-color: #eceff8; text-align: right;}
.our-activities .skills-2 .bar { top: 0; background: #00a9da !important }
.our-activities .skills-2 .pct { position: absolute; top: -30px; right: 0; opacity: 0; transition: opacity 0.3s linear; color: #323232 !important; }

 
/*************************************
    		 testimonials
**************************************/
 /*testimonial 1*/
.testimonial-avatar img { background: transparent; border: 3px solid #01a9da; width: 96px; height: 96px; border-radius: 50%; }
.testimonial-info p { padding: 40px 100px 20px; margin-bottom: 0px; font-style: italic; }
.testimonial-info strong { font-weight: 500; font-size: 16px; color: #00a9da; }
.testimonial-info span { font-weight: normal; color: #626262; border-left: 1px solid #626262; padding-left: 20px; margin-left: 20px; }
/*owl-carousel-4*/
 .owl-carousel-4 .owl-nav { display: block; position: absolute; text-indent: inherit; left: 0; width: 100%; cursor: pointer; top: 4px; }
 .owl-carousel-4 .owl-nav .owl-prev {  display: block; position: absolute; text-indent: inherit; left: 56%; width: auto; cursor: pointer; }
 .owl-carousel-4 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 56%; width: auto; cursor: pointer;  }
 .owl-carousel-4.owl-nav .owl-prev i { padding-left: 3px;}
 .owl-carousel-4 .owl-nav i { font-weight: normal; font-size: 17px; color: #626262; background: transparent; text-align: center; border-radius: 50%; width: 30px; height: 30px; line-height: 28px; margin: 30px 3px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
 .owl-carousel-4 .owl-nav i:hover { background: transparent; color: #00a9da; }
/*testimonial 2*/
.testimonial-2 .testimonial-avatar { float: left; margin-right: 30px; }
.testimonial-2 .testimonial-info { display: table; }
.testimonial-2 .testimonial-info p {  padding:10px 0 0 0; color: #fff; }
.testimonial-2 .testimonial-info strong { font-size: 14px; }
.testimonial-2 .testimonial-info span { color: #fff;  }
 /*owl-carousel-9*/
.owl-carousel-9 .owl-nav { display: block; position: relative; text-indent: inherit; width: 100%; cursor: pointer; margin-top: 40px; }
.owl-carousel-9 .owl-nav .owl-prev {  display: block; position: absolute; text-indent: inherit; left: 50%; top: -20px; width: auto; cursor: pointer; }
.owl-carousel-9 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 50%; top: -20px; width: auto; cursor: pointer;  }
.owl-carousel-9 .owl-nav .owl-prev i { padding-left: 3px; }
.owl-carousel-9 .owl-nav i { font-weight: normal; font-size: 18px; color: #fff; text-align: center; line-height: 28px; margin: 0px 7px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.owl-carousel-9 .owl-nav i:hover { color: #00a9da; }

/*testimonial*/
.testimonial-3 h2 { font-weight: 300; }
.testimonial-3 p { color: #ffffff; }
.testimonial-3 .item { padding: 0 100px; }
.testimonial-3 span { color: #ffffff; text-transform: uppercase; font-size: 13px; }
.testimonial-3 .owl-theme .owl-dots .owl-dot span { margin: 26px 5px 0; cursor: pointer; background: #ffffff; }
.testimonial-3 .owl-theme .owl-dots .owl-dot.active span, .testimonial-3 .owl-theme .owl-dots .owl-dot:hover span { background: #00a9da; }

/*testimonial-4*/
.testimonial-4 p { color: #323232; }
.testimonial-4 .item { padding: 0 200px; }
.testimonial-4 span { color: #323232; text-transform: uppercase; font-size: 13px; margin-bottom: 5px; }
.testimonial-4 h5 { text-transform: uppercase; margin-bottom: 0px; margin-top: 20px; }
.testimonial-4 .owl-theme .owl-dots { text-align: center; }
.testimonial-4 .owl-theme .owl-dots .owl-dot span { margin: 26px 5px 0; cursor: pointer; background: #ffffff;  }
.testimonial-4 .owl-theme .owl-dots .owl-dot.active span, .testimonial-4 .owl-theme .owl-dots .owl-dot:hover span { background: #00a9da; }

/*testimonial-5*/
.testimonial-5 .testimonial-avtar { float: left; margin-right: 30px; } 
.testimonial-5 .testimonial-avtar img { width: 100px; height: 100px; border-radius: 50%; } 
.testimonial-5 .testimonial-content { display: table; } 
.testimonial-5 .testimonial-content p { font-size: 13px;   } 
.testimonial-5 .testimonial-content span { font-size: 13px; color: #00a9da; display: block; line-height: 12px; } 

/*************************************
    		 Our Pricing
**************************************/
  /*pricing-1*/
.pricing-table { background: #eceff7; padding: 30px 0px 0; position: relative; margin-top: 20px; }
.pricing-title h2 { text-transform: uppercase; margin-bottom: 10px; }
.pricing-title span {  font-size: 16px; display: block; margin-bottom: 12px; }
.pricing-list ul { margin-top: 30px; }
.pricing-list li { font-size: 16px; padding: 17px 0px; border-top: 1px solid #e8e8e8; }
.pricing-list li.text-gray { color: #C3BFBF; }
.pricing-order {  background: #323232; display: inline-block; position: relative; width: 100%; padding: 20px 0; }
.pricing-order .button-border { float: none; margin: 0 auto; width: 125px; padding: 8px 16px; }
.pricing-ribbon { position: absolute; left: -6px; top: -7px;}
.pricing-table.active { background: #00a9da; margin-top: -4px; position: relative; padding: 0; border:none; }
.pricing-table.active .pricing-title h2.text-bg { background: #323232; padding: 27px;}
.pricing-table.active .pricing-order { background: #058AB1; padding: 30px 0; }
.pricing-table.active .pricing-list ul  { margin-top: 31px; }
.pricing-table.active .pricing-list li  { border-color: #009fcd; color: #fff; }
.pricing-table.active .pricing-list li.text-light-blue  { color: #008cb4;  }
.pricing-table.pricing-table-border { border-left: 1px solid #e8e8e8;}
 /*pricing-2*/
.pricing-2 .pricing-table { background: #fff; }
.pricing-2 .pricing-table.active { background: #00a9da; }
.pricing-2 .pricing-table.active .pricing-title h2.text-bg { background: #00a9da; padding: 27px;}
.pricing-2 .pricing-order { background: #fff; padding: 20px 0; }
.pricing-2 .pricing-table.active .pricing-order { background: #00a9da; padding: 20px 0; }
.pricing-2 .pricing-table.active .pricing-list li.text-light-blue { color: #fff; }
.pricing-2 .pricing-table.active .pricing-title h3.text-bg { background: #00a9da; padding: 44px 0 30px; }
.pricing-2 .pricing-table.active .pricing-bg { background: #fff; color: #00a9da;}
.pricing-2 .pricing-title h3 { border-bottom:5px solid #00a9da; padding-bottom: 26px; margin-bottom: 0px; }
.pricing-2 .pricing-prize h2 { border-bottom:0px solid #00a9da; margin-bottom: 0px; padding-bottom: 0px;}
.pricing-2 .pricing-title span { padding: 13px 0; margin-bottom: 0px; }
.pricing-2 .pricing-table.active .pricing-title span { padding: 15px 0; margin-bottom: 0px; }
.pricing-2 .pricing-table.active .pricing-list ul { margin-top: 0px; }
.pricing-2 .pricing-table .pricing-list ul { margin-top: 0px; }
.pricing-2 .pricing-table.active { margin-top: -8px; }
.pricing-2 .pricing-table .pricing-ribbon { left: -3px; top: 8px; }
.pricing-2 .pricing-table.pricing-table-border { border-left: 0px solid #e8e8e8; }

/*************************************
    		 who we are
**************************************/
 /*who-we-are-left*/
 .owl-carousel-2 { overflow: hidden; }
 .owl-carousel-2 .owl-nav { display: block; position: absolute; text-indent: inherit; top: 46%; left: 0; width: 100%; cursor: pointer;  }
 .owl-carousel-2 .owl-nav .owl-prev {  display: block; position: absolute; text-indent: inherit; left: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; }
 .owl-carousel-2 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; }
 .owl-carousel-2 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: rgba(255, 255, 255, 0.7); padding: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
 .owl-carousel-2 .owl-nav i:hover { color: #626262; background: rgba(255, 255, 255, 1); }
 .who-we-are-left:hover .owl-carousel-2 .owl-nav .owl-prev { left: 0; }
 .who-we-are-left:hover .owl-carousel-2 .owl-nav .owl-next { right: 0; }
 /*who-we-are-right*/
 .about { overflow: hidden; }
 .who-we-are .who-we-are-left img { width: 100%; }
 .who-we-are-right h4 { margin-top: 0px; font-size: 25px; }
 .who-we-are-right a {  font-weight: 600; color: #00a9da; }
 .who-we-are-right-button a.button i { padding: 13px 10px; width: 46px; font-size: 14px;}
 .who-we-are-right-button a.button span { font-size: 13px; padding: 11px 15px; }
 ul.who-we-are-about i {  color: #00a9da; padding-right: 10px; }
 ul.who-we-are-about li { font-size: 14px; line-height: 30px;}
	 
/*************************************
    		Our activities
**************************************/
/*skillbar*/
.tooltip-s { position:relative; float:right; }
.tooltip-s .tooltip-inner {background-color: transparent; padding:5px 15px; color:#363636; font-weight:bold; font-size:13px;}
.popOver + .tooltip-s .tooltip-arrow {	border:none; }
.progress { border-radius:0;  overflow:visible;  height: 10px;  margin-bottom: 30px;  background: #eceff7; box-shadow: none; }
.our-activities .skills-2 b { font-weight: 300; font-size: 16px; display: inline-block; margin-bottom: 5px; text-transform: capitalize; }
 /*accordion*/
.accordion .accordion-title { font-size: 16px; color: #000; }
.accordion .accordion-title a { background: transparent; border: 1px solid #eceff7; display: block; position: relative; color: #626262; margin-top: -1px; text-decoration: none; padding: 11px 60px; font-weight: normal; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.accordion .accordion-title a:hover { text-decoration: none; background-color: transparent; color: #00a9da; }
.accordion .accordion-title a.active { color: #fff; background-color: #00a9da; cursor: default; border-color: #00a9da;  }
.accordion .accordion-title a:after { content: "\f067"; width: 20px; height: 20px; margin-top: -8px; position: absolute; top: 50%; left: 20px; font-family: 'FontAwesome';
  speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 14px; line-height: 20px; text-align: center; color: #626262;
  -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.accordion .accordion-title a.active:after,
.accordion .accordion-title a.active:hover:after { content: "\f068"; color: #fff; }
.accordion .accordion-title a:hover:after { color: #00a9da; }
.accordion-content { padding: 15px 20px; border: 1px solid #eceff7; }  

/*************************************
    		action-box 
**************************************/
.action-box { background: #00a9da; padding: 48px 0 40px; position: relative; }
.action-box-button a.button i { padding: 13px 10px; width: 46px; font-size: 14px; }
.action-box-button a.button span { font-size: 13px; padding: 11px 12px; }
.action-box-button .button.button-black { margin-right: 0px; }
 /*action-box 2*/
.action-box-2 { padding: 60px 0 45px; }
 /*action-box 3*/
.action-box-3 { padding: 30px 0; position: relative; background: #00a9da; }
.action-box-3:before { content: ""; position: absolute; bottom: -15px; left: 25%; width: 0; height: 0; border-style: solid; border-width: 0 21px 15px 0; border-color: transparent #00a9da transparent transparent; }
.action-box-3 h3 { line-height: 36px; }
.action-box-3 .action-box-button a.button i { padding: 13px 10px; width: 46px; font-size: 14px; }
.action-box-3 .action-box-button a.button span { font-size: 13px; padding: 11px 12px; }
.action-box-3 .action-box-button .button.button-black { margin-right: 0px; }
 
/*************************************
       Our awesome features
**************************************/
.feature-main .container-fluid { padding-left: 0 !important;  padding-right: 0 !important; }
.feature-main .container-fluid .row { margin-left: 0 !important;  margin-right: 0 !important; }
.feature-main .container-fluid .row [class*="col-"] { padding-left: 0 !important;  padding-right: 0 !important; }
.feature-mob { background: url("../images/feature/05.png") no-repeat scroll 0 0; display: inline-block; height: 630px; position: relative; width: 100%; }
.mob-scroll { display: inline-block; height: 630px; position: relative; width: 282px; }
.mob-scroll:hover .feature-mob-scroll { background-position: center 100% !important; }
.feature-mob .feature-mob-scroll { background-position: center 0; background-repeat: no-repeat; background-size: cover; height: 448px; left: 30px; position: absolute; top: 58px; width: 252px; transition: all 5s ease-out 0s; -webkit-transition: all 5s ease-out 0s; -o-transition: all 5s ease-out 0s; -moz-transition: all 5s ease-out 0s; -ms-transition: all 5s ease-out 0s; }
 .key-features-device { position: absolute; left: -260px; top: -20px; }


 /*most Awesome features dropping-words*/ 
 /*dropping-words*/
.dropping-words { display: inline; text-indent: 10px; }
.dropping-words-1 span { position: absolute; opacity: 0; text-transform: capitalize; height: 45px; overflow: hidden; color: #00a9da; -webkit-transform-origin: 10% 75%;	transform-origin: 10% 75%; -webkit-animation: rotateWord 18s linear infinite 0s; -ms-animation: rotateWord 18s linear infinite 0s; -moz-animation: rotateWord 18s linear infinite 0s; -o-animation: rotateWord 18s linear infinite 0s; animation: rotateWord 18s linear infinite 0s; }
.dropping-words span:nth-child(2) {  -webkit-animation-delay: 3s; -ms-animation-delay: 3s; -o-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; }
.dropping-words span:nth-child(3) {  -webkit-animation-delay: 6s; -ms-animation-delay: 6s; -o-animation-delay: 6s; -moz-animation-delay: 6s; animation-delay: 6s; }
.dropping-words span:nth-child(4) {  -webkit-animation-delay: 9s; -ms-animation-delay: 9s; -o-animation-delay: 9s; -moz-animation-delay: 9s; animation-delay: 9s; }
.dropping-words span:nth-child(5) {  -webkit-animation-delay: 12s; -ms-animation-delay: 12s; -o-animation-delay: 12s; -moz-animation-delay: 12s; animation-delay: 12s; }
.dropping-words span:nth-child(6) {  -webkit-animation-delay: 15s; -ms-animation-delay: 15s; -o-animation-delay: 15s; -moz-animation-delay: 15s; animation-delay: 15s; }
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; -webkit-transform: rotate(0deg); }
	19% { opacity: 1; -webkit-transform: rotate(98deg); }
	21% { opacity: 1; -webkit-transform: rotate(86deg); }
	23% { opacity: 1; -webkit-transform: translateY(85px) rotate(83deg); }
	25% { opacity: 0; -webkit-transform: translateY(170px) rotate(80deg); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; -ms-transform: rotate(0deg); }
	19% { opacity: 1; -ms-transform: rotate(98deg); }
	21% { opacity: 1; -ms-transform: rotate(86deg); }
	23% { opacity: 1; -ms-transform: translateY(85px) rotate(83deg); }
	25% { opacity: 0; -ms-transform: translateY(170px) rotate(80deg); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWord {
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; -o-transform: rotate(0deg); }
   19% { opacity: 1; -o-transform: rotate(98deg); }
   21% { opacity: 1; -o-transform: rotate(86deg); }
   23% { opacity: 1; -o-transform: translateY(85px) rotate(83deg); }
   25% { opacity: 0; -o-transform: translateY(170px) rotate(80deg); }
   80% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWord {
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; -moz-transform: rotate(0deg); }
   19% { opacity: 1; -moz-transform: rotate(98deg); }
   21% { opacity: 1; -moz-transform: rotate(86deg); }
   23% { opacity: 1; -moz-transform: translateY(85px) rotate(83deg); }
   25% { opacity: 0; -moz-transform: translateY(170px) rotate(80deg); }
   80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	19% { opacity: 1; -webkit-transform: rotate(98deg); transform: rotate(98deg); }
	21% { opacity: 1; -webkit-transform: rotate(86deg); transform: rotate(86deg); }
	23% { opacity: 1; -webkit-transform: translateY(85px) rotate(83deg); transform: translateY(85px) rotate(83deg); }
	25% { opacity: 0; -webkit-transform: translateY(170px) rotate(80deg); transform: translateY(170px) rotate(80deg); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
/*More awesome features home 5*/
.awesome-features { position: relative;}
.feature-item { position: relative; clear: both; }
.feature-item:before,
.feature-item:after { content:""; display:table; }
.feature-item:after { clear:both; }
.feature-item { zoom:1; }
.feature-details { float: right; width: 40%; padding-left: 20px; }
.feature-item:first-child .feature-details { background: transparent url(../images/try.png) no-repeat bottom left; padding-bottom: 60px; }
.feature-details h2 { color: #498EA5; margin-top: 0; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); padding-bottom: 10px; box-shadow:  0 1px 0 #DFDEDC, 0 2px 0 rgba(255,255,255,0.5); }
.feature-details p { color: #999; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); line-height: 22px; }
.feature-details p a { font-weight: bold; color: #498EA5; }
.feature-details p a:hover{ 	color: #2A3344; }
.feature-preview { position: relative; }
.feature-item-left .feature-details{	float: left; padding-right: 20px; padding-left: 0px; text-align: right; }
.feature-item img { width: 100%; margin: 0 auto; display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  filter: alpha(opacity=80); /*opacity: 0.8;*/ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.feature-annotations { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: alpha(opacity=0);
	opacity: 0; z-index: 5; -webkit-transform: scale(0.8); 	-moz-transform: scale(0.8); -o-transform: scale(0.8);-ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.feature-annotations span { display: block; position: absolute; padding: 12px 8px 0; text-align: center;   font-size: 16px; font-style: italic; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.feature-annotations span:after { background: transparent url("../images/001.png") no-repeat scroll 0 0; content: "";  height: 73px;  left: 100%;  position: absolute;  top: 50%;  width: 190px; }
.feature-annotations span:nth-child(1) {	top: 5%; left: 5%; }
.feature-annotations span:nth-child(2) { top: 20%; left: -13%; }
.feature-annotations span:nth-child(3) { top: 7%; right: 2%; }
.feature-annotations span:nth-child(4) {	top: 53%; right: -8%; }
.feature-annotations span:nth-child(5) { bottom: 25%; left: -4%; }
.feature-annotations span:nth-child(6) { top: -6%; left: 0%; right: 0%; }
.feature-item:nth-child(2) .feature-annotations span:nth-child(1) { top: 12%;	left: 37%; }
.feature-item:nth-child(2) .feature-annotations span:nth-child(2) { top: 32%; left: -5%; }
.feature-item:nth-child(2) .feature-annotations span:nth-child(3) { top: 40%;	right: -5%; }
.feature-annotations span:nth-child(3):after,
.feature-annotations span:nth-child(4):after,
.feature-item:nth-child(2) .feature-annotations span:nth-child(1):after { left: auto; right: 100%;  background-image: url(../images/002.png); }
.feature-item:nth-child(1) .feature-annotations span:nth-child(6):after { left: 50%; background-image: url(../images/003.png); margin-top: 25px; height: 150px; }
input.feature-toggle { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); opacity: 0; z-index: 100; border: none; cursor: pointer; }
input.feature-toggle:checked + img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); opacity: 1; -webkit-transform: scale(0.8);
	-moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
input.feature-toggle:hover + img{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); opacity: 1; }
input.feature-toggle:checked ~ .feature-annotations,
input.feature-toggle:checked ~ .feature-annotations span{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); opacity: 1; -webkit-transform: scale(1);
	-moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
input.feature-toggle:checked ~ .feature-annotations span:nth-child(1) { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s;
	transition-delay: 0.3s; }
input.feature-toggle:checked ~ .feature-annotations span:nth-child(2) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s;
	transition-delay: 0.6s; }
input.feature-toggle:checked ~ .feature-annotations span:nth-child(3) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; transition-delay: 0.8s; }
input.feature-toggle:checked ~ .feature-annotations span:nth-child(4) { -webkit-transition-delay: 1.0s; -moz-transition-delay: 1.0s; -o-transition-delay: 1.0s; -ms-transition-delay: 1.0s;
	transition-delay: 1.0s; }
input.feature-toggle:checked ~ .feature-annotations span:nth-child(5) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; -ms-transition-delay: 1.2s;
	transition-delay: 1.2s; }
	input.feature-toggle:checked ~ .feature-annotations span:nth-child(6) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; -ms-transition-delay: 1.2s;
	transition-delay: 1.4s; }
@media screen and (max-width: 730px){
	.feature-item .feature-details,
	.feature-preview { float: none; width: 100%;	padding: 0; text-align: left; }
	.feature-annotations span { font-size: 11px; }
}
.awesome-features-device { position: relative; width: 100%; }
.awesome-features-device img { position: absolute; left: -250px; top: 50px; display: block; }

 /*************************************
         key-features-2 
**************************************/
.key-features-2 .features-device .row [class*="col-"] { padding-left: 0 !important;  padding-right: 0 !important; }
.key-features-2 .features-device { margin-top: 310px; position: relative; z-index: 0;  }
.key-features-2 .features-device img.device-1 { position: absolute; bottom: 0px; bottom: -130px; left: 163px; z-index: 1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.key-features-2 .features-device img.device-2 { position: absolute; bottom: -80px;z-index: 1; left: 120px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.key-features-2 .features-device img.device-3 { position: absolute; bottom: -100px; z-index: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.key-features-2 .features-device img.device-4 { position: absolute; bottom: -160px; left: -140px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.key-features-2 .features-device img.device-1:hover { bottom: -110px; }
.key-features-2 .features-device img.device-2:hover { bottom: -60px; }
.key-features-2 .features-device img.device-3:hover { bottom: -80px; }
.key-features-2 .features-device img.device-4:hover { bottom: -140px; }
 
/*************************************
      our services
**************************************/
.service-image-holder { position: relative; height: 496px; }
.service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }  
.services-text-box { background:#00a9da; padding: 90px 70px 40px 90px;}

/*************************************
	     Counter
**************************************/
.counter-main b { font-size: 38px; display: block; color: #fff; font-family: 'Lato', sans-serif; font-weight: bold; margin: 10px 0px; }
.counter-main span { font-size: 40px; color: #fff;   }
.counter-main h5 { margin-bottom: 0px; }

/*************************************
	    	creativity
**************************************/
.creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px;	font-weight: bold; }
.creativity p { font-size: 30px; }
.creativity .button { display: inline-block; float: none; }
 
/*************************************
	    	News letter 
************************************/
.news-letter { padding: 50px 0; }
.news-letter p { margin-bottom: 0px; }
.news-letter .section-field { position: relative; display: block; }
.news-letter .section-field i { position: absolute; left: 0; padding: 15px; font-size: 14px; color: #363636; }
.news-letter .section-field input { padding-left: 35px; color: #363636; background: transparent; border:1px solid #363636; width: 80%; border-radius: 3px; }
.news-letter .section-field input:focus {  border:1px solid #00a9da; }
 
 
/*************************************
    		popup contact
**************************************/
.popup-contact { position: relative;  }
.popup-contact-box { position: absolute; bottom: 105px; left: 15px; z-index: 999; }
#contact-btn { bottom: 0; position: absolute; z-index: 99; background: #00a9da; color: #fff; width: 40px; border-radius: 3px; font-size: 18px; height: 40px; text-align: center; line-height: 40px; }
.popup-contact-box input:focus { border:1px solid; }
.contact-info { display:none; background-color:#eceff7; width:300px; min-height: 390px height:auto; border-radius: 3px; padding: 25px; }
.contact-info h4 { text-transform: capitalize; }
.contact-info .contact-form .section-field { display: inline; position: relative; width: 100%;  }
.contact-info .contact-form .field-widget {  position: relative; }
.contact-info .contact-form .section-field i { color: #00a9da; left: 0; position: absolute; z-index: 99; }
.contact-info .contact-form .section-field input { text-transform: capitalize; margin-bottom: 20px; margin-right: 17px; color:#363636; padding-left: 38px; width: 100%; border:1px solid #00a9da; border-radius: 3px; }
.contact-info .contact-form .section-field input:focus { border-color: #363636;}
.contact-info .contact-form textarea { width: 100%;  border: medium none; color: #363636; display: block; border:1px solid #00a9da; margin-bottom: 20px; border-radius: 3px; padding-left: 38px;  }
.contact-info .contact-form textarea:focus { border-color: #363636;}
.contact-info a.button-border span { padding: 8px 18px; margin-right: 0; }
.popup-contact-2 #contact-btn { background: #007da1; }

/*************************************
    		Let’s Get in Touch
**************************************/
.contact-box i { background: #eceff7; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #00a9da;/* margin-bottom: 20px;*/ }
/*contact form*/
.contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; }
.contact-form .section-field:nth-child(3) { margin-right: 0px; }
.contact-form .section-field i { position: absolute; left: 0; color: #00a9da; display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; z-index: 99; }
.contact-form .section-field input { position: relative;  width: 100%; margin-bottom: 20px; padding-left: 45px; clear: both; }
.contact-form .section-field.textarea { width: 100%; float: left; }
.contact-form .section-field.textarea textarea { padding-left: 45px; }

#formmessage { display: none; }
#formmessage-2 { display: none; }

/*contact-map*/
.contact-map .container-fluid { padding: 0px; margin: 0px; height: 450px; }

/*************************************
    		contact us 2 
**************************************/
.contact-2 .contact-box i { background: transparent; float: left; margin-right: 10px; line-height: 30px; top: -7px; }
.contact-2 .contact-box .info { display: table; }

/*************************************
    		contact us 3
**************************************/
.contact-3 .contact-map iframe { height: 800px; } 
.contact-3-info { padding: 40px; height: 800px; }
.contact-3-info .contact-add i { float: left; color: #00a9da; margin-right: 15px; line-height: 29px; }
.contact-3-info .contact-add p { display: table; }
.contact-3-info .contact-form input { background: rgba(0, 0, 0, .5); border:none; color: #fff; }
.contact-3-info .contact-form textarea { background: rgba(0, 0, 0, .5); border:none; color: #fff; }
.contact-3-info .contact-form input:focus { background: rgba(0, 0, 0, 1); }
.contact-3-info .contact-form textarea:focus { background: rgba(0, 0, 0, 1); }
.contact-3-info .contact-add i { width: 45px; height: 45px; text-align: center; border-radius: 50%; background: rgba(0, 0, 0, .5); line-height: 45px; }
/*contact-4*/
.contact-4 .contact-form input {  margin-bottom: 20px; width: 32%; margin-right: 2%; float: left; padding-left: 15px; }
.contact-4 .contact-form textarea {  padding-left: 15px; }
.contact-4 .contact-form input:nth-child(3) { margin-right: 0px; }
.contact-4 .contact-address ul li { display: block; color: #323232; padding-bottom: 20px; }
.contact-4 .contact-address ul li span { float: left; margin-right: 15px; }
.contact-4 .contact-address ul li p { display: table-cell; }
.contact-4 .contact-social ul li { display: inline-block; }
.contact-4 .contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; }
.contact-4 .contact-social ul li a:hover { background: #00a9da; color: #fff; }
 /*contact  */
.contact-5 .contact-add i { float: left; color: #00a9da; margin-right: 15px; line-height: 29px; }
.contact-5 .contact-add p { display: table; }
.contact-5 .contact-form i { z-index: 99; }
.contact-5 .contact-form input { background: rgba(0, 0, 0, .5); border:none; color: #fff; }
.contact-5 .contact-form textarea { background: rgba(0, 0, 0, .5); border:none; color: #fff; display: block; }
.contact-5 .contact-form input:focus { background: rgba(0, 0, 0, 1); box-shadow: none; border:none;  }
.contact-5 .contact-form textarea:focus { background: rgba(0, 0, 0, 1); box-shadow: none; border:0px solid; }

/*************************************
    		social
**************************************/
.social-full .container-fluid { padding: 0px; }
.social-full li { display: inline-block; float: left; width: 12.5%; }
.social-full li a {  background: #3a5897; height: 80px; display: block; text-align: center; line-height: 80px; color: #fff; font-size: 30px; }
.social-full li a.fb {  background: #3a5897; }
.social-full li a.fb:hover { box-shadow: 250px 0 0 #1e3667 inset; }
.social-full li a.twitter {  background: #41d1da; }
.social-full li a.twitter:hover { box-shadow: 250px 0 0 #249da5 inset; }
.social-full li a.pinterest {  background: #c3222b; }
.social-full li a.pinterest:hover {  box-shadow: 250px 0 0 #9d141c inset; }
.social-full li a.vimeo {  background: #41b2dc; }
.social-full li a.vimeo:hover { box-shadow: 250px 0 0 #2288ae inset; }
.social-full li a.dribbble {  background: #dd4b80; }
.social-full li a.dribbble:hover { box-shadow: 250px 0 0 #9e234f inset; }
.social-full li a.linkedin { background: #0274b3; }
.social-full li a.linkedin:hover { box-shadow: 250px 0 0 #025482 inset; }
.social-full li a.rss {  background: #ff9900; }
.social-full li a.rss:hover { box-shadow: 250px 0 0 #c57805 inset; }
.social-full li a.behance {  background: #005cff; }
.social-full li a.behance:hover { box-shadow: 250px 0 0 #0046c3 inset; }

/*************************************
    		Our History
**************************************/
 .history-main { width: 100%; }
 .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } 
 .liner i { position: absolute; right: -2px; top: -9px; color: #fff; }
 .history-content { list-style: outside none none; padding: 125px 0; width: auto; }
 .history-1 { position: relative; left: 45px; }
 .history-2 { position: relative; margin-left: 30%; }
 .history-3 { position: relative; margin-left:58%; }
 .history-4{ position: relative; margin-left: 95%; }
 .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; }
 .history-time-lin { position: relative; top: 10px; z-index: 2; }
 .history-time-lin:before { bottom: 0; }
 .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; }
 .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; }
 .history-time-lin:after { left: -10px; top: -25px; }
 .history-item { left: -20px; position: absolute;  top: -125px; }
 .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align:  center; display:block; } 
 .history-5 { position: relative; margin-left: 15%; }
 .history-6 { position: relative; margin-left: 53%; }
 .history-7 { position: relative; margin-left:78%; }
 .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; }
 .history-item-2 { left: -20px; position: absolute; top: 75px; }
 .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; }
 /*Our History */
.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; }
.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #eceff7; left: 50%; margin-left: -1.5px; }
.our-history .timeline > li { margin-bottom: 20px; position: relative; }
.our-history .timeline > li:before,
.our-history .timeline > li:after { content: " "; display: table; }
.our-history .timeline > li:after { clear: both; }
.our-history .timeline > li:before,
.our-history .timeline > li:after { content: " "; display: table; }
.our-history .timeline > li:after { clear: both;}
.our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 10px 30px 20px 30px; position: relative; }
.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -33px; display: inline-block; width: 42px; height: 4px; background: #eceff7; content: " "; }
.our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%;
  border:3px solid #00a9da; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #fff; }
.our-history .timeline > li.timeline-inverted > .timeline-panel {  float: right;}
.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -32px; right: auto; }
.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
 .our-history .timeline-body > p,
.our-history .timeline-body > ul { margin-bottom: 0; }
.our-history .timeline-body > p + p { margin-top: 5px; }
.our-history .timeline > li { text-align: right;}
.our-history .timeline > li.timeline-inverted { text-align: left;}
.our-history .timeline .text-muted { font-size: 14px; color: #626262;}
.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0; right: 0; text-align: center; color: #eceff7; bottom: -29px; }

/*************************************
           our-service objects 
**************************************/
.our-service { position: relative; padding-bottom: 400px; z-index: 1; }
.objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; }
.objects-left .objects-1 { position: absolute; left: 50px; top: 0; }
.objects-left .objects-2 { position: absolute; left: 100px; bottom: 250px; }
.objects-left .objects-3 { position: absolute; left: 50%; bottom: 250px; margin-left: -150px; }
.objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; }
.objects-right .objects-4 { position: absolute; right: 0px; top: 0; }
.objects-right .objects-5 { position: absolute; right: 0px; bottom: 250px; }

 /*************************************
             frequently       
**************************************/
.frequently .accordion .accordion-title a:after { right: 20px; left: inherit; }
.frequently .accordion .accordion-title a:hover { color: #00a9da; }
.frequently .accordion .accordion-title a.active { background: #fff; color: #00a9da; border: none;  }
.frequently .accordion .accordion-title a.active:after, .frequently .accordion .accordion-title a.active:hover:after { color: #00a9da; }
.frequently .accordion-content { border: none; background: #fff; margin-bottom: 15px; }
.frequently .accordion-content p { color: #919191; font-size: 13px; }
.frequently .accordion .accordion-title a { padding: 11px 25px; background: #fff; border: none; color: #323232; font-size: 16px; margin-bottom: 5px; }
.frequently .accordion .accordion-title a i { font-size: 14px; padding-right: 10px; }

/*************************************
         home-7
**************************************/
 div.style-customizer.box-icon a.opener { top: 400px; }

/*************************************
               news
**************************************/
.news { background: #eceff7; padding: 50px 60px 50px 40px; position: relative; z-index: 0; }
.news .meta ul li { display: inline-block; font-size: 14px; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; }
.news .meta a { display: block; font-size: 26px; font-weight: 300; color: #626262; margin-top: 10px; }
.news .button { margin-top: 25px;  }
.news .button a { text-transform: capitalize; font-size: 15px; color: #363636; position: relative;}
.news .button i { opacity: 0; position: absolute; left: 105px; margin-top: 0px; top: 5px; transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; font-size: 12px; }
.news .button a:hover  {   color: #00a9da; }
.news .button a:hover i { left: 120px;  opacity: 1;  color: #00a9da; }
.news .news-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; }
.news:hover .news-img { opacity: 1; }
.news-content { position: relative; z-index: 9; }
.news:hover:before, .news.active:before  { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%;
  left: 0; position: absolute; top: 0; width: 100%; z-index: 1;  -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } 
.news:hover .meta span { color: #fff; }
.news:hover .meta li, .news.active .meta li  { color: #fff; }
.news:hover .meta a, .news.active .meta a  { color: #fff; }
.news:hover .button a, .news.active .button a { color: #fff; }
.news:hover .meta a:hover { color: #00a9da; }
.news:hover .button a:hover { color: #00a9da; }
.news:hover .news-img, .news.active .news-img { opacity: 1; }
.latest-news .all-post a { color: #00a9da; font-size: 14px; }
.latest-news .all-post a i { padding-left:10px; }
.latest-news .all-post a:hover { color: #323232; }

/*************************************
             experience
**************************************/
.experience h1 { color: #282828; font-size: 180px; line-height: 150px; font-weight: bold; }
.experience span { color: #00a9da; display: block; margin: 10px 0px 25px; font-size: 14px; }
.experience  p { padding-right: 30px; }
.experience .owl-theme .owl-dots { text-align: center; margin-top: 15px; }
.experience .owl-theme .owl-dots .owl-dot span { background: transparent; border:3px solid #282828; border-radius: 0px; width: 20px; height: 20px; cursor: pointer; margin-top: 15px;  margin-bottom: 0px; }
.experience .owl-theme .owl-dots .owl-dot.active span, .experience .owl-theme .owl-dots .owl-dot:hover span { background: #282828; border-color: #282828; }

/*************************************
	    	inner-intro
**************************************/
.inner-intro { height: 410px; display: block; }
.inner-intro .container { display: table; height: 100%; position: relative; }
.inner-intro span { text-transform: capitalize; }
.inner-intro h1 { text-transform: capitalize; }
.intro-title { display: table-cell; vertical-align: bottom; }
.intro-title p { font-size: 18px; text-transform: capitalize; }
ul.page-breadcrumb li span {  color: #fff; font-size: 14px; text-transform: capitalize; }
ul.page-breadcrumb { padding-top: 60px; padding-bottom: 25px; }
ul.page-breadcrumb li { color: #fff; display: inline-block; list-style: none; }
ul.page-breadcrumb li i { font-size: 14px; padding: 0 7px;} 
ul.page-breadcrumb li a { color: #fff; font-size: 14px; text-transform: capitalize; }
ul.page-breadcrumb li a:hover {  color: #00a9da; }

/*************************************
	    	sidebar
**************************************/
.sidebar-widget p { margin-bottom: 0px; }
/*.widget-search */
.widget-search { position: relative; }
.widget-search input { padding-right: 30px; color: #626262; height: 45px; border-color: #eceff7; }
.widget-search i {  position: absolute; right: 0px; padding: 16px 12px; font-size: 14px; color: #626262; cursor: pointer;  }
.widget-search input:focus { border-color: #00a9da; } 
 /*widget-menu*/
 .widget-menu { position: relative; }
.widget-menu ul li a { font-size: 14px; display: block;  color: #626262; position: relative; }
.widget-menu i { padding-top: 4px;  position: absolute; right: 18px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; }
.widget-menu ul li a span { padding: 10px 10px 10px 0; display: block; font-size: 14px; }
.widget-menu ul li a span:hover { text-decoration: none; color: #00a9da; }
.widget-menu ul li.active { border-bottom: none; }
.widget-menu ul li.hover a { color: #00a9da; }
.widget-menu ul li.hover a span { background: transparent; color: #00a9da; }
.widget-menu ul ul li a span {color: #626262; }
.widget-menu ul ul li a span:hover {color: #00a9da; }
.widget-menu ul ul { display: none; padding-left: 20px;}
.widget-menu ul ul a { display: block; color: #626262; font-size: 14px;}
.widget-menu ul ul a:hover { color: #00a9da; }
.widget-menu ul li.active i { transform: rotate(90deg); }
/*Recent Posts*/
.sidebar-widget .recent-post { float: left; width: 100%; }
.sidebar-widget .recent-post-info span { padding-top: 4px; }
.sidebar-widget .recent-post-info a { color: #626262; }
.sidebar-widget .recent-post-info a:hover { color: #00a9da; }
.sidebar-widget .recent-post-info i { color: #00a9da; }
.sidebar-widget .recent-post:last-child { margin-bottom: 40px !important; }
/*widget-archives*/
.widget-archives li { display: block; margin-bottom: 13px; }
.widget-archives li a { font-size: 14px; color: #626262; line-height: 32px; display: block; }
.widget-archives li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; border:1px solid #626262; border-radius: 50%; width: 20px; height: 20px; text-align: center;  }
.widget-archives li a:hover { color: #00a9da; }
.widget-archives li a:hover i { border-color: #00a9da; color: #00a9da; }
/*tags*/
.sidebar-widget .tags li a:hover { background: #00a9da; border-color: #00a9da; color: #fff; }
/*************************************
	    	 Pages
**************************************/
/*************************************
	    	About me
**************************************/
.about-me .custom-content { margin-top: 0px; }
.about-me .maintenance-progress-bar { margin: 0; }
.about-me .maintenance-progress-bar .progress-bar { margin: 0 44px;  }
.maintenance-progress-bar .progress-bar .rotate { background: #00a9da !important; }
.maintenance-progress-bar .progress-bar .right { background: #00a9da !important; }
.about-me .portfolio-item { width: 100%;}
.about-me .contact-me p { color: #363636; margin: 15px 0; display: table; }
.about-me .contact-me i { float: left; color: #00a9da; margin-right: 15px; line-height: 23px; width: 20px; }
.about-me .follow-me ul { margin-top: 20px; }
.about-me .follow-me li { display: inline-block; }
.about-me .follow-me li a { background: #e4e4e4; color: #00a9da; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; }
.about-me .follow-me li a:hover { background: #00a9da; color: #fff; }

/*************************************
	    	Services 1 page
**************************************/
.service-page-tab #tabs { border: 1px  solid #eceff7; padding: 20px; }
.service-page-tab #tabs .tabs { text-align: left; }
.service-page-tab #tabs .tabs li { font-size: 16px; text-transform: uppercase; background: #eceff7; color: #626262; margin: 0 2px; padding: 10px 15px; }
.service-page-tab #tabs .tabcontent { text-align: left; padding: 15px 0 0; margin-bottom: 0px; }
.service-page-tab #tabs .tabcontent p { margin-bottom: 0px; }
.service-page-tab #tabs ul.tabs li.active, .service-page-tab #tabs ul.tabs li.active:focus, #tabs ul.tabs li:hover { color: #fff; }
.ripple { width: 0;  height: 0;  border-radius: 50%;  background: rgba(255, 255, 255, 0.4);  -webkit-transform: scale(0);  -ms-transform: scale(0);  transform: scale(0);
  position: absolute; opacity: 1; }
.rippleEffect { -webkit-animation: rippleDrop .6s linear;  animation: rippleDrop .6s linear; }
 @-webkit-keyframes 
rippleDrop {  100% {
 -webkit-transform: scale(2);
 transform: scale(2);
 opacity: 0;
}
}
 @keyframes 
rippleDrop {  100% {
 -webkit-transform: scale(2);
 transform: scale(2);
 opacity: 0;
}
}

/*************************************
	    	Services 2 page
**************************************/
.like-template h2 { text-transform: uppercase; }
.like-template p {  font-size: 18px; }
.premium-features b { margin-bottom: 0px; } 

/*************************************
	    	Services 3 page
**************************************/
.service-3 .row { margin-left: 0 !important;  margin-right: 0 !important; }
.service-3 .row [class*="col-"] { padding-left: 0 !important;  padding-right: 0 !important; }

/*************************************
	    	   Team 1 page
**************************************/
.meet-team .isotope-filters {  margin:0 auto 20px;  }
.team { background: #eceff7; padding: 10px; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.team .team-description { padding: 20px 0; }
.team h4 { font-weight: 500; margin-bottom: 5px; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.team span{ font-size: 16px; color: #00a9da; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.team p { margin-bottom: 0px; margin-top: 10px; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.team .team-social-icon { margin-bottom: 10px;}
.team .team-social-icon a i { background: #fff; border: 1px solid #cfd6e8; border-radius: 50%; color: #000; font-size: 14px; height: 40px; line-height: 40px; margin: 0 4px; text-align: center; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; width: 40px; }
.team.active .team-social-icon a i { border-color: #00a9da; }
.team .team-social-icon a i:hover { background: #00a9da; color: #fff; border-color: #fff; }
.team:hover, .team.active { background: #00a9da; }
.team:hover h4, .team.active h4 { color: #fff; }
.team:hover span, .team.active span { color: #fff; }
.team:hover p, .team.active p { color: #fff; }

/*************************************
	    	   Team 2 page
**************************************/
.team-2 { background: transparent; padding: 10px; }
.team-2 .team-images { position: relative;}
.team-2 span{ font-size: 15px; color: #00a9da; }
.team-2 .team-social-icon { margin-bottom: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); position: absolute; top: 54%; width: 100%; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.team-2 .team-social-icon a i { background: #fff; border-radius: 50%; color: #00a9da; font-size: 14px; height: 40px; line-height: 42px; margin: 0 4px; text-align: center; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; width: 40px; }
 .team-2 .team-social-icon a i:hover { background: #00a9da; color: #fff; }
 .team-details { background-color: rgba(0, 0, 0, 0.5); display: inline-block; left: 0; top: 0; opacity: 0; height: 100%; overflow: hidden; padding: 0; position: absolute; text-align: center; width: 100%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
 .team-2:hover .team-details { opacity: 1; }
 .team-2 .full-screen.columns-4 .grid-item { padding: 15px; }
 .team-2 .team-overlay { background: #00a9da; bottom: 0; height: 0; left: 0; position: absolute; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; width: 100%; z-index: 2; }
 .team-2 .portfolio-item img { transition:transform 0.35s ease 0s; -webkit-transition:transform 0.35s ease 0s; -o-transition:transform 0.35s ease 0s; -ms-transition:transform 0.35s ease 0s; -moz-transition:transform 0.35s ease 0s; }
 .team-2 .portfolio-item:hover .team-overlay { height: 115px; }
 .team-2 .portfolio-item:hover img  { transform :translate3d(0px, -60px, 0px); -webkit-transform :translate3d(0px, -60px, 0px); -moz-transform :translate3d(0px, -60px, 0px); -o-transform :translate3d(0px, -60px, 0px); -ms-transform :translate3d(0px, -60px, 0px);  }
 .team-2 .team-overlay .social { background: #363636; padding: 10px 0; }
 .team-2 .team-overlay .social li { display: inline-block; }
 .team-2 .team-overlay .social li a { display: block; font-size: 14px; padding: 0 10px; font-weight: normal;  color: #fff;  }
 .team-2 .team-overlay .social li a:hover { color: #00a9da; }
 .team-2 .team-overlay .info { background: #00a9da; padding:12px 0px; }
 .team-2 .team-overlay .info h5 { margin-bottom: 3px; text-transform: capitalize; }
 .team-2 .team-overlay .info span { color: #363636; font-size: 14px; }
 .team-2 .team-2-box img { transition:transform 0.35s ease 0s; -webkit-transition:transform 0.35s ease 0s; -o-transition:transform 0.35s ease 0s; -ms-transition:transform 0.35s ease 0s; -moz-transition:transform 0.35s ease 0s;}
 .team-2 .team-2-box { position: relative; overflow: hidden; position: relative; width: 100%; }
 .team-2 .team-2-box:hover .team-overlay, .team-2 .team-2-box.active .team-overlay { height: 115px; }
 .team-2 .team-2-box:hover img, .team-2 .team-2-box.active img { transform :translate3d(0px, -60px, 0px); -webkit-transform :translate3d(0px, -60px, 0px); -moz-transform :translate3d(0px, -60px, 0px); -o-transform :translate3d(0px, -60px, 0px); -ms-transform :translate3d(0px, -60px, 0px);  }

 /*************************************
	    	   Team 3
**************************************/
.team-3-main { position: relative; }
.team-3 { background: transparent; border:5px solid #fff; position: relative; z-index: 9; }
.team-3 .team-images { position: relative;}
.team-3 .team-description { padding: 20px 0 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); bottom: 40px; position: absolute;  width: 100%;  }
.team-3 h4 { margin-bottom: 5px; color: #fff; }
.team-3 span{ font-size: 15px; color: #fff; }
.team-3 p { font-size: 13px; margin-bottom: 0px; margin-top: 10px; }
.team-3 .team-social-icon {  transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%);  position: absolute; bottom: 0; width: 100%; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.team-3 .team-social-icon a i { background: #fff; border-radius: 50%; color: #00a9da; font-size: 14px; height: 40px; line-height: 42px; margin: 0 4px; text-align: center; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; width: 40px; }
 .team-3 .team-social-icon a i:hover { background: #00a9da; color: #fff; }
 .team-details { background-color: rgba(0, 0, 0, 0.5); display: inline-block; left: 0; top: 0; opacity: 0; height: 100%; overflow: hidden; padding: 0; position: absolute; text-align: center; width: 100%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
 .team-3:hover .team-details { opacity: 1; }
 .team-3-device { background: url(../images/device/device-5.png) no-repeat; background-size: 100%; height: 80px; bottom:  0px; left: 0; right: 0; width: 100%; position: absolute; display: inline-block; z-index: 0; }
/*owl-carousel-11*/
 .team-3-main .owl-carousel-11 { padding: 0 50px; margin-bottom: 65px; }
 .owl-carousel-11 .owl-nav { display: block; position: absolute; text-indent: inherit; top: 46%; left: 0; width: 100%; cursor: pointer;  }
 .owl-carousel-11 .owl-nav .owl-prev {  display: block; position: absolute; text-indent: inherit; right: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; }
 .owl-carousel-11 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit;  left: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; }
 .owl-carousel-11 .owl-nav i { font-weight: normal; font-size:35px; color: #626262; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
 .owl-carousel-11 .owl-nav i:hover { color: #00a9da; }

 /*team-4*/
 .team-4 .team-image img { border-radius: 50%; margin-bottom: 20px; } 
 .team-4 .team-name h5 { color: #00a9da; font-size: 18px; text-transform: uppercase; font-weight: 400; margin-top: 30px; display: block; }
 .team-4 .team-name span { color: #626262; font-size: 14px; }
 .team-4 .team-social { margin-top: 15px; }
 .team-4 .team-social ul li { display: inline-block; }
 .team-4 .team-social ul li a { display: block; width: 30px; height: 30px; line-height: 32px; color: #626262; font-size: 12px; background: #eceff8; border-radius: 50%; margin: 0px 2px; }
 .team-4 .team-social ul li a:hover { background: #323232; color: #fff; }

/*************************************
	    	   Portfolio page
**************************************/
/*portfolio single page*/
.port-singal .owl-carousel-2 .item img { width: 100%; }
/*port-title*/
.port-title i { color: #00a9da; float: left; margin-right: 20px; font-size: 30px; }
.port-title h3 { display: table; }
/*tags-2*/
.tags-2 h5 { display: inline-block; margin-bottom: 0px; margin-top: 4px; }
.tags-2 ul { display: inline-block; }
.tags-2 li { display: inline-block; margin-left: 5px; }
.tags-2 li a { display: block; background: #eceff7; font-size: 14px; color: #626262; padding: 2px 5px; }
.tags-2 li a:hover {  background: #00a9da; color: #fff; }
/*port-meta*/
.port-meta ul { margin-bottom: 30px; }
.port-meta li { margin-bottom: 20px; font-size: 16px; }
.port-meta li b {  color: #00a9da; width: 200px; font-weight: 400; width: 100px; display: inline-block; }
.port-meta li span { font-weight: normal; }
.port-info p { margin-bottom: 0px; }
/*port-navigation*/
.port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;}
.port-navigation a { color: #626262; }
.port-arrow { height: 74px; width: 40px; text-align: center; background: #eceff7; display: inline-block;}
.port-arrow i {  text-align: center; font-size: 25px; line-height: 75px;}
.port-photo { width: 124px; height: 77px; display: inline-block; }
.port-photo img { width: 100%; }
/*port-post*/
.port-post { background: #eceff7; padding: 15px; }
.port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; }
.port-post-photo img { width: 100%;  }
/*port-post-info*/
.port-post-info { padding-left: 190px;}
.port-post-info h3 { display: inline-block; font-size: 24px;  }
.port-post-info span { color: #626262; }
.port-post-social strong { font-size: 14px; }
.port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; }
.port-post-social a:hover { color: #00a9da; }
.port-post-info p { margin-top: 10px; }
/*related-work */
.owl-carousel-7 img { width: 100%; }
.owl-carousel-7 .owl-nav { display: block; position: absolute; text-indent: inherit; top: -50px; left: 0; width: 100%; cursor: pointer;  }
.owl-carousel-7 .owl-nav .owl-prev {  display: block; position: absolute; text-indent: inherit; right: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; }
.owl-carousel-7 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 30px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; }
.owl-carousel-7 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: #eceff7; padding: 5px 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.owl-carousel-7 .owl-nav i:hover { color: #fff; background: #00a9da; }
.related-work .portfolio-item { width: 100%; }
.related-work .portfolio-item .portfolio-overlay { display: inline-block; left: 0;  position: absolute;  text-align: center;  top: 50%;  transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%);  width: 100%; } 
/*portfolio Classic 1 columns */
.isotope-filters { display: table; margin:0 auto 50px; text-align: center; }
.isotope-filters  button {  border:none; margin: 4px; cursor: pointer; color: #626262; padding: 5px 18px; font-size: 16px; border-radius: 3px; background: transparent; border:1px solid #626262; text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.isotope-filters  button:focus { outline: none;  outline-style: none; outline-offset:0; }
.isotope-filters  button.active, .isotope-filters  button:hover { background: #00a9da; color: #fff; border-color: #00a9da; }
/*portfolio-block hover*/
.portfolio-block .portfolio-item { width: 100%; position: relative;  overflow: hidden; }
.portfolio-block .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; }
.portfolio-block .portfolio-item .portfolio-caption a { display: inline-block; color: #fff; font-size: 18px; }
.portfolio-block .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; color: #00a9da; text-transform: capitalize; }
.portfolio-block .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; }
.portfolio-block .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; padding-left: 0px; text-align: center; line-height: 38px; }
.portfolio-block .portfolio-item .portfolio-overlay a i { font-size: 16px; } 
.portfolio-block .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff;} 
 /*grid item*/
.portfolio-block .grid-item { position: relative; height: auto; margin-bottom: 40px; width: 100%; }
.portfolio-block .grid-item img { width: 100%; }
.portfolio-block ul.port-tag li { display: inline-block; } 
.portfolio-block ul.port-tag li a { display: block; font-size: 14px; color: #626262; padding-right: 5px; } 
.portfolio-block ul.port-tag li a:hover { color: #00a9da; } 
.portfolio-block ul.list-style li { display: block; } 
.portfolio-block ul.list-style li a { font-size: 14px; color: #626262; padding-right: 5px; } 
.portfolio-block ul.list-style li i { padding-right: 10px; } 
.portfolio-block ul.list-style li a:hover { color: #00a9da; } 
/*portfolio-item*/
.portfolio-block .portfolio-item { width: 100%; }
.portfolio-block .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center;  top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
/*portfolio 1 columns sidebar*/
.portfolio-sidebar.portfolio-block a.title { background: transparent; width: 100%; color: #fff; padding-left: 0; } 
.portfolio-sidebar.portfolio-block a.title:hover { background: transparent !important; color: #00a9da; }
.portfolio-sidebar.portfolio-block ul.port-tag  { margin-bottom: 10px; } 
.portfolio-sidebar.portfolio-block ul.port-tag li a { background: transparent; color: #fff; margin-right:20px; } 
.portfolio-sidebar.portfolio-block ul.port-tag li a:hover { background: transparent; color: #00a9da; }
.portfolio-sidebar .button-group.filters-button-group { margin-bottom: 42px; } 
 /*portfolio 2 columns fullwidth*/
.portfolio-fullwidth.portfolio-block.columns-2 .grid-item { margin-bottom: 0px; width: 50%; }
.portfolio-fullwidth.portfolio-block.columns-2 a.title { background: transparent !important; width: 100%; color: #fff; } 
.portfolio-fullwidth.portfolio-block.columns-2 a.title:hover { background: transparent !important; width: 100%; color: #00a9da; } 
.portfolio-fullwidth.portfolio-block.columns-2 ul.port-tag  { margin-bottom: 10px; } 
.portfolio-fullwidth.portfolio-block.columns-2 ul.port-tag li a { background: transparent; color: #fff; margin-right:20px;  } 
.portfolio-fullwidth.portfolio-block.columns-2 ul.port-tag li a:hover { background: transparent; color: #00a9da; }
.portfolio-fullwidth.columns-2 .button-group.filters-button-group { margin-bottom: 42px; }
/*portfolio 2 columns sidebar */
 .portfolio-sidebar.portfolio-block.columns-2 .grid-item { margin-bottom: 0px; width: 50%; }
 .portfolio-sidebar.portfolio-block.columns-2 .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center;  top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
/* portfolio 3 columns sidebar */
 .portfolio-sidebar.portfolio-block.columns-3 .grid-item { margin-bottom: 0px; width: 33.33%; }
 .portfolio-sidebar.portfolio-block.columns-3 .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center;  top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
/* portfolio 3 columns fullwidth  */
.portfolio-fullwidth.portfolio-block.columns-3 .grid-item { margin-bottom: 0px; width: 33.33%; }
.portfolio-fullwidth.portfolio-block.columns-3 a.title { background: transparent !important; width: 100%; color: #fff; } 
.portfolio-fullwidth.portfolio-block.columns-3 a.title:hover { background: transparent; width: 100%; color: #00a9da; } 
.portfolio-fullwidth.portfolio-block.columns-3 ul.port-tag  { margin-bottom: 10px; } 
.portfolio-fullwidth.portfolio-block.columns-3 ul.port-tag li a { background: transparent; color: #fff; margin-right:20px;  } 
.portfolio-fullwidth.portfolio-block.columns-3 ul.port-tag li a:hover { background: transparent; color: #00a9da; }
.portfolio-fullwidth.columns-3 .button-group.filters-button-group { margin-bottom: 42px; }
/* portfolio 4 columns sidebar */
.portfolio-sidebar.portfolio-block.columns-4 .grid-item { margin-bottom: 0px; width: 25%; }
.portfolio-sidebar.portfolio-block.columns-4 .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center;  top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
.portfolio-sidebar.portfolio-block.columns-4 ul.port-tag { margin-bottom: 3px; }
.portfolio-sidebar.portfolio-block.columns-4 ul.port-tag li a { font-size: 13px;}
.portfolio-sidebar.portfolio-block.columns-4 .portfolio-overlay a { height: 30px; line-height: 26px; margin-left: 0px; padding-left: 0; text-align: center; width: 30px; }
.portfolio-sidebar.portfolio-block.columns-4  a.title { margin-left: 0px; font-size: 14px; background: transparent; width: 100%; height: 100%; }
.portfolio-sidebar.portfolio-block.columns-4 .portfolio-overlay i { font-size: 12px; }
/* portfolio 4 columns fullwidth */
.portfolio-fullwidth.portfolio-block.columns-4 .grid-item { margin-bottom: 0px; width: 25%; }
.portfolio-fullwidth.portfolio-block.columns-4 a.title { background: transparent !important; width: 100%; color: #fff; } 
.portfolio-fullwidth.portfolio-block.columns-4 a.title:hover { background: transparent; width: 100%; color: #00a9da; } 
.portfolio-fullwidth.portfolio-block.columns-4 ul.port-tag  { margin-bottom: 10px; } 
.portfolio-fullwidth.portfolio-block.columns-4 ul.port-tag li a { background: transparent; color: #fff; margin-right:20px;  } 
.portfolio-fullwidth.portfolio-block.columns-4 ul.port-tag li a:hover { background: transparent; color: #00a9da; }
.portfolio-fullwidth.columns-4 .button-group.filters-button-group { margin-bottom: 42px; }
/* portfolio fullwidth packetry */
.packetry .item { float: left;  width: 25%; height: auto !important; padding: 0px; margin: 0px; border:0px solid transparent; }
.packetry .item.width2 { width: 50%; }
.packetry .item img { width: 100%; }
.packetry .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center;  top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
.packetry .portfolio-item .portfolio-overlay a.title { background: transparent; width: 100%; color: #fff; }
.packetry .portfolio-item .portfolio-overlay a.title:hover { color: #00a9da; background: none; }
.packetry .portfolio-item .portfolio-overlay ul.port-tag  { margin-bottom: 5px; } 
.packetry .portfolio-item .portfolio-overlay ul.port-tag li { display: inline-block; margin: 0 6px; } 
.packetry .portfolio-item .portfolio-overlay ul.port-tag li a { background: transparent; color: #fff; margin-right:10px;  } 
.packetry .portfolio-item .portfolio-overlay ul.port-tag li a:hover { color: #00a9da; } 
.packetry .portfolio-item { width: 100%; position: relative;  overflow: hidden; }
.packetry .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; }
.packetry .portfolio-item .portfolio-caption a { display: inline-block; color: #fff; font-size: 18px; }
.packetry .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; color: #00a9da; text-transform: capitalize; }
.packetry .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; }
.packetry .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; padding-left: 0px; text-align: center; line-height: 38px; }
.packetry .portfolio-item .portfolio-overlay a i { font-size: 16px; } 
.packetry .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff;}  
/*masonry menu*/
.isotope-filters-2 { display: table; margin:0 auto 50px;  }
.isotope-filters-2 button {  border:none; margin: 2px; cursor: pointer; color: #626262; padding: 5px 18px; font-size: 16px; border-radius: 3px; background: transparent; border:1px solid #626262; text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }
.isotope-filters-2 button:focus { outline: none;  outline-style: none; outline-offset:0; }
.isotope-filters-2 button.active, .isotope-filters-2 button:hover { background: #00a9da; color: #fff; border-color: #00a9da; }
/* portfolio masonry columns 2 and 3 */
.masonry .grid-sizer,
.masonry.columns-2 .masonry-item { width: 50%; padding: 5px; }
.masonry .masonry-item { float: left; }
.masonry .masonry-item img { display: block; width: 100%; }
.masonry .portfolio-item .portfolio-overlay .portfolio-item { width: 100%; }
.masonry .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
.masonry .portfolio-item .portfolio-overlay a.title { background: transparent; width: 100%; color: #fff; }
.masonry .portfolio-item .portfolio-overlay a.title:hover { color: #00a9da; background: none; }
.masonry .portfolio-item .portfolio-overlay ul.port-tag  { margin-bottom: 5px; }
.masonry .portfolio-item .portfolio-overlay ul.port-tag li { display: inline-block; margin: 0 6px; }
.masonry .portfolio-item .portfolio-overlay ul.port-tag li a { background: transparent; color: #fff; margin-right:20px;  } 
.masonry .portfolio-item .portfolio-overlay ul.port-tag li a:hover { color: #00a9da; } 
.masonry.columns-3 .masonry-item { width: 33.333%; padding: 5px; }
.masonry.full-screen .masonry-item { width: 20%; padding: 5px; }
.masonry .portfolio-item { width: 100%; position: relative;  overflow: hidden; }
.masonry .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; }
.masonry .portfolio-item .portfolio-caption a { display: inline-block; color: #fff; font-size: 18px; }
.masonry .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; color: #00a9da; text-transform: capitalize; }
.masonry .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; }
.masonry .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; padding-left: 0px; text-align: center; line-height: 38px; }
.masonry .portfolio-item .portfolio-overlay a i { font-size: 16px; } 
.masonry .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff;} 
/* portfolio masonry columns 4 */
.masonry.columns-4 .masonry-item { width: 20%; padding: 5px; }
.masonry.columns-4 ul.port-tag { margin-bottom: 3px; }
.masonry.columns-4 ul.port-tag li a { font-size: 13px;}
.masonry.columns-4 .portfolio-overlay a { height: 30px; line-height: 26px; margin-left: 0px; padding-left: 0; text-align: center; width: 30px; }
.masonry.columns-4  a.title { margin-left: 0px; font-size: 14px; background: transparent; width: 100%; height: 100%; }
.masonry.columns-4 .portfolio-overlay i { font-size: 12px; }
.masonry-main .container-fluid { padding: 0px; }
/* portfolio masonry columns 4 */
.full-screen.columns-2 .grid-item { width: 50%; padding: 0px; }
.full-screen.columns-3 .grid-item { width: 33.333%; padding: 0px; }
.full-screen.columns-4 .grid-item { width: 25%; padding: 0px; }
.full-screen.columns-5 .grid-item { width: 20%; padding: 0px; }
.full-screen .grid-item { float: left; }
.full-screen .grid-item img { display: block; width: 100%; }
/*portfolio-block hover*/
.full-screen .portfolio-item { width: 100%; position: relative;  overflow: hidden; }
.full-screen .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; }
.full-screen a.title { background: transparent; width: 100%; color: #00a9da; }
.full-screen .portfolio-item .portfolio-overlay ul.port-tag  { margin-bottom: 5px; }
.full-screen .portfolio-item .portfolio-overlay ul.port-tag li { display: inline-block; margin: 0 6px; }
.full-screen .portfolio-item .portfolio-overlay ul.port-tag li a { background: transparent; color: #fff; margin-right:20px; } 
.full-screen .portfolio-item .portfolio-overlay ul.port-tag li a:hover { color: #00a9da; } 
.full-screen .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; }
.full-screen .portfolio-item .portfolio-caption a.title { margin-left: 0px; font-size: 14px; background: transparent; width: 100%; height: 100%; font-size: 18px; color: #fff; }
.full-screen .portfolio-item .portfolio-caption a.title:hover { color: #00a9da; background: none; }
.full-screen .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; color: #00a9da; text-transform: capitalize; }
.full-screen .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; }
.full-screen .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; padding-left: 0px; text-align: center; line-height: 40px; }
.full-screen .portfolio-item .portfolio-overlay a i { font-size: 16px; } 
.full-screen .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff;} 
 
/*************************************
	    	   blog page
**************************************/ 
 /* blog-single 1*/
.blog-single blockquote.entry-quote p { font-size: 16px;}
.blog-single .tags-2 ul { display: inline-block; }
.owl-carousel-13 img { width: 100%; }
.owl-carousel-13 .owl-nav { display: block; position: absolute; text-indent: inherit; top: -40px; left: 0; width: 100%; cursor: pointer;  }
.owl-carousel-13 .owl-nav .owl-prev {  display: block; position: absolute; text-indent: inherit; right: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; }
.owl-carousel-13 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 30px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; }
.owl-carousel-13 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: #eceff7; padding: 5px 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.owl-carousel-13 .owl-nav i:hover { color: #fff; background: #00a9da; }
/*blog img hover*/
.blog .portfolio-item { width: 100%; position: relative;  overflow: hidden; }
.blog .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; }
.blog .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 38px; }
.blog .portfolio-item .portfolio-overlay a i { font-size: 16px; } 
.blog .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff;} 
/*blog-comments*/
.comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #eceff7; margin-right: 20px; }
.comments-1 .comments-photo img { width: 100%; }
.comments-1 .comments-info { display: table; background: #eceff7; padding: 20px; margin-bottom: 20px; }
.comments-1 .comments-info h4 { display: inline-block; } 
.comments-1 .comments-info span { font-size: 13px; color: #626262; } 
.comments-1 .comments-info a { color: #00a9da; }
.comments-1 .comments-info a:hover { color: #363636; }
.comments-1.comments-2 { padding-left: 127px; }
.comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; }
/* blog post 2 */
.owl-carousel-6 { overflow: hidden; }
.owl-carousel-6 img { width: 100%; }
.owl-carousel-6 .owl-nav { display: block; position: absolute; text-indent: inherit; top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer;  }
.owl-carousel-6 .owl-nav .owl-prev {  display: block; position: absolute; text-indent: inherit; left: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; }
.owl-carousel-6 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; }
.owl-carousel-6 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: rgba(255, 255, 255, 0.7); padding: 8px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.owl-carousel-6 .owl-nav i:hover { color: #626262; background: rgba(255, 255, 255, 1); }
.blog-entry-slider:hover .owl-carousel-6 .owl-nav .owl-prev { left: 0; }
.blog-entry-slider:hover .owl-carousel-6 .owl-nav .owl-next { right: 0; }
.blog-entry-slider .owl-carousel .owl-stage-outer { overflow: hidden; }
/*blog-entry*/
.blog-entry { margin: 0; }
.entry-title i { color: #00a9da; float: left; margin-right: 20px; font-size: 30px; line-height: 33px; }
.entry-title h3 { display: table; }
.entry-title h4 { display: table-cell; line-height: 30px; }
.blog.blog-grid .entry-title i { font-size: 24px; }
/*entry-meta*/
.entry-meta a { font-size: 14px; margin-right: 10px; color: #626262; }
.entry-meta i { font-size: 14px; color: #00a9da; padding-right: 3px; }
.entry-meta a:hover { color: #00a9da; }
/*entry-content*/
.entry-content p { margin-bottom: 0px; }
.blog-entry-image .portfolio-item { width: 100%; }
.blog-entry-image .portfolio-item .portfolio-overlay { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0;  display: inline-block; text-align: center; width: 100%;
  z-index: 2; }
/*blog-entry-grid*/
 .blog-entry-grid .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; }
 .blog-entry-grid .grid-post li img { width: 100%;  }
 .blog-entry-grid .grid-post li .portfolio-item { width: 100%; }
 .blog-entry-grid .grid-post li .portfolio-item .portfolio-overlay {  position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0;  display: inline-block; text-align: center; width: 100%;
  z-index: 2; }
/*video vimeo and youtube*/
 .js-video { height: 0;  padding-top: 25px;  padding-bottom: 53.5%;  margin-bottom: 10px;  position: relative;  overflow: hidden;}
 .js-video.widescreen {  padding-bottom: 34.34%; }
 .js-video.vimeo {  padding-top: 0; }
.js-video embed, .js-video iframe, .js-video object, .js-video video {  top: 0;  left: 0;  width: 100%;  height: 100%;  position: absolute; }
/*blockquote*/
blockquote.entry-quote { border: none; }
.entry-quote { background: #eceff7; padding: 25px; }
.entry-quote i { float: left; font-size: 30px; color: #bfc5d6; margin-top: 10px; margin-right: 20px; }
.entry-quote p { display: table; font-size: 18px; text-shadow:1px 1px 0px #fff; line-height: 35px; vertical-align: top; }
.quote-author a { color: #363636; }
.quote-author a:hover { color: #00a9da; }
/*pagination-nav*/
.pagination { margin:0px; }
.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 3px; }
.pagination > li > a, .pagination > li > span { padding: 10px 18px; border-color: #eceff7; }
.pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover  { background-color:#00a9da; border-color: #00a9da; color: #fff; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#00a9da; border-color: #00a9da; color: #fff; }
/* blog-grid  2 column */
.blog-grid .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; }
/* blog-grid  3 column */
.blog-grid-3-column .blog-entry-audio { padding: 101px 20px 88px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; }
.blog-grid-3-column .entry-title h4 { display: table; }
.blog-grid-3-column .entry-title i { font-size: 20px; float: left; }
.blog-grid-3-column .entry-meta a { margin-right: 2px; }
.blog-grid-3-column .entry-quote p { line-height: 25px; }
/* blog 2 column masonry */
.masnary-blog-3-columns .entry-meta a { font-size: 13px; display: inline-block; }
.masnary-blog-2-columns .masonry.columns-2 .masonry-item {  padding: 0 15px 0px;   } 
.masnary-blog-2-columns .blog-entry-image .portfolio-item .portfolio-overlay { margin: 0; }
/* blog 3 column masonry */
.masnary-blog-3-columns .masonry.columns-3 .masonry-item {  padding: 0 15px 0px;   } 
.masnary-blog-3-columns .entry-quote p { font-size: 16px;}
.masnary-blog-3-columns .entry-title i { font-size: 24px; }
/* blog 2 column masonry sidebar */
.masnary-blog-2-columns-sidebar .masonry.columns-2 .masonry-item {  padding: 0 15px 0px;   } 
.masnary-blog-2-columns-sidebar .entry-quote p { font-size: 16px;}
.masnary-blog-2-columns-sidebar .entry-title i { font-size: 24px; }
 /*timeline blog*/
.blog .timeline { list-style: none;  padding: 20px 0 20px;  position: relative; }
.blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " ";  width: 4px;  background-color: #eceff7;  left: 50%;  margin-left: -1.5px; }
.blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; }
.blog .timeline > li:before,
.blog .timeline > li:after { content: " "; display: table; }
.blog .timeline > li:after { clear: both; }
.blog .timeline > li:before,
.blog .timeline > li:after { content: " "; display: table; }
.blog .timeline > li:after { clear: both; }
.blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #eceff7;
  padding: 20px;  transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #eceff7;
  border-right: 0 solid #eceff7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.blog .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: " "; }
.blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #eceff7; background: #fff;
  border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #eceff7; top: 16px; right: -73px; /*z-index: 100;*/ }
.blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; }
.blog .timeline > li.timeline-inverted > .timeline-panel { float: right; }
.blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
.blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.blog .timeline-title {  margin-top: 0; color: inherit; }
.blog .timeline-body > p,
.blog .timeline-body > ul { padding:20px;  margin-bottom: 0; }
.blog .timeline-body > p + p { margin-top: 5px; }
.blog .timeline-footer { padding:20px; background-color:#f4f4f4; }
.blog .timeline-footer > a { cursor: pointer; text-decoration: none; }
.blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom:    0px; }
.blog .timeline > li:nth-child(2){ margin-top: 60px; }
.blog .timeline > li:nth-child(3){ margin-top: 60px; }
.blog .timeline .entry-title i { font-size: 24px;}
.blog .timeline-inverted .timeline-badge { margin-top: 70px}
.blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; }
.blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; }
.blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; }
.blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
.blog .timeline li.entry-date span { background: #eceff7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 15px;border-radius: 3px;}
.blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; }
.blog .timeline li.entry-date-bottom a {  background: #eceff7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 15px; border-radius: 3px; }
.blog .timeline li.entry-date-bottom a:hover {  background: #00a9da; color: #fff; }
.blog .timeline li:hover .timeline-panel { border-color: #00a9da; }
.blog .timeline li:hover .timeline-badge a { color: #fff; }
.blog .timeline li:hover .timeline-badge{ background: #00a9da; border-color: #00a9da;  }
.blog .timeline li:hover .timeline-panel:before { border-left-color: #00a9da; border-right-color: #00a9da; }
.blog .blog.timeline .entry-quote p { font-size: 16px; }
/* blog 2 column masonry left sidebar */
.blog.timeline-sidebar .timeline li { width: 89%; }
.blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;}
.blog.timeline-sidebar .timeline:before { left: 54px; }
.blog.timeline-sidebar .timeline li.entry-date { text-align: left;}
.blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;}
.blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; }
.blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; }
.blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; 	}
.blog.timeline-sidebar .timeline li.entry-date { top: 3px; }
.blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 8px 10px; }
.blog.timeline-sidebar .timeline li.entry-date-bottom {  bottom: -48px; }
.blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 8px 10px; }
.blog.timeline-sidebar .timeline li .share ul li { width: auto; }

/*************************************
	    	  404 error 1
**************************************/ 
.error-block { background: url(../images/error-bg.png) no-repeat; background-position: center center; padding:130px 0px; }
.error-block h1 { font-size: 87px; }
.error-block p { font-size: 33px; }
.error-search-box { width: 76%; margin: 0 auto; }
.error-search-box p { font-size: 18px; text-align: center; }
.error-search-box a.link { background: #00a9da; color: #fff; padding: 0 5px; }
.error-search-box a.link:hover { background: #323232; }
.error-search-box input { width: 85%; background: transparent; border: 1px solid #eceff7; color: #626262; padding-left: 20px; border-radius: 3px; } 
.error-search-box input:focus {  border: 1px solid #00a9da; } 

 /*************************************
	    	  404 error 2
**************************************/
.error-404-2 .error-block { background: transparent; padding-bottom: 50px; }
.error-404-2 .error-block h1 { font-size: 380px; color: #c2c2c2; opacity: 0.7; line-height: 320px; }
.error-404-2 .error-block p { font-size: 16px; padding: 0 100px; margin-top: 50px; }
.error-404-2 .error-search-box p { margin-bottom: 20px; }
.error-404-2 .error-search-box input { color: #fff; }
 
 /*************************************
	    	 	faq 
**************************************/ 
/*faq form*/
.faq-form .section-field { display: block; }
.faq-form .field-widget  { position: relative; }
.faq-form .field-widget i { position: absolute; left: 0; padding: 13px; color: #00a9da; }
.faq-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 38px; }
.faq-form .field-widget select { width: 100%; margin-bottom: 20px; }
.faq-form .field-widget textarea { width: 100%; margin-bottom: 20px; padding-left: 38px; }
.faq-form .file-input input { height: inherit; display: block; padding: 9px 0 9px 13px; margin-bottom: 30px; }
.faq .tab-1 .fade { opacity: 1; }
.faq .tab-1 .nav.nav-tabs { background: #eceff7; }
.faq .widget-search { margin-bottom: 30px; }
.faq-form a.button-border span { width: 100%; text-align: center; }
.faq a.button-border span:hover { box-shadow: -400px 0 0 #00a9da inset; }
.faq .accordion .accordion-title { margin-top: 8px; }
.faq .accordion .accordion-content ul { margin-top: 30px; }
.faq .accordion .accordion-content ul li { font-size: 14px; margin-bottom: 10px; }
.faq .accordion .accordion-content h5 { margin-bottom: 10px; margin-top: 20px; }
.faq .accordion .accordion-content { padding: 15px 20px 30px 65px; }
.faq .accordion .accordion-title a { margin-top: 0px; }
.faq #tabs { line-height: inherit; font-size: 0px; }
.faq #tabs .tabs { text-align: left; background: #eceff7; margin-bottom: 15px; }
.faq #tabs .tabs li { font-size: 17px; text-transform: capitalize; display: inline-block; color: #626262; padding: 10px 15px; }
.faq #tabs ul.tabs li.active, .faq #tabs ul.tabs li.active:focus, .faq #tabs ul.tabs li:hover { color: #fff; }
.faq #tabs .tabcontent { text-align: left; }

/*************************************
	    	    coming soon 
**************************************/ 
.coming-soon-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; }
.coming-soon-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; margin-bottom: 40px; }
.coming-soon-main p { font-size: 32px; margin-bottom: 105px; line-height: 35px; }
.coming-soon-main.maintenance-progress-bar span { position: inherit; bottom: inherit; right: inherit; }
.coming-soon-main.maintenance-progress-bar { margin: 0px; }
.coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0;  display: block; text-align: center; }
.coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; }
.coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #00a9da; }
.coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; }
.coming-soon-form { width: 76%; margin: 0 auto; }
.coming-soon-form p {  margin-bottom: 30px; font-size: 19px; }
.coming-soon .coming-soon-form input { color: #626262; }
.coming-soon-form input { width: 82%; background: transparent; border: 1px solid #eceff7; color: #fff; padding-left: 20px; border-radius: 3px; } 
.coming-soon-form input:focus {  border: 1px solid #00a9da; } 

/*************************************
	    	 coming soon 2 
**************************************/
.coming-soon-2 header { position: inherit; }
.coming-soon-2 .logo { padding: 20px 0; display: block; }
.coming-soon-2 .logo img { height: 60px; }
.coming-soon-2 .coming-soon-countdown ul.countdown li span { font-weight: 500; }
.coming-soon-2 .coming-soon-countdown ul.countdown li p { color: #fff;}

/*************************************
	    	 Register 
**************************************/ 
.register-form .section-field { display: block; }
.register-form .field-widget { position: relative; }
.register-form .field-widget i { position: absolute; left: 0; padding: 13px; color: #00a9da; }
.register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 38px; }
.register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; }
.register-form .field-widget  input.gui-input { padding-left: 100px;}
.register-form .field-widget .button { background: #d9dde8; height: 41px; left: 0; line-height: 42px; margin: 2px; position: absolute; text-align: center; top: 0; width: 80px; }
.remember-checkbox a {color: #00a9da; }
.remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px;	cursor: pointer;}
.remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; }
.remember-checkbox label:before { border: 2px solid #00a9da; content: ""; height: 20px; margin-top: 3px; width: 20px; }
.remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; }
.remember-checkbox input[type="checkbox"] { display: none; }
.remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1;  }
/*all id*/
#one+label:before, #one+label:after {color: #00a9da;}
#two+label:before, #two+label:after {color: #00a9da;}
#three+label:before, #three+label:after {color: hsl(120, 45%, 40%); }
#four+label:before, #four+label:after {color: hsl(180, 45%, 40%); }
#five+label:before, #five+label:after {color: hsl(240, 45%, 40%); }
#six+label:before, #six+label:after {color: hsl(300, 45%, 40%); }
/*register-2*/
.register-2 .register-form input { background: rgba(0, 0, 0, 0.5); border:none;  color: #fff;  }
.register-2 .register-form input:hover, .register-2 .register-form input:focus  { background: rgba(0, 0, 0, 1); border:none; color: #fff;  }
.register-2 .register-form label { color: #fff; margin-bottom: 10px; }
.register-2 .register-form input.email { padding-left: 42px; }
 
/*************************************
	    	 Login 
**************************************/ 
.login-2-form { border-bottom: 1px solid #e2e5ed; }
.login-2-form .section-field { display: block; }
.login-2-form .field-widget  { position: relative; }
.login-2-form .field-widget i { position: absolute; left: 0; padding: 13px; color: #00a9da; }
.login-2-form .field-widget input { margin-bottom: 20px; padding-left: 38px; }
.login-2-form .field-widget select { width: 100%; margin-bottom: 20px; }
.login-2-form .field-widget textarea { width: 100%; margin-bottom: 30px; padding-left: 38px; }
.login-2-form .section-field .remember-checkbox a { color: #626262; font-size: 14px; }
.login-2-form .section-field .remember-checkbox a:hover { color: #00a9da; }
/*login-2-social*/
.login-2-social li { display: inline-block; margin: 0px 8px; }
.login-2-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.login-2-social li a.fb { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:3px; }
.login-2-social li a.twitter { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:3px; }
.login-2-social li a.pinterest { display: block;  padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:3px; }
.login-2-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px;  }
.login-2-social li a.fb:hover, .login-2-social li a.twitter:hover, .login-2-social li a.pinterest:hover  { box-shadow: -300px 0 0 #00a9da inset; } 
/*login-3*/
.login-3-form .section-field { display: block; }
.login-3-form .section-field label { color: #fff; }
.login-3-form .field-widget  { position: relative; }
.login-3-form .field-widget i { position: absolute; left: 0; padding: 13px; color: #00a9da; }
.login-3-form .field-widget input { margin-bottom: 20px; padding-left: 38px; background: rgba(0,0,0, 0.5); border:none; color: #fff; }
.login-3-form .field-widget input:hover, .login-3-form .field-widget input:focus { background: rgba(0, 0, 0, 1); }
.login-3-form .field-widget select { width: 100%; margin-bottom: 20px; }
.login-3-form .field-widget textarea { width: 100%; margin-bottom: 30px; padding-left: 38px; }
.login-3-form .section-field .remember-checkbox a { color: #fff; font-size: 14px; }
.login-3-form .section-field .remember-checkbox a:hover { color: #00a9da; }
.login-3 .login-with { border:none; }
.login-3 .login-with h3 { font-size: 25px; color: #fff; display: inline-block;}
.login-3 .login-with a { font-size: 15px; border-radius: 50%; border:1px solid #fff; background: transparent; color: #fff; width: 40px; height: 40px; text-align: center; display: inline-block; text-align: center; line-height: 38px; margin-left: 5px; }
.login-3 .login-with a:hover { background: #00a9da; color: #fff; border-color: #00a9da;}

/*************************************
	    	 maintenance 
**************************************/ 
.maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; }
.maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold;/* margin-bottom: 40px; */}
.maintenance-main p { font-size: 32px; line-height: 35px; margin-bottom: 70px;}
.maintenance-form { width: 76%; margin: 0 auto; }
.maintenance-form p { font-size: 19px; }
.maintenance-form input { width: 81%; background: transparent; border: 1px solid #eceff7; padding-left: 20px; border-radius: 3px; } 
.maintenance-form input:focus {  border: 1px solid #00a9da; } 
.maintenance-progress-bar { margin: 30px 0 170px; }
.maintenance-progress-bar .progress-bar { position: relative; height: 200px; width: 200px; background: transparent; margin: 0 15px; box-shadow: none; float: none; display: inline-block; }
.maintenance-progress-bar span { bottom: -40px;  color: #000;  font-size: 28px;  position: absolute;  right: 0;  width: 100%;  text-transform: uppercase; }
.maintenance-progress-bar .progress-bar div { position: absolute;  height: 200px;  width: 200px;  border-radius: 50%; }
.maintenance-progress-bar .progress-bar div span { position: absolute;  line-height: 175px;  height: 175px; width: 175px; left: 12.5px;  top: 12.5px; text-align: center; border-radius: 50%; background-color: white; font-size: 35px; font-weight: 700; color: #626262; }
.maintenance-progress-bar .progress-bar .background { background-color: transparent; }
.maintenance-progress-bar .progress-bar .rotate { clip: rect(0 100px 200px 0);  background-color: #4b86db; }
.maintenance-progress-bar .progress-bar .left { clip: rect(0 100px 200px 0); opacity: 1; background-color: #b3cef6; }
.maintenance-progress-bar .progress-bar .right { clip: rect(0 100px 200px 0); transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); opacity: 0; background-color: #4b86db; }
 @keyframes toggle {  0% {opacity: 0; } 100% { opacity: 1; } }
 @-ms-keyframes toggle {  0% {opacity: 0; } 100% { opacity: 1; } }
 @-o-keyframes toggle {  0% {opacity: 0; } 100% { opacity: 1; } }
 @-moz-keyframes toggle {  0% {opacity: 0; } 100% { opacity: 1; } }
 @-webkit-keyframes toggle {  0% {opacity: 0; } 100% { opacity: 1; } }
/*maintenance 2 */
.maintenance-2 header { position: inherit; }
.maintenance-2 .maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 40px; }
.maintenance-2 .maintenance-form input { color: #fff; }
.maintenance-2 .maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; }
 
/*************************************
	    	 Our clients 
**************************************/ 
/*owl-carousel-5*/
.owl-carousel-5 .owl-nav { display: block; position: absolute; text-indent: inherit; left: 0; width: 100%; cursor: pointer; top: 4px; }
.owl-carousel-5 .owl-item { cursor: url("../images/client-arrow.png") 25 25, pointer; }
/*clients-box*/
.clients-box { background: linear-gradient(to top right, #14336b 0%, #4b80d5 100%); padding: 40px; }
.clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; }
.clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } 
.clients-info { display: table; }
.clients-info i { padding-right: 10px; }
.clients-info a { font-size: 14px; color: #00a9da; }
.clients-info a:hover { color: #626262; }
.clients-info p { margin-top: 10px; }
/*our-clients-2*/
.our-clients-2 .clients-box { margin-bottom: 30px; }
#tabs { margin: 0;  padding: 0; font-size: 13px; line-height: 25px; }
#tabs .tabs { position: relative; margin: 0; text-align: center; }
.happy-clients #tabs .tabs li { overflow: visible; }
#tabs .tabs li { padding: 10px 10px; color: #999999; overflow: hidden; background: transparent; margin-bottom: 0px; display: inline-block; margin: 0; cursor: pointer; position: relative; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
#tabs .tabcontent { overflow: hidden; }
#tabs .tabs li.active { color: #999999; background: #fff; }
#tabs .tabs li img { width: 130px; }
#tabs ul.tabs li.active, #tabs ul.tabs li.active:focus, #tabs ul.tabs li:hover { background: #00a9da; }
 .animated-arrow:before, .animated-arrow:after { content: ""; position: absolute; border-top: 10px solid transparent; bottom: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.animated-arrow:before { border-right: 10px solid transparent; left: 0; }
.animated-arrow:after { border-left: 10px solid transparent; right: 0; }
#tabs ul.tabs li.active.animated-arrow:before, .animated-arrow:hover:before { border-right: 10px solid #00a9da; left: -webkit-calc(50% - 10px); left: -ms-calc(50% - 10px); left: -moz-calc(50% - 10px); left: -o-calc(50% - 10px); left: calc(50% - 10px); }
#tabs ul.tabs li.active.animated-arrow:after, .animated-arrow:hover:after { border-left: 10px solid #00a9da; right: -webkit-calc(50% - 10px); right: -ms-calc(50% - 10px); right: -moz-calc(50% - 10px); right: -o-calc(50% - 10px); right: calc(50% - 10px); }
.pulse{ animation-name: pulse; -webkit-animation-name: pulse; -o-animation-name: pulse; -ms-animation-name: pulse; -moz-animation-name: pulse; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; -o-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; }
@keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; }     
}
@-webkit-keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; }       
}
@-ms-keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; }       
}
@-moz-keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; }       
}
@-o-keyframes pulse {
  0% { transform: scale(0.8); opacity: 0; } 
  100% { transform: scale(1); opacity: 1; } 
}
.tabcontent {  text-align: center; margin-bottom: 20px; }
/*tab-3*/
.built-tab ul.tabs { background: url(../images/device/device-7.png) no-repeat; width: 420px; height: 420px; position: relative; float: right;}
.built-tab .tabs li { background: #fff; border-radius: 50%; float: left; height: 60px; width: 60px; padding: 5px; border:5px solid #eceff8; cursor: pointer; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; }
.built-tab #tabs .tabs li { position: absolute; padding: 5px 0px 0px 5px; }
.built-tab .tabs li span { background: #00a9da; border-radius: 50%; display: block; color: #fff; height: 40px; width: 40px; line-height: 22px; text-align: center; padding: 10px; }
.built-tab .tabs li.active, .built-tab .tabs li:hover { border-color:#00a9da;  background: transparent; }
.built-tab .tabs li.css3 { position: absolute; top: 70px; left: 0px; }
.built-tab .tabs li.support { position: absolute; top: 170px; left: 86px; }
.built-tab .tabs li.customization { position: absolute; top: 70px; right: 47px; }
.built-tab .tabs li.update { position: absolute; bottom: 110px; right: 66px; }
.built-tab .tabcontent { text-align: left; }
.built-tab #tabs ul.tabs li { background: #fff; }
.built-tab #tabs ul.tabs li.active, .built-tab #tabs ul.tabs li.active:focus, .built-tab #tabs ul.tabs li:hover { background: #fff; }
.built-tab #tabs ul.tabs li span.ripple.rippleEffect { display: none; }
 /*clients-partner*/
 .clients-partner .clients-logo li { width: 20%; float: left; }

/*************************************
	    	 Careers 
**************************************/ 
/*careers accordion*/
.careers .accordion-content { padding: 25px 20px; }
.careers .accordion-content span { font-size: 18px; }
.careers .accordion-content b { font-weight: normal; color: #00a9da; }
.careers .accordion-content p {  display: inline-block; }
.careers .accordion-content h4 {  text-transform: capitalize; }
.careers .accordion-content li { display: block; font-size: 14px; margin-top: 20px; }
.careers .accordion-content i { padding-right: 10px; }
.careers .accordion-content a { color: #00a9da; }
/*careers form*/
.careers-from h3 { margin-bottom: 30px;}
.careers-from .section-field { display: block; }
.careers-from .section-field label { margin-bottom: 10px; }
.careers-from .field-widget { position: relative; }
.careers-from .field-widget i { position: absolute; left: 0; padding: 13px; color: #00a9da; }
.careers-from .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 38px; }
.careers-from .field-widget textarea { width: 100%; margin-bottom: 15px; padding-left: 38px; }
.careers-from .file-input input { height: inherit; display: block; padding: 9px 0 9px 13px; margin-bottom: 30px; }
.careers .panel-body .button-border span { font-size: 14px;}
.careers-from .button-border span  { text-align: center; width: 100%; }
.careers-from .button-border span:hover { box-shadow: -270px 0 0 #00a9da inset; }

/*************************************
          sitemap 
**************************************/ 
.sitemap h4 { margin-bottom: 25px; text-transform: capitalize; }
.sitemap h4 i { padding-right: 10px; }
.sitemap ul li { display: block; line-height: 34px; }
.sitemap ul li i { padding-right: 10px; } 
.sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; }
.sitemap ul li a:hover { color: #00a9da; }

/*************************************
             privacy-policy 
**************************************/
.privacy-policy ul li { font-size: 14px; line-height: 30px; }
.privacy-policy ul li i { padding-right: 10px; }

/*************************************
            page sidebar 
**************************************/
.page-sidebar .page-content h3 { border-bottom: 1px solid #eeeeee; padding-bottom: 15px; margin-bottom: 20px; }
.page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; }
.page-sidebar .page-content ul li i { padding-right: 10px; }

/*************************************
           terms and conditions 
**************************************/
.terms-and-conditions ul li { font-size: 14px; line-height: 30px; }
.terms-and-conditions ul li i { padding-right: 10px; }


/*************************************
	    	 Footer 
**************************************/
.footer { background: #191919; }
.footer-logo img { width: 65%; }
.addresss-info li { font-size: 14px; color: #fff; margin-bottom: 10px; }
.addresss-info i{  color: #00a9da; padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 17px; }
.addresss-info p { display: table; color: #fff; margin-bottom: 0px; }
.recent-post-image { float: left; display: table; } 
.recent-post-image img {  vertical-align: middle; width: 70px; height: 60px; }
.recent-post-info { display: table-cell; padding-left: 15px; }
.recent-post-info a { color: #fff; font-size: 14px; vertical-align: top; }
.recent-post-info a:hover { color: #00a9da; }
.recent-post-info span { color: #6d6d6d; font-size: 12px; display: table; padding-top: 5px; }
.recent-post-info i { color: #6d6d6d; font-size: 14px; padding-right: 5px; }
/*footer-flickr */
.footer-gallery li { float: left; list-style: outside none none; margin-bottom: 5px;  margin-right: 5px; width: 70px; }
.footer-gallery li img { width: 70px; }
.footer-gallery { display: inline-block; }
ul.footer-instagram-images li { display: inline-block; }
.social-feed li { float: left;  height: 70px; list-style: outside none none; margin-bottom: 5px;  margin-right: 5px; width: 70px;}
.social-feed li img { width: 70px; height: 70px; }
.social-feed { display: inline-block; }
/*footer-Newsletter*/
.footer-Newsletter { display: inline-block; }
.footer-useful-link.footer-hedding ul { margin-top: -6px; }
.footer-Newsletter .form-control { border-left: 0px; height: 40px; font-size: 13px; color: #fff; }
.footer-Newsletter .form-control:focus { border:1px solid #2f2f2f; border-left: 0; }
.footer-useful-link ul li { list-style: none; }
.footer-useful-link ul li a { color: #fff; font-size: 14px; vertical-align: top; display: block; line-height: 26px; }
.footer-useful-link ul li a:hover { color: #00a9da; }
/*footer twitter feed*/
.twitter-feed li { display: block; }
.twitter-feed li i { font-size: 15px; color: #00a9da; float: left; margin-right:15px; margin-top: 6px; }
.twitter-feed li p { font-size: 14px; display: table; vertical-align: top; }
.twitter-feed li p a {  display: inline-block; color:#00a9da;  }
.twitter-feed.text-white li a { color: #363636; }
.twitter-feed.text-white li a:hover { color: #363636; }
.twitter-feed.text-white li i { color: #fff; }
/*footertag */
.tags.footer-hedding h4 { margin-bottom: 20px;}
.tags ul li { display: inline-block; }
.tags ul li a { display: block; color: #6f6f6f; border:1px solid #2f2f2f; background: transparent; border-radius: 3px; padding: 5px 10px; margin-bottom: 10px; font-size: 12px; text-transform: capitalize; }
.tags ul li a:hover { background: transparent; color: #00a9da; border-color: #00a9da; }
/*footer-widget*/
.footer-widget { background: #1f3368;}
.footer-widget a { color: #fff; } 
.footer-widget a:hover { color: #fff; } 
.footer-widget-social { text-align: right; margin-top: 5px; } 
.footer-widget-social li  { display: inline-block;} 
.footer-widget-social a i { display: inline-block; color: #fff; background: #00a9da; border-radius: 50%; width: 45px; height: 45px; text-align:center; line-height: 47px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} 
/*  Tooltip Styles */
/* Base styles for the element that has a tooltip */
.footer-widget-social [data-tooltip],
.footer-widget-social .tooltip { position: relative; cursor: pointer; }

/* Base styles for the entire tooltip */
.footer-widget-social [data-tooltip]:before,
.footer-widget-social [data-tooltip]:after,
.footer-widget-social .tooltip:before,
.footer-widget-social .tooltip:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -o-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
     -o-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -o-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -ms-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -ms-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none;
}
/* Show the entire tooltip on hover and focus */
.footer-widget-social [data-tooltip]:hover:before,
.footer-widget-social [data-tooltip]:hover:after,
.footer-widget-social [data-tooltip]:focus:before,
.footer-widget-social [data-tooltip]:focus:after,
.footer-widget-social .tooltip:hover:before,
.footer-widget-social .tooltip:hover:after,
.footer-widget-social .tooltip:focus:before,
.footer-widget-social .tooltip:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -o-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* Base styles for the tooltip's directional arrow */
.footer-widget-social .tooltip:before,
.footer-widget-social [data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; }
/* Base styles for the tooltip's content area */
.footer-widget-social .tooltip:after,
.footer-widget-social [data-tooltip]:after { z-index: 1000; padding: 8px; width: 100px; text-align: center; background-color: #00a9da; color: #fff; content: attr(data-tooltip);
  font-size: 14px; line-height: 1.2; border-radius: 3px; }
/* Directions */
/* Top (default) */
.footer-widget-social [data-tooltip]:before,
.footer-widget-social [data-tooltip]:after,
.footer-widget-social .tooltip:before,
.footer-widget-social .tooltip:after,
.footer-widget-social .tooltip-top:before,
.footer-widget-social .tooltip-top:after { bottom: 100%; left: 50%; }
.footer-widget-social [data-tooltip]:before,
.footer-widget-social .tooltip:before,
.footer-widget-social .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #00a9da; }
/* Horizontally align top/bottom tooltips */
.footer-widget-social [data-tooltip]:after,
.footer-widget-social .tooltip:after,
.footer-widget-social .tooltip-top:after {  margin-left: -50px; }
.footer-widget-social [data-tooltip]:hover:before,
.footer-widget-social [data-tooltip]:hover:after,
.footer-widget-social [data-tooltip]:focus:before,
.footer-widget-social [data-tooltip]:focus:after,
.footer-widget-social .tooltip:hover:before,
.footer-widget-social .tooltip:hover:after,
.footer-widget-social .tooltip:focus:before,
.footer-widget-social .tooltip:focus:after,
.footer-widget-social .tooltip-top:hover:before,
.footer-widget-social .tooltip-top:hover:after,
.footer-widget-social .tooltip-top:focus:before,
.footer-widget-social .tooltip-top:focus:after {
  -webkit-transform: translateY(-25px);
  -o-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  -moz-transform:    translateY(-25px);
  transform:         translateY(-25px); 
}

/*************************************
	    	 Footer 2
**************************************/
 .footer-2 { background: #00a9da; position: inherit; }
 .footer-2 .footer-Newsletter { margin-top: 0px; }
 .footer-2 .input-group-btn button.btn { background: #fff; border:none; padding: 10px 12px; }
 .footer-2 .input-group-btn button:hover { background: #363636; }
 .footer-2 .input-group.divcenter .form-control  { border:none; background: #008fb8;   }
 .footer-2 .input-group.divcenter .form-control:focus { box-shadow: none; }
 .footer-2 .divcenter .input-group-addon { border:none; background: #008fb8; color: #fff; }
 .footer-2 .divcenter .input-group-addon i { color: #fff; }
 .footer-2 .input-group.divcenter .form-control::-moz-placeholder { color: #fff; }
 .footer-2 .recent-post-info { padding-left: 0; display: block; margin-bottom: 15px; }
 .footer-2 .recent-post-info a:hover { color: #363636; }
 .footer-2 .recent-post-info span { padding-top: 0px; color: #323232; font-size: 14px; line-height: 5px; display: block; margin-top: 5px; }
 .footer-2 .tags ul li a { border:none; background: #008fb8; color: #fff; padding: 5px 12px; }
 .footer-2 .tags ul li a:hover { border:none; background: #fff; color: #00a9da; }
 .footer-2 .footer-widget-social li a span:after { color: #fff; border-top-color: #fff; }
 .footer-2 .footer-widget-social li a span:before, .footer-widget-social li a span:after { color: #fff; }
 .footer-2 .footer-widget-social li a span { color: #00a9da; background: #fff; }
 .footer-2 .footer-widget-social li a span:before, .footer-widget-social li a span:after { border-top-color: #fff; }
 .footer-2 .tooltip:after,
.footer-2 [data-tooltip]:after { z-index: 1000; padding: 8px; width: 100px; text-align: center; background-color: #fff; color: #00a9da; content: attr(data-tooltip);
  font-size: 14px; line-height: 1.2; border-radius: 3px; }
  .footer-2 [data-tooltip]:before,
.footer-2 .tooltip:before,
.footer-2 .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #fff; }

/*************************************
	    	 Footer 3
**************************************/
.footer-3 { background: #fff;}
.footer-3 p { color: #626262; }
.footer-3 .recent-post-info a { color: #626262; }
.footer-3 .recent-post-info a:hover { color: #00a9da; }
.footer-3 .recent-post-info { padding-left: 0; }
.footer-3 .recent-post-info span { color: #00a9da; padding-top: 0; line-height: 10px; }
.footer-3 .tags ul li a { background: #fff; border:1px solid #363636; color: #363636; }
.footer-3  .tags ul li a:hover { background: #00a9da; border:1px solid #363636; color: #fff; border-color: #00a9da; }
.footer-3 .input-group.divcenter .form-control { background: #fff; border:1px solid #00a9da; border-left: 0; color: #626262; box-shadow: none; }
.footer-3 .divcenter .input-group-addon { background: #fff; border:1px solid #00a9da; border-right: 0; }
.footer-3 .divcenter .input-group-addon i { color: #00a9da; }
.footer-3 .input-group-btn button { background: #00a9da; color: #fff; border-color: #00a9da; }
.footer-3 .input-group-btn button:hover { background: #363636; color: #fff; }
.footer-3 .input-group.divcenter .form-control::-moz-placeholder { color: #363636; }
.footer-3 .tooltip:after,
.footer-3 [data-tooltip]:after { z-index: 1000; padding: 8px; width: 100px; text-align: center; background-color: #00a9da; color: #fff; content: attr(data-tooltip);
  font-size: 14px; line-height: 1.2; border-radius: 3px; }
.footer-3 [data-tooltip]:before,
.footer-3 .tooltip:before,
.footer-3 .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #00a9da; }
.footer-3 .footer-widget p { color: #fff; }

/*************************************
	    	 Footer 4
**************************************/
.footer-4 { background: #191919; }
.footer-4 .get-in-touch { background: url(../images/map.png) no-repeat; background-position: 0px 45px; }
.footer-4 .get-in-touch p { display: table; }
.footer-4 .get-in-touch i { float: left; color: #00a9da; margin-right: 15px; line-height: 29px; }
.footer-4 .office-hours p { color: #fff;  }
/*tags*/
.footer-4 .tags ul li a { background: transparent; border:1px solid #6f6f6f; }
.footer-4 .tags ul li a:hover { background: #00a9da; border:1px solid #00a9da; color: #fff; }
/*home new*/
.footer-4 { background: #e6e6e6; }
.footer-4 .office-hours p { color: #fff;  }
/*tags*/
.footer-4 .tags ul li a { background: transparent; border:1px solid #6f6f6f; }
.footer-4 .tags ul li a:hover { background: #00a9da; border:1px solid #00a9da; color: #fff; }

/*************************************
	    	 Footer 5
**************************************/
.footer-5 { bottom: 0; left: 0; z-index: -1; right: 0; background: #191919; }
.footer-5 .footer-logo p { margin-bottom: 0px;}
.contact-6 { background: #00a9da; padding: 50px 0px; }
.contact-6 .feature-8 { margin-bottom: 0; }
.contact-6 .feature-8-title { background: #0097c3; color: #fff; width: 70px; height: 70px; text-align: center; border-radius: 50%; }
.contact-6 .feature-8-title span {  color: #fff; font-size: 25px; line-height: 70px;  }
.contact-6 .feature-8-info p { font-size: 15px; }
.contact-6 .feature-8-info b { font-size: 15px; color: #191919; font-weight: normal; }

/*************************************
          Footer 6
**************************************/
.footer-6 img.footer-logo { height: 40px; margin-bottom: 30px; }
.footer-6 { background: #323232; -webkit-box-shadow: inset 0 20px 50px -10px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 20px 50px -10px rgba(0,0,0,0.8); box-shadow: inset 0 20px 50px -10px rgba(0,0,0,0.8); }

/*************************************
          Footer 7
**************************************/
.footer-7 { background: #323232; }
.footer-7 .footer-about { margin-bottom: 30px; }
.footer-7 img.footer-logo { height: 40px; margin-bottom: 30px; }
.footer-7 .footer-about p { padding: 0 100px; color: #6f6f6f; }
.footer-7 .footer-about ul.social li { display: inline-block;   }
.footer-7 .footer-about ul.social li a { font-size: 14px; color: #6f6f6f; background: transparent; background: #282828; width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; border-radius: 3px; margin: 0 3px; }
.footer-7 .footer-about ul.social li a:hover { background: #00a9da; color: #fff; }
.footer-7 .footer-bottom p { font-size: 13px; color: ##6f6f6f; }

/*************************************
          Footer 8
**************************************/
.footer-8 .get-in-touch p { display: table; color: #323232; }
.footer-8 .get-in-touch i { float: left; color: #323232; margin-right: 15px; line-height: 29px; }
.footer-8 .twitter-feed li p { color: #323232; }
/*tags*/
.footer-8 .tags ul li a { background: transparent; border:1px solid #323232; color: #323232; }
.footer-8 .tags ul li a:hover { background: #323232; border:1px solid #323232; color: #fff; } 

/*************************************
         boxed-layout
**************************************/

@media (min-width: 1200px) {

.boxed-layout .action-box { z-index: 0; }
.wide-layout .move-carousel, .boxed-layout .move-carousel { height:100vh; top:0; padding:0px 0px 0px 0px; transform:none; }
.move-carousel .owl-carousel { position:relative; top:50%; padding:0px 0px 0px 35px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.boxed-layout .awesome-features .awesome-features-device img { left: -440px; }
.boxed-layout #video-background { height: 350px; }
.boxed-layout #video-background .page-section-pt { padding: 60px 0px; }
.boxed-layout #video-background .our-skills.bg-opacity-black-50.page-section-pt { padding: 75px 0; }

.boxed-layout .portfolio-2 .portfolio-item .portfolio-overlay a { font-size: 12px; line-height: 25px; width: 25px; height: 25px; margin-left: 5px; }
.boxed-layout .portfolio-2 .portfolio-item .portfolio-overlay p { bottom: 9%; }
.boxed-layout .portfolio-2 .portfolio-item .portfolio-overlay span a { width: inherit; height: inherit; line-height: inherit; font-size: 14px; }
.boxed-layout .portfolio-2 .portfolio-info { display: none; }
.boxed-layout .portfolio-2 .owl-carousel-8 .owl-nav .owl-prev { left: 50%;  }
.boxed-layout .portfolio-2 .owl-carousel-8 .owl-nav .owl-next { right: 50%; }
.boxed-layout .portfolio-2 .owl-carousel-8 .owl-controls { top: 20px; }
.boxed-layout .portfolio-2 .owl-carousel-8 .owl-nav i { color: #323232; }
.boxed-layout .portfolio-2 .owl-carousel-8 .owl-nav i:hover { background: transparent; }

.boxed-layout .custom-content-3.hello-content { overflow: hidden; }
.boxed-layout .portfolio-3 .portfolio-item .portfolio-overlay a { font-size: 12px; line-height: 25px; width: 25px; height: 25px; margin-left: 5px; }
.boxed-layout .portfolio-3 .full-screen .portfolio-item .portfolio-overlay { top: -20px; }
.boxed-layout .portfolio-3 .portfolio-item .portfolio-overlay span a { width: inherit; height: inherit; line-height: inherit; font-size: 14px; }
.boxed-layout .portfolio-3 .full-screen .portfolio-item .portfolio-overlay a i { font-size: 12px; }
.boxed-layout .portfolio-3 .portfolio-item .portfolio-overlay i { padding-left: 0px; }
.boxed-layout .feature-main .feature-9 { height: 300px; }
.boxed-layout .feature-main .feature-9:hover .feature-9-icon { right:26%; }
.boxed-layout .why-custom.custom-content li { line-height: 26px; }

.boxed-layout .slider-fade-carousel { height: 100%; }
.boxed-layout .slider-fade-carousel .slider-contents { padding-left: 86px; }
.boxed-layout .slider-fade-carousel .slider-contents h1 { font-size: 56px; }
.boxed-layout .header-4 .mega-menu .drop-down-multilevel.right-menu { right: 76px; }
.boxed-layout .header-4 .mega-menu .menu-links > li:last-child { padding-right: 40px; }
.boxed-layout .our-blog .blog-box-info { padding: 20px 40px; max-height: 231px; }
.boxed-layout .our-blog .blog-box-info span.text-white { display: none; } 
.boxed-layout .our-blog .blog-box-info p.pt-30.pb-20 { padding-bottom: 0px !important; padding-top: 10px !important; } 
.boxed-layout .our-blog .blog-box-image { max-height: 231px; }
.boxed-layout .contact-3-info .contact-add p { font-size: 12px; }
.boxed-layout .tree-image { display: none; }

.boxed-layout .header-7 #menu-icon.open { right: 15px; }
.boxed-layout .raindrops .objects-left { display: none; }
.boxed-layout .raindrops .objects-right { display: none; }
.boxed-layout .raindrops.our-service { padding-bottom: 170px; }
.boxed-layout #animated-slider-2 .slider-content h1 { font-size: 64px; line-height: 80px; }

.boxed-layout .mega-menu .drop-down.grid-col-5 { width: 61.666667%; }

}

@media (max-width: 1199px) {
.wide-layout .move-carousel, .boxed-layout .move-carousel { height:100vh; top:0; padding:0px 0px 0px 0px; transform:none; }
.move-carousel .owl-carousel { position:relative; top:50%; padding:0px 0px 0px 35px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); }
}