@media only screen and (min-width:1200px){
	.container {
		width: 1198px
	}
}

/*
* Reset Style
*/
	ul, ol {padding: 0; margin: 0;}
	ul li, ol li { list-style-type:none; }
	a,a:hover,a:focus { text-decoration: none;}
	* {outline: none !important;}
	body {margin: 0; padding: 0; font-family:'Open Sans','Raleway',sans-serif; font-size: 14px; line-height: 1;}
	section {float: left; width:100%;}
	.modal-open {overflow:auto; padding:0px !important;}
/*
* End of Reset Style
*/

.msgBoxForAlerts { position: fixed; right: 15px; top: 15px; z-index: 100000000; }
.msgBoxForAlerts .badge { padding: 10px; font-size: 15px; font-weight: 300; font-family: 'Raleway',sans-serif;     border-radius: 0;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;display: block;
}
.msgBoxForAlerts .badge + .badge {margin-top:5px;}
.msgBoxForAlerts .badge.success {background-color: yellowgreen;}
.msgBoxForAlerts .badge.error {background-color:red;}
/*
* Style for Header
*/
.wrapperBackground{
	background-color: #000;
	background-size:cover; 
}
.st-header{ background-color: rgba(255, 255, 255, .13); z-index: 1000;}
header.st-header.affix { background-color: #000; box-shadow: 0px 0px 10px rgba(0,0,0,0.8); }
.logo-content { float: left; width: 100%; padding: 15px 0; }
.logo-content > a { display: inline-block; }
.logo-content > a > img { max-width: 100%; }

/*right top bar*/
.navbar-top { clear: both;}
.navbar-top ul { float: right; padding: 6px 0; }
.navbar-top ul li { display: inline-block; vertical-align: middle; margin-right: 10px; }
.navbar-top ul li + li { margin-left: 20px; }
.navbar-top ul li a { color: #c2c2c2; }
.navbar-top ul li a:hover { color: #0193cf; }

/*right bottom bar*/
.navbar-bottom { clear: both; }
.nav-wrapper {float: right;}
.navbar-bottom .pro-header-nav {margin-right:20px;}
.navbar-bottom ul { float: right; padding-top: 6px;}
.navbar-bottom ul li { display: inline-block; vertical-align: middle; }
.navbar-bottom ul li + li { margin-left: 30px; }
.navbar-bottom ul li a { text-transform: uppercase; color: #fff; font-weight: bold; position: relative;}
.navbar-bottom ul li a:not(.btn):hover,.navbar-bottom ul li.active a:not(.btn) { color: #ffbc00; }
.btn-rounded {border-radius: 100px;background-color: #0193cf;border: 0;box-shadow: none !important;padding: 7px 17px;line-height: 18px;}
.btn-rounded > i {margin-right: 10px;}
.btn-rounded:hover {color:#0193cf; background-color: #fff;}

.navbar-bottom .pro-header-nav {float:left;}
.pro-header-nav {  margin: 9px 0;}
.navbar-bottom ul li + li {  margin-left: 15px;}
.pro-header-nav > li > a {  color: #c2c2c2 !important; }
.pro-header-nav > li > a::before,
.pro-header-nav > li > a.active:before {opacity:0;  background-color: #0193cf;  bottom: -12px;  content: "";  height: 3px;  left: 0;  position: absolute;  right: 0;}
.pro-header-nav > li > a:hover,
.pro-header-nav > li > a.active {  color: #FFF !important;}
.pro-header-nav > li > a:hover::before,
.pro-header-nav > li > a.active::before,.pro-header-nav > li:hover > a::before {opacity:1;
	transition:all 600ms ease-in-out;
	-webkit-transition:all 600ms ease-in-out;
	-moz-transition:all 600ms ease-in-out;
}


.megamenu { position: relative; }
.megamenu .submenu { position: absolute; top: 100%; left: 0;  min-width: 250px; padding-top: 38px; display: none; }
.megamenu:hover .submenu { display: block;
	animation: fadeIn 300ms ease-in-out;
	-webkit-animation: fadeIn 300ms ease-in-out;
	-moz-animation: fadeIn 300ms ease-in-out;
	-ms-animation: fadeIn 300ms ease-in-out;
}
.megamenu .submenu ul {background-color: rgba(0,0,0,0.8); padding: 10px 0; width: 100%;}
.megamenu .submenu ul li { display: block; margin:0px !important; padding: 0px;}
.megamenu .submenu ul li a{ display: block; padding: 10px 20px; }
@media(max-width:767px){
	.megamenu .submenu {position: relative; min-width: 100%; padding-top:0px;}
}
/*
* End of Style for Header 
*/

/*
* Home page slider
*/

.sliderContent {height: 618px; display: table !important; padding-top: 95px; width: 100%; background-size: cover; background-repeat: no-repeat; background-origin: border-box; background-position: center center; }
.sliderContentInner { position: relative; display: table-cell; height: 100%; min-height: 1px; width: 100%; vertical-align: middle; }
.sliderTextContent { text-align: center; color: #ffffff; display: block; margin: auto; }
h1.sliderTitle { font-size: 67px; letter-spacing: -3px; font-weight: 600; margin: 0px; font-family: 'Raleway',sans-serif; line-height: 63px; margin-bottom: 15px; text-transform: uppercase; }
p.sliderSubText { font-family: 'Raleway',sans-serif; font-size: 24px; font-weight: 100; line-height: 27px; margin: 0px; word-spacing: 3px; }
p.sliderSubText.text-style-1 {font-size: 31px; line-height: 49px;}

.btn-round-borderd { border: 2px solid currentColor; border-radius: 100px; }
.btn-white { color: #fff; }
.sliderTextContent .btn { font-size: 15px; text-transform: uppercase; min-width: 225px; padding: 15px; line-height: 100%; margin-top: 30px; }
.sliderTextContent .btn:hover { color: #0193cf; }


.guideFormContent { position: absolute; left: 0; right: 0; bottom: 0; padding: 65px 0; background-color: rgba(0,0,0,0.5); }
.guideFormContentInner { max-width: 925px; display: table; width: 100%; margin: auto; }
.guideFormContentInner .form-cell { display: table-cell; vertical-align: middle; }
.guideFormContentInner .formTitle { float: left; padding-right: 30px; }
.guideFormContentInner .formTitle h3 { font-size: 27px; text-transform: uppercase; color: #0193cf; font-weight: 600; margin: 0; }
 
.guideFormContentInner .formTitle p { font-size: 17px; color: #fff; font-weight: 300; white-space: nowrap; }
.guideFormContentInner .form-cell:last-child { width: 100%; }
.guideFormContentInner .form-group .form-cell { width: 100%; }

.guideFormContentInner input.form-control { border-radius: 100px; height: 50px; background-color: #cacacb; border: 1px solid #fff; color:#000;
	font-family: 'Raleway',sans-serif; font-weight: 300; padding: 15px 18px; }

.guideFormContentInner button.btn { width: 140px; border-radius: 100px; height: 50px; background-color: #0193cf; margin-left: 30px; font-size: 15px; font-weight: 600; }

/*
* end of home slider
*/

/*
* Service block
*/

.service-info { margin-bottom: 70px; }
.block-title { color: #212020; font-weight: bold; }
.block-icon { min-height: 96px; }
.title-border-small { position: relative; display: block; }
.title-border-small:after { content: ''; width: 100px; height: 2px; background-color: #0193cf; display: block; margin: auto; margin-top: 27px; }
p.block-info { font-size: 20px; font-weight: 300; line-height: 46px; color: #212020; }
section.services { padding-top: 108px; background-color:#f4f4f4; }
h1.block-title { font-size: 61px; line-height: 48px; margin: 0 0 45px 0; font-family: 'Raleway',sans-serif; }
h3.block-title { font-size: 30px; color: #303a3f; margin-top: 30px; margin-bottom: 30px; }

.service-content-wrapper { background-color: #e9e9e9; }
.service-content-wrapper .service-block:hover { background-color: #f4f4f4; }
.service-content-wrapper .service-content {max-width: 1295px; margin: auto; padding: 0 15px;}

.service-block p.block-info { font-size: 15px; color: #4c4c4c; line-height: 35px; word-spacing: -1px; letter-spacing: 0.8px; min-height: 175px;}
a.block-link { display: inline-block; margin-top: 50px; width:64px; height: 64px;}
a.block-link:hover {background-image: url(../images/blocklinkhover.png); background-position: center center;}
a.block-link:hover img{opacity: 0;}
.service-block { padding-top: 66px; position: relative; padding-bottom: 65px; }
.service-block:hover:before { content: ''; width: 100%; height: 13px; display: block; background-color: #0193cf; position: absolute; top: 0; }
.service-block:before { content: ''; top: -5%; transition: all ease 300ms; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; }

/*
* End of Sevice block
*/

/*
*	Home Portfolio block
*/

.homePortSlider { clear: both; padding:85px 0;  background-image: url(../images/homportbg.png); background-size: cover; background-attachment: fixed; background-position: center center; }
.portSliderWrapper { padding: 0 50px; }
.portSliderWrapper button.slick-arrow { position: absolute; top: 50%; width: 15px; height: 30px; background-color: transparent; border: 0px; padding: 0px; font-size: 0; background-position: center center;	background-size: contain;
	transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
}
.portSliderWrapper button.slick-prev { left: 0; background-image: url(../images/port-left.png); }
.portSliderWrapper button.slick-next { right: 0; background-image: url(../images/port-right.png); }
.portSliderWrapper .homeSlideBlock img { max-width: 100%; display: block; margin: auto; }
.home-portfolio-info .block-info { color: #212020; font-size: 25px; text-align: center; max-width: 890px; margin: auto; line-height: 46px; letter-spacing: -0.12px;  }

/*
*end of home portfolio block
*/

/*
*	home Story block	
*/

section.stories { padding: 95px 0;  background-color: #f4f4f4; clear: both; }
.storyBoard { max-width: 890px; margin: auto; font-family: 'Raleway',sans-serif; }
.storyBoard .story { font-size: 25px; color: #212020; line-height: 39px; letter-spacing: -0.5px; margin-bottom: 45px; }
.storyBoard .storyAuthor img { display: block; margin: auto; }
.storyBoard span.text-muted { color: #7d919a; font-size: 18px; font-style: italic; display: block; margin-top: 15px; }

section.quoteBlock { clear: both; background-color: #e3f3fa; padding-top: 125px; padding-bottom: 90px; font-family: 'Raleway',sans-serif; }
section.quoteBlock p.quote-text { font-size: 40px; line-height: 46px; color: #515151; margin-bottom: 75px;}
.quoteBlockWrapper a { display: block; max-width: 360px; margin: auto; font-size: 25px; font-weight: bold; text-decoration: none; text-transform: uppercase;}
.quoteBlockWrapper a.btn { padding: 27px 15px; color: #fff; }
.quoteBlockWrapper a.btn:hover { color: #0193cf; }
.quoteBlockWrapper a + a { margin-top: 20px; }



@media(min-width:768px){
	.modal-dialog {max-width:100%; width:700px;}
}
.modal-content { padding: 35px 45px; }
.modal-title { float: left; width: 100%; text-align: center; font-family: 'Raleway',sans-serif; }
.form-content { float: left; width: 100%; margin-top: 24px; }
.modal-content:after { content: ''; display: table; width: 1px; clear: both; }
.modal-title h1 { font-size: 49px; text-transform: uppercase; font-weight: 300; letter-spacing: -3px; margin: 0px; color: #0193cf; line-height: 100%; }
.modal-title p { font-size: 19px; font-weight: 300; margin-top: 28px; }
.modal-title p strong { font-family: 'Open sans',sans-serif; }
.form-content .form-group .form-control { height: 48px; color: #6e7071; font-size: 17px; font-weight: 600; }
.form-content .form-group { margin-bottom: 12px; }
.form-content .btn { height: 60px; width: 100%; border-radius: 25px; font-size: 49px; text-transform: uppercase; line-height: 100%; font-weight: 600; padding: 0 15px; background-color: #0193cf; }
.form-content .form-group textarea.form-control { resize: none; height: 60px; }

@media(max-width:767px){
	.modal-title h1 {font-size: 32px; letter-spacing: 0;}
	.modal-title p { font-size: 15px;}
	.modal-content {padding-left:20px; padding-right:20px;}
	.form-content .btn { font-size: 28px;}
}
/*-- home : 2 --*/
.home-2{background-color:#f4f4f4;}
.home-2-slider .sliderTextContent{text-align:left;}
.home-slider-content .sliderContentInner{width: 1%;} 
.home-slider-form {    display: table-cell;    width: 1%;    height: 523px;    vertical-align: bottom;}
.home-2-sliderTextContent p.sliderSubText{line-height:34px; font-weight:200;}

/*-slder-form-*/
.home-slider-form h3 {  color: #ffffff;  font-size: 43px;  font-weight: bold;  margin: 0;}
.home-slider-form p {  color: #fff;  font-size: 17px;  line-height: 25px;}
.home-slider-form-cantend {    max-width:  478px;    margin:  auto;    padding: 35px;    background-color:  #0788bd;    border-top-right-radius:  6px;    border-top-left-radius: 6px; float:right;}
.form-slider > input {border: medium none; border-radius: 3px; height: 48px; line-height: 48px; width: 100%; padding: 0 12px;}
.form-slider > .btn {    background-color: transparent;    border: 2px solid #fff;    border-radius: 50px;    margin-top: 13px;}
.form-slider {   clear: both;    margin: 10px 0; text-align: center;}
/*-slder-form-*/ 


/*-home-2-services-*/
.home-2-services .block-info {  font-family: "Raleway",sans-serif;  font-weight: normal;  line-height: 47px;}
/*-home-2-services-*/
/*-makes_us_special-*/
.makes_us_special{background-image:url(../images/makes_us_special.png); background-repeat:no-repeat; background-position:center center;background-size: cover; clear: both;}
/*.makes_us_special_main {    display: table-cell;    height: 583px;    vertical-align: middle;}-*/
.makes_us_special_main {  float: left;  padding-bottom: 120px;  padding-top: 109px;  width: 100%;}
.makes_us_special_title {    font-weight: bold;    padding-bottom: 10px;    position: relative; font-family:"Raleway";color:#ffffff;}
.makes_us_special_title::after{background-color:#ffffff;}
.makes_us_special-box {    float: left;    text-align: center;    width: 100%;}
.makes_us_special-img {    display: table;    margin: auto;    text-align: center;    width: 132px;}
.makes_us_special-img > span {    border: 1px solid #ffffff;    border-radius: 50%;    display: table-cell;    height: 132px;    text-align: center;    vertical-align: middle;    width: 132px;}
.makes_us_special-text {    float: left;    width: 100%; margin-top: 26px;}
.makes_us_special-text > p {    color: #fff;    font-size: 20px;    font-weight: bold;    line-height:20px;}
/*-makes_us_special-*/
/*-Satisfied CLients -*/
.satisfied_clients {  clear: both;  padding-top: 86px;}
.satisfied_clients .title-border-small {  text-transform: uppercase;}
.satisfied_clients_main {    float: left;    margin-bottom: 48px;    width: 100%;}
.satisfied_clients_img {    float: left;    width: 100%;}
.satisfied_clients_img > img {    display: block;    max-width: 100%;}
.pull-right .satisfied_clients_img > img { float:right;}

.satisfied_clients_text {  display: table-cell;  font-size: 20px;  height: 408px;  line-height: 39px;  vertical-align: middle;  width: 100%;}
.oner_name {  color: #7d919a;  font-size: 18px;  font-style: italic;}

/*-Satisfied CLients -*/
section.home-2-quoteBlock{padding-top:110px;}
section.home-2-quoteBlock p.quote-text {  color: #212020;  font-size: 61px;  font-weight: bold;  line-height: 62px;  margin-bottom: 30px;}
section.home-2-quoteBlock .quoteBlockWrapper a { max-width: 408px;  padding-bottom: 26px;  padding-top: 28px;}

/*-- home : 2 -end -*/
/*-our_process-start-*/

.our_process{background-color:#e9e9e9;}

.our_process-slider .sliderTitle {  line-height: 63px;}
.our_process-slider .sliderContentInner {  height: 616px;  width: 1%; background-size:cover; background-position:center center;}
.our_process .our_process-text{background-color:#f4f4f4;}
.our_process-text-inner {    float: left;    padding-bottom: 88px;    padding-top: 77px;    width: 100%;}
.our_process-text-inner > p {    color: #212020;    font-size: 25px;    line-height: 40px;    margin: 0; font-family: "Raleway",sans-serif;}
.our_process-quoteBlock .block-title {  margin-bottom: 0px;}
.our_process-quoteBlock p {  font-size: 34px;  line-height: 46px;  margin: 25px 0;}
section.our_process-quoteBlock .quoteBlockWrapper  a{max-width:300px;}
.our_process-strategy-main {  float: left;  padding: 0 50px;  width: 100%;}
.our_process-strategy-box {    float: left;    width: 100%; position:relative;}
.our_process-strategy-icon {  display: table-cell;  height: 330px;  text-align: center;  vertical-align: middle; width: 1%;}
.our_process-strategy-icon > img {    display: block;    margin: auto;    max-width: 100%;}
.our_process-strategy-text {    display: table-cell;    height: 330px;    vertical-align: middle;    width: 100%;}
.our_process-strategy-text h3 {    color: #303a3f;    font-size: 31px;    font-weight: bold;    line-height: 35px;}
.our_process-strategy-text > p {    font-size: 16px;    font-weight: normal;    line-height: 30px;}
.our_process-strategy-box .strategy-box-number{background-color:#303a3f; z-index:1;border-radius: 50%;  color: #fff;   font-family: "Raleway";  font-size: 71px;  font-weight: bold;  height: 109px;  line-height: 98px;  position: absolute;  text-align: center;  top: 30%;  width: 109px;}
.our_process-strategy-box:nth-child(odd) .strategy-box-number{left:-50px;}
.our_process-strategy-box:nth-child(even) .strategy-box-number{right:-50px;}
.our_process-strategy-main > .our_process-strategy-box:nth-child(even){background-color:#f4f4f4;border-bottom: 3px solid #303a3f;  border-top: 3px solid #303a3f;}
.our_process-strategy-box:nth-child(odd){border-left:3px solid #303a3f;}
.our_process-strategy-box:nth-child(even){ border-right:3px solid #303a3f;}
.our_process-strategy-main > .our_process-strategy-box:first-child::before { background-color: #000;    bottom: 0;    content: "";    height: 50%;    left: 0;    position: absolute; width: 3px;}
.our_process-strategy-main > .our_process-strategy-box:first-child {border-left:0;}
.our_process-strategy-main > .our_process-strategy-box:last-child {  border-bottom: medium none; border-right:none;}
.our_process-strategy-main > .our_process-strategy-box:last-child::after {background-color: #303a3f; top: 0;content: ""; height: 50%;right: 0; position: absolute; width: 3px;}
.our_process-strategy-box:nth-child(2n)::before {  background-color: #f4f4f4;  bottom: 0;  content: "";  display: block;  height: 100%;  position: absolute;  right: 100%;  top: 0;  width: 1000%;}

/*-our_process-end-*/
/*- branding -*/
.branding-slider > .sliderContentInner{ background-image:url(../images/branding-banner.png); background-size:cover; display:table; width:100%;}
.branding .branding-main .common-title {line-height: 42px;}
.branding-slider > .sliderContentInner > div {    display: table-row;    width: 100%;}
.branding-slider > .sliderContentInner .sliderTitle {    display: table-cell;    height: 100%;    vertical-align: middle;    width: 100%;}
.submenu-inner a:hover,
.submenu-inner a.active {    border-color: #0193cf;    color: #0193cf;    font-weight: normal;}

.submenu {    float: left;    width: 100%;}
.submenu-inner {    float: left;    width: 100%; margin-bottom: 13px;}
.submenu-inner > ul > li {    display: block;    float: left;    margin: 0;   text-align: center;}
.submenu-inner a {    font-family: "Raleway",sans-serif; border: 2px solid transparent; border-radius: 50px; display: block; font-size: 17px; height: 50px; line-height: 50px; margin: 0 8px;  padding: 0 17px; color:#FFFFFF;}


.common-inner{  float: left;  width: 100%;}
.common-box {  float: left;  width: 100%; padding-top:30px; padding-bottom:30px; }
.common-inner > .common-box:nth-child(odd){ background-color:#e3f3fa;}

.common-box-img {    display: table-cell;    height: 451px;    vertical-align: middle;   width: 1%;}
.common-box-img > img {    display: block;    margin: auto;    max-width: 100%;}

.common-title {text-transform: uppercase;    color: #212020;    font-size: 47px;    font-weight: bold;    line-height: 40px;    margin: 0;}
.common-text {  color: #212020;  font-family: "Raleway",sans-serif;  font-size: 20px;  line-height: 30px;  margin-top: 20px;}
.common-box-text {    display: table-cell;    height: 450px;    vertical-align: middle;}

/*- branding -*/

/*-	programing -*/
.programing .our_process-text {  background-color: #ffffff;}
.programing-slider > .sliderContentInner{ background-image:url(../images/programing-banner.png); background-size:cover; display:table; width:100%;}
.programing .common-title {font-family: "Raleway",sans-serif; line-height:42px;}

/*- programing -*/

/*-	Web Design -*/

.WebDesign .our_process-text{background-color:#ffffff;}
.WebDesign .web_design > .sliderContentInner{ background-image:url(../images/web-design-banner.png);}
.WebDesign .common-title{line-height:40px;}
.common-text-ul > li {  margin: 12px 0;  padding-left: 15px;  position: relative;}
.common-text-ul li span {    font-size: 20px;    font-weight: normal;    line-height: 30px;  font-family: "Raleway",sans-serif;}
.common-text-ul > li::before {    background-color: #212020;    bottom: 0;    content: "";    height: 1px;    left: 0;    position: absolute;    top: 50%;    width: 9px;}
.common-text-ul {    padding-left: 30px;}

/*- Web Design -*/

/*-	STRATEGY & CONSULTING -*/

.consultion-slider > .sliderContentInner{ background-image:url(../images/strategy-banner.png);}
.consultion-text .our_process-text-inner > .consultion-inner-text{text-align:left; margin:50px 0;}
 .our_process-text-inner > .consultion-inner-text-list{text-align:left; }
.consultion-text .our_process-text-inner > .consultion-inner-text-list > li::before {  content: url("../images/web-design-arow.png");  left: 0;  position: absolute; top: 10px;}
.consultion-text .our_process-text-inner > .consultion-inner-text-list > li {  padding-left: 30px;  position: relative;}
.consultion-text .our_process-text-inner > .consultion-inner-text-list >li > span { color:#212020; font-size: 25px; font-weight: normal;    line-height: 40px;  font-family: "Raleway",sans-serif;}
.consultion-main .common-text-ul > li {    float: left;    width: 50%; margin:0;}
.consultion-main .common-text-ul > li:last-child {    width: 100%;}
.consultion-main .common-text-ul {    padding: 0;}

.consultion-list {    float: left;    width: 100%;}
.consultion-list > div {    float: left;    width: 50%;}
.consultion-list > div > ul > li {    width: 100% !important;}
.consultion .consultion-list-inner > h4 {  font-size: 18px;  font-weight: 500;}
.consultion .common-text-ul li span {font-size: 16px;}

/*- STRATEGY & CONSULTING -*/

/*- marketing -*/

.marketing-slider > .sliderContentInner{ background-image:url(../images/marketing-banner.png); background-size:cover; display:table; width:100%;}
.marketing-help {  float: left;  width: 100%;}
.marketing-help-inner {  float: left;  padding: 90px 0;  width: 100%;}
.marketing-help-inner > h1{text-transform:uppercase; text-align:center;}
.marketing-help-inner-text .consultion-inner-text-list > li:nth-child(4) {  margin: 35px 0;}
.marketing-main .common-inner > .common-box:last-child {    border-bottom: 1px solid #ebebeb;}
.marketing-help-inner-text {    float: left;    width: 100%;}
.marketing-help-inner-text .consultion-inner-text-list > li::before {  content: url("../images/web-design-arow.png");  left: 0;  position: absolute; top: 15px;}
.consultion-inner-text-list > li {    padding-left: 30px;    position: relative; float:left; width:100%;}
.marketing-help-inner-text .consultion-inner-text-list {    float: left;    width: 100%;}
.marketing-help-inner-text .consultion-inner-text-list span {    font-size: 20px;    line-height: 46px; font-family: "Raleway",sans-serif;}
.sub-text {    float: left;    width: 100%;}
.sub-text > span {    float: left;    width: 100%;}

.sub-bold {  font-weight: bold;}


/*- marketing -*/

/*- content_production -*/
.content_production-slider > .sliderContentInner{ background-image:url(../images/content_production-banner.png); background-size:cover; display:table; width:100%;}
.content_production-text .our_process-text-inner.text-center > p:nth-child(2) {  padding: 30px 0;}
/*- content_production -*/

/*- one-single-package-banner -*/

.one-single-package{background-color:#ffffff;}
.block-inner-text .block-info{font-family: "Raleway",sans-serif;  font-weight:normal;}
.single-package > .sliderContentInner{ background-image:url(../images/one-single-package-banner.png);}
.sliderTitle > h1 {  font-family: "Raleway",sans-serif;  font-size: 67px;  font-weight: 600;  letter-spacing: -3px;  line-height: 63px;  margin: 0 0 15px;  text-transform: uppercase;}
.sliderTitle > p {  font-size: 24px;  font-weight: 100;  line-height: 100%; font-family: 'Raleway',sans-serif;
    margin-top: 10px;}
.single_package-inner .service-block:hover::before{ background-color: transparent; display:none;}
.single_package-inner .service-block { display: table; height: 385px; padding: 0; width: 100%;}
.single_package-inner .service-block > div { display: table-cell; text-align: left; vertical-align: middle;}
.single_package-inner .block-icon > img { display: block; margin: auto; max-width: 100%;}
.single_package-inner .block-icon { width: 243px;}
.single-package-text{ background-color:#ffffff;}
.single_package { float: left; width: 100%;}
.single_package-inner:hover{background-color:#ffffff;}
.single_package-inner { float: left; position: relative; width: 100%; margin-top:10px; background-color: #f4f4f4;}
.single_package-inner::before { background-color:#0193cf; bottom: 0; content: ""; left: -10px; position: absolute; top: 0px; bottom:0px; width: 10px;}
.single_package-inner:hover::before{  left: 0px;
	transition:all ease-in-out 300ms;
	-webkit-transition:all ease-in-out 300ms;
	-moz-transition:all ease-in-out 300ms;
}
.single_package-inner:hover .block-title,
.single_package-inner .block-inner-list a:hover{color:#0193cf;}
.block-inner-text,
.block-inner-list {display:table-cell; width:100%; height:322px; vertical-align:middle;}
.block-inner-list a { color: #303a3f; float: left; font-size: 15px; font-weight: bold; line-height: 35px; width: 100%;}
.block-inner-list > ul { border-left: 2px groove #ffffff; float: left; padding-left: 45px; width: 100%;}
.single_package a.block-link {  display: inline-block;  margin-top: 10px;}

/*- one-single-package-banner -*/


/*portfolio page start*/
section.page-block { clear: both; padding: 85px 0; }
.filter-content { float: left; width: 100%; }
.filter-content .filter-header { margin-bottom: 62px; }
.filter-header ul.filter-list { display: inline-block; }
.filter-header ul.filter-list li { display: inline-block; padding: 0 15px; }
.filter-header ul.filter-list li a { font-size: 22px; font-weight: 800; font-family: 'Raleway',sans-serif; color: #212020; padding: 0 5px 17px 5px;
    display: block; border-bottom: 6px solid transparent; cursor: pointer; }
.filter-header ul.filter-list li a:hover,ul.filter-list li.active a { border-bottom-color: #0193cf; }
	
.filter-block-content.row { margin-right: -13px; margin-left: -13px; position: relative; }
.filter-body { position: relative; height: 500px; overflow: hidden;}
.filter-body .filterLoadingOverlay {display: block; z-index: 11; position: absolute; top:0; left:-5px; right: -5px; bottom: 0; background-color: rgba(255,255,255,0.9);}
.filter-body .filterLoadingOverlay > img {width: 50px; height: 50px; position: absolute; top:50%; left: 50%; margin-left:-25px; margin-top:-25px;}
.filter-body .filter-grid-block { padding: 8px; width:33.33%; float: left; }

.filter-block { position: relative; width: 100%; overflow: hidden;  min-height: 100px; border:4px solid rgba(0,0,0,0.1);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	transition: all ease-in-out 800ms;
	-moz-transition: all ease-in-out 800ms;
	-webkit-transition: all ease-in-out 800ms;
}
.filter-block:after {
	content: '';
	display: table;
	clear: both;
	width: 1px;
}

.filter-block:hover {border-color: #000;}
.filter-block img {display: block; width: auto; max-height:320px; margin: auto;}
.filter-block .filter-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.35); text-align: center;
	padding: 10px;
	transition: all ease 300ms;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
}
.filter-block .fit-height { min-height: 320px;}
.filter-block .filter-overlay * { z-index: 1; position: relative; }
.filter-block .filter-overlay:before,
.filter-block .filter-overlay:after { content: ''; width: 100%; display: block; height: 50%;
    position: absolute; left: 0; right: 0; background-color: rgba(227, 243, 250, 0.95); opacity: 0;
    pointer-events: none; z-index: 0; }
.filter-block .filter-overlay:before { top: 0; }
.filter-block .filter-overlay:after { bottom: 0; }
.filter-block:hover .filter-overlay { background-color: transparent; }
.filter-block:hover .filter-overlay:before,.filter-block:hover .filter-overlay:after { opacity: 1; }
.filter-block:hover .filter-overlay:before{
	animation: slideInDown 300ms ease-in-out;
	-webkit-animation: slideInDown 300ms ease-in-out;
	-moz-animation: slideInDown 300ms ease-in-out; 
}
.filter-block:hover .filter-overlay:after{
	animation: slideInUp 300ms ease-in-out;
	-webkit-animation: slideInUp 300ms ease-in-out;
	-moz-animation: slideInUp 300ms ease-in-out; 
}
.filter-block .overlay-inner { display: table; height: inherit; width: 100%; min-height: 1px; }
.filter-block .overlay-inner .content { display: table-cell; vertical-align: middle; font-family: 'Raleway',sans-serif; }
.filter-block h2 { font-size: 45px; color: #fff; font-weight: 800; margin: 22px 0; opacity: 0;
    transition: all ease-in-out 600ms;
    -webkit-transition: all ease-in-out 600ms;
	-moz-transition: all ease-in-out 600ms; 
}
.filter-block:hover h2 { color: #212020; opacity: 1; }
.filter-block a.btn { display: none; color:#fff; font-size:15px; padding: 16px 15px; max-width:224px; width:100%; font-weight:700; }
.filter-block a.btn:hover { color:#0193cf; } 
.filter-block:hover a.btn { display: inline-block;
    animation: bounceIn ease 600ms;
    -webkit-animation: bounceIn ease 600ms;
    -moz-animation: bounceIn ease 600ms;
    animation-duration: 1000ms;
    -webkit-animation-duration: 1000ms;
    -moz-animation-duration: 1000ms;
}

.text-block { clear: both; margin-top: 75px; }
.btn-textbox { font-size: 19px; color: #fff; min-width: 184px; padding: 20px 15px; }
.text-block p { font-size: 20px; font-family: 'Raleway',sans-serif; line-height: 40px; letter-spacing: 0.7px; margin-bottom: 50px; color: #212020;}
@media (min-width:550px) and (max-width:991px){
	.filter-block-content.row {margin-left:-8px; margin-right:-8px;}
	.filter-block-content .filter-grid-block { width:50%;  padding: 8px;}
	.filter-block h2 { font-size: 32px;}
}
@media (max-width:549px){
	.filter-block-content.row {margin-left:-7px; margin-right:-7px;}
	.filter-block-content .filter-grid-block { width:100%;  padding: 7px;}
	.filter-block h2 {font-size: 30px;}
	.filter-header ul.filter-list li {padding: 4px 8px;}
	.filter-header ul.filter-list li a {font-size: 15px; padding-bottom: 10px;}
	.filter-block h2 { font-size: 30px;}
}

/* contact page */
.fluid-box { width: 100%; clear: both; float: left; display: table; }
.fluid-box .fluid-half { width: 50%; display: table-cell; vertical-align: middle; }
.fluid-content { max-width: 599px; width: 100%; padding: 0 15px; }
section.contact-content .fluid-box .fluid-half { padding-top: 60px; padding-bottom: 65px; vertical-align: top; background-size: cover; background-position: center center;}
.contact-form { padding-top: 19px; }
.contact-form .form-group .form-control { border-width: 0; box-shadow: none; border-bottom: 1px solid #e0e0e0; border-radius: 0; padding: 0;
    color: #515151; min-height: 40px; font-family: 'Raleway',sans-serif;
    transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
}
::-webkit-input-placeholder { color: #0193cf;}
::-moz-placeholder { color: #0193cf; }
:-ms-input-placeholder { color: #0193cf; filter: alpha(opacity=100) !important; }
:-moz-placeholder { color: #0193cf; }

.contact-form .form-group { margin-bottom: 28px; }
.contact-form .form-group .form-control:focus { border-bottom-color: #0193cf; }
.contact-form .form-group textarea.form-control { resize: vertical;}
.contact-info ul.contact-details li { color: #212121; font-size: 25px; font-family: 'Raleway',sans-serif; }
.contact-info ul.contact-details li+li { margin-top: 42px; }
.contact-info ul.contact-details li a { color: inherit; }
.contact-info .block-title { font-size: 35px; font-family: 'Raleway',sans-serif; margin-top: 0px; padding-bottom: 20px;
    border-bottom: 1px solid #0193cf; margin-bottom: 55px; }
.contact-form .btn { min-width: 225px; height: 50px; font-weight: bold; font-size: 15px; font-family: 'Raleway',sans-serif; margin: 65px auto 0; display: block; }

.map-wrapper {float: left; width: 100%;}
.map-wrapper iframe {width: 100%;}


/*pricing page*/
.white-bg {background-color:#fff;}
.light-gray-bg { background-color:#f4f4f4;}
.package-block { border: 1px solid #e0e0e8; border-radius: 5px;  font-family: 'Raleway',sans-serif; background-color: #fcfcfc;}
.package-block .package {background-color: #fff;border-radius: 5px 5px 0 0;}
.package-block .package .package-top-box {text-align: center;padding: 67px 28px 28px;border-radius: 5px 5px 0 0;}
.package-top-box h1 { margin: 0; font-size: 35px; color: #212020; font-weight: 800;
    text-transform: uppercase; margin-bottom: 16px; }
.package-block div[class^="col-"] { padding-left: 0px; padding-right: 0px; }
.package-block .row { margin: 0; }
.package-block .package.premium-package {margin-top: -30px;}
.package.premium-package .package-top-box {color: #fff;background-color: #0193cf;padding-top: 97px;}
.package.premium-package .package-top-box h1 { color: #fff; }
.package-top-box h1 + p {min-height: 100px;margin-bottom: 48px;}
.package-top-box p { font-size: 15px; line-height: 20px; margin-bottom: 0px; }
.package-top-box hr { color: #e0e0e8; }
.package-top-box .btn { max-width: 186px; padding: 20px 15px; width: 100%; font-size: 15px; font-weight: 700; }
.package.premium-package .package-top-box .btn { background-color:#fff727; color:#0193cf; }
.package.premium-package .package-top-box .btn:hover { background-color:#0193cf; color: #fff727; }
.price-content { clear: both; height: 190px; display: table-cell; width: 1%; vertical-align: middle; border-top: 2px  solid;
	border-bottom: 2px solid; }
.price-content p { margin-top: 10px; }	
.package:not(.premium-package) .price-content {border-color: #e0e0e8;}
.price-content span.packge-price { font-size: 61px; font-weight: 600; color: #0193cf; font-family: 'Open Sans',sans-serif;}
.price-content span.packge-price a { font-size: 43px; }
.package.premium-package span.packge-price { color: #fff; }
.price-content + p { margin-top: 35px; min-height: 45px; margin-bottom: 65px; display: block; }
.package-fetures h3 { text-align: center; background-color: #f9f9f9; margin: 0px; font-size: 16px; padding: 22px 10px; color: #484949; text-transform: uppercase; margin-bottom: 42px; }
.pkg-ftr-list { padding: 0 43px; font-size: 16px; text-transform: uppercase; }
.package-fetures { border-left: 1px solid #fff; background-color: #fcfcfc; position: relative; display: block; width: 100%; padding-bottom: 62px; }
.pkg-ftr-list ul li { color: #686969; font-size: 15px; text-transform: uppercase; margin-top: 30px; position: relative; padding-left: 21px;}
.pkg-ftr-list ul li a {color:inherit;}
.pkg-ftr-list ul li a:hover {color: #252b2b;}
.pkg-ftr-list ul li:before { content: url(../images/tickmark.png); position: absolute; left: 0; top: 0; }
span.package-item { color: #adadad; font-weight: 500;}
span.package-item.active { color: #0ba4e0; }

.pkg-ftr-list strong { color: #0193cf; }
.package-top-box .btn.btn-black { background-color: #020202; color: #fff; }
.package-top-box .btn.btn-black:hover { background-color: #fff; color: #020202; }

.pricing-table { clear: both; font-family: 'Raleway',sans-serif; font-weight: 800; overflow: auto;     margin-top: 40px;
    margin-bottom: 73px;}
.pricing-table table { width: 100%; border: 1px solid #e0e0e8; border-radius: 5px; margin-bottom: 15px;}
.pricing-table table tr td:not(:nth-child(1)),
.pricing-table table tr th:not(:nth-child(1)) { text-align: center; border-top: 1px solid #e6e6e6;  }
.pricing-table table tr td:not(:nth-child(1)) { font-size: 18px;}
.noborder { border: 0px !important; }
.pricing-table table tr td,
.pricing-table table tr th { height: 56px; padding: 0 25px; position: relative; min-width:235px;}
.pricing-table table tr th { font-size: 25px; text-transform: uppercase; background-color: #212020; color: #fff; }
.pricing-table table tr th:empty { background-color: transparent; }
.pricing-table table tr th:nth-child(3) { background-color: #0193cf !important; box-shadow: 0px 0px 8px rgba(0,0,0,0.5); }
.pricing-table table tr th:nth-child(3),
.pricing-table table tr td:nth-child(3) { box-shadow: -3px 2px 8px -2px rgba(0,0,0,0.1), 3px 2px 8px -2px rgba(0,0,0,0.1); background-color: #fff;
    position: relative; z-index: 1; }
.pricing-table table tr td:nth-child(2),
.pricing-table table tr td:nth-child(4) { background-color: #f4f4f4; }

.pricing-table .packagePopover { width: 588px; min-height: 100%; position: absolute; top: 0; left: 100%; z-index: 2; background-color: #fff;
    border-left: 3px solid #0193cf; opacity: 0; pointer-events: none; box-shadow: 0px 0px 8px rgba(0,0,0,0.2); color: #6f6f6f;
	font-weight: normal; padding: 5px 10px; font-size: 13px; line-height: 15px; }
	.pricing-table table tr:hover td:first-child {color:#0193cf; cursor: pointer;}	
.pricing-table table tr:hover .packagePopover { opacity: 1;
	animation: fadeIn 600ms ease-in-out;
	-webkit-animation: fadeIn 600ms ease-in-out;
	-moz-animation: fadeIn 600ms ease-in-out;
}
.pricing-table .btn { min-width: 186px; padding: 22px 15px; margin-bottom: 50px; margin-top: 50px; font-weight: 800; line-height: 100%; }
.btn-black { background-color: #212020; color: #fff; }
p.page-title-sub.text-center {
    font-size: 21px;
    color: #212020;
    font-family: 'Raleway',sans-serif;
    line-height: 40px;
}
.packge-price small {font-size: 60%;}

/*-silicon_beach_web-*/
.silicon-beach-slider {  background-image: url("../images/silicon_beach_web-img-5.png");  float: left;  padding-bottom: 50px;  padding-top: 86px;  width: 100%;}
.silicon_beach_web-common-inner .common-box .common-box-text a {  background-color: transparent;  border: 2px solid #0193cf;  color: #0193cf;  font-weight: bold;  height: 50px;  line-height: 33px;  margin-top: 30px;  padding: 7px 45px;  text-transform: uppercase; font-size:15px;}
.silicon_beach_web-common-inner .common-box .common-box-text a:hover{ background-color:#0193cf; color:#ffffff;}
.silicon_beach_web-common-inner .common-box:nth-child(2n+1) .common-box-text a {  float: right;}
.silicon_beach_web-common-inner .common-box:nth-child(even) .common-box-text a {float: left;}

.silicon_beach_web-common-inner .common-box:last-child  .common-box-text h6 {margin-top:10px; font-weight:bold;color:#0193cf;    font-size: 20px;    line-height: 30px;    margin-top: 20px;}
.contact_form p {  font-size: 20px;  line-height: 46px;  font-family: 'Raleway',sans-serif;}
.contact_form .quoteBlockWrapper {    padding: 100px 0;    width: 100%;}
.contact_form_inner .contact-form .form-group .form-control {  background-color: transparent;}
.silicon_beach_web-slider  .sliderContentInner .form-slider {  margin-top: 128px;}


.silicon-beach-slider .block-title {  text-align: center;  text-transform: uppercase;} 
.prodact-slider-list  .homeSlideBlock.slick-slide.slick-current.slick-active.slick-center { z-index:1; position: relative; box-shadow: 0 0 31px rgba(0, 0, 0, 0.91);
	transform: scale(1.4); 
	-moz-transform: scale(1.4); 
	-webkit-transform: scale(1.4); 
	filter: grayscale(0%);  
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);  
}
.prodact-slider-list  .slick-slide{
	transition: all 300ms ease 0s;
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
}
.prodact-slider-list  .slick-list.draggable {    padding: 100px 10px !important;}
.prodact-slider-list .slick-slide{ box-shadow: 0 0 35px rgba(0, 0, 0, 0.39);
	filter: grayscale(100%);  
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);  
}
.homeSlideBlock.slick-active:not(.slick-current) { pointer-events: none; }
.prodact-slider-list .slick-slide img{ width:100%; }
.button-arrow { float: left; text-align: center; width: 100%; }
.button-arrow > button {  background-color: transparent;  border: medium none; }
.contact_form_inner .btn-rounded:hover{ background-color:#0193cf; color:#ffffff; }

/*-silicon_beach_web-*/

/* FAQ PAGE*/

.well-faq { border-color: #e0e0e8; box-shadow: 0px 0px 16px rgba(196,196,196,0.23); padding: 65px 55px; margin:0px; }
.faq-block h3 { margin-top: 0px; font-size: 25px; color: #0193cf; font-family: 'Raleway',sans-serif; margin-bottom: 35px; font-weight: 700; }
.faq-block p { color: #212020; font-size: 21px; font-weight: 300; line-height: 27px; margin-bottom: 0; }
.faq-block p+p { margin-top: 10px; }
.faq-block + .faq-block { margin-top: 40px; }
@media(max-width:767px){
	.well-faq { padding: 30px 25px; }
	.faq-block h3 { font-size: 20px; margin-bottom: 20px; }
	.faq-block p { font-size: 17px; text-align: justify; }
}
/* FAQ PAGE END*/

/*footer start*/
footer.footer { clear: both; background-image: url(../images/footer-bg.png); background-size: cover; background-position: center center; padding-top: 68px; }
a.footer-logo {
    display: inline-block;
}
ul.address li { display: inline-block; vertical-align: middle; font-size: 20px; font-weight: 300; color: #a0a0a0; padding: 0 35px; }
ul.address li a { color: inherit; }
ul.social li { display: inline-block; vertical-align: middle; padding: 0 14px; }
ul.social li a { font-size: 35px; color: #fff; }
ul.social li a:hover { color: #0193cf; }
.footer-contact ul { margin-top: 40px; }
.footer-bottom { padding: 20px 0; margin-top: 40px; background-color: rgba(0,0,0,0.5); }
.footer-bottom p { margin: 0px; font-size: 20px; color: #717171; font-weight: 300; }


@media only screen and (min-width:992px) and (max-width:1199px){
	ul.address li {padding: 0 15px;}
	.navbar-bottom ul li + li { margin-left: 15px; }
	section.quoteBlock p.quote-text { font-size: 30px; }
	h3.block-title {  margin-top: 20px; font-size: 23px;  margin-bottom: 20px;}
	.service-block p.block-info {font-size: 11px;line-height: 28px;}
	.makes_us_special-text > p {font-size: 17px;}
	.filter-block h2 { font-size: 32px;}

	.pkg-ftr-list { padding: 0 25px; }
	.package-fetures h3 {font-size: 14px;}
	.package-block .package .package-top-box {padding-left: 15px; padding-right: 15px;}
	.package-top-box h1 { font-size: 28px;}

	ul.address li {padding: 0 15px;}
	section.quoteBlock p.quote-text { font-size: 30px; }
	h3.block-title {  margin-top: 20px; font-size: 23px;  margin-bottom: 20px;}
	.service-block p.block-info {font-size: 11px;line-height: 28px;}
	.makes_us_special-text > p {font-size: 17px;}
	/*-    our_process-start		-*/
		.our_process-strategy-box:nth-child(odd) .our_process-strategy-icon > img {float: right;}
		.our_process-strategy-box .our_process-strategy-icon > img {float: left;}
	/*-    our_process-start		-*/	
	/*-    branding    -*/
		.submenu-inner > ul > li {margin: 5px 0; width: 33.33%;}
	/*-    branding    -*/
}
.clearfix {clear: both;}
@media only screen and (min-width:768px) and (max-width:991px){
	.navbar-bottom ul li + li { margin-left: 15px; }
	.navbar-bottom ul li a { font-size: 12.8px; }
	.navbar-bottom .pro-header-nav {margin-right: 0px;}
	.sliderTextContent {padding: 0 15px;}
	h1.sliderTitle {font-size:45px;}
	p.sliderSubText {font-family: 20px;}
	
	.guideFormContent {padding: 0 15px;}
	.guideFormContentInner button.btn {margin-left: 15px;}
	ul.address li {padding: 0 10px; font-size: 16px;}
	h1.block-title {font-size: 57px;}

	h3.block-title {  margin-top: 25px; font-size: 27px;  margin-bottom: 25px;}
	
	.makes_us_special_main{padding:65px 0;}
	.makes_us_special-box {margin: 15px 0;}
	.satisfied_clients_text{height:330px;}
	.satisfied_clients_text > p {  font-size: 18px;  line-height: 25px;}
	.filter-block h2 { font-size: 32px;}

	.pkg-ftr-list { padding: 0 15px; font-size: 14px;}
	.pkg-ftr-list ul li { font-size: 13px;}

	.package-fetures h3 {font-size: 14px;}
	.package-block .package .package-top-box {padding-left: 10px; padding-right: 10px;}
	.package-top-box h1 { font-size: 22px;}

	/*-    our_process-start		-*/
	.our_process-strategy-box .strategy-box-number {font-size: 52px;height: 70px;line-height: 61px;top: 30%;width: 70px;}
	.our_process-strategy-box:nth-child(odd) .strategy-box-number{left:-34px;}
	.our_process-strategy-box:nth-child(even) .strategy-box-number{right:-34px;}
	.our_process-strategy-icon > img {max-width: 70%;}
	/*-    our_process-start		-*/
	
	/*-branding-*/
	.submenu-inner > ul > li {margin: 5px 0;width: 50%;}
	.common-title {font-size: 37px;line-height: 40px;}
	/*-branding-*/
	
	/*-																one-single-package-banner																		-*/
	
	.single_package-inner .block-icon {  width: 150px;}
	.block-inner-list > ul{padding-left:25px;}
	.block-inner-list a {  color: #303a3f;  float: left;  font-size: 13px;  font-weight: bold;  line-height: 30px;  width: 100%;}
	.block-text .service-block p.block-info {font-size: 14px;}
	.block-text h3.block-title { margin-bottom: 10px;}
	.block-inner-text p.block-info {  font-size: 13px;line-height: 20px;  word-spacing: -2px;}
	h3.block-title {  font-size: 20px;  margin-bottom: 15px;  margin-top: 25px;}
}

@media only screen and (max-width:767px){
	.sliderContent {padding-top: 65px;}
	.logo-content {text-align: center; padding: 10px 0;}
	.navbar-top {display: none;}
	
	.navbar-bottom {width: 250px; text-align: center; float: left; padding-bottom: 10px; position:fixed; top:0; left:-250px; bottom:0; background-color:#000; 
	transition: left 300ms cubic-bezier(0, 0.25, 0.42, 1.04) 0s;
-webkit-transition: left 300ms cubic-bezier(0, 0.25, 0.42, 1.04) 0s;
-moz-transition: left 300ms cubic-bezier(0, 0.25, 0.42, 1.04) 0s;  
	}
	.navbar-bottom.active { left: 0;}
	.toggle-sidebar{margin:4px 0;}
	.logo-content > a{ width: 200px; margin: 7px 0;}
	.navbar-bottom ul li { display: block; padding: 10px 15px; margin:0; }
	.navbar-bottom ul li + li {
		margin-left: 0;
	}
	.sidebar-logo{display:block;  margin-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.5); background-color:rgba(255,255,255,0.2); 	padding:10px 0;}
	.sidebar-logo img{margin:auto; display:block; max-width:100%;width:100px;}
	
	.sidebar-overlay{position:fixed; left:0; top:0; bottom:0; right:0; background-color:rgba(0,0,0,0.4); width:100%; z-index:-1; }
	
	.navbar-bottom ul, 
	.navbar-bottom .pro-header-nav {width:100%; margin: 0px;}
	.sliderTextContent {padding:0 15px;}
	h1.sliderTitle {font-size: 35px; line-height: 45px;}
	p.sliderSubText {font-size: 18px;}
	.guideFormContentInner {display: block; padding: 0 15px;}
	.guideFormContentInner > .form-cell {display: block; width:100%;}
	.guideFormContentInner .formTitle {width: 100%;}
	ul.address li {line-height: 30px; padding: 0 15px;}
	h1.block-title { font-size: 45px; line-height: 35px;}
	.col-sp-half { width: 100%; float: left; }
	.service-block p.block-info {min-height: auto;}
	.service-block {padding-top:35px; padding-bottom:35px;}
	
	.satisfied_clients_img > img{margin:auto; }
	.pull-right .satisfied_clients_img > img{float:none;}
	.satisfied_clients_text{height:100%;}
	/*-*/
	.makes_us_special-box {margin: 15px 0;}
	.makes_us_special_main {padding-bottom: 45px;padding-top: 45px;}
	.service-info {  margin-bottom: 25px;}
	section.services {  padding-top: 30px;}
	
	.home-2-slider .sliderContentInner {    display: block;    float: right;   width: 100%;}
	.home-2-slider .home-slider-form {    float: left;    width: 100%;}
	.home-2-slider .home-slider-form-cantend {    float: none;}
	.home-2-slider .home-slider-form {margin-top: 20px;}
	/*--*/

	.text-block {margin-top:30px;}

	section.page-block {padding-top: 50px; padding-bottom: 50px;}
	.filter-content .filter-header {margin-bottom: 20px;}

	.fluid-box-mobile {display: block;}
	.fluid-box-mobile .fluid-half {display: block; width: 100%; clear: both;}
	.fluid-box-mobile .fluid-half .fluid-content {max-width: 100%;}
	.contact-form {padding-bottom: 35px;}
	.package-block .package.premium-package {margin-top:0px;}
	.package-block .package {margin-bottom:15px;}
	.package-block .package .package-top-box {padding:40px 15px 15px !important;}
	.pkg-ftr-list { padding: 0 15px; }
	.package-top-box h1 + p {min-height: auto;}
	/*-    our_process-start		-*/
	.our_process-strategy-icon {height: 200px;}
	.our_process-strategy-main > .our_process-strategy-box:first-child::before { height: 74%;}
	.our_process-strategy-main > .our_process-strategy-box:first-child .strategy-box-number {  top: 20%;}
	.our_process-strategy-box .strategy-box-number {top: 7%;}
	.our_process-strategy-text h3 {font-size: 26px;}
	.our_process-strategy-text > p{font-size: 15px;}
	.our_process-strategy-text {height: 235px;}
	.our_process-strategy-main > .our_process-strategy-box:last-child::after{height: 10%;}
	.our_process-text-inner {padding: 38px 0;}
	.our_process-text-inner > p {font-size: 20px;line-height: 31px;}	
	/*-    our_process-start		-*/
	
	.makes_us_special-text > p {font-size: 19px;}
	
	/*-branding-*/
	.submenu-inner > ul > li {margin: 5px 0;width: 50%;}
	.submenu-inner a {font-size: 16px;margin: 0 0px;  padding: 0 1px;}
	
	.common-title {font-size: 37px;line-height: 40px; margin-top: 24px;}
	.common-box-img , .common-box-text{display:block; height:100%; vertical-align:middle; width:100%;}
	.common-box-inner {    float: left;    padding: 35px 0;    width: 100%;}

	/*-branding-*/
	
	/*-STRATEGY & CONSULTING-*/
	.consultion-list > div {  float: left;  width: 100%;}
	.consultion-main .common-text-ul > li {  width: 100%;}
	/*-STRATEGY & CONSULTING-*/
	/*-marketing-*/
	.marketing-help-inner {padding: 40px 0;}
	.consultion-inner-text-list > li:nth-child(4) {margin: 15px 0;}
		/*-marketing-*/
		
	/*-content_production-*/	
	.content_production-text .our_process-text-inner.text-center > p:nth-child(2) {  padding: 30px 0;}	
	/*-content_production-*/
	/*-single_package-*/
	
	.single_package-inner .service-block{height:auto; display:block !important; float:left; width:100%; padding: 40px 0 20px;}
	.single_package-inner .service-block > div {height:auto; display:block !important; float:left; width:100%;}
	.single_package-inner::before{display:none;background-color:transparent;}
	.block-inner-list > ul {    border-left:none ;padding-left: 0px;}
	.block-inner-list {  float: left;  padding-top: 20px;  width: 100%;}
	.block-inner-list ul li {  float: left;  width: 50%;}
	.block-inner-text, .block-inner-list {  display: block;  height: auto;  width: 100%;}
	.single_package-inner .service-block:hover::before { display:block ; background-color:#0193cf; }
	/*-single_package-*/	

	.common-text-ul > li > span {    font-size: 16px;}
	.sliderTitle > h1 {font-size: 35px;line-height: 45px;}
	.silicon_beach_web-slider .sliderContentInner .form-slider {  margin-top: 40px;}
	.prodact-slider-list .slick-list.draggable {  padding: 64px 10px !important;}
	.silicon-beach-slider{padding:35px 0;}
	.common-text {font-size: 19px;}

}

@media only screen and (max-width:500px){
	.guideFormContentInner .formTitle p {white-space: normal;}
	h1.sliderTitle {font-size: 25px; line-height: 30px;}
	p.sliderSubText {font-size: 15px; text-align: justify;}
	.guideFormContent {padding: 15px 0;}
	.guideFormContentInner  .form-cell {display: block; width:100%;}
	.guideFormContentInner button.btn {width:100%; margin-left: 0; margin-top:10px;}
	.col-sp-half { width: 100%; float: left; }
	section.quoteBlock {padding: 35px 0;}
	h1.block-title {font-size: 36px;}
	.storyBoard .story {font-size: 20px;}
	section.quoteBlock p.quote-text {font-size: 25px; line-height: 30px; margin-bottom: 25px;}
	.quoteBlockWrapper a.btn {font-size: 15px; padding:15px;}
	.portSliderWrapper { padding: 0 20px; }
	.home-portfolio-info .block-info {font-size: 18px; line-height: 35px;}
	.service-block {padding:30px 0;}
	p.block-info {font-size: 16px; text-align: justify;}
	section.services {padding-top: 50px;}
	.service-info {margin-bottom:25px;}
	a.block-link {margin-top: 15px;}
	
	.makes_us_special-box {margin: 15px 0;}
	.root {  float: left;  width: 100%;}
	h1.block-title {margin: 0 0 15px;}
	
	.home-slider-form h3 {font-size: 25px;}
	.home-slider-form p {font-size: 12px;}
	.home-slider-form-cantend{padding:20px;}
	p.sliderSubText.text-style-1 { font-size: 22px; line-height: 40px; }

	.storyBoard .story {font-size: 20px;}
	section.quoteBlock p.quote-text {font-size: 25px; line-height: 30px; margin-bottom: 25px;}
	.quoteBlockWrapper a.btn {font-size: 15px; padding:15px;}
	.portSliderWrapper { padding: 0 20px; }
	.home-portfolio-info .block-info {font-size: 18px; line-height: 35px;}
	.service-block {padding:30px 0;}
	p.block-info {font-size: 16px; text-align: justify;}
	section.services {padding-top: 50px;}
	.service-info {margin-bottom:25px;}
	a.block-link {margin-top: 15px;}
	
	.makes_us_special-box {margin: 15px 0;}
	.root {  float: left;  width: 100%;}
	h1.block-title {margin: 0 0 15px;}
	
	.home-slider-form h3 {font-size: 25px;}
	.home-slider-form p {font-size: 12px;}
	.home-slider-form-cantend{padding:20px;}
	/*-    our_process-start		-*/
	.our_process-strategy-main {padding: 0 20px;}
	.our_process-strategy-box .strategy-box-number {font-size: 42px;height: 55px;line-height: 50px;top: 9%;width: 55px;}
	.our_process-strategy-box:nth-child(2n) .strategy-box-number{right: -25px;}
	.our_process-strategy-box:nth-child(2n+1) .strategy-box-number {left: -25px;}
	.our_process-strategy-main > .our_process-strategy-box:first-child .strategy-box-number {  top: 10%;}
	.our_process-strategy-main > .our_process-strategy-box:first-child::before {height: 83%;}
	.our_process-strategy-main > .our_process-strategy-box:last-child::after{height: 10%;}
	
	/*-    our_process-start		-*/
	
	/*-*/
	.submenu-inner a {font-size: 10px;height: 35px;line-height: 35px;}
	
	/*-single_package-*/
	.block-inner-list ul li {  float: left;  width: 100%;}
	.single_package-inner .service-block h3.block-title{ margin-bottom: 10px; font-size: 20px;}
	.single_package-inner .service-block p.block-info {font-size: 14px;line-height: 25px;}
	
	/*-single_package-*/

	.prodact-slider-list .homeSlideBlock.slick-slide.slick-current.slick-active.slick-center{
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
	}
	
}

/*form validation*/
.parsley-errors-list { color: red; text-align: left; margin-top: 10px; }
.parsley-errors-list li { display: block; line-height: 18px; font-family: 'Raleway'; font-weight: 300; padding:0 10px;
	border-left: 3px solid currentColor; }
.parsley-errors-list li + li {margin-top:2px;}