@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bad+Script&display=swap');

html{scroll-behavior: smooth; overflow-x:hidden;}

body {

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

    background:url(../images/bg-pattern.jpg) repeat center top fixed;

	transition: all 0.3s;

	overflow-x:hidden;

}

section{ outline:none; border:0;}

.home{ background:url(../images/bg-pattern.jpg) repeat center top fixed;  }



h1{ font-size:60px; margin-bottom:30px;font-family: 'Raleway', sans-serif; color:#fff;}

h2{ font-size:50px; margin-bottom:30px; font-weight:400;font-family: 'Raleway', sans-serif;}

h3{ font-size:28px; font-weight:400;font-family: 'Raleway', sans-serif;}

p {

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

    font-size:18px;

    font-weight:400;

    line-height: 1.7em;

    color: #434343;

	margin:0 0 30px;

}

section ul{ padding:0; margin:0 0 30px;}

section ul li{ list-style:none; position:relative; padding-left:20px; margin:0 0 10px;}

section ul li:after{ content:''; background:url(../images/tick-bullet.png) no-repeat; width:15px; height:15px; background-size:100%; position:absolute; left:0; top:3px;}

a,

a:hover,

a:focus {

    color: inherit;

    text-decoration: none;	

}

a:hover{transition: all 0.3s;color:#029fbc;}

::-webkit-input-placeholder { /* Edge */

font-size:18px;

font-weight:400;

}



:-ms-input-placeholder { /* Internet Explorer 10-11 */

font-size:18px;

font-weight:400;

}



::placeholder {

font-size:18px;

font-weight:400;

}

.navbar {

    padding:0 10px;

    background: #fff;

    border: none;

    border-radius: 0;

    /*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);*/

}







.navbar-btn {

    box-shadow: none;

    outline: none !important;

    border: none;

}

.btn-primary, #searchsubmit{ min-width:160px; font-weight:500; font-size:18px; padding:9px 20px; background:#00778d;  border:2px solid #00a9c8; border-radius:35px;font-family: 'Roboto', sans-serif;transition: all 0.3s; color:#fff;}

.btn-primary:hover{background:#ff7000;border:2px solid #ffae6f;transition: all 0.3s;}



.line {

    width: 100%;

    height: 1px;

    border-bottom: 1px dashed #ddd;

    margin: 40px 0;

}

.no_margin{ margin:0 !important;}

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

    SIDEBAR STYLE

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



.wrapper {

    display: flex;

    width: 100%;

    align-items: stretch;

}

.fa_facebook{width:10px;height:17px;background:url(../images/facebook.png) no-repeat;display:inline-block}

.fa_twitter{width:17px;height:17px;background:url(../images/twitter.png) no-repeat center;display:inline-block}

.fa_linkedin{width:17px;height:17px;background:url(../images/linkedin.png) no-repeat center;display:inline-block}

.fa_googleplus{width:17px;height:17px;background:url(../images/gplus.png) no-repeat center;display:inline-block}

.fa_email{width:17px;height:17px;background:url(../images/envelope.png) no-repeat center;display:inline-block}

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

    SIDEBAR STYLE

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

#header {

    width: 100%;

	 padding:0;

	 z-index:101;

	 position:absolute;

	 left:0;

	 top:0;

	 transition: all 0.7s;

}

/*=======Header top starts*/

#header .header_top{margin:0; padding:7px 0; display: flex;align-items: center; justify-content: center;}

#header .header_top ul{ margin:0; padding:0; list-style:none;}

#header .header_top ul li{ margin:0 5px; padding:0; list-style:none; display:inline; color:#000;}

#header .social_media_links{ width:100%; }

#header .header_top .social_media_links li{ margin:0 0 0 5px; display:inline-block;}

#header .social_media_links a.social_media_btn{ background:rgba(0,191,226,0.3); margin:0;width:30px; height:30px; border-radius:50%; display:inline-block; text-align:center;}

#header .social_media_links a.social_media_btn i{ margin-top:7px;}

#header .social_media_links a.social_media_btn:hover{background:#f6701f; width:30px; height:30px; border-radius:50%;}

#header .header_top .btn-primary{ padding:5px 15px; font-size:14px; min-width:130px !important;  border-radius:20px; color:#fff;}

/*=======Header navbar starts*/

#header .navbar{ padding:12px 0 0; background:none;}

#header .navbar h1{ margin:0; font-size:24px;font-family: 'Bad Script', cursive; }

.navbar-brand{ font-size:36px;  padding:0;font-family: 'Raleway', sans-serif; color:#029fbc; font-weight:600; text-shadow:0 0 2px #000e10;}

.navbar-brand .tagline span{ color:#ff7000;}

#header .navbar-brand img{ max-width:250px;margin-right:5px;}

.nav li{ color:#fff; margin:0 0 0 20px;font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:16px; font-weight:400;}

#header .navbar .nav li a, #header .navbar .nav li a.nav-link{ color:#000; position:relative; margin:0; padding:5px 0; display:inline;}

#header .navbar .nav li.current-menu-item a, #header .navbar .nav li a:hover, #header .navbar .nav li.current-service-parent a, #header.blog_header .navbar .nav li.current_page_parent a{ color:#ff7000; }

/*#header .navbar .nav li a::before{ content:''; width:0; height:0; position:absolute; right:0; top:0;}*/

#header .navbar .nav li a::after{ content:''; width:0; height:1px; position:absolute; left:0; bottom:0;}

/*#header .navbar .nav li a:hover::before{ height:1px; width:100%; background:#029fbc; top:-50%;transition: all 0.7s; }*/

#header .navbar .nav li a.nav-link:hover::after, #header .navbar .nav li.current-menu-item a.nav-link::after, #header.blog_header .navbar .nav li.current_page_parent a.nav-link:after, #header .navbar .nav li.current-service-parent a.nav-link:after{width:100%; background:#e06200;transition: all 0.7s;}
#header .logo_gen{ display:none;}
/*=======Header fixed starts*/

#header.bfixed{ top:-50px;}

#header.fixed{ position:fixed !important;background-image: linear-gradient( #e1fbff, rgba(255,255,255, 1.0));transition: all 0.7s; border-bottom:0 solid #8aedfc;-webkit-transform: translateY(50px); 

    transform: translateY(50px);}

#header.fixed .header_top{ display:none;}

#header.fixed .navbar{transition: all 0.5s; padding:12px 0;}

/*#header.fixed .navbar-brand img{ max-width:300px;transition: all 0.3s;}*/

#header.fixed .nav li a.nav-link, #header.fixed .navbar .nav li a.nav-link, #header.blog_header .nav li a.nav-link{ color:#000;}

#header.fixed .nav li a.nav-link:hover, #header.fixed .nav li.current-menu-item a.nav-link, #header.blog_header .nav li a.nav-link:hover, #header.blog_header .nav li.current-menu-item a.nav-link{ color:#ff7000;}

#header.fixed .navbar-brand, #header.blog_header .navbar-brand{ text-shadow:none;}

#header.blog_header{background-image: linear-gradient( #e1fbff, rgba(255,255,255, 1.0));transition: all 0.9s; border-bottom:0 solid #8aedfc; position:relative;}
#header.fixed .logo_gen{ display:block;}
#header.fixed .logo_w{display:none;}
/* ---------------------------------------------------

    CONTENT STYLE

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

#section_banner{ background:#fff; /*background-image: linear-gradient( rgba(0,0,0,0.6), rgba(25,120,126, 0.7),rgba(191,114,34, 0.7));*/padding:146px 0 0; position:relative;}

#section_banner.blog{padding:96px 0 0;}

#section_banner .featured_img{position:absolute; right:0; bottom:0; z-index:1; width:350px;}

#section_banner .featured_img img{ max-width:100%;}

#section_banner .page_banner{position:relative;}

#section_banner .page_banner .container{ position:relative;height:140px;padding-bottom:20px;}

#section_banner .page_banner h2{ color:#000; margin:5px 0 10px; font-weight:700;}

#section_banner.blog .page_banner h2{ color:#000; margin:5px 0 10px;}

#section_banner .page_banner h2 span{ color:#029fbc;}

#section_banner .page_banner .container p{ color:#000;}

#section_banner .page_banner .breadcrumb {

    padding:0;

    margin-bottom: 20px;

	margin-top:10px;

    list-style: none;

    background-color:transparent;

    border-radius: 0;

	justify-content: center;

	text-align:center;

	color:#fff;

	font-size:16px;

	line-height:24px;

	vertical-align:middle;

	align-items: center; justify-content: center;

}

#section_banner .page_banner .breadcrumb .bred_home::before{}

#section_banner .page_banner .breadcrumb a {

    color: #029fbc;

    text-decoration: none;

}

#section_banner .page_banner .breadcrumb a:hover{ color:#fff;}

#section_banner .page_banner .breadcrumb i{ display:inline-block; vertical-align:top;}

/*=============Sidebar====*/

#sidebar {

    min-width:300px;

    max-width: 300px;

    background-image: linear-gradient( #e1fbff, #00b5d2);

    color: #fff;

    transition: all 0.3s;

	padding-top:0;

	position:fixed;

	right:0;

	top:0;

	z-index:1000;

	height:100vh;

	margin-right:-300px;

	/*border-left:1px solid #067789;*/

}



#sidebar.active {

    margin-right:0;

}

