/*

Template Name: Geuz - Creative Portfolio Template

Theme URI: http://themeforest.net/user/ridianur

Author: ridianur

Author URI:  http://themeforest.net/user/ridianur

*/



/* -----------------------------------------------------------

TABLE OF CONTENTS:

--------------------------------------------------------------

GENERAL SECTION

PRELOADER SECTION

HEADER SECTION

INNER PAGE SECTION

SLIDER SECTION

VIDEO BACKGROUND SECTION

ABOUT SECTION

TEAM SECTION

WORKS SECTION

TESTIMONIAL SECTION

CONTACT SECTION

FOOTER SECTION

BLOG SECTION

----SIDEBAR SECTION

MEDIA QUERIES

-------------------------------------------------------------



------------------------------------------------------------*/



/*-----------------------------------------GENERAL SECTION--------------------------------------------------*/





body, html {

	height: 100%;

}

body {

	color: #939393;

	font-family: 'Roboto', sans-serif;

	font-size: 14.2px;

	line-height: 1.2;

}

b, strong {

    color: #666;

}

[class^="icon-"]:before, [class*=" icon-"]:before {

	cursor: inherit;

}

a {

	color: #aaa;

	text-decoration: none;

	transition: ease .3s;

	-webkit-transition: ease .3s;

	-moz-transition: ease .3s;

	-o-transition: ease .3s;

	-ms-transition: ease .3s;

}

a:hover {

	text-decoration: none;

	color: #FFAB00;

}

a:focus {

	outline: none;

	color: #999999;

	text-decoration: none;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: 700;

	font-family: 'Rubik', sans-serif;

	color: #000;

	letter-spacing: -0.04em;

	line-height: 1.2;

	word-wrap: break-word;

}

iframe {

	border: none;

	width: 100%;

}

img {

	max-width: 100%;

}

.spacing10 {

	width: 100%;

	height: 10px;

}

.spacing20 {

	width: 100%;

	height: 20px;

}

.spacing30 {

	width: 100%;

	height: 30px;

}

.spacing40 {

	width: 100%;

	height: 40px;

}

.spacing80 {

	width: 100%;

	height: 80px;

}

.margin-right10{margin-right:10px;margin-bottom:10px;}

ul, ol {

	list-style-position: outside;

	list-style-type: circle;

	margin: 0;

	padding: 0 0 0 20px;

}

.clearboth {

	clear: both;

}



.content {

    background: #fff none repeat scroll 0 0;

    padding: 80px 0 ;

    position: relative;

    z-index: 1;

}

