/*
1 - BASE 
2 - PRELOADER 
3 - TRANSITIONS 
4 - HEADER & MAIN NAV - A) Logo
4 - HEADER & MAIN NAV B) Global
4 - HEADER & MAIN NAV - C)HEADER SOCIAL ICONS BACKGROUND
5 - WELCOME
6 - ABOUT US
7 - PAGE TITLE 
8 - RESPONSIVE NAV
9 - REVOLUTION SLIDER & CUSTOM CAPTIONS
11 - SERVICES
13 - PROCESS
14 - RETINA ICONS
15 - SHORTCODES - A) Tabs
15 - SHORTCODES - B) Accordion & Triggers
18 - PAGINATION
20 - PORTFOLIO A) Global
20 - PORTFOLIO B) two_columns Style 
20 - PORTFOLIO C) four_columns Style
20 - PORTFOLIO D) Isotope
24 - FOOTER
25 - SKILLS
26 - BUTTONS
27 - ICONS 
28 - TESTIMONIALS
29 - PARALLAX SECTIONS
30-  ANIMATIONS
31 - MEDIA QUERIES
*/

/*=================================================
1 - SKINS COLORS
=================================================*/
@import url("css/skins/blue.css");

/*=================================================
1 - BASE 
=================================================*/
body {font-family: 'Open Sans', Helvetica, Arial, "Lucida Grande", sans-serif; font-size:15px;color: #9c9c9c;line-height: 28px;}

h1,h2,h3,h4,h5,h6 {color:#323232; font-weight: bold;line-height: 25px;}

h1{font-size:22px;}
h2{font-size:19px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

a {text-decoration: none!important;-moz-transition: .15s ease-in-out;-webkit-transition: .15s ease-in-out;-o-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out;transition: .15s ease-in-out;}
a {color: gray;} a:hover {text-decoration: none;}
p {margin: 0 0 20px;}

.clear {clear: both;}
.center{text-align: center;}
.bold {font-weight: bold;}
.uppercase {text-transform: uppercase;}

.divider_padding {padding:30px 0px;}
.divider_padding.big {	padding:60px 0px;}
.container-fluid.nopadding {padding:0; margin: 0;}
.divider_padding.small {padding:15px 0px;}

blockquote {padding: 0 0 0 15px;margin: 0 0 20px;border-left: 5px solid #EEE;}

img {max-width: 100%;}

blockquote p {margin-bottom: 10px;font-size: 18px;font-weight: 300;line-height: 25px;}

.right {float: right;}
.left {float: left;}

.section{padding:80px 0px;background-color: #FFFFFF;}
.section.gray{background-color: #f3f3f3;}
.section.nobottom {margin-bottom: 0; padding-bottom: 0;}
.section.notop {margin-bottom: 0; padding-top: 0;}
.hidden {display: none;}

.loading_icon{background: #000 url("images/preload.gif") no-repeat center center;height:60px;width:60px;position: fixed;top:50%;left:50%;margin-top:-30px;margin-left:-30px;display:none;z-index: 10000;	-webkit-border-radius:30px;	-moz-border-radius:	30px;	border-radius:30px;	behavior: url(css/PIE.htc);	opacity: .25;}

/*=================================================
2 - PRELOADER 
=================================================*/
#preloader { position:fixed;top:0;left:0;right:0; bottom:0; background-color:#fff; z-index:9999;}

#status { width:200px;height:200px;position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(images/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;background-position:center; margin:-100px 0 0 -100px; /* is width and height divided by two */}

/*=================================================
3 - TRANSITIONS 
=================================================*/
header {-moz-transition:.15s ease-in-out;-webkit-transition:.15s ease-in-out;-o-transition:.15s ease-in-out;-ms-transition:.15s ease-in-out;transition:.15s ease-in-out;}

/*=================================================
4 - HEADER & MAIN NAV - A) Logo
=================================================*/
#logo {float: left;margin-top: 25px;}
#logo_dark {display: none;float: left;margin-top: 25px;}
header.small #logo {display: none;}

/*=================================================
4 - HEADER & MAIN NAV B) Global
=================================================*/
header.small {height: 60px;}

header {position:fixed; width: 100%;z-index: 999;top: 0;height: 78px;border-bottom: 1px solid rgb(105, 105, 105); border-bottom: 1px solid rgba(255, 255, 255, .15);-webkit-background-clip: padding-box; /* for Safari */	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } 

.main_nav {float: right; margin-top: 28px; }
.main_nav li {float: left; text-transform: uppercase;font-size:13px; margin-right:38px;	font-weight: bolder;z-index: 1;	list-style: none;position: relative;float: left;display: inline;}
.main_nav li a {color:#B8B8B8;}
.main_nav li.active a, .main_nav li a:hover {color:white;}

/* SOCIAL NAV */
.social_nav i {color:white;}
.social_nav { float: right;margin-right: -15px;}
.social_nav li {float: left;}
.social_nav li i {padding:28px;	-webkit-background-clip: padding-box; /* for Safari */	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */}
.social_nav .fa-2x {font-size: 1.4em!important;}

/*=================================================
4 - HEADER & MAIN NAV - C)HEADER SOCIAL ICONS BACKGROUND
=================================================*/
header.small li.twitter_header_icon:hover {background: #32ccfe;} 
header.small li.facebook_header_icon:hover {background: #3b5999;}
header.small li.youtube_header_icon:hover {background: #ff2825;}
header.small li.linkedin_header_icon:hover {background: #008ed3;}

/* White color for Font-Awesome icons when they are hover over in the header under white state */ 
header.white .social_nav li:hover i,header.small.transparent_menu .social_nav li:hover i,header.white_menu  .social_nav li i,.dark_menu.small .social_nav li:hover i,.transparent_dark_menu.small .social_nav li:hover i
{color:white;} 

/* HEADER SMALL */
header.small .main_nav {margin-top: 18px;}
.small #logo_dark  { display: block; margin-top:15px; width: 130px}
header.small .social_nav li i {padding: 20px;}

/* HEADER STYLE 01: TRANSPARENT TO WHITE  */
.transparent_menu li a {color:#dbdbdb;}
.transparent_menu .social_nav li:hover i {color: #000;}
.transparent_menu .social_nav li:hover {}
header.small.transparent_menu {background-color: rgba(247,247,247, 1);}
header.small.transparent_menu .social_nav i {color:#FFFFFF;}
header.small.transparent_menu li a {color: #B8B8B8;}
header.small.transparent_menu .social_nav .menu_trigger i {color:white;}
header.small.transparent_menu  .main_nav li.active a, header.small.transparent_menu  .main_nav li a:hover {color:#3c3c3c;}

/* HEADER STYLE 02: TRANSPARENT TO DARK  */
header.small.transparent_menu.dark {background-color: #232323;border-bottom: 1px solid rgb(46, 46, 46);}
header.small.transparent_menu.dark .social_nav li i {}
header.small.transparent_menu.dark .main_nav li.active a, header.small.transparent_menu.dark .main_nav li a:hover {color:white;}

/* HEADER STYLE 03: WHITE  */
header.white_menu { background-color: rgba(255,255,255, 1); border-bottom: 1px solid #F5F5F5;}
header.white_menu .main_nav li a { color:#AFAFAF;}
header.white_menu .main_nav li.active a, header.white_menu .main_nav li a:hover {color:#3c3c3c;}
header.white_menu .social_nav i {color:#AFAFAF;}

header.white_menu li.twitter_header_icon {background: #32ccfe;} 
header.white_menu li.facebook_header_icon {background: #3b5999;} 
header.white_menu li.youtube_header_icon {background: #ff2825;}
header.white_menu li.linkedin_header_icon {background: #008ed3;}

/* HEADER STYLE 04: TRANSPARENT DARK  */
.transparent_dark_menu {background-color: rgba(0, 0, 0, 0.5);border-bottom: 1px solid rgba(32, 32, 32, 0.5);}
.transparent_dark_menu .social_nav li:hover i {color: #161616;}
.transparent_dark_menu .social_nav li:hover {background: white;}

/* HEADER STYLE 05: DARK  */
.dark_menu {background-color: #232323;border-bottom: 1px solid rgb(46, 46, 46);}
.dark_menu .social_nav li i {}
header.white.dark_menu {background-color: #232323;border-bottom: 1px solid rgb(46, 46, 46);}
header.white.dark_menu .main_nav li.active a, header.white.dark_menu .main_nav li a:hover {color:white;}

.dark_menu .social_nav li:hover i {color: #161616;}
.dark_menu .social_nav li:hover {background: white;}

/* HEADER STYLE 06: TRANSPARENT DARK TO SOLID WHITE  */
header.small.transparent_dark_menu.white {background-color: rgba(255,255,255, 1); border-bottom: 1px solid #F5F5F5;}
header.small.transparent_dark_menu.white .social_nav i {color:#AFAFAF;}
header.small.transparent_dark_menu.white  .main_nav li.active a, header.small.transparent_dark_menu.white  .main_nav li a:hover {color:#3c3c3c;}
header.transparent_dark_menu .social_nav li a:hover i {color:#3c3c3c;}

/* HEADER STYLE 07: TRANSPARENT DARK TO SOLID DARK  */
.small.transparent_dark_menu .social_nav li:hover i {color: white;}
header.small.transparent_dark_menu.dark {background-color: #232323;border-bottom: 1px solid rgb(46, 46, 46);}
header.small.transparent_dark_menu.dark .social_nav li i {}
header.small.transparent_dark_menu.dark .main_nav li.active a, header.small.transparent_dark_menu.dark .main_nav li a:hover {color:white;}

/* HEADER STYLE 08: CENTER TRANSPARENT TO SOLID WHITE  */
.center_style #logo, .center_style #logo_dark {text-align: center;float: none;margin: 0 auto;width: 160px;}
.center_style #logo {padding-top: 24px;}
.center_style #logo_dark {padding-top: 14px;}
.center_style .main_nav {float: left;}

.center_style.small.white {background-color: rgba(255,255,255, 1); border-bottom: 1px solid #F5F5F5;}
.center_style.small.white .social_nav i {color:#AFAFAF;}
.center_style.small.white  .main_nav li.active a, .center_style.small.white  .main_nav li a:hover {color:#3c3c3c;}

.center_style.white.small .social_nav li:hover i {color: white;}
.center_style.white .social_nav li:hover i {color: #161616;}
.center_style .social_nav li:hover {background: white;}

header.center_style.white_menu li.twitter_header_icon:hover {background: #32ccfe;} 
header.center_style.white_menu li.facebook_header_icon:hover {background: #3b5999;} 
header.center_style.white_menu li.youtube_header_icon {background: #ff2825;}
header.center_style.white_menu li.linkedin_header_icon {background: #008ed3;}

/* HEADER STYLE 09: CENTER TRANSPARENT TO SOLID DARK  */
.center_style.small.dark {background-color: #232323;border-bottom: 1px solid rgb(46, 46, 46);}
.center_style.small.dark .social_nav i {border-left: 1px solid rgb(46,46,46);}
.center_style.small.dark  .main_nav li.active a, .center_style.small.dark  .main_nav li a:hover {color:white;}

header.center_style.dark .social_nav li:hover i {color: #161616;}
header.center_style.dark.small .social_nav li:hover i {color:white;}

/*=================================================
5 - WELCOME
=================================================*/
#welcome {background-color: #F7F7F7; font-size: 24px; font-weight: lighter; text-align: center; line-height: 40px; padding:100px 0px;}
.welcome-text { width: 78%; text-align: center; margin: 0 auto; margin-top:50px;}

/*=================================================
6 - ABOUT US
=================================================*/
.about_wrapper {position: relative;background-color: #F7F7F7;}
.about_image {background-image: url('images/ingame/about_03.jpg');position: absolute; -webkit-background-size: cover;background-size: cover;height: 100%;width: 50%;}
.about_content {padding: 70px; padding-right:0;}
.about_title {margin-bottom: 35px;}

/*=================================================
7 - PAGE TITLE 
=================================================*/
.page_title { margin-bottom:100px;}
.title {font-size:35px!important; text-align: center; text-transform: uppercase; line-height: 45px; letter-spacing: 3px; font-weight: lighter;margin-bottom:15px; color:#01527e}
.page_subtitle {color:#909090; text-align: center; font-size:18px; line-height: 30px; font-weight: lighter;margin: 0; }

/*=================================================
8 - RESPONSIVE NAV
=================================================*/
.responsive_container {width: 100%;position: fixed;z-index: 100;}
.mobile_nav_trigger {float: right;margin-right: -15px;}
.responsive_nav {margin-top: -1px;}
.mobileAreaMenu {background: white; width: 100%;margin-top: -10px;}
.menu_trigger {float: right;color:white;}
.menu_trigger i:hover {color:white;}
.menu_trigger i {padding: 24px; color:white;}
.small .menu_trigger i {padding:16px; color:white;}
.menu_trigger, .mobileAreaMenu, .responsive_nav {display: none;}
header.small .mobileAreaMenu li a {color: #555555;}
header.small .mobileAreaMenu li a:hover {color:white;}

.mobileAreaMenu li a {color: #555555;line-height: 28px;padding: 10px 0;border-bottom: 1px solid #EFEFEF;display: block;padding-left: 30px;text-decoration: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
box-sizing: border-box;}

.mobileAreaMenu a:hover{color: #fff;}
.mobileAreaMenu li {display: block;width: 100%;margin: 0;padding: 0;}

/* DARK STYLE */
.mobileAreaMenu.dark_style li a {color: #E0E0E0;border-bottom: 1px solid #414141;}
.mobileAreaMenu.dark_style {background: rgb(50, 50, 50);}
.mobileAreaMenu.dark_style a:hover {color:white;}

/*=================================================
9 - REVOLUTION SLIDER & CUSTOM CAPTIONS
=================================================*/
.cap_style_1 {font-family: 'Lato', Arial, Helvetica; font-size: 60px; color:white; }
.cap_style_1_subtitle  {font-family: 'Lato', Arial, Helvetica; font-size: 18px; color:white; font-weight: 100;}
.cap_style_1_button { background: white; -webkit-border-radius: 20px;-moz-border-radius:20px;border-radius:20px;font-weight: 100;padding: 5px 25px!important;}
.cap_style_1_button a { color:black;}
.cap_style_1_button a:hover { color:#0070bb;}

.cap_style_2 {font-family: 'Lato', Arial, Helvetica; font-size: 50px; color:white; font-weight: bold; }
.cap_style_2_subtitle {color:white; width: 600px; font-size: 18px; font-weight: 100;}
.cap_style_2_button a { color:white;}
.cap_style_2_button {padding: 15px 30px;text-transform: uppercase;color: white;letter-spacing: 2px;}

.cap_style_3 {font-family: 'Roboto',  Arial, Helvetica; color:#202020; font-size: 100px; text-transform: uppercase; font-weight: bold;}
.cap_style_3_red {font-size:50px; font-weight: bold; color:white; text-transform: uppercase;}
.cap_style_3_subtitle {font-weight: lighter;   text-transform: uppercase; font-size: 18px;}
.cap_style_3_red.small {font-size:30px;}

.cap_style_4 {font-family: 'Raleway',  Arial, Helvetica; color:white; font-size: 55px; font-weight: bold;}
.cap_style_4_subtitle {font-family: 'Ubuntu',  Arial, Helvetica;font-weight: lighter;  color:white; font-size: 18px; text-align: center;}
.cap_style_4_button { padding: 15px 30px;text-transform: uppercase;color: white;letter-spacing: 4px; border:2px solid white; font-size: 14px; font-weight: bold; }
.cap_style_4_button a {color:white;}

.cap_style_5 {font-size: 90px; font-family: 'PT Sans',  Arial, Helvetica; font-weight: bold; text-transform: uppercase;}
.cap_style_5_subtitle {font-weight: lighter;  font-size: 22px; color: #9d9cac; text-align: center; letter-spacing: 1px; line-height: 30px;}
.cap_style_5_subtitle.white {color: #FFF}
.cap_style_5_button { padding: 15px 30px;text-transform: uppercase;color: white;letter-spacing: 4px; border:2px solid #bebdc5; font-size: 14px; font-weight: bold; }
.cap_style_5_button a {color:#9d9cac;}
.cap_style_5.blue {color: #52baff;}
.cap_style_5.white {color: #FFF}

.cap_style_6 {font-family: 'Amatic SC', Arial, Helvetica; font-size: 120px; color:white;}
.cap_style_6_subtitle {font-family: 'Amatic SC', Arial, Helvetica; font-size: 62px; color:white;}
.cap_style_6_name {font-family: 'Dancing Script', cursive; color:white; font-size: 40px;}

.cap_style_7_subtitle {color:#0a0c10; font-weight: bold; font-size: 36px; text-transform: uppercase;font-family: 'Oswald', Arial, Helvetica; }
.cap_style_7 {font-family: 'Oswald', Arial, Helvetica; font-size: 170px; color:#0a0c10;}

.cap_style_8 { font-family: 'Josefin Slab', Arial, Helvetica; font-size: 83px; text-align: center; color:white; line-height: 80px; text-transform: uppercase ; font-weight: bold;}
.cap_style_8_subtitle { font-family: 'Josefin Slab', Arial, Helvetica; font-size: 60px; color:white; font-weight: light; text-transform: uppercase;}

.cap_style_9, .cap_style_9_subtitle  {font-family: 'Oswald', Arial, Helvetica; font-size: 85px; color:white; text-transform: uppercase;}
.cap_style_9_subtitle {font-size: 25px; }

.cap_style_9.second_style {font-size: 125px;}
.cap_style_9_subtitle.second_style {font-family: 'Josefin Slab', Arial, Helvetica; font-weight: 600; }

.cap_style_10_subtitle {font-family: 'PT Sans',arial;	font-size:28px;	color:white;	font-weight: 100;	text-transform: uppercase;}
.cap_style_10 {font-family: 'PT Sans',arial;font-size:100px;color:white;font-weight: bold;	text-transform: uppercase;	letter-spacing: -1px;}

.cap_style_11 {	font-family: 'PT Sans',arial;	color:white;	font-weight: bold;	text-transform: uppercase;	letter-spacing: -1px;font-size: 80px;}
.cap_style_11_subtitle {font-size:25px; font-weight: 100; color:white; text-align: center; line-height: 35px;}

.cap_style_12 {font-size: 67px; font-weight: bold; color:white; line-height: 70px;}
.cap_style_12_subtitle {color: white; font-size: 22px; font-weight: 100; line-height: 40px;}

.cap_style_13 {color:black; font-size: 62px; background:white; padding:20px 20px; text-transform: uppercase;}
.cap_style_13_subtitle {color:black; font-size: 22px; background:white; padding:10px 10px; text-transform: uppercase;}

.cap_style_13_button {color:black; font-size: 26px; background:white; padding:25px 70px; text-transform: uppercase; font-weight: bold}
.cap_style_13_button a {color:black;}

.cap_style_14 {font-size: 40px; text-transform: uppercase; color: white; background-color: #e95143; -webkit-border-radius: 	50px;-moz-border-radius: 50px;border-radius: 50px;padding:25px 40px; font-weight: 100; }	
.cap_style_14_subtitle {font-weight: 100; color:#4d4d4d; background: white; text-transform: uppercase; font-size: 20px;-webkit-border-radius: 	50px;-moz-border-radius:50px;border-radius:	50px;padding:10px 20px;}

.cap_style_15 {font-size: 160px; text-transform: uppercase; color: white;font-family: 'Six Caps', sans-serif; text-align: center; line-height: 155px;}
.cap_style_15_subtitle {font-size: 30px;text-transform: uppercase; color: white; font-weight: lighter;}

.full_slide {height: 100%; width: 100%;}

/*=================================================
11 - SERVICES
=================================================*/
#service_tab_triggers {margin-bottom:100px!important;}
#service_tab_triggers ul li {display: inline-block;}
#service_tab_triggers li a {margin-right: 20px;}
#service_tab_triggers ul li i {padding:38px; color:white;}
#service_tab_triggers {text-align: center;}
#service_tab_triggers ul li a{float: left;height: 130px; width: 130px; -webkit-border-radius:200px;	-moz-border-radius:	200px;border-radius: 200px; background: #dcdcdc;}

.service_custom_column {margin: 0 -2px; width: 20%; display: inline-block; text-align: center; padding: 50px; background-color: #F7F7F7; border-top: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC; border-right: 1px solid #ECECEC;}

.service_custom_column h2 {text-transform: uppercase; padding: 10px 0px;}

/* SERVICE STYLE 2 */
.service_wrapper.style2 h1 {text-transform: uppercase; font-weight: lighter; font-size:28px;}
.service_wrapper.style2 span.subtitle { text-transform: uppercase; letter-spacing: 2px;}
.service_wrapper.style2 .services_description { margin-top: 20px;}
.service_wrapper.style2 .service_item_wrapper { margin-bottom:40px;}

/* SERVICE STYLE 3 */
.service_wrapper.style3 {text-align: center;}
.service_wrapper.style3 h2 {padding-bottom: 10px;}
.service_wrapper.style3 .service_item_wrapper {padding-bottom:20px;}
.icon_wrapper i { margin-top: 32px;margin-left: -1px;}

/* SERVICE STYLE 4 */
.service_wrapper.style4 .icon_wrapper {float: left;margin-left: -20px;padding-bottom: 120px;margin-right: 20px;padding-top: 5px;}
.service_wrapper.style4 .hi-icon {width: 50px; height: 50px;}
.service_wrapper.style4 .icon_wrapper i {margin-top: 12px;margin-left: 0;}
.service_wrapper.style4 .service_item_wrapper {margin-bottom: 30px; float: left;}
.service_wrapper.style4 .service_item_wrapper h2 {text-transform: uppercase;font-size: 17px;font-weight: bolder;}

/* Float Shadow */
.float-shadow { display: inline-block; position: relative; -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);}

.float-shadow:before {pointer-events: none;position: absolute;z-index: -1;content: ''; top: 100%;left: 5%; height: 10px;width: 90%;opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity;transition-property: transform, opacity;}

.service_custom_column:hover .float-shadow, .service_custom_column:focus .float-shadow, .service_custom_column:active .float-shadow { -webkit-transform: translateY(-25px);transform: translateY(-25px);}
.service_custom_column:hover .float-shadow:before, .service_custom_column:focus .float-shadow:before, .service_custom_column:active .float-shadow:before { opacity: 1; -webkit-transform: translateY(25px);transform: translateY(25px);}

/* Buzz */
@-webkit-keyframes buzz {
  50% {-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg); }
  100% {-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg); }
}

@keyframes buzz {
  50% {-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg); }
  100% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
}

.buzz { display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.buzz:hover, .buzz:focus, .buzz:active { -webkit-animation-name: buzz; animation-name: buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear;  -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

/*=================================================
13 - PROCESS 01
=================================================*/
.process_one_wrapper {position: relative;background-color: #F7F7F7;}
.process_image {background-image: url('images/ingame/gameinfo.jpg');position: absolute; -webkit-background-size: cover;background-size: cover;height: 100%;width: 35%; right:0;}
.process_item, .process_item_icon_right {border-bottom:1px dashed #d1d1d1;padding: 10px 0px;}
.process_item h3, .process_item_icon_right h3 {margin-bottom: 0px; color:#2f537c}
.process_icon { float: left;margin-right: 30px;margin-bottom: 110px;}
.process_item_icon_right { text-align: right;}
.process_item_icon_right .process_icon {float: right;margin-left: 30px;margin-bottom: 110px;}

/*=================================================
14 - RETINA ICONS 
=================================================*/
.services_icon_container .hi-icon {float: left;}

.hi-icon {
	display: inline-block;
	cursor: pointer;
	margin-bottom: 20px;
	width: 110px;
	height: 110px;	
	-webkit-border-radius: 	50%;
	-moz-border-radius:	50%;
	border-radius:50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	font-family: 'FontAwesome';
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.hi-icon-mobile:before {content: "\e009";}
.hi-icon-screen:before {content: "\e00a";}
.hi-icon-earth:before {content: "\e002";}
.hi-icon-support:before {content: "\e000";}
.hi-icon-locked:before {content: "\e001";}
.hi-icon-cog:before {content: "\e003";}
.hi-icon-clock:before {content: "\e004";}
.hi-icon-videos:before {content: "\e005";}
.hi-icon-list:before {content: "\e006";}
.hi-icon-refresh:before {content: "\e007";}
.hi-icon-images:before {content: "\e008";}
.hi-icon-pencil:before {content: "\e00b";}
.hi-icon-link:before {content: "\e00c";}
.hi-icon-mail:before {content: "\e00d";}
.hi-icon-location:before {content: "\e00e";}
.hi-icon-archive:before {content: "\e00f";}
.hi-icon-chat:before {content: "\e010";}
.hi-icon-bookmark:before {content: "\e011";}
.hi-icon-user:before {content: "\e012";}
.hi-icon-contract:before {content: "\e013";}
.hi-icon-star:before {content: "\e014";}

/* Effect 1 */
.hi-icon-effect-1 .hi-icon {background: rgba(194, 194, 194, 1);	-webkit-transition: background 0.2s, color 0.2s;-moz-transition: background 0.2s, color 0.2s;transition: background 0.2s, color 0.2s;}

.ie8 .hi-icon-effect-1 .hi-icon {background: #3d3d3d;}

.hi-icon-effect-1 .hi-icon:after {top: -7px;left: -7px;padding: 7px;-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;-webkit-transform: scale(.8);-moz-transition: -moz-transform 0.2s, opacity 0.2s;-moz-transform: scale(.8);-ms-transform: scale(.8);transition: transform 0.2s, opacity 0.2s;transform: scale(.8);opacity: 0;}

/* Effect 1a */
.no-touch .hi-icon-effect-1a .hi-icon:hover {color: #f6f6f6;}
.no-touch .hi-icon-effect-1a .hi-icon:hover:after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}

/* Effect 1b */
.no-touch .hi-icon-effect-1b .hi-icon:hover {color: #f6f6f6;}
.hi-icon-effect-1b .hi-icon:after {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.no-touch .hi-icon-effect-1b .hi-icon:hover:after {-webkit-transform: scale(1);	-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.hi-icon i.fa_icon {position: relative;	top: 25px;}

/*=================================================
15 - SHORTCODES
=================================================*/
/* OVERWRITE BOOTSTRAP DEFAULT STYLE COLOR*/
.alert-success {
	color: #FFFFFF;
	background-color: #2ecc71;
}

.alert-info {
	color: #FFFFFF;
	background-color: #3498db;
}

.alert-danger {
	color: #FFFFFF;
	background-color: #e74c3c;
}

.alert-warning {
	color: #FFFFFF;
	background-color: #f1c40f;
}

.btn {
	display: inline;
	padding: 10px 30px;
	text-transform: uppercase;
	-webkit-border-radius:2px;
	-moz-border-radius:	2px;
	border-radius:2px;
	font-size: 13px;
	font-weight: bold;
}

.btn.btn-success {background: #2ecc71; border:none;}
.btn.btn-success:hover {background: #27AE60;}

.btn.btn-danger {background: #e74c3c; border:none;}
.btn.btn-danger:hover {background: #C0392B;}

.btn.btn-warning {background: #f1c40f; border:none;}
.btn.btn-warning:hover {background: #F39C12;}

.btn.btn-info {background: #3498db; border:none;}
.btn.btn-info:hover {background: #2980B9;}

.btn.btn-primary {border:none; color:white;}

.btn.btn-deep {background: #334458; border:none; color:white;}
.btn.btn-deep:hover {background: #3a5168;}

.label-success {  background-color: #2ecc71;}
.label-danger {  background-color: #e74c3c;}
.label-warning {  background-color: #f1c40f;}
.label-info {  background-color: #3498db;}
.label-deep {  background-color: #334458;}

/*=================================================
15 - SHORTCODES - A) Tabs
=================================================*/
.tabs-control {
	list-style:none;
	border-right:1px solid #e6e6e6;
	margin:0 0 -1px 0;
	background:#f4f4f4;
	float:left;
}

.tabs-control li {
	line-height:38px;
	float:left;
	margin:0 -1px 0 0;
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
}

.tabs-control li a {
	border:0;
	display:block;
	padding: 0 20px;
	color: #8a8a8a;-moz-transition: .15s ease-in-out;
	-webkit-transition: .15s ease-in-out;
	-o-transition: .15s ease-in-out;
	-ms-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}

.tabs-control li:hover {background-color: #FFF!important;}
.tabs-control li a:hover {background-color: #FFFFFF!important;}
.tabs-control li a.active,.tabs-control li a.active:hover {background:#ffffff;position:relative;z-index:1;color: #ff4629;}

.tabs li:hover {color: white}

.tabs-tabs {
	border:1px solid #e6e6e6;
	clear:left;
	margin:0;
	position:relative;
	background:#fff;
	padding: 0px 10px;
}

.tabs-tabs .tabs-tab {
	display:none;
	padding:1px 10px;
}

.tabs-tabs .tabs-tab:after {
	content:'';
	clear:both;
	height:0;
	overflow:hidden;
}

.tabs-tabs .tabs-tab:first-child {display: block;}

/* UL Styles */
ul.square li { list-style: square;  margin-left: 15px; }
ul.circles li{ list-style: circle; margin-left: 15px; }
ul.disc li { list-style: disc; margin-left: 15px;}

/*=================================================
15 - SHORTCODES - B) Accordion & Triggers
=================================================*/
h3.trigger, h3.accordion {outline: none;
	background-color:#f9f9f9;
	font-size: 13px;
	padding: 14px 0 15px 0;
	margin:0;
	-moz-transition:background-color 0.5s ease-out;
	-webkit-transition:background-color 0.5s ease-out;
	-o-transition:background-color 0.5s ease-out;
	-ms-transition:background-color 0.5s ease-out;
	transition:background-color 0.5s ease-out;
	border-bottom: 1px solid #e6e6e6;
}

h3.trigger a,h3.accordion a {
	text-decoration: none;
	display: block;
	font-weight: normal;
	padding-left: 30px;
	outline: none;
	font-size: 14px;
	color: #323232;
	font-weight: bold;
}

i.fa-minus {display: none;}

.accordion i, .trigger i {margin-right: 20px;width: 24px;height: 24px;padding: 6px; color:white;}

h3.trigger.active i.fa-plus {display:none;}
h3.trigger.active i.fa-minus {display:inline-block;}

h3.accordion.ui-state-active i.fa-plus {display:none;}
h3.accordion.ui-state-active i.fa-minus {display:inline-block;}

.toggle_container, .accordion_container{border-bottom: 1px solid #e6e6e6;background: white;overflow: hidden;outline: none;}
.toggle_container .block, .accordion_wrap .block{padding:10px;padding-top:20px;}
.toggle_container .block {min-height:60px;}
.toggle, .accordion_wrap {border: 1px solid #e6e6e6 ;border-bottom: none;}

#blog {margin-bottom: -8px;} /*FIX FOR THE BLOG BUTTONS MARGIN*/

.wrapper_blog_title {z-index: 100; position: absolute; bottom:20px;}
.wrapper_blog_title, .wrapper_blog_title h2, .wrapper_blog_title a{ color: white;}
.blog-item-home{ height: 500px; background-size:cover;padding: 25px; position: relative; background-position: center;display: inline-table;width: 100%;}
.blog_buttons {  background:#f0f0f0;}
.read_allnews {text-align: center;padding: 50px;}
.read_next_story { float: right;padding: 50px;}
.read_prev_story{ padding: 50px;}
.read_prev_story i, .read_allnews i {margin-right: 10px;}
.read_next_story i {margin-left: 10px;}

.read_allnews, .read_next_story, .read_prev_story{padding: 30px 10px;text-transform: uppercase; font-weight: bold;margin-top: 10px;}
.read_more:hover { color:white;}
.read_more a:hover{ color: white!important;}
.over_blog {position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: .3;
	background-color:#000000;
	background-size:cover;	
  	-moz-transition: .45s ease-in-out;
	-webkit-transition: .45s ease-in-out;
	-o-transition: .45s ease-in-out;
	-ms-transition: .45s ease-in-out;
	transition: .45s ease-in-out;}
	
.blog-item-home:hover .over_blog {opacity: .7	}

/*=================================================
16 - PAGINATION
=================================================*/
ul.page-numbers {
  list-style: none;
  margin: 1em auto;
  padding: 0;
  color: #555555;
  text-transform: uppercase;
  font-size: 90%;
}

ul.page-numbers li { display: inline;}

ul.page-numbers a.page-numbers {
	margin: 2px;
	padding: 5px 10px;
	display: inline-block;
	border-top: 1px solid #fff;
	text-decoration: none !important;
	font-size: smaller !important;
	text-shadow: white 0 1px 0;
	background: white;
	border: 1px solid rgb(223, 223, 223);
}

ul.page-numbers a.page-numbers:first-child, ul.page-numbers a.page-numbers.first { margin-left: 0;}
ul.page-numbers a.page-numbers:last-child, ul.page-numbers a.page-numbers.last { margin-right: 0;}
ul.page-numbers a.page-numbers:hover, ul.page-numbers a.page-numbers:focus { color: #333333;}
ul.page-numbers a.page-numbers.more {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0 none !important;
  background: transparent !important;
  margin-left: 0;
  margin-right: 0;
}

ul.page-numbers a.page-numbers.active {
  -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  border-color: #505050 !important;
  color: #f2f2f2 !important;
  text-shadow: black 0 1px 0;
  background-color: #676767;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5f5f5f), color-stop(100%, #5c5c5c));
  background-image: -webkit-linear-gradient(#5f5f5f, #5c5c5c);
  background-image: -moz-linear-gradient(#5f5f5f, #5c5c5c);
  background-image: -o-linear-gradient(#5f5f5f, #5c5c5c);
  background-image: linear-gradient(#5f5f5f, #5c5c5c);
}

ul.page-numbers .prev:before {
  content: "\2039";
  padding-right: 0.5em;
}

ul.page-numbers .next:after {
  content: "\203A";
  padding-left: 0.5em;
}

ul.page-numbers .dots {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0 none !important;
  background: transparent !important;
  color: #999999 !important;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

ul.page-numbers .current {
	background: #5f5f5f;
	margin-right: 2px;
	padding: 5px 10px;
	display: inline-block;
	border-top: 1px solid #fff;
	text-decoration: none !important;
	font-size: smaller !important;
	border-color: #505050 !important;
	color: #f2f2f2 !important;
	text-shadow: black 0 1px 0;
}

/*=================================================
20 - PORTFOLIO 
=================================================*/
.grid .portfolio-item .commands { float: right;}
.grid .portfolio-item .commands a {text-indent: initial;opacity: 1;position: initial;font-size: 18px;color: #323232;}
.grid .portfolio-item img {position: relative;display: block;min-height: 100%;}

#options {background-color: #f0f0f0;}
#filters {padding-top: 38px;float: left;margin-bottom: 25px;}
#filters li {float:left; margin-right:15px; margin-bottom: 15px;}
#filters li a{
	background-color: #f6f6f6;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border: 1px solid #cccccc;
	font-size:11px;
	behavior: url(css/PIE.htc);
	color: #777777;
	padding: 8px;
	font-weight: bold;
}

 #colums_triggers li a {
	background-color: #f6f6f6;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border: 1px solid #cccccc;
	font-size:11px;
	behavior: url(css/PIE.htc);
	color: #777777;
	padding: 8px 8px 12px 8px;
	font-weight: bold;
}

#filters li.active a, #filters li a:hover, #colums_triggers li a:hover  {
	background-color: #ededed;
	-moz-box-shadow:    inset 0 0 10px 2px #dcdcdc  ;
   -webkit-box-shadow: inset 0 0 10px 2px #dcdcdc  ;
   box-shadow:         inset 0 0 10px 2px #dcdcdc  ;
   -moz-transition: .15s ease-in-out;
	-webkit-transition: .15s ease-in-out;
	-o-transition: .15s ease-in-out;
	-ms-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}

.fa-facebook {background-color:#3b5998;-webkit-transition: .50s ease-in-out;-o-transition: .50s ease-in-out;-ms-transition: .50s ease-in-out;transition: .50s ease-in-out;}
.fa-facebook:hover,.fa-facebook:after{background-color:#fff;color: #3a5897!important;-webkit-transition: .50s ease-in-out;-o-transition: .50s ease-in-out;-ms-transition: .50s ease-in-out;transition: .50s ease-in-out;}
.fa-fb {padding: 20px 30px}
.fa-fb:hover {color:#FFF}

.fa-twitter {background-color:#55acee; -webkit-transition: .50s ease-in-out;-o-transition: .50s ease-in-out;-ms-transition: .50s ease-in-out;transition: .50s ease-in-out; }	
.fa-twitter:hover, .fa-twitter:after {background-color:#fff; color:#55acee!important;
	-moz-transition: .50s ease-in-out;-webkit-transition: .50s ease-in-out;-o-transition: .50s ease-in-out;-ms-transition: .50s ease-in-out;transition: .50s ease-in-out; }

#colums_triggers {float: right;margin-top: 38px}
#colums_triggers li {float: left;margin-left: 10px;}

#portfoliod {display: none;}

.grid {	overflow: hidden;}

.grid .portfolio-item {
position: relative;
z-index: 1;
float: left;
width: 33.30%;
height: 400px;
background: #3085a3;
background-size: cover;
text-align: center;
overflow: hidden;
background-position: center;
}

.border {border-left:8px solid #FFF; border-top:4px solid #FFF; border-bottom:4px solid #FFF; border-left:4px solid #FFF}

/*=================================================
20 - PORTFOLIO B) two_columns Style 
=================================================*/
.grid.two_columns .portfolio-item {width: 49.99%; height: 550px;}
.grid.two_columns .portfolio-item p {margin-left: -15px;width: 100%; top: -270px;}

/*=================================================
20 - PORTFOLIO C) four_columns Style
=================================================*/
.grid.four_columns .portfolio-item {width: 24.95%; }

/*=================================================
24 - FOOTER
=================================================*/
#footer {background-color: #141414; color:#676767;}

.footer_icon li {float: left;background: #212121;border-radius: 200px;height: 45px;width: 45px;margin-right: 12px;-moz-transition: .15s ease-in-out;-webkit-transition: .15s ease-in-out;-o-transition: .15s ease-in-out;
	-ms-transition: .15s ease-in-out;transition: .15s ease-in-out;}
	
.footer-logos { background-color:#000; padding: 15px 0 5px 0;margin: 0 auto;
  text-align: center;}
  
.footer-logos li {display:inline-block; margin-left: 35px}
.footer-logos img {vertical-align: middle;}

.footer_icon li i {padding: 13px; color:#575757; font-size: 1.5em;}
.footer_adress i {margin-right:20px;}
.footer_adress li {margin-bottom: 10px;}
.footer_icon li:hover {background-color: white;}
.footer_icon li:hover i {color: #161616;}

.col_footer{float: left;width: 33.32%;padding: 40px 40px 0px 40px;min-height: 620px;padding-bottom: 0;}
.col_footer.middle {border-right: 1px solid #242424;border-left: 1px solid #242424;}

.footer_logo { float: left; padding: 0px 30px 0px 0px;}
#footer h2 {color: white;text-transform: uppercase; margin-bottom: 10px;}

#subfooter { background-color: #141414; border-top: 1px solid #242424; font-size: 12px; padding: 20px 15px; color: #414141;}
#subfooter a { font-weight: bold;}
.by_author {float: right;color:#FFF}
.copyright {float: left; color:#FFF}
#subfooter ul li{
display:inline-block;
padding-right:10px;
}

#footer a {color:#c4c4c4;}
#footer input, #footer textarea {background-color: #141414; border:1px solid #272727;outline: none;width: 100%; margin-bottom:10px; padding:10px 10px; font-size: 12px; font-weight: bold;}
#footer .submit_buttom {color:white; }

/*=================================================
26 - BUTTONS
=================================================*/
.read_more {border: 2px solid white;
display: inline-flex;
padding: 8px 30px;
margin: 10px 0px;
-moz-transition: .15s ease-in-out;
-webkit-transition: .15s ease-in-out;
-o-transition: .15s ease-in-out;
-ms-transition: .15s ease-in-out;
transition: .15s ease-in-out;text-transform: uppercase; font-weight: bold; letter-spacing: 2px; font-size: 14px;}

/* BUTTON READ MORE BLACK */
.read_more.black {border: 2px solid #CECECE; }
.read_more.black a { color: #b7b7b7;}
.read_more.black:hover a {color: white;}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";  position: absolute;  z-index: -1;
  top: 0;  left: 0;  right: 0;  bottom: 0;
  background: #0070bb;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {color: white;}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1);  transform: scaleX(1);}

.learnmore {color: #01527e;}

/*=================================================
27 - ICONS 
=================================================*/
.icon.gray {background: url(images/icons/icons-gray.png) no-repeat;border: none;}
.icon.calendar {background-position: -171px -138px;width: 20px;height: 20px;padding-right: 25px;}
.icon.user {background-position: -103px 0;width: 20px;height: 20px;padding-right: 25px;}
.icon.comments {background-position: -307px -1028px;width: 20px;height: 15px;padding-right: 25px;}


/*=================================================
28 - PARALLAX SECTIONS
=================================================*/
.parallax_heading { margin-bottom: 50px;}
.parallax_over.nobottom {padding:0; padding-top:80px;}
.parallax_heading h2 {color:white; font-size: 35px; text-transform: uppercase; line-height: 35px;}
.parallax_subtitle {color:white; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; padding:10px 0px;}
.parallax {/* min-height: 650px; */ position: relative; color:white; text-align: center; background-size:cover; background-attachment:fixed;}
.parallax_over {height: 100%;background-color: rgba(153,148,146,.25);width: 100%;overflow: hidden;padding: 100px 0px;}
.parallax_content_wrapper {padding: 80px 0px;}

.feature_item h3 {color:white;}
.feature_item {text-align: left; margin-bottom: 40px;}
.feature_item i{border: 3px solid white;width: 50px;height: 50px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius:100px;float: left;padding: 14px;padding-top: 15px;margin-right: 20px;margin-bottom: 40px;}

/*=================================================
29 - ANIMATIONS
=================================================*/
.animated { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .zoomIn, .bounce, .fadeIn { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }

/*=================================================
30 - MEDIA QUERIES
=================================================*/
/* QUERIES FROM 1920px TO 1620px */
@media only screen and (min-width: 1620px) and (max-width: 1920px) {}

/* QUERIES FROM 1620px TO 1200px */
@media only screen and (min-width: 1200px) and (max-width: 1620px) {
.grid .portfolio-item {height: 350px;}
.grid .portfolio-item p {padding:0;}
.grid .portfolio-item h2 { font-size: 26px;}
.grid .portfolio-item.effect {padding: 14px; }
.portfolio-item div.figcaption > span {margin-top: -4px;}
.grid .portfolio-item.effect div.figcaption { height: 55px;padding-top: 10px;}
.service_custom_column {width: 33.3%;}
.team_item {height: 380px}
.team_description {bottom: -5px;padding-left: 15px;}
.team_description h2 {font-size: 25px;letter-spacing: 0;}
.team_description .job { font-size: 16px;}
.video_caption {top:300px;}
}

/* QUERIES FROM 1200px TO 992px */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.grid .portfolio-item {height: 300px;}
.grid .portfolio-item p {padding: 10px;font-size: 15px;margin-left: -20px;bottom: 105px;}
.grid .portfolio-item h2 { font-size: 20px;}
.portfolio-item div.figcaption > span {margin-top: -3px;}
.grid .portfolio-item.effect div.figcaption { height: 50px;padding-top: 5px;}
.grid  .portfolio-item div.figcaption span i {padding: 8px;font-size: 16px;}
.grid.two_columns .portfolio-item {height: 450px;}
.grid.two_columns .portfolio-item p {top: -220px;}
.menu_trigger {display: block;}
.main_nav {display: none;}
.responsive_nav {display: block;}
.social_nav { margin-right: 0;}
.service_custom_column {width: 33.3%;}
.about_content {padding: 30px;}
.team_item {width: 50%;}
.section {padding: 80px 0px;}
.process_item_icon_right .process_icon {margin-left: 30px;margin-bottom: 0;}
.process_item .process_icon {margin-left: 30px;margin-bottom: 0;}
.process_item_icon_right p {display: inline-block; margin-top:10px;}
.process_item p {display: inline-block; margin-top:10px;}
.testimonials_heading .parallax_heading {margin-top: 40px;}
.video_caption {top:200px;}
.learnmore {position:absolute!important; top: 600px!important;font-size: 15px!important}

}

/* QUERIES FROM 992px TO 768px */
@media only screen and (min-width: 768px) and (max-width: 992px) {
.about_content {padding: 10px;}
.menu_trigger {display: block;}
.main_nav {display: none;}
.responsive_nav {display: block;}
.social_nav { margin-right: 0;}
.service_custom_column {width: 50%;}
.about_image {display: none;}
.team_item {width: 50%;}
.process_image {display:none}
#service_tab_triggers ul li i {font-size: 40px;padding: 0;margin-top: 30px;}
#service_tab_triggers ul li a {height: 100px;width: 100px;}
.service_wrapper.style2 h1 {line-height: 35px;font-size: 22px;}
#video_parallax { height: 450px;}
#faq h3 {margin-top:50px;}
.faq_icons {margin-top: -20px;}
.blog-item-home {height: 400px;}
.feature_item {text-align: center;margin-bottom: 0;}
.feature_item i {margin-right: 0;margin-bottom: 10px;margin-top: 30px;float:none;}
.testimonials_heading .parallax_heading {margin-top: 40px;}
#colums_triggers{display: none;}
.video_caption {top:100px;}
.learnmore {position:absolute!important; top: 800px!important;font-size: 15px!important}
.sliderinfo {font-size: 15px!important; font-weight:normal!important; line-height:normal!important}


/* PORTFOLIO */
.grid .portfolio-item {width:49.90%; height: 350px}
.grid .portfolio-item p {padding: 10px;font-size: 15px;margin-left: -20px;}

.grid.two_columns .portfolio-item  {width:49.90%; height: 350px}
.grid.two_columns .portfolio-item p {padding: 10px;font-size: 15px;margin-left: -20px;}

.grid.four_columns .portfolio-item  {width:49.90%; height: 350px}
.grid.four_columns .portfolio-item p {padding: 10px;font-size: 15px;margin-left: -20px;}

.grid .portfolio-item h2 { font-size: 20px;}
.portfolio-item div.figcaption > span {margin-top: -8px;}
.grid .portfolio-item.effect div.figcaption { height: 50px;padding-top: 8px;}
.grid  .portfolio-item div.figcaption span i {padding: 10px;font-size: 18px;}
#filters {float: none;display: table;margin: 0 auto;margin-bottom: 20px;}
.pricing-table {margin-top: 30px;}
.parallax_heading h2 {font-size: 25px;}
.parallax .picture {display: none;}

/* FOOTER */
.col_footer.middle {border-top: 1px solid #242424;border-bottom: 1px solid #242424;}
.col_footer {width: 100%;}
}
	
/* QUERIES FROM 767px TO 480px */
@media only screen and (min-width: 480px) and (max-width: 767px)  {
header {height: 59px;}
#logo {margin-top: 15px;}
.menu_trigger i {padding: 14px;}
.menu_trigger {display: block;}
.main_nav {display: none;}
.responsive_nav {display: block;}
.service_custom_column {width: 100%;padding: 30px;}
.about_image {display: none;}
.team_item {width: 100%;}
.social_nav { display:none;}
#welcome {padding: 50px 0px;width: 100%;margin-top: 30px;font-size: 18px;line-height: 30px;}
.title {font-size: 25px!important;line-height: 35px;letter-spacing: 0;margin-bottom: 10px;}
.section {padding: 60px 0px;}
.page_title {margin-bottom: 50px;}
.team_description {bottom: 0;padding-left: 20px;}
.team_description h2 {font-size: 28px;letter-spacing: 0;}
.team_description .job { font-size: 18px;}
.about_content {padding:20px 0;}
#faq h3 {margin-top:50px;}
.faq_icons {margin-top: -20px;}
#service_tab_triggers ul li i {font-size: 30px;padding: 0;margin-top: 27px;}
#service_tab_triggers ul li a {height: 80px;width: 80px;}
#service_tab_triggers{margin-bottom: 0!important;}
#service_tab_triggers li a {margin-right: 10px;}
.process_image {display:none}
.service_wrapper.style2 h1 {line-height: 35px;font-size: 22px;}
.service_wrapper.style4 .icon_wrapper {padding-bottom: 70px;}
.pricing-table {margin-top: 30px;}
.testimonials_heading .parallax_heading {margin-top: 0;}
.testimonials_text {font-size: 18px;line-height: 30px;}
.parallax_over{padding:50px 0px;}
#video_parallax { height: 400px;}
.blog-item-home {height: 350px;}
.service_wrapper.style4 .icon_wrapper { margin-left: 0;}
.feature_item {text-align: center;margin-bottom: 0;}
.feature_item i {margin-right: 0;margin-bottom: 10px;margin-top: 30px;float:none;}
#colums_triggers{display: none;}
.cap_style_13_button {color:black; font-size: 20px!important; background:white; padding:25px 50px!important; text-transform: uppercase; font-weight: bold}
.learnmore {position:absolute!important; top: 500px!important;font-size: 15px!important}
.sliderinfo {font-size: 15px!important; font-weight:normal!important; line-height:normal!important}

/* PORTFOLIO */
.grid .portfolio-item {width:49.90%; height: 250px}
.grid .portfolio-item p {padding: 10px;font-size: 15px;margin-left: -20px;bottom: 80px;}

.grid.two_columns .portfolio-item  {width:49.90%; height: 250px}
.grid.two_columns .portfolio-item p {padding: 10px;font-size: 15px;margin-left: -20px;bottom: 80px;}

.grid.four_columns .portfolio-item  {width:49.90%; height: 250px}
.grid.four_columns .portfolio-item p  {padding: 10px;font-size: 15px;margin-left: -20px;bottom: 80px;}

.grid .portfolio-item h2 { font-size: 16px;}
.portfolio-item div.figcaption > span {margin-top: -8px;}
.grid .portfolio-item.effect div.figcaption { height: 45px;padding-top: 5px;}
.grid  .portfolio-item div.figcaption span i {padding: 5px;font-size: 14px;}
#filters {float: none;display: table;margin: 0 auto;margin-bottom: 20px;}

/* FOOTER */
.col_footer.middle {border-top: 1px solid #242424;border-bottom: 1px solid #242424;}
.col_footer {width: 100%;}
.footer_icon li {margin-bottom:10px;}

.parallax_heading h2 {font-size: 25px;}
.parallax .picture {display: none;}

/*VIDEO STYLE CAPTIONS */
.video_caption {top:150px; width:300px; margin-left:-150px;}
.video_text_small { font-size:25px;padding: 10px 0px;	}
.video_text_big {font-size:40px;padding: 0px 0px 10px 0px;}
.custom_button a.video {margin-left: 0;}
.video_logo {padding: 0;}
}

/* QUERIES FROM 480px and less than 480px */
@media only screen and (max-width: 480px)  {
header {height: 59px;}
#logo {margin-top: 15px;}
.menu_trigger i {padding: 14px;}
.menu_trigger {display: block;}
.main_nav {display: none;}
.responsive_nav {display: block;}
.about_image {display: none;}
.service_custom_column {width: 100%;}
.team_item {width: 100%; height: 280px}
.about_content {padding:20px 0;}
#welcome {padding: 50px 0px;width: 100%;margin-top: 30px;font-size: 18px;line-height: 30px;}
.title {font-size: 25px!important;line-height: 35px;letter-spacing: 0;margin-bottom: 10px;}
.section {padding: 60px 0px;}
.page_title {margin-bottom: 50px;}
.team_description {bottom: -5px;padding-left: 15px;}
.team_description h2 {font-size: 25px;letter-spacing: 0;}
.team_description .job { font-size: 16px;}
.service_wrapper.style2 h1 {line-height: 35px;font-size: 22px;}
#service_tab_triggers ul li i {font-size: 30px;padding: 0;margin-top: 27px;}
#service_tab_triggers ul li a {height: 80px;width: 80px;}
#service_tab_triggers{margin-bottom: 0!important;}
#service_tab_triggers li a {margin-right: 10px;}
.process_image {display:none}
.social_nav { display:none;}
.pricing-table {margin-top: 30px;}
#video_parallax { height: 350px;}
.service_wrapper.style4 .icon_wrapper { margin-left: 0;}
.blog-item-home {height: 300px;}
.testimonials_heading .parallax_heading {margin-top: 0;}
.testimonials_text {font-size: 16px;line-height: 30px;}
.parallax_over{padding:40px 0px;}
#faq h3 {margin-top:50px;}
.faq_icons {margin-top: -20px;}
.read_next_story, .read_prev_story { display: none;}
.parallax_heading h2 {font-size: 25px;}
.parallax .picture {display: none;}

.feature_item {text-align: center;margin-bottom: 0;}
.feature_item i {margin-right: 0;margin-bottom: 10px;margin-top: 30px;float:none;}
#colums_triggers{display: none;}

.copyright {float: none;text-align: center;}
.by_author {text-align: center;float: none;}
.cap_style_13_button {color:black; font-size: 20px!important; background:white; padding:25px 50px!important; text-transform: uppercase; font-weight: bold}
.learnmore {position:absolute!important; top: 400px!important;font-size: 15px!important}
.sliderinfo {font-size: 15px!important; font-weight:normal!important; line-height:normal!important}


/* PORTFOLIO */
.grid .portfolio-item {width:100%; height: 300px}
.grid .portfolio-item p {padding: 10px;font-size: 15px;margin-left: -20px;}

.grid.two_columns .portfolio-item  {width:100%; height: 300px}
.grid.two_columns .portfolio-item p {padding: 10px;font-size: 15px;margin-left: -20px;}

.grid.four_columns .portfolio-item  {width:100%; height: 300px}
.grid.four_columns .portfolio-item p  {padding: 10px;font-size: 15px;margin-left: -20px;}

.grid .portfolio-item h2 { font-size: 16px;}
.portfolio-item div.figcaption > span {margin-top: -8px;}
.grid .portfolio-item.effect div.figcaption { height: 45px;padding-top: 5px;}
.grid  .portfolio-item div.figcaption span i {padding: 5px;font-size: 14px;}
#filters {float: none;display: table;margin: 0 auto;margin-bottom: 20px;}

/* FOOTER */
.col_footer.middle {border-top: 1px solid #242424;border-bottom: 1px solid #242424;}
.col_footer {width: 100%;}
.footer_icon li {margin-bottom:10px;}

/*VIDEO STYLE CAPTIONS */
.video_caption {top:100px; width:200px; margin-left:-100px;}
.video_logo {padding: 0;}
}