#sidebar .sidebar-header {

    padding:10px 15px;

	/*min-height:90px;*/

	color:#067789;

}

#sidebar .sidebar-header .navbar-brand{ font-size:22px; text-shadow:none;}

#sidebar .sidebar-header img{ max-width:250px;}

#sidebar ul.sidebar_nav {

    padding: 0 15px 50px;

	margin:0;

}

#sidebar ul.sidebar_nav li{ padding:8px 0; margin:0; display:block; position:relative; border-bottom:1px dashed #006d7e; }

#sidebar ul.sidebar_nav > li:hover,#sidebar ul.sidebar_nav li.current-menu-item, #sidebar ul.sidebar_nav .current_page_parent.current_page_ancestor, #sidebar ul.sidebar_nav .current_page_parent{border-bottom:1px dashed #ff7000;  transition: all 0.3s;}

#sidebar ul.sidebar_nav li a, #sidebar ul li a.nav-link{

	font-weight:400;

	padding:0;

	display:inline-block;

	color:#000;

}

#sidebar ul.sidebar_nav li a:hover {

    color: #ff7000;

	padding:0 0 0 10px;

	transition: 0.5s;

}

#sidebar ul.sidebar_nav li.current-menu-item>a,

a[aria-expanded="true"], ul.sidebar_nav > li:hover > a, ul.sidebar_nav > li:hover>a[aria-expanded="true"], .current_page_parent.current_page_ancestor > a, #sidebar ul.sidebar_nav .current_page_parent > a{

    color: #ff7000;

}

#sidebar ul.sidebar_nav ul{ padding:0 0 0 15px;}

#sidebar ul.sidebar_nav ul li, #sidebar ul.sidebar_nav ul li:hover, #sidebar ul.sidebar_nav ul li.current-menu-item{ border:0; background:none;}

#sidebar ul.sidebar_nav li a[data-toggle="collapse"] {

    position:absolute;

	right:0;

	top:0;

	display:inline-block;

}

#sidebar ul.sidebar_nav li .dropdown-toggle{

	position:absolute;

	right:0;

	top:0;

	}

#sidebar ul.sidebar_nav li .dropdown-toggle::after {

    display: inline-block;

	width:20px;

	height:24px;

    vertical-align:middle;

    content: "+";

	border:0;

	font-size:24px;

	font-weight:400;

	position:absolute;

	right:0;

	top:2px;

   /* border-top: 7px solid;

    border-right: 7px solid transparent;

    border-bottom: 0;

    border-left: 7px solid transparent;*/

}