.dark-bg .content{background:#C00812;}

.dark-bg .gray-bg{background:#181818;}

.gray-bg {

	background: #fafafa;

}

.color-bg,.color-bg h1, .color-bg h2, .color-bg h3, .color-bg h4,.color-bg h5, .color-bg h6,.color-bg strong,.color-bg b{color:#040017;}



.indigo-bg{

	background:#5C6BC0;

}

.pink-bg{

	background:#E91E63;

}

.green-bg{

	background:#7CB342;

}

.white-bg {

	background: #ffffff;

}

blockquote {

    border: medium none;

    font-family: playfair display;

    font-size: 20px;

    font-style: italic;

    line-height: 1.5;

    padding: 0 0 0 40px;

    position: relative;

}

blockquote::before{

	content:"\f10e";

    background: #1f1f1f none repeat scroll 0 0;

    border-radius: 100px;

    color: #fff;

    display: inline-block;

    font-family: fontawesome;

    font-size: 14px;

    height: 30px;

    left: 0;

    line-height: 30px;

    margin-top: -15px;

    position: absolute;

    text-align: center;

    top: 50%;

	font-style:normal;

    width: 30px;

}

.dark-bg {

    background: #1f1f1f none repeat scroll 0 0;

}

.dark-bg .content-title{color:#fff;}

.content-title span {

    color: #FFAB00;

}

.content-line {

    height: 1px;

    width: 300px;

    background: #ccc;

    margin: auto;

    margin-bottom: 40px;

	max-width: 100%;

}





.box-align-center {

    text-align: center;

}

.box-align-center blockquote::before {

    bottom: -40px;

    left: 50%;

    margin-left: -15px;

    top: auto;

}

.personal-color {

    color: #1f1f1f;

}

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

.row-black{

	background:#333;

	margin:0;

	padding:80px 30px

}

.row-black .content-box-title::after {

    border-bottom: 5px solid #fff;

}



.row-black .content-box-title > h3,.row-black b, .row-black strong {

	color:#fff;

}

.img-bg {

	background-position: center center;

	background-size: cover;

}



.no-bottom{

	padding-bottom:0;

}

.content-head{

	text-align: center;

	margin-bottom:80px;

}

.content-title {

    font-size: 55px;

    text-transform: uppercase;

    margin: 0 0 20px;

}

.title-box {

    margin-bottom: 80px;

}

.sub-content {

    margin: auto;

    max-width: 900px;

	font-family:'Roboto', sans-serif;

    font-size: 18px;

    margin-bottom: 30px;

    font-weight: 500;

    color: #B8B8B8;

}

.padding-top {

    padding-top: 80px;

}

/*----to top style----*/

.to-top.fixed {

    opacity: 1;

	bottom:30px;

}

.to-top {

    background: #020223  none repeat scroll 0 0;

    bottom: -150px;

    color: #fff;

    display: block;

    font-size: 15px;

    height: 50px;

    line-height: 48px;

    opacity: 0;

    position: fixed;

    right: 30px;

    text-align: center;

    width: 50px;

    z-index: 333;

	overflow:hidden;

	 -webkit-transition-duration: 0.5s; 

    transition-duration: 0.5s;

	border-radius:100px;

}

.to-top:focus{color:#fff;}

.to-top:hover{color:#fff;}

.to-top::before {

    background:#FFAB00 none repeat scroll 0 0;

    border-radius: 200px;

	opacity:0.3;

    content: "";

    display: block;

    height: 200px;

    left: -50%;

    margin-top: -100px;

    position: absolute;

    top: 50%;

    width: 200px;

	opacity:0.3;

    z-index: -1;

	transform: scale(0);

	-ms-transform: scale(0);

    -webkit-transform: scale(0);

	-webkit-transition:all 0.4s ease-out 0s;

    transition: all 0.4s ease-out 0s;

	-webkit-transition-duration: 0.8s; 

    transition-duration: 0.8s;

}

.to-top::after {

    background: #FFAB00  none repeat scroll 0 0;

    border-radius: 200px;

    content: "";

	opacity:0.3;

    display: block;

    height: 200px;

    left: -50%;

    margin-top: -100px;

    position: absolute;

    top: 50%;

    width: 200px;

    z-index: -1;

	transform: scale(0);

	-ms-transform: scale(0);

    -webkit-transform: scale(0);

	-webkit-transition:all 0.4s ease-in 0s;

    transition: all 0.4s ease-in 0s;

	transition-delay:0.3s;

}

.to-top:hover::after,.to-top:hover::before{

	opacity:1;

	transform: scale(4);

	-ms-transform: scale(4);

    -webkit-transform: scale(4);

}

/* --------------------------------------------PRELOADER SECTION--------------------------------------------- */

#preloader {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #fff; /* change if the mask should have another color then white */

	z-index: 999999; /* makes sure it stays on top */

}

#status {

    background-position: center center;

    background-repeat: no-repeat;

    height: 40px;

    left: 50%;

    margin: -20px 0 0 -20px;

    position: absolute;

    text-align: center;

    top: 50%;

}



.spinner {

  margin: auto;

  width: 40px;

  height: 40px;

  text-align: center;

  font-size: 10px;

}



.spinner > div {

  background-color: #FFAB00;

  height: 100%;

  width: 6px;

  display: inline-block;

  

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;

  animation: sk-stretchdelay 1.2s infinite ease-in-out;

}



.spinner .rect2 {

  -webkit-animation-delay: -1.1s;

  animation-delay: -1.1s;

}



.spinner .rect3 {

  -webkit-animation-delay: -1.0s;

  animation-delay: -1.0s;

}



.spinner .rect4 {

  -webkit-animation-delay: -0.9s;

  animation-delay: -0.9s;

}



.spinner .rect5 {

  -webkit-animation-delay: -0.8s;

  animation-delay: -0.8s;

}



@-webkit-keyframes sk-stretchdelay {

  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  

  20% { -webkit-transform: scaleY(1.0) }

}



@keyframes sk-stretchdelay {

  0%, 40%, 100% { 

    transform: scaleY(0.4);

    -webkit-transform: scaleY(0.4);

  }  20% { 

    transform: scaleY(1.0);

    -webkit-transform: scaleY(1.0);

  }

}

/*-----------------------------HEADER SECTION-----------------------------------*/



.header {

    position: absolute;

    z-index: 999;

	width:100%;

	top:0;

	left:0;

}



.white-header{

	position:relative;

	background:#fff;

}

.dark-header{position:relative;}

.white-header .is-sticky .for-sticky {

    background: #fff;

    box-shadow: 0 0 5px 0 #eee;

}

.white-header .hamburger__icon, .white-header .hamburger__icon::before, .white-header .hamburger__icon::after { background:#1f1f1f;}

.white-header .header-icon li a,.white-header .navigation li a {

	color:#1f1f1f;

}

.clean-header .menu-box,.clean-header .is-sticky .menu-box{border:none;}

.logo {

    display: block;

    text-align: center;

	padding: 60px 0;

}

.logo-clean {

    display: block;

    float: left;

}

.menu-box {

    display: inline-block;

}

.box-header {

    float: right;

}

.container-fluid {

    max-width: 90%;

}

.navigation {

	display: block;

	list-style: outside none none;

	margin: 0;

	padding: 0;

	width: 100%;

}

.navigation li, .menu-box ul li {

    display: inline-block;

    position: relative;

}

.navigation li a {

	color: #fff;

	display: block;

	font-family: 'Roboto', sans-serif;

	font-size:15px;

	font-weight: bold;

	opacity: 0.7;

	padding: 23.5px 15px;

}



.navigation li a:hover {

	opacity: 1;

}

.navigation .current > a {

	opacity: 1;

}

.for-sticky {

	top: 0;

	left: 0;

	width: 100%;

	z-index: 9999;

}

.is-sticky .for-sticky {

	background: #020223 none repeat scroll 0 0;

}

.menu-box ul li ul {

    background: rgba(0,0,0,0.8);

    border: 1px solid #333;

    left: 0;

    line-height: 1;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    position: absolute;

    text-align: left;

    top: 100%;

    width: 200px;

    z-index: 3;

}

.menu-box > ul >li:last-child ul{

	left: auto;

	right:0;

}

.navigation li, .menu-box ul ul li {

    display: block;

    position: relative;

}

.menu-box ul li ul li ul {

    left: 100%;

    top: 0;

}

.menu-box .navigation li ul li a, .menu-box ul li ul li a {

    line-height: 1.7;

    padding: 15px 17px;

	text-transform:capitalize;

	color: #fff;

}

.menu-box ul > li > ul {

    display: none;

}

.box-mobile {

	float: right;

	padding-right: 30px;

}

.mobile-menu {

	background: none repeat scroll 0 0 #ffffff;

	display: block;

	height: 0;

	list-style: none outside none;

	margin: 0;

	overflow: hidden;

	position: absolute;

	right: 0;

	text-align: center;

	top: 100%;

	width: 100%;

	z-index: 3;

	padding: 0;

	max-height: 480px;

	overflow-y: auto;

}

.mobile-menu.in {

	border: 1px solid #EEEEEE;

	max-height: 480px;

	overflow-x: hidden;

	overflow-y: auto;

	height: auto;

}

.mobile-menu li a {

	display: block;

	font-size: 11px;

	padding: 8px 15px;

	text-decoration: none;

	text-transform: uppercase;

	border-top: none;

}

.menu-btn {

	color: #fff;

	cursor: pointer;

	height: 30px;

	line-height: 30px;

	margin: 11px 0;

	text-align: center;

	width: 30px;

	z-index: 3;

	font-size: 18px;

}

.clean-header .menu-btn {

    margin: 19px 0;

}



.logo-clean > a {

    display: inline-block;

    padding: 9px 0;

}

.clean-header .logo1 {

    max-height: 115px;

}

.is-sticky .for-sticky {

    box-shadow: 0 0 5px 0 #222;

}

.header-icon {

    list-style: none;

    padding: 0;

    text-align: right;

    display: block;

    margin-left: 40px;

    float: right;

}

.header-icon li {

    display: inline-block;

    vertical-align: middle;

}

.header-icon li a{

	padding:22.5px 5px;

	display:block;

	color:#fff;

	opacity: 0.6;

}

.header-icon li a:hover{

	opacity: 1;

}

/*------------------------------INNER PAGE--------------------------------------*/

.table-box {

    display: table;

    width: 100%;

	position:relative;

	z-index:1;

}

.table-padding{padding:0 10%;}

.dark-page .table-box{background:#1f1f1f;}

.table-cell-box {

    display: table-cell;

    vertical-align: middle;

    position: relative;

	padding:0;

    float: none;

	overflow:hidden;

}

.box-full-img {

    min-height: 200px;

    height: 100%;

    left: 0;

    top: 0;

    width: 100%;

    position: absolute;

	z-index:-2;

}

.table-content h3 > span{color:#FFAB00 ;}

.dark-bg h3{color:#fff;}

.table-content {

    padding: 80px 40px;

}

.icon-cell {

    font-size: 60px;

    color: #fff;

    transform: translateY(-100%);

	-webkit-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    position: relative;

	opacity:0;

	-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

}

.icon-cell-sub {

    color: #fff;

	transform: translateY(100%);

	-webkit-transform: translateY(100%);

    -ms-transform: translateY(100%);

    position: relative;

    font-family: 'Playfair Display', serif;

    text-transform: capitalize;

    font-style: italic;

    font-size: 20px;

    margin: 0;

	opacity:0;

	-webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1);

	-moz-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1);

	-ms-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1);

	-o-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1);

	transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1);

	transition-delay:0.4s;

}

.table-cell-box:hover .icon-cell-sub,.table-cell-box:hover .icon-cell{

	transform: translateY(0);

	-webkit-transform: translateY(0);

    -ms-transform: translateY(0);

	opacity:1;

}

.cell-box-relative{position:relative;z-index:1;}

.big-icon-bg {

    font-size: 300px;

    position: absolute;

    bottom: -10%;

    line-height: 1;

    left: -10%;

    z-index: 0;

    opacity: 0.1;

}

.box-padding {

    padding: 20%;

    text-align: center;

	position:relative;

	overflow:hidden;

}

.img-bg {

	background-position: center center;

	background-size: cover;

}



.cell-box-content {

    padding: 10%;

    text-align: center;

    max-width: 700px;

    margin: auto;

	color:#fff;

}

.cell-box-title {

	color: #fff;

	margin: 0;

	text-transform: none;

	font-size: 40px;

}

.cell-box-title span{color:#FFAB00;}

.cell-box-sub {

    color: #fff;

    font-family: 'Playfair Display', serif;

    text-transform: capitalize;

    font-style: italic;

    font-size: 20px;

    margin: 0;

	opacity:0.8;

}

.cell-img .slider-mask{

	background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0;

	-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

}

.cell-img:hover .slider-mask{background-color:rgba(0,0,0,0.6);}

.table-content h3 {

    font-size: 55px;

    margin: 0;

    margin-bottom: 40px;

}

.table-content h3 span{color:#FFAB00;}

.full-img-bg {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    background-size: cover;

    background-position: 50% 50%;

    z-index: -2;

}

.content-btn {

    background: #FFAB00 none repeat scroll 0 0;

	border:1px solid #FFAB00;

    color: #fff;

	display: inline-block;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

	font-size:15px;

    padding: 10px 40px;

	border-radius:100px;

    text-transform: uppercase;

	position:relative;

	overflow:hidden;

	z-index:1;

	 -webkit-transition-duration: 1.5s; 

    transition-duration: 1.5s;

}

.content-btn:hover{color:#FFAB00;border:1px solid #FFAB00;}

.content-btn:active,.content-btn:focus{color:#FFAB00;background:#fff;border:1px solid #FFAB00;}

.color-bg .content-btn,.color-bg .content-btn:focus,.color-bg .content-btn:active,.color-bg .content-btn:hover{border:none;}

.content-btn::before {

    background: #eee none repeat scroll 0 0;

    border-radius: 200px;

    content: "";

    display: block;

    height: 200px;

    left: -50%;

    margin-top: -100px;

    position: absolute;

    top: 50%;

    width: 200px;

	opacity:0.3;

    z-index: -1;

	transform: scale(0);

	-ms-transform: scale(0);

    -webkit-transform: scale(0);

	-webkit-transition:all 0.4s ease-out 0s;

    transition: all 0.4s ease-out 0s;

	-webkit-transition-duration: 0.8s; 

    transition-duration: 0.8s;

}

.content-btn::after {

    background: #fff none repeat scroll 0 0;

    border-radius: 200px;

    content: "";

	opacity:0.3;

    display: block;

    height: 200px;

    left: -50%;

    margin-top: -100px;

    position: absolute;

    top: 50%;

    width: 200px;

    z-index: -1;

	transform: scale(0);

	-ms-transform: scale(0);

    -webkit-transform: scale(0);

	-webkit-transition:all 0.4s ease-in 0s;

    transition: all 0.4s ease-in 0s;

	transition-delay:0.3s;

}

.content-btn:hover::after,.content-btn:hover::before{

	opacity:1;

	transform: scale(4);

	-ms-transform: scale(4);

    -webkit-transform: scale(4);

}

/*-----------------------------SLIDER SECTION-----------------------------------*/

.home-slider{background:#fff;}

.slider > .slide{opacity:0;position:absolute;top:0;left:0;}

.slider > .slide:first-child{position:relative;}

.slider-img-bg {

    background-size: cover;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

	background-size: cover;

background-position: 50% 50%;

	z-index: -2;

}



.slider-hidden{overflow:hidden;}

.slider-mask{

    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;

    height: 100%;

    left: 0%;

    position: absolute;

    top: 0%;

    width: 100%;

    z-index: -1;

}

.slider-box {

    padding-bottom: 185px;

    padding-top: 185px;

    position: relative;

}

.slide{

	position:relative;

	overflow:hidden;

}

.slider-title {

	color: #fff;

	font-size: 60px;

	margin: 0 0 20px;

	text-transform: uppercase;

}

.slider-text {

    color: #fff;

    margin-bottom: 40px;

}



.top-slider {

    font-family: roboto;

    text-transform: uppercase;

    font-weight: 700;

    color: #fff;

    letter-spacing: 10px;

    font-size: 20px;

}

.slick-arrow {

    position: absolute;

    left: 20px;

    opacity: 0;

    font-size: 15px;

    color: #fff;

    z-index: 3;

    margin-top: -20px;

    top: 50%;

    cursor: pointer;

    background: #FFAB00;

    width:40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 100px;

	-webkit-transition:all 0.4s ease-out 0s;

    transition: all 0.4s ease-out 0s;

}

.fa.fa-arrow-right.slick-arrow {

    left: auto;

    right: 20px;

}

.slick-arrow:hover{

	background:#fff;

	color:#FFAB00;

	transform:scale(1.1);

	-webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.slider:hover .slick-arrow{

	opacity:1;

}

.btn-relative{overflow:hidden;display:inline-block;}

.slider-btn {

    background: #FFAB00 none repeat scroll 0 0;

    color: #fff;

	display: inline-block;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

	font-size:15px;

    padding: 10px 40px;

	border-radius:100px;

    text-transform: uppercase;

	position:relative;

	overflow:hidden;

	z-index:1;

	 -webkit-transition-duration: 1.5s; 

    transition-duration: 1.5s;

}

.slider-btn:hover{color:#FFAB00;}

.slider-btn:active,.slider-btn:focus{color:#FFAB00;background:#fff;}

.slider-btn::before {

    background: #eee none repeat scroll 0 0;

    border-radius: 200px;

    content: "";

    display: block;

    height: 200px;

    left: -50%;

    margin-top: -100px;

    position: absolute;

    top: 50%;

    width: 200px;

	opacity:0.3;

    z-index: -1;

	transform: scale(0);

	-ms-transform: scale(0);

    -webkit-transform: scale(0);

	-webkit-transition:all 0.4s ease-out 0s;

    transition: all 0.4s ease-out 0s;

	-webkit-transition-duration: 0.8s; 

    transition-duration: 0.8s;

}

.slider-btn::after {

    background: #fff none repeat scroll 0 0;

    border-radius: 200px;

    content: "";

	opacity:0.3;

    display: block;

    height: 200px;

    left: -50%;

    margin-top: -100px;

    position: absolute;

    top: 50%;

    width: 200px;

    z-index: -1;

	transform: scale(0);

	-ms-transform: scale(0);

    -webkit-transform: scale(0);

	-webkit-transition:all 0.4s ease-in 0s;

    transition: all 0.4s ease-in 0s;

	transition-delay:0.3s;

}

.slider-btn:hover::after,.slider-btn:hover::before{

	opacity:1;

	transform: scale(4);

	-ms-transform: scale(4);

    -webkit-transform: scale(4);

}

.slider-content {

    max-width: 800px;

    width: 100%;

    text-align: center;

    margin: auto;

}

.slider-content.center-box-slider {

    margin: auto;

    text-align: center;

}

.center-box-slider .slider-line {

    margin: auto;

        margin-bottom: auto;

    margin-bottom: 25px;

    background: #FFAB00;

    height: 10px;

    width: 100px;

}

.page-head-slider .slider-box {

    padding-top: 200px;

    padding-bottom: 120px;

}

/*------------------------------VIDEO BACKGROUND SECTION---------------------------------*/



#bg-video {

	width: 100%;

	height: 100%;

	position: relative;

	z-index: 1;

}

#big-video-wrap {

	height: 100%;

	left: 0;

	overflow: hidden;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: 0;

}

#big-video-vid {

	position: absolute;

}

#big-video-wrap img {

	max-width: none;

	position: absolute;

}

.vjs-big-play-button, .vjs-text-track-display, .vjs-control-bar {

	display: none;

}

.vjs-hidden {

    display: none;

}

/*------------------------------ABOUT SECTION---------------------------------*/

.ab-box .fa {

    display: inline-block;

    color: #FFAB00;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -20px;

}

.ab-box h3 {

    font-size: 40px;

    margin: 0;

    margin-bottom: 40px;

    position: relative;

    padding-left: 60px;

}

.ab-sub {

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

	line-height: 1;

	text-transform: none;

}

.team-post {

    color: #FFAB00;

}

#team .table-box {

    margin-bottom: -1px; /*---to fix white border in chrome---*/

}

.team-name {

    color: #fff;

    font-size: 40px;

    margin: 0;

    transform: translateY(-100%);

	-webkit-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    position: relative;

	opacity:0;

	-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

}



.cell-img:hover .team-name ,.cell-img:hover .team-soc-list{

	transform: translateY(0);

	-webkit-transform: translateY(0);

    -ms-transform: translateY(0);

	opacity:1;

}

.team-soc-list {

    list-style: none;

    padding: 0;

    transform: translateY(100%);

	-webkit-transform: translateY(100%);

    -ms-transform: translateY(100%);

    position: relative;

    margin: 0;

	opacity:0;

	-webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1);

	-moz-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1);

	-ms-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1);

	-o-transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1);

	transition: all 0.3s cubic-bezier(0.5, 0, 0.4, 1);

	transition-delay:0.6s;

}

.team-soc-list li {

    display: inline-block;

}

.team-soc-list a {

    display: block;

    width: 35px;

    height: 35px;

    border-radius: 100px;

    color: #fff;

    background: #FFAB00;

    line-height: 35px;

}

.team-soc-list a:hover{

	background: #fff;

	color:#FFAB00;

}

/*-----------------------------WORKS SECTION-----------------------------------*/



.port-item {

    padding: 0;

	margin-bottom: -1px; /*---to prevent white border on firefox*---*/

}

.port-inner {

    overflow: hidden;

    position: relative;

}

.port-box {

    display: block;

    padding: 50% 0;

    position: relative;

    background: #000;

    z-index: 1;

    opacity: 0;

	-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

}

.port-inner:hover .port-box{opacity:0.6;}

.port-link {

    display: block;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 3;

}



.port-img {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.img-mask {

	z-index: 2;

	-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-ms-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	-o-transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

	transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1);

}

.ani-width .img-mask {

	background: #fff none repeat scroll 0 0;

	height: 50%;

	position: absolute;

	right: -10px;

	top: -10px;

	width: 110%;

	transform:scale(1,1);

	transform-origin:top;

	-ms-transform: scale(1,1); 

    -ms-transform-origin:top; 

    -webkit-transform: scale(1,1);

    -webkit-transform-origin:top;

}



.gray-bg .ani-width .img-mask{

	background:#fafafa;

}

.dark-bg .ani-width .img-mask {background:#1f1f1f;}

.dark-bg .gray-bg .ani-width .img-mask{background:#1A1A1A;}

.full-ani-width .img-mask {

	-ms-transform: scale(1,0);

    -webkit-transform: scale(1,0);

	transform:scale(1,0);

}

.width-img {

	-webkit-transition: all 0.6s cubic-bezier(0.9, 0, 0.3, 1);

	-moz-transition: all 0.6s cubic-bezier(0.9, 0, 0.3, 1);

	-ms-transition: all 0.6s cubic-bezier(0.9, 0, 0.3, 1);

	-o-transition: all 0.6s cubic-bezier(0.9, 0, 0.3, 1);

	transition: all 0.6s cubic-bezier(0.9, 0, 0.3, 1);

}

.ani-width .width-img {

	opacity: 0;

}

.full-ani-width .width-img {

	opacity: 1;

}

.dbox-relative h3 {

	font-size: 22px;

	margin: 0;

	text-transform: none;

	color: #fff;

	margin-top: -50px;

	position: relative;

	-webkit-transition: all 0.3s ease-in 0s;

	transition: all 0.3s ease-in 0s;

	opacity: 0;

}

.dbox-relative p {

    color: #FFAB00;

    font-family: 'Roboto', sans-serif;

    line-height: 1.2;

 	margin-top: 50px;

    position: relative;

	-webkit-transition:all 0.2s ease-in 0s;

    transition: all 0.2s ease-in 0s;

	transition-delay:0.4s;

	-webkit-transition-delay:0.4s;

	opacity:0;

}

.port-inner:hover .dbox-relative h3{margin-top:0;opacity:1;}

.port-inner:hover .dbox-relative p{margin-top:0;opacity:1;}

.port-dbox {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 1;

    height: 100%;

    display: block;

}



.dbox-relative {

    display: block;

    top: 50%;

    transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    text-align: center;

    width: 100%;

    position: relative;

}

.other-portfolio {

    text-align: center;

}





*::-moz-placeholder {



    color: #999;



}

*::after, *::before {



    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;



}

element {



}

.op-title {

    font-size: 35px;

    text-transform: uppercase;

    margin: 0;

    margin-bottom: 40px;

	line-height:1;



}

.op-sub {

    color: #FFAB00;

    text-transform: uppercase;

    font-weight: bold;

    margin: 0;

    letter-spacing: 5px;

}

.port-filter {

    list-style: outside none none;

    margin: 0 0 20px;

    padding: 0;

    text-align: center;

}



.port-filter a.active {

    color: #fff;

    background: #FFAB00;

}

.port-filter a {

    background: transparent;

    display: inline-block;

    font-size: 14px;

    padding: 5px 20px;

    text-transform: uppercase;

    z-index: 1;

    position: relative;

    overflow: hidden;

    font-weight: 600;

    color: #FFAB00;

}

.port-filter a:hover{color:#fff;}

.port-filter a::before {

    background: #FFAB00 none repeat scroll 0 0;

	opacity:0.3;

    border-radius: 200px;

    content: "";

    display: block;

    height: 200px;

    left: -50%;

    margin-top: -100px;

    position: absolute;

    top: 50%;

    width: 200px;

	opacity:0.3;

    z-index: -1;

	transform: scale(0);

	-ms-transform: scale(0);

    -webkit-transform: scale(0);

	-webkit-transition:all 0.4s ease-out 0s;

    transition: all 0.4s ease-out 0s;

	-webkit-transition-duration: 0.8s; 

    transition-duration: 0.8s;

}

.port-filter a::after {

    background: #FFAB00 none repeat scroll 0 0;

    border-radius: 200px;

    content: "";

	opacity:0.3;

    display: block;

    height: 200px;

    left: -50%;

    margin-top: -100px;

    position: absolute;

    top: 50%;

    width: 200px;

    z-index: -1;

	transform: scale(0);

	-ms-transform: scale(0);

    -webkit-transform: scale(0);

	-webkit-transition:all 0.4s ease-in 0s;

    transition: all 0.4s ease-in 0s;

	transition-delay:0.3s;

}

.port-filter a:hover::after,.port-filter a:hover::before{

	opacity:1;

	transform: scale(4);

	-ms-transform: scale(4);

    -webkit-transform: scale(4);

}



.port-filter > li {

    display: inline-block;

}

/*-----------------------------TESTIMONIAL SECTION-----------------------------------*/

#testimonial {

    position: relative;

    z-index: 1;

}

#testimonial p {

    font-family: playfair display;

    font-size: 22px;

    font-style: italic;

}

.with-bg #testimonial .testi-from,#testimonial .testi-from {

    font-family: 'Roboto', sans-serif;

    font-size: 15px;

    font-style: normal;

    text-transform: uppercase;

    color: #FFAB00;

    margin-bottom: 20px;

}

#testimonial h3 {

    font-size: 40px;

    margin: 0;

}

#testimonial > div {

    margin: auto;

    max-width: 900px;

    text-align: center;

}

#testimonial .fa {

    margin-bottom: 10px;

    color: #fff;

    width: 100px;

    height: 100px;

    line-height: 96px;

    font-size: 35px;

    border-radius: 100px;

    border: 2px solid;

}

.with-bg #testimonial p ,.with-bg #testimonial h3 {color:#fff;}

.with-bg {

    padding: 150px 0;

}

.with-bg .slider-mask{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 }

/*-----------------------------CONTACT SECTION-----------------------------------*/

.map_canvas {

    height: 500px;

}

form input,form textarea {

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #ddd;

	color: #888;

	line-height: inherit;

	padding: 8px 13px;

	width: 100%;

	background: #fff;

}

.dark-bg form input,.dark-bg form textarea {border:none;}

.color-bg form input, .color-bg form textarea, .color-bg .contact-btn {

    border: none;

}

#MyContactForm{text-align:left;}

#MyContactForm p span {

    display: block;

    letter-spacing: 2px;

    text-transform: uppercase;

}

input:focus, textarea:focus {

	border-color: #aaa;

}

::-webkit-input-placeholder {

 color: #999;

}

#MyContactForm p label {

    cursor: text;

    display: block;

    margin: 0;

    position: relative;

    top: 0;

    width: 100%;

}

:-moz-placeholder { /* Firefox 18- */

 color: #999;

}