#sidebar ul.sidebar_nav li a[aria-expanded="true"]::after {

	display: inline-block;

    content: "-";

	border:0;

    /*border-top: 0;

    border-right: 7px solid transparent;

    border-bottom: 7px solid;

    border-left: 7px solid transparent;*/

}

#sidebar ul ul a {

    font-size: 0.9em !important;

    padding-left:15px !important;

    background:#0d53a0;

	font-size:16px;

}

.navbar-toggler {

  background: none;

  border: none;

  outline:none;

  z-index:9999; 

  }

.navbar-toggler.collapse:not(.show) {

    display: block;

	top:40px;

	

}

.navbar-toggler.show{ width:40px; height:40px; text-align:center; padding:5px 7px 5px 12px; display:block; position:fixed; right:300px; top:30px;background:#cdf5fb; z-index:999; border-radius:0; box-shadow:0 0 3px #000;} 

  

  .navbar-toggler:active, .navbar-toggler:focus {

    outline: 0; box-shadow:none; border:0;}

  .navbar-toggler .icon-bar {

    display: none;

    width:22px;

    height: 2px;

    border-radius: 1px;

    margin: 4px 0 4px 0;

    transition: all 0.2s;

	background: #fff;

    /* custom .navbar-dark .icon-bar background */

    /* .navbar open top .icon-bar rotated down 45° */

    /* .navbar open middle .icon-bar invisible */

    /* .navbar open bottom .icon-bar rotated up 45° */ }

	.navbar-toggler.show .icon-bar{background: #000;}

	#header.fixed .navbar-toggler .icon-bar, #header.blog_header .navbar-toggler .icon-bar{ background:#000;}

	#header.fixed .navbar-toggler.show .icon-bar{background: #000;}

    .navbar-dark .navbar-toggler .icon-bar {

      background: #fff; }

    .navbar-toggler .icon-bar:nth-of-type(1) {

      transform: rotate(45deg);

      transform-origin: 10% 10%; }

    .navbar-toggler .icon-bar:nth-of-type(2) {

      opacity: 0;

      filter: alpha(opacity=0); }

    .navbar-toggler .icon-bar:nth-of-type(3) {

      transform: rotate(-45deg);

      transform-origin: 10% 90%; }

  .navbar-toggler.collapsed .icon-bar {

    /* .navbar closed top .icon-bar no rotation - straight */

    /* .navbar open middle .icon-bar visible */

    /* .navbar open bottom .icon-bar no rotation - straight */ }

    .navbar-toggler.collapsed .icon-bar:nth-of-type(1) {

      transform: rotate(0); }

    .navbar-toggler.collapsed .icon-bar:nth-of-type(2) {

      opacity: 1;

      filter: alpha(opacity=100); }

    .navbar-toggler.collapsed .icon-bar:nth-of-type(3) {

      transform: rotate(0); }

#sidebar .widget-conatiner{ padding:0 15px;}	

#sidebar .widget-conatiner h3{color:#ed6f2d; font-size:36px;} 

#sidebar .widget-conatiner h3 span{ font-size:20px; line-height:24px; display:block;}	

#sidebar .widget-conatiner p a {

  color: #000;

} 

#sidebar .widget-conatiner p span{ font-size:24px; }

#sidebar .widget-conatiner p a:hover{ color:#ff7000;}

#sidebar .social_media_links{ margin:0 0 30px; padding:0; list-style:none;}

#sidebar .social_media_links li{ margin:0 0 0 5px; display:inline-block; color:#000; font-size:24px;}

#sidebar .social_media_links a.social_media_btn{ background:#136e7d; margin:0;width:36px; height:36px; border-radius:50%; display:inline-block; text-align:center;}

#sidebar .social_media_links a.social_media_btn i{ margin-top:6px;}

#sidebar .social_media_links a.social_media_btn:hover{background:#f6701f; width:36px; height:36px; border-radius:50%;}

#sidebar .social_media_links .btn-primary{color:#fff; margin-top:30px;}



	  

/*================featured_services=================*/

#featured_services{ padding:0;}

/*================section_1=================*/

#section_1{ background:#fff; /*background-image: linear-gradient( rgba(255, 255, 255,0.9), rgba(255, 255, 255, 0.5),rgba(255,255,255, 0.5));*/min-height:100vh;/* background-image: linear-gradient( rgba(12, 227, 93,0.6), rgba(0, 0, 0, 0.8),rgba(0,115,173, 0.8));min-height:100vh;*/ max-height:100vh;  padding:146px 0 90px; position:relative;}

.slideshow_holder{position:relative;z-index:10; padding:60px 0 0;}

.carousel-item .img_col{ text-align:right;}

.carousel-item img{width:80%;max-width:80%}

#section_1 h1{ color:#000 ;  font-size:60px; line-height:1.1; margin-bottom:20px; font-weight:bold; }
#section_1 h1 span{background-image: linear-gradient(#E708E4, blue);
    color: transparent;
    background-clip: text;}
#section_1 h3{font-weight:600; margin-bottom:20px; color:#0080B4;}
#section_1 p{color:#000; font-size:20px;}

#section_1 .bg_animate_aaronai{position:absolute; left:0; top:0; z-index:1;}

#section_1 .bg_animate_aaronai_2{position:absolute; right:0; top:0; z-index:1;}

#section_1 .bg_animate_section_bot{position:absolute; left:0; bottom:0; z-index:1; display:none;}

#section_1 .bg_animate_section_bot img{ max-width:100%;}

#section_1 .bg_animate_section_bot_1{position:absolute; right:0; bottom:0; z-index:1; max-width:300px;}

#section_1 .bg_animate_section_bot_1 img{ max-width:100%;}

#section_1 .bg_animate_section_bot_2{position:absolute; left:0; bottom:0; z-index:1; width:120px;}

#section_1 .bg_animate_section_bot_2 img{ max-width:100%;}

.carousel-inner{ padding-bottom:20px;}

.carousel-control-next, .carousel-control-prev{ width:50px; bottom:60px; color:#000;}

#section_1 .text_col{ min-height:calc(100vh - 260px);}

.mobd{ display:none;}

/*================page content holder=================*/

#section_2{background:#fff;transition: all 0.3s;background-size:100%; padding:0; position:relative; z-index:9;}

#section_2 .section_content{ width:100%; height:100%; display:block; position:absolute; left:0; top:0;display: flex;align-items: center; justify-content: center; z-index:9;}

#section_2 h2{ color:#000; }

#section_2 p{ color:#000;}

#section_2 .text_col{ position:relative; }

#section_2 .img_col{ position:relative; width:50%; padding-right:30px;}

#section_2 .img_col img{ max-width:100%; min-width:100%;}

#section_2 .section_down, .section_down{ width:100%; height:30px; position:absolute; left:0; top:-25px; z-index:10;}

#section_2 .bg_animate_section_bot_1{position:absolute; right:0; bottom:0; z-index:1;}

#section_2 .bg_animate_section_bot_1 img{ max-width:100%;}

/*================page content holder=================*/



#section_3{ background:url(../images/pattern.jpg) repeat fixed; padding:90px 0;transition: all 0.3s; position:relative; z-index:10}

#section_3 h2{ color:#000;}

#section_3 h2 span{ color:#ff7000; display:block;}

#section_3 p{ color:#000;}

#section_3 .featured_img{ position:absolute; right:0; bottom:0; width:30%; height:100%;display: flex;align-items: center; justify-content: center;}

#section_3 .featured_img img{ max-width:100%;}

.featured_icons{ padding:0;}

.featured_icons li{ padding:0; display:flex;align-items: center; justify-content: left; margin:20px 0 0;}

.featured_icons .link_button{ min-width:100px; min-height:100px;width:100px; height:100px; background:#f1f1f1; background-size:90px !important; border-radius:50%; border:2px solid #86d5fc; margin-right:10px; display:inline-block;}

.featured_icons .link_button a:hover{ border:2px solid #cc920e;animation: mymove 5s infinite;

  animation-timing-function: linear;}

.featured_icons .link_button a:hover h3{ color:#cc920e;}

.featured_icons  .fa_logo_design{ background:url(../images/logo-design.png) no-repeat center;width:100px; height:100px;  display:inline-block; }

.featured_icons  .fa_web_design{ background:url(../images/icon-web-design.png) no-repeat center;width:100px; height:100px;  display:inline-block;}

.featured_icons  .fa_seo{ background:url(../images/icon-seo.png) no-repeat center;width:100px; height:100px;  display:inline-block;}

.featured_icons  .fa_commerce{ background:url(../images/icon-e-commerce.png) no-repeat center;width:100px; height:100px;  display:inline-block;}

/*================page content holder=================*/



#section_4{ background:rgba(178,101,88,.75); padding:90px 0; }

#section_4 img{ max-width:100%;}

#section_4 h2{ color:#fff;}

#section_4 h2 span{ color:#ff7000;}

#section_4 h3{ color:#fff; font-size:20px;text-transform:uppercase;}

#section_4 p{ font-size:20px; color:#fff;}

#section_4 .section_head{ max-width:750px; margin:0 auto;}

#section_4 .how_we_do{ background:url(../images/how-we-do-line-white.png) no-repeat center 25px; background-size:100%; text-align:center; display:}

#section_4 .how_we_do .row{ height:100%;}

#section_4 .col-1by5{

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

	padding-left:15px;

	padding-right:15px;

	min-height:100%;

	display:

}

#section_4 .col-1by5 p{ font-size:16px; line-height:20px;}

#section_4 .stage_button{ min-width:100px; min-height:100px;width:100px; height:100px; background:#f1f1f1; background-size:100px !important; border-radius:50%; border:3px solid #00a9ff; display:inline-block; margin-bottom:10px;}

#section_4 .stage_button a:hover{ border:3px solid #0071aa;animation: mymove 5s infinite;

  animation-timing-function: linear;}

#section_4 .stage_button a:hover h3{ color:#cc920e;}

#section_4 .stage_button.info{ background:url(../images/icon-information.png) no-repeat center;width:100px; height:100px;  display:inline-block; margin-top:30px;}

#section_4 .stage_button.planning{ background:url(../images/icon-planning.png) no-repeat center;width:100px; height:100px;  display:inline-block;  margin-top:105px;}

#section_4 .stage_button.design{ background:url(../images/icon-design.png) no-repeat center;width:100px; height:100px;  display:inline-block;  margin-top:40px;}

#section_4 .stage_button.development{ background:url(../images/icon-development.png) no-repeat center;width:100px; height:100px;  display:inline-block;  margin-top:100px;}

#section_4 .stage_button.launch{ background:url(../images/icon-testing.png) no-repeat center;width:100px; height:100px;  display:inline-block; margin-top:20px;}

#section_4 .col-1by5 i{ position:relative;}

#section_4 .col-1by5 i::before{ color:#000; font-size:17px;}

#section_4 .col-1by5.stage_1 i::before{ width:100%;content:'\Stage 1'; position:absolute; left:0; top:-30px; text-align:center; display:block; font-weight:bold;}

#section_4 .col-1by5.stage_2 i::before{ width:100%;content:'\Stage 2'; position:absolute; left:0; top:-30px; text-align:center; display:block; font-weight:bold;}

#section_4 .col-1by5.stage_3 i::before{ width:100%;content:'\Stage 3'; position:absolute; left:0; top:-30px; text-align:center; display:block; font-weight:bold;}

#section_4 .col-1by5.stage_4 i::before{ width:100%;content:'\Stage 4'; position:absolute; left:0; top:-30px; text-align:center; display:block; font-weight:bold;}

#section_4 .col-1by5.stage_5 i::before{ width:100%;content:'\ Final Stage'; position:absolute; left:0; top:-30px; text-align:center; display:block; font-weight:bold;}

/*================page content holder=================*/

#section_5{ background:rgba(0,0,0,0.8)url(../images/pattern.jpg) repeat fixed; padding:90px 0;}

#section_5 h2{ color:#000;}

#section_5 h2 span{ color:#ff7000;}

#section_5 p{ color:#000;}



#section_5 ul{ margin:0; padding:0; list-style:none; text-align:center;}

#section_5 ul li{margin:2px 0; padding:0; list-style:none; display:inline-block; font-size:18px; font-weight:400;}

#section_5 ul li a{ background:#00778d; padding:10px 30px; color:#fff; display:inline-block;}

#section_5 ul li a:hover, #section_5 ul li a.highlight{ background:#fff; color:#000;}



/*================page content holder=================*/

#section_6{ background:url(../images/50-50-bg.png) repeat-y center; padding:90px 0 0; position:relative; }

#section_6.section_whyus{ background:rgba(240,240,240,0.8); padding:70px 0 90px; position:relative; }

#section_6 .why_us{ padding-right:30px; padding-bottom:90px;}

#section_6.section_whyus .why_us{ padding-right:15px; padding-bottom:0;}

#section_6 .why_us p{ line-height:24px; margin:0;}

#section_6 .featured_icons{ margin:0;}

#section_6 .testimonials{ padding-left:60px;}

#section_6 .testimonials .lead{ font-size:24px; color:#fff;}

#section_6 .testimonials h2{ color:#fff; }

#section_6 h2 span{ color:#ff7000;}

#section_6.section_whyus h2 span{ display:block;}

#section_6 p{}

#section_6 ul li{}

#section_6 .testimonials .quote{ color:#fff; position:relative; padding-left:40px; font-style:oblique;}

#section_6 .testimonials .quote::before{ content:''; background:url(../images/quote.png) no-repeat; width:34px; height:34px; position:absolute; left:0; top:0;}

#section_6 .testimonials .author{ font-size:16px; font-style:italic; color:#888;}

.carousel-indicators li{ width:12px; height:12px; border-radius:50%; margin:0 5px; background-color:#000;}

.carousel-indicators li.active{ background-color:#ff7000;}

#section_6 .section_decor{ position:absolute; right:0; bottom:0;}

#section_6 .section_decor_2{ position:absolute; left:-50px; bottom:0; z-index:2;}



#section_6 .featured_icons .fa_experience{ background:url(../images/icon-experieme.png) no-repeat center;width:100px; height:100px;  display:inline-block;}

#section_6 .featured_icons .fa_growth{ background:url(../images/icon-growth.png) no-repeat center;width:100px; height:100px;  display:inline-block;}

#section_6 .featured_icons .fa_creative{ background:url(../images/icon-creative-team.png) no-repeat center;width:100px; height:100px;  display:inline-block;}

#section_6 .featured_icons .fa_secret{ background:url(../images/icon-confidenciality.png) no-repeat center;width:100px; height:100px;  display:inline-block;}

/*================page content holder=================*/

#page_content {

    padding:90px 0 40px;

	background:#fff;

    min-height: 200px;

    transition: all 0.3s;

	position:relative;

}

#page_content.blog_page{ padding:30px 0 60px;}

#page_content.single_project_view{padding:90px 0 60px;}

.single #page_content.blog_page{ padding:30px 0 90px;}

#page_content .section_down{width:100%; position:absolute; left:0;top:-25px !important; text-align:center;}

#page_content h2, #page_content h3, #page_content h4, #page_content p{ margin:0 0 30px !important;}

#page_content img{ max-width:100%; height:auto !important;}

#page_content form .form_col{ margin:0 0 15px; position:relative;}

#page_content form input[type="text"], #page_content form input[type="email"], #page_content form input[type="tel"]{ width:100%; height:50px; padding-left:50px; padding-right:10px; border:3px solid #ddd; border-radius:5px; outline:none;}
#page_content form select{ width:100%; height:50px; padding-left:10px; padding-right:10px; border:3px solid #ddd; border-radius:5px; outline:none;}

#page_content form textarea{width:100%; height:103px; padding-left:10px; padding-right:10px;border:3px solid #ddd; border-radius:5px; outline:none;}

#page_content form .btn-primary{ border-radius:5px; min-width:100%; padding:11px 30px; margin:0; font-size:24px;}

#page_content form .form_col.input_name::after{ content:''; width:50px; height:50px; position:absolute; left:10px; top:0;background: url(../images/icon-user.png) no-repeat left; background-size:30px;}

#page_content form .form_col.input_email::after{ content:''; width:50px; height:50px; position:absolute; left:10px; top:0;background: url(../images/icon-email.png) no-repeat left; background-size:30px;}

#page_content form .form_col.input_phone::after{ content:''; width:50px; height:50px; position:absolute; left:10px; top:0;background: url(../images/icon-phone.png) no-repeat left; background-size:30px;}

#page_content .wpcf7 form.invalid .wpcf7-response-output, #page_content .wpcf7 form.unaccepted .wpcf7-response-output{ color:#ff0000; margin:0 auto;padding:5px 10px; font-size:20px; text-align:center; font-weight:400;}

#page_content .wpcf7 form.sent .wpcf7-response-output{margin:0 auto; color:#fff; padding:5px 10px; font-size:20px; text-align:center; font-weight:400;}

#page_content.contact-us  .conatct_info{ display: flex;align-items: center; justify-content: start; margin-bottom:20px !important;}

#page_content.contact-us i{ margin-right:10px;}

#page_content.contact-us .fa_icon_email{width:60px; height:60px;background:#f1f1f1 url(../images/icon-email.png) no-repeat center; background-size:30px; border:2px solid #21b5ff; border-radius:50%; display:inline-block;}

#page_content.contact-us .fa_icon_phone{width:60px; height:60px; background:#f1f1f1 url(../images/icon-phone.png) no-repeat center;background-size:30px; border:2px solid #21b5ff; border-radius:50%; display:inline-block;}

#page_content.contact-us h3{ font-size:36px; line-height:40px;}

#page_content.contact-us  .conatct_info span.h{ font-size:24px; color:#029fbc;}



#page_content .gallery-columns-2{ margin-left:-15px; margin-right:-15px;}

#page_content .gallery-columns-2 .gallery-item{ width:50%; display:inline-block; padding:15px; margin:0;}

#page_content .gallery-columns-2 .gallery-item img{ max-width:100% !important;border:1px solid #ddd; padding:15px; }



.project_views  .project_view_col img{ border:1px solid #ddd; padding:15px; margin-bottom:30px;}

.project_views .portfolio_col{ margin-bottom:30px;}

.project_views .portfolio_col img{ padding:0; margin-bottom:10px;}

.project_views .portfolio_col h3{ font-size:24px; text-align:center;}

.grid {

	position: relative;

	margin: 0px;

	max-width: 800px;

	list-style: none;

	text-align: center;

}



/* Common style */

.grid figure {

	position: relative;

	float: right;

	overflow: hidden;

	margin:0 0 10px;

	min-width: 100%;

	max-width: 100%;

	max-height:260px;

	width: 100%;

	background: #000;

	text-align: center;

	cursor: pointer;

	border:1px solid #ddd; 

}



.grid figure img {

	position: relative;

	display: block;

	min-height: 100%;

	max-width: 100%;

	opacity: 1.0;

}



.grid figure figcaption {

	padding: 2em;

	color: #fff;

	text-transform: uppercase;

	font-size: 1.25em;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	display:flex;align-items: center; justify-content: center; text-align:center;

}

#page_content .project_views .portfolio_col.grid figure figcaption h3{ margin:0 !important;}

.grid figure figcaption::before,

.grid figure figcaption::after {

	pointer-events: none;

}



.grid figure figcaption,

.grid figure figcaption > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.grid figure figcaption > a {

	z-index: 1000;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}



.grid figure h2 {

	word-spacing: -0.15em;

	font-weight:400;

}



.grid figure h2 span {

	font-weight: 800;

}



.grid figure h2,

.grid figure p {

	margin: 0;

}



.grid figure p {

	letter-spacing: 1px;

	font-size: 68.5%;

}





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

/***** Layla *****/

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



figure.effect-layla {

	background: none;

}

/*figure.effect-layla:after{ content:''; background:rgba(41,115,152,0.7); width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1;}*/

figure.effect-layla:hover:after{ content:''; background:rgba(18,59,74,0.9); width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1;}







figure.effect-layla img {

	height: auto;

}



figure.effect-layla figcaption {

	padding:44px 30px;

	z-index:10;

}



figure.effect-layla figcaption::before,

figure.effect-layla figcaption::after {

	position: absolute;

	content: '';

	opacity: 0;

}



figure.effect-layla figcaption::before {

	top: 50px;

	right: 30px;

	bottom: 50px;

	left: 30px;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

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

	transform: scale(0,1);

	-webkit-transform-origin: 0 0;

	transform-origin: 0 0;

}



figure.effect-layla figcaption::after {

	top: 30px;

	right: 50px;

	bottom: 30px;

	left: 50px;

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

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

	transform: scale(1,0);

	-webkit-transform-origin: 100% 0;

	transform-origin: 100% 0;

}



figure.effect-layla h2 {

	padding-top:3%;

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

}



figure.effect-layla p {

	padding: 0.5em 2em;

	text-transform: none;

	opacity: 0;

	-webkit-transform: translate3d(0,-10px,0);

	transform: translate3d(0,-10px,0);

}



figure.effect-layla img,

figure.effect-layla h2 {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}



figure.effect-layla img,

figure.effect-layla figcaption::before,

figure.effect-layla figcaption::after,

figure.effect-layla p {

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}



figure.effect-layla:hover img {

	opacity: 0.7;

	-webkit-transform: translate3d(0,-20px,0);

	transform: translate3d(0,-20px,0);

}



figure.effect-layla:hover figcaption::before,

figure.effect-layla:hover figcaption::after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}



figure.effect-layla:hover h2,

figure.effect-layla:hover p {

	opacity: 1;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}



figure.effect-layla:hover figcaption::after,

figure.effect-layla:hover h2,

figure.effect-layla:hover p,

figure.effect-layla:hover img {

	-webkit-transition-delay: 0.15s;

	transition-delay: 0.15s;

}

@media (min-width: 992px) and (max-width:1199px) {

.website .page-content{ max-width:700px !important;}

.grid{ max-width:50%;}

.website .page-content .websites .website_col.grid figure {

    min-width:250px;

    max-width: 100%;

    max-height:150px;

    width: 100%;

}

.website .page-content .websites .website_col.grid figure.effect-layla {

    max-height:150px;

    height: auto;

}

.website .page-content .websites .website_col h2 a {

    font-size:20px;

    line-height:24px;

}

.website .page-content .websites .website_col.grid figure.effect-layla h2{ padding-top:3%;}

.website .page-content .websites .website_col h3 {

    font-size:14px;

}

figure.effect-layla figcaption::before {

	top: 30px;

	right:10px;

	bottom: 30px;

	left:10px;

}



figure.effect-layla figcaption::after {

	top: 10px;

	right: 30px;

	bottom:10px;

	left: 30px;

}



}



@media (min-width:768px) and (max-width:991px) {

.grid figure {

    max-height:155px;

}

}

@media (max-width: 767px) {

.website .page-content {

    max-width: none !important;

	text-align:center;

}

.website .page-content .websites{ width:350px; margin-left:auto; margin-right:auto;}

.website .page-content .top_content .links_box {

     width:350px; margin-left:auto; margin-right:auto;

}

.grid figure {

    max-height: 155px;

}

}

@media (max-width:420px) {



.website .page-content .websites{ width:auto; margin-left:auto; margin-right:auto;}

.website .page-content .top_content .links_box {

     width:100%; margin-left:auto; margin-right:auto;

}

.grid figure {

    max-height: 170px;

}

}

@media (max-width:380px) {

.grid figure {

    max-height: 150px;

}

}

/* ============ desktop view .end// ============ */



/* ============ Blog starts// ============ */

#page_content.blog_page .contentarea #nav-above.navigation, #page_content.blog_page .contentarea #nav-below.navigation{ display:flex;align-items: center; justify-content: center; text-align:center;/* border:1px solid #ddd; padding:10px 0;*/}

#page_content.blog_page .contentarea #nav-above.navigation .nav-previous, #page_content.blog_page .contentarea #nav-above.navigation .nav-next, #page_content.blog_page .contentarea #nav-below.navigation .nav-previous, #page_content.blog_page .contentarea #nav-below.navigation .nav-next{ display:inline-block;}



#page_content.single_project_view #nav-above.navigation, #page_content.single_project_view #nav-below.navigation{ display:flex;align-items: center; justify-content: center; text-align:center;/* border:1px solid #ddd; padding:10px 0;*/}

#page_content.single_project_view #nav-above.navigation .nav-previous, #page_content.single_project_view #nav-above.navigation .nav-next, #page_content.single_project_view #nav-below.navigation .nav-previous, #page_content.single_project_view #nav-below.navigation .nav-next{ display:inline-block; margin:0 10px; font-weight:bold;}





#page_content.blog_page .contentarea h1{ color:#000; font-size:50px;}

#page_content.blog_page .contentarea .post_header{ background:#fff;border:1px solid #ddd; display:flex;align-items: center; justify-content: start; position:relative; margin:0; padding:0 15px 0 0;}

#page_content.blog_page .contentarea .post_header h2{display:flex;align-items: center; justify-content: start;border-left:1px solid #ddd; padding-left:15px !important; min-height:80px;font-size:24px; line-height:32px; margin:0 !important;padding:5px 0 5px 15px;}

.single #page_content.blog_page .contentarea .post_header h2{border-left:1px solid #ddd; padding-left:15px; min-height:80px; color:#029fbc; font-size:32px; line-height:40px; font-weight:600; }

#page_content.blog_page .contentarea .post_header .entry-meta{ padding:5px 15px; display:inline-block; background:#fff; }

#page_content.blog_page .contentarea .post_header .entry-meta span{ display:block; font-size:18px; line-height:24px;}

#page_content.blog_page .contentarea .post_header .entry-meta span.date{ font-size:28px; color:#029fbc;}

#page_content.blog_page .contentarea .entry-content, #page_content.blog_page .contentarea .entry-summary{ padding:20px 15px; border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;}

.single #page_content.blog_page .contentarea .entry-content{ padding:20px 15px 0;background:#fff;}

#page_content.blog_page .contentarea .entry-content p{ margin:0 0 20px !important; }

#page_content.blog_page .contentarea .entry-content p.no_margin, #page_content.blog_page .contentarea .entry-summary p.no_margin{ margin:0 !important;}

.single #page_content.blog_page .contentarea .entry-content p{ margin:0 0 30px!important;}

#page_content.blog_page .contentarea  .entry-utility{background:#fff; padding:10px 15px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd; margin-bottom:15px; font-size:14px;color:#029fbc;}

#page_content.blog_page .contentarea  .entry-utility i,#page_content.blog_page .contentarea  .entry-utility a{ color:#029fbc;}

#page_content.blog_page .contentarea  .entry-utility a:hover{ color:#000;}

#page_content.blog_page .contentarea .breadcrumb {

    padding:10px 15px;

	margin:0 0 15px !important;

    list-style: none;

    background-color:#fff;

    border-radius: 0;

	color:#000;

	font-size:16px;

	line-height:24px;

	vertical-align:middle;

	align-items: center; 

	justify-content: start;

	border:1px solid #ddd;

}

#page_content.blog_page .contentarea .breadcrumb .bred_home::before{}

#page_content.blog_page .contentarea .breadcrumb a {

    color: #029fbc;

    text-decoration: none;

}

#page_content.blog_page .contentarea .breadcrumb a:hover{ color:#000;}

#page_content.blog_page .contentarea .breadcrumb i{ display:inline-block; vertical-align:top;}



#comments{ margin-top:30px;}

#comments .comment-form{ border:1px solid #ddd; padding:15px;}

#page_content.blog_page .sidebar ul{ margin:0; padding:0; list-style:none;}

#page_content.blog_page .sidebar .widget-container{ border:1px solid #ddd; margin:0 0 15px; padding:15px;background:#fff;}

#page_content.blog_page .sidebar .widget-container ul{ padding-left:15px;}

#page_content.blog_page .sidebar .widget-container ul li{ margin:0 0 5px; list-style-type:disc;}

#page_content.blog_page .sidebar .widget-container ul li a{ background:none; color:#00778d;}

#page_content.blog_page .sidebar .widget-container ul li a:hover{ color:#000;}

#page_content.blog_page .sidebar .widget-container h3{ margin:0 0 15px !important;}

.searchform{ /*display:flex;align-items: center; justify-content: center; */position:relative;}

#page_content.blog_page .sidebar .widget-container input[type="text"]#s{ width:calc(100% - 70px); display:inline; padding-left:10px;}

#searchsubmit{ min-width:60px; padding:9px 7px; border-radius:5px; display:inline; position:absolute; right:0; bottom:0;}

#page_content.blog_page .comment-form .submit{min-width:100%; font-weight:500; font-size:24px; padding:14px 20px; background:#00778d;  border:2px solid #00a9c8; border-radius:5px;font-family: 'Roboto', sans-serif;transition: all 0.3s; color:#fff; display:block;}

#page_content.blog_page .comment-form p{ position:relative; margin:10px 0 0 !important;}

#page_content.blog_page .comment-form-author::after{ content:''; width:50px; height:50px; position:absolute; left:10px; bottom:0;background: url(../images/icon-user.png) no-repeat left; background-size:30px;}

#page_content.blog_page .comment-form-email::after{ content:''; width:50px; height:50px; position:absolute; left:10px; bottom:0;background: url(../images/icon-email.png) no-repeat left; background-size:30px;}

#page_content.blog_page .comment-form-url::after{ content:''; width:50px; height:50px; position:absolute; left:10px; bottom:0;background: url(../images/icon-phone.png) no-repeat left; background-size:30px;}

.navigation{ margin-bottom:30px;}

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

.navigation li a,

.navigation li a:hover,

.navigation li.active a,

.navigation li.disabled {

    color: #fff;

    text-decoration:none;

}

 

.navigation li {

    display: inline-block;

}

 

.navigation li a,

.navigation li a:hover,

.navigation li.active a,

.navigation li.disabled {

    background-color: #029fbc;

    border-radius: 3px;

    cursor: pointer;

    padding: 12px;

    padding: 0.75rem;

}

 

.navigation li a:hover,

.navigation li.active a {

    background-color: #00778d;

}

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

    footer

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

#footer{background:rgba(0,0,0,0.8); padding:90px 0 0;clear:both; position:relative; z-index:99; }

#footer h2{color:#fff;}

#footer h2 span{ color:#ff7000;}

#footer form .form_col{ margin:0 0 15px; position:relative;}

#footer form input[type="text"], #footer form input[type="email"], #footer form input[type="tel"]{ width:100%; height:50px; padding-left:50px; padding-right:10px; border:3px solid #ddd; border-radius:5px; outline:none;}

#footer form textarea{width:100%; height:103px; padding-left:10px; padding-right:10px;border:3px solid #ddd; border-radius:5px; outline:none;}

#footer form .btn-primary{ border-radius:5px; min-width:100%; padding:11px 30px; margin:0; font-size:24px;}

#footer .footer_bot {background:rgba(0,0,0,0.3); margin-top:90px; padding:50px 0 10px; position:relative;}

#footer h3{ font-size:18px; line-height:24px; text-transform:uppercase; color:#fff; margin:0 0 20px;}

#footer p{ color:#fff; }

#footer p.lead{ font-size:20px; font-weight:400; margin-bottom:40px;}

#footer p.design, #footer .copyright{font-size:14px; margin:0 0 20px;}

#footer .social_media_links{ width:100%;text-align:left; margin-bottom:30px;}

#footer .social_media_links a{ margin:0 4px;background:#222; width:40px; height:40px; border-radius:50%; display:inline-block; text-align:center;}

#footer .social_media_links a i{ margin-top:12px;}

#footer .social_media_links a:hover{background:#f6701f; width:40px; height:40px; border-radius:50%;}

#footer .section_up{ width:100%; position:absolute; left:0; top:-25px;}

#footer  a.arrow_up{ margin:0 4px;background:rgba(255,255,255,0.8)url(../images/arrow-u.png) no-repeat center; width:50px; height:50px; border-radius:50%; display:inline-block; text-align:center; border:5px solid #00bfe2;}

a.arrow_down{ margin:0 4px;background:rgba(255,255,255,0.8)url(../images/arrow-d.png) no-repeat center; width:50px; height:50px; border-radius:50%; display:inline-block; text-align:center;border:5px solid #00bfe2;}

#footer  a.arrow_up:hover{background:#fff url(../images/arrow-u.png) no-repeat center;}

a.arrow_down:hover{background:#fff url(../images/arrow-d.png) no-repeat center;}



#footer form .form_col.input_name::after{ content:''; width:50px; height:50px; position:absolute; left:10px; top:0;background: url(../images/icon-user.png) no-repeat left; background-size:30px;}

#footer form .form_col.input_email::after{ content:''; width:50px; height:50px; position:absolute; left:10px; top:0;background: url(../images/icon-email.png) no-repeat left; background-size:30px;}

#footer form .form_col.input_phone::after{ content:''; width:50px; height:50px; position:absolute; left:10px; top:0;background: url(../images/icon-phone.png) no-repeat left; background-size:30px;}

#footer .wpcf7 form.invalid .wpcf7-response-output, #footer .wpcf7 form.unaccepted .wpcf7-response-output{ color:#ff0000; margin:0 auto;padding:5px 10px; font-size:20px; text-align:center; font-weight:400;}

#footer .wpcf7 form.sent .wpcf7-response-output{margin:0 auto; color:#fff; padding:5px 10px; font-size:20px; text-align:center; font-weight:400;}

#footer.contact-us, #footer.blog_page{ padding:0 !important;}

#footer.contact-us .footer_bot, #footer.blog_page .footer_bot{ margin-top:0 !important;}



.add_holder{ width:300px; opacity:0; padding:30px; border-radius:10px 0 0 0;}

.add_holder.fixed{ opacity:1; position:fixed; right:0; bottom:0; background:rgba(255,255,255,0.7); z-index:1000;transition: all 0.3s;}

.add_holder.fixed img{ max-width:100%;}



.scrollup_holder{ opacity:0; position:fixed; right:30px; bottom:30px;}

.scrollup_holder.fixed{ opacity:1; position:fixed; right:0; bottom:0; z-index:10001;}

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

    MEDIAQUERIES

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



@media (max-width: 768px) {

    #sidebar {

        margin-left: -300px;

    }

    #sidebar.active {

        margin-left: 0;

    }

    #sidebarCollapse span {

        display: none;

    }

}

a.arrow_scroll_up{ margin:0;background:rgba(0,0,0,0.5)url(../images/arrow-u-w.png) no-repeat center; width:50px; height:50px; border-radius:50%; display:inline-block; text-align:center;border:5px solid #fff; position:fixed; right:30px; bottom:30px; z-index:10001;}

a.arrow_scroll_up:hover{background:#000 url(../images/arrow-u-w.png) no-repeat center;}