::-moz-placeholder {  /* Firefox 19+ */

 color: #999;

}



:-ms-input-placeholder {

 color: #999;

}

#form-wrapper #MyContactForm .error {

    bottom: 12px;

    color: #FF0000;

    font-family: inherit;

    font-size: 12px;

    font-weight: normal;

    left: auto;

	font-style:italic;

    letter-spacing: 0;

    position: absolute;

    right: 20px;

    text-transform: capitalize;

    width: auto;

}

.contact-btn {

    background: #FFAB00 none repeat scroll 0 0;

    color: #fff;

    display: inline-block;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 15px;

	border:1px solid #FFAB00;

    padding: 10px 40px;

    border-radius: 100px;

    text-transform: uppercase;

    position: relative;

    overflow: hidden;

    z-index: 1;

	 -webkit-transition-duration: 0.8s; 

    transition-duration: 0.8s;

}

.contact-btn:hover,.contact-btn:focus,.contact-btn:active{color:#FFAB00;background:transparent;}

.contact-btn::before {

    background: #eee none repeat scroll 0 0;

    border-radius: 200px;

    content: "";

    display: block;

    height: 200px;

    left: -50%;

    margin-top: -100px;

    position: absolute;

    top: 50%;

    width: 200px;

	opacity:0.3;

    z-index: -1;

	transform: scale(0);

	-ms-transform: scale(0);

    -webkit-transform: scale(0);

	-webkit-transition:all 0.4s ease-out 0s;

    transition: all 0.4s ease-out 0s;

	-webkit-transition-duration: 0.8s; 

    transition-duration: 0.8s;

}

.contact-btn::after {

    background: #fff none repeat scroll 0 0;

    border-radius: 200px;

    content: "";

	opacity:0.3;

    display: block;

    height: 200px;

    left: -50%;

    margin-top: -100px;

    position: absolute;

    top: 50%;

    width: 200px;

    z-index: -1;

	transform: scale(0);

	-ms-transform: scale(0);

    -webkit-transform: scale(0);

	-webkit-transition:all 0.4s ease-in 0s;

    transition: all 0.4s ease-in 0s;

	transition-delay:0.3s;

}

.dark-bg .contact-btn{border:none;}

.dark-bg .gray-bg .contact-btn::after{background:#1A1A1A;}

.contact-btn:hover::after,.slider-btn:hover::before{

	opacity:1;

	transform: scale(4);

	-ms-transform: scale(4);

    -webkit-transform: scale(4);

}

#MyContactForm p {

	position: relative;

}

.response h3 {

    font-size: 22px;

    margin: 10px 0 10px;

}

.contact-list {

    list-style: none;

    padding: 0;

	margin-top:20px;

}

.contact-list li {

    margin-bottom: 10px;

}

.contact-list .fa {

    background: #FFAB00;

    border-radius: 100px;

    line-height: 30px;

    height: 30px;

	margin-right:5px;

    width: 30px;

}

/*-----------------------------FOOTER SECTION-----------------------------------*/

.footer {

    background: #010115 none repeat scroll 0 0;

	text-align:center;

	line-height: 1.6;

	font-size: 15px;

	padding:80px 0

}

.footer-img {

    margin-bottom: 20px;

}

.footer-icon {

    display: block;

    list-style: none;

    padding: 0;

    margin: 0;

    margin-bottom: 20px;

}

.footer-icon li {

    display: inline-block;

}

.footer-icon li a {

    background: rgba(255,255,255,0.1);

    width: 40px;

    height: 40px;

    display: block;

    line-height: 40px;

    border-radius: 100px;

}

.footer-icon li a:hover{

	background: #FFAB00;

	color:#fff;

}

/*-----------------------------BLOG SECTION----------------------------------*/

.blog-slider-box {

    padding: 27% 0;

}

.blog-slider .slider-mask{

    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;

}

.post-detail {

    font-size: 15px;

	padding:0;

    list-style: outside none none;

    text-transform: uppercase;

}

.post-detail > li {

    display: inline-block;

    margin-right: 20px;

}

.post-detail > li i {

    background: #FFAB00 none repeat scroll 0 0;

    border-radius: 100px;

    color: #fff;

    display: inline-block;

    font-size: 14px;

    height: 40px;

    line-height: 40px;

    margin-right: 2px;

    text-align: center;

    width: 40px;

}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    background-color: #FFAB00  ;

    border-color: #FFAB00  ;

    color: #FFFFFF;

    cursor: default;

    z-index: 2;

}

.dark-bg .pagination > li > a, .dark-bg .pagination > li > span {

    background: #151515;

    border-color: #202020;

}

.dark-bg .pagination > li > a:hover{color:#fff;background-color: #FFAB00 }

.dark-bg .pagination  .active a{

	background-color: #FFAB00  ;

}

.pagination li a:hover{color:#000000;}

.pagination > li > a, .pagination > li > span {

    color: inherit;

    font-size: 14px;

    font-weight: bold;

    text-transform: uppercase;

}

.share-box a {

    display: inline-block;

    margin-left: 5px;

}

.share-box {

    font-family: playfair display;

    font-style: italic;

    padding-top: 20px;

	text-align:right;

}

.title-related-post {

    border-bottom: 1px solid #eee;

    font-size: 18px;

    letter-spacing: 1px;

    margin: 5px 0 40px;

    padding: 20px 0;

    text-transform: uppercase;

}

.dark-bg .title-related-post,.dark-bg #related_posts,.dark-bg .comment-content {

	border-bottom: 1px solid #272727;

	}

.dark-bg .comment-ava > img{

	border: 1px solid #272727;

}

.related-title {

    font-size: 16px;

    margin: 10px 0 5px;

    text-transform: uppercase;

}

.related-cat {

    font-family: playfair display;

    font-style: italic;

    line-height: 1;

    margin-bottom: 20px;

}

#related_posts .col-sm-4{ margin-bottom:20px;}

#related_posts .col-sm-4 img{

opacity:1;

transition:0.3s;

}

#related_posts .col-sm-4:hover img{opacity:0.7;}

#related_posts .col-sm-4:nth-child(4) {

    clear: left;

}

#related_posts {

    border-bottom: 1px solid #eee;

    padding-bottom: 20px;

}

.blog-title {

    font-size: 65px;

}

/*-----------------------------SIDEBAR SECTION----------------------------------*/

.widgettitle {

    display: block;

    font-size: 35px;

    line-height: 1;

    margin: 0 0 20px;

    position: relative;

	text-transform: uppercase;

}

.widgettitle::after {

    content: "";

    width: 100px;

    height: 1px;

    background: #eee;

    display: block;

    margin-top: 20px;

}

.widget {

    margin-bottom: 30px;

    padding-bottom: 30px;

}



.widget ul {

    padding: 0 0 0 20px;

}

#searchform {

    margin: 0x;

    position: relative;

}

#searchform #s {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: 1px solid #ddd;

    display: block;

    height: 50px;

    margin: 0;

    padding: 10px 45px 10px 15px;

    width: 100%;

	border-radius: 100px;

}

#searchform #s:focus{border-color:#aaa;}

#searchform #searchsubmit {

    background: url("../images/search.png") no-repeat scroll center center #FFAB00  ;

    height: 30px;

	border-radius:100px;

    right: 10px;

    line-height: 1;

    margin-top: -15px;

    padding: 0;

    position: absolute;

    text-indent: -99999px;

    top: 50%;

    transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	-ms-transition: all 0.3s ease 0s;

    width: 30px;

	border:none;

}

#searchform #searchsubmit:hover{background-color:#b9b9b9  ;}

.widget ul li {

    list-style: outside none square;

    margin-bottom: 5px;

}

.tagcloud a {

    color: #fff;

    display: inline-block;

    font-size: 13px;

    letter-spacing: 1px;

    margin-bottom: 5px;

    padding: 10px 28px;

    text-transform: uppercase;

    border-radius: 100px;

    background: #020223;

}



.tagcloud a:hover{color:#fff;background:#FFAB00 ;}





.widget-about-us {

    text-align: center;

}

.widget-about-us h3 {

    color: #fff;

    display: block;

    font-size: 60PX;

    font-weight: 800;

    margin: 0;

    max-width: 100%;

    overflow-wrap: break-word;

    position: relative;

    text-transform: uppercase;

    z-index: 1;

}

.bordering-widget {

    color: #fff;

    position: absolute;

    top: 0;

    width: 100%;

    display: table;

    height: 100%;

    vertical-align: middle;

    background: rgba(0,0,0,0.3);

}

.ab-content {

    vertical-align: middle;

    display: table-cell;

}

.abtw-box {

    position: relative;

	margin-bottom:20px;

	color:#fff;

}



.wdg-about-subtitle {

    font-family: "Playfair Display",serif;

    font-size: 20px;

    font-style: italic;

    line-height: 1;

    margin-bottom: 20px;

    background: #FFAB00;

    padding: 14px 25px;

    display: inline-block;

    border-radius: 100px;

}

.widget .abtw-soc {

    list-style: outside none none;

    margin: 20px 0 0;

    padding: 0;

}

.widget .abtw-soc > li {

    display: inline-block;

    list-style: outside none none;

}

.abtw-soc a {

    border: 1px solid;

    border-radius: 100px;

    color: #FFAB00;

    display: inline-block;

    height: 40px;

    line-height: 38px;

    width: 40px;

}

.abtw-soc a:hover{

	color:#fff;

	background:#FFAB00;

	border-color:#FFAB00;

}



/*-------------COMMENTS SECTION-------------*/

.comment-list, .com-child {

    list-style: none outside none;

    margin: 0;

    overflow: hidden;

}

.comment-list{padding:0;}

.comment-ava > img {

    border: 1px solid #ddd;

    padding: 5px;

    width: 100px;

}

.comment-ava {

    float: left;

    padding-right: 20px;

    width: 20%;

}

.com-box {

    float: left;

    width: 80%;

}

.comment-list .comment {

    display: block;

    margin: 10px 0;

    overflow: hidden;

}

.com-author {

    color: #555555;

    font-size: 14px;

    font-weight: bold;

    margin: 0;

    text-transform: uppercase;

}

.com-reply {

    float: right;

    font-size: 13px;

}

.com-meta {

    font-size: 12px;

    font-style: italic;

}

.comment-content {

    border-bottom: 1px solid #eee;

    overflow: hidden;

    padding: 20px 0;

}

.com-btn {

	background: #FFAB00 none repeat scroll 0 0;

	color: #fff;

	border: 1px solid #FFAB00;

	display: inline-block;

	font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 15px;

    padding: 10px 40px;

	text-transform: uppercase;

	position: relative;

	overflow: hidden;

	z-index: 1;

	border:1px solid #FFAB00; 

	border-radius: 100px;

	width:auto;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	-ms-transition: all 0.3s ease 0s;

}



.com-btn:hover{background:transparent ;color:#FFAB00 ;border:1px solid #FFAB00;}

.comment-top > span {

    display: block;

    font-size: 12px;

    font-weight: bold;

    text-transform: uppercase;

}

.title-strong {

    font-size: 16px;

    margin: 0;

    text-transform: uppercase;

}

.pagination > li > a, .pagination > li > span{color:inherit;}

/*-----------------------------MEDIA QUERIES-----------------------------------*/

@media (max-width:1199px) {

.port-item{width:33.3%;}

.other-portfolio .port-item,.port-gallery-body .port-item{width:50%;float:left}

.blog-title {

    font-size: 50px;

}

.no-tablet-table{display:block;}

.table-cell-box.col-md-12 {

    display: block;

	width:100%;

    float: left;

}

.team-img {

    display: block;

    float: left;

}

}

@media (max-width:992px) {

.slider-title,.blog-title ,.hero-title{

    font-size: 40px;

}



.top-slider {

    letter-spacing: 6px;

    font-size: 18px;

}

.cell-left-border{border:none;}

.content-title,.table-content h3 {

    font-size: 50px;

}

.table-content .response h3 {

    font-size: 22px;

}

.container-fluid {

    max-width:100%;

}

.slider-text,.slider-line{display:none;}

.port-item{width:50%;}

.table-cell-box,.box-30,.box-70{width:100%;display:block;}

}

@media (max-width: 767px) {

.content-title,.table-content h3,.hero-title {

    font-size: 40px;

}

.box-with-icon {

    padding: 0;

}

.box-with-icon .fa {

    position: relative;

}

.blog-title {

    font-size: 45px;

}

}

@media (max-width: 600px) {

.port-item,.other-portfolio .port-item,.port-gallery-body .port-item{width:100%;float:none;}

.cell-line{display:none;}

.slider-title,.blog-title,.hero-title {

    font-size: 25px;

}

.top-slider {

    letter-spacing: 4px;

    font-size: 15px;

}

.slider-box {

    padding-bottom:100px;

    padding-top: 150px;

}

.page-head-slider .slider-box {

    padding-top: 100px;

    padding-bottom: 50px;

}

}