/*
	Author: Ergun Cobanoglu
	Author URI: http://www.fikir360.com/
*/


/****************************************************************************
	Table of Content
***************************************************************************
	
	1- Css Reset
        2- Font Faces
	3- Basic Style
	4- Header
        5- About Us
        6- Works
        7- Team
        8- Fetures (Seo & News)
        9- Project Life Ciycle
        10- Links
        11- Footer
        12- SEO Pages
        13- Services Page
	

*/



/****************************************************************************
1 - CSS RESET
****************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }


/****************************************************************************
 2- FONT FACES
****************************************************************************/
@font-face {font-family: 'rll';src: url('../fonts/raleway-light-webfont.eot');src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/raleway-light-webfont.woff2') format('woff2'),url('../fonts/raleway-light-webfont.woff') format('woff'),url('../fonts/raleway-light-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'rlb';src: url('../fonts/raleway-bold-webfont.eot');src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/raleway-bold-webfont.woff2') format('woff2'),url('../fonts/raleway-bold-webfont.woff') format('woff'),url('../fonts/raleway-bold-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'rlm';src: url('../fonts/raleway-medium-webfont.eot');src: url('../fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/raleway-medium-webfont.woff2') format('woff2'),url('../fonts/raleway-medium-webfont.woff') format('woff'),url('../fonts/raleway-medium-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'rlr'; src: url('../fonts/raleway-regular-webfont.eot');src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/raleway-regular-webfont.woff2') format('woff2'),url('../fonts/raleway-regular-webfont.woff') format('woff'),url('../fonts/raleway-regular-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'rbl';src: url('../fonts/roboto-light-webfont.eot');src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto-light-webfont.woff2') format('woff2'),url('../fonts/roboto-light-webfont.woff') format('woff'),url('../fonts/roboto-light-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}

/****************************************************************************
 3- BASIC STYLES
****************************************************************************/

body { background: #fff; color: #464646; font: 14px "rlr", Helvetica, sans-serif; overflow-x: hidden; /* width: 100%; */ /* height: 100%; */ position: relative;}
body {-moz-transition: background 1s ease 0.4s;
-o-transition: background 1s ease 0.4s;
-webkit-transition: background 1s ease;
-webkit-transition-delay: 0.4s;
transition: background 1s ease 0.4s;}

a { color: #ff4689; text-decoration: none; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
a:hover {color:#464646;}
a, a:link {
-webkit-transition: all 300ms cubic-bezier(0.25,.25,.75,.75);
-moz-transition: all 300ms cubic-bezier(0.25,.25,.75,.75);
-ms-transition: all 300ms cubic-bezier(0.25,.25,.75,.75);
-o-transition: all 300ms cubic-bezier(0.25,.25,.75,.75);
transition: all 300ms cubic-bezier(0.25,.25,.75,.75);
}

h1, h2, h3, h4, h5, h6 { font: 20px "rlb", 'sans-serif'; color: #000; }
h1 { font-size: 40px; margin-bottom:15px;}
h1 a { color: #000; }
h2 { font-size: 20px; }
h2 a { color: #000; }
h3 { font-size: 23px; }
h3 a { color: #000; }
h4 { font-size: 14px; }
h4 a { color: #000; }
h5 { font-size: 14px; }
h5 a { color: #000; }
h6 { font-size: 16px; }
h6 a { color: #000; }

ul {}
ul li {
    /* overflow: hidden; */
}
ul li a {}
ol {}
ol li {}
ol li a {}

p {font: 14px "rlr", 'sans-serif'; color: #5a5c5e; line-height: 20px;margin-bottom: 20px;}
p strong { font-weight: bold; }
p em { font-style: italic; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p {font-family:'rlb';}

img {vertical-align: middle;max-width:100%;height:auto;}

::-moz-selection { background: #ff4588; color: #fff; text-shadow: none; }
::selection { background: #ff4588; color: #fff; text-shadow: none; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

b, strong {font-family: 'rlb';}
i {font-style: italic;}

.colour {color:#ff4588;}
.heading { text-align: center; margin-bottom: 55px;}

.heading h2 {color: #5a5c5e; text-transform: uppercase;}
.heading span { width: 100%; height: 11px; background: url("../images/heading_arrow2.png") no-repeat center bottom; display: inline-block; margin-top: 25px;}
.section {padding: 70px 0;position: relative;background-color: #fff;}
.section h4, #features .seo-courses h2 {font-family:'rlr';font-size: 30px;color:#464646;margin-bottom: 10px;}
.section h4 strong, #features .seo-courses h2 strong {font-family:'rlb';color:#ff4588;}
.wow {visibility: hidden;}

/****************************************************************************
    4- Header
****************************************************************************/
.header-home {background: #751339 url(../img/bg-header.jpg) repeat-x top;position: relative;height: 480px;width: 100%;display: inline-block;/* overflow: hidden; */}
.header-top {height: 100%;position: absolute;width:100%;z-index: 100;top: 0;left: 0;}
.bg-video {position: relative;width:100%;height:100%;z-index: 15;left:0;top:0;opacity: 0.2;}
.bg-overlay {position:relative;width: 100%;height: 100%;top: 0;vertical-align: top;background: url(../img/bg-header-shadow.png) repeat left top;}
.header {padding: 18px 0;position: fixed;z-index: 100;width: 100%;top: 0;left: 0;}
.header-page {max-height:180px;overflow:hidden;}
.header-references {height: 500px;position: absolute;top: 0;left: 0;}
.header-references .bg-overlay {}
.header-fix { z-index: 1 !important;width: 100%; /* height: 100%; */display: block;-webkit-background-size: cover !important ;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;}
.header .navbar-toggle {border-color:#fff;}
.header .navbar-toggle .icon-bar {background-color:#fff;}
.header-fixed .navbar-toggle {border-color:#3a3a3c;}
.header-fixed .navbar-toggle .icon-bar {background-color:#3a3a3c;}
.bg-header-overlay {position:absolute;width:100%;height:100%;left:0;top:0;background: url(../img/bg-header-overlay.png) repeat;z-index:40;}
.logo {float:left;}
.logo a {display:inline-block;}
nav {float:right;margin-top:20px;}
nav ul {float:right;}
.nav > li {float:left;}
.nav>li>a {color:#fff;font-family:"rlm",sans-serif;font-size:12px;line-height:18px;border-bottom:1px solid transparent;}
.nav>li>a:hover {border-color:#fff;opacity:0.7;}
.header .social-icons {margin-left:50px;margin-top: 2px;}
.social-icons li {float:left;margin-left:8px;}
.social-icons li:first-child {margin-left:0;}
.social-icons li a {display:inline-block;background: url(../img/ic-social1.png) no-repeat;width:15px;height:16px;text-indent:-9999px;position:relative;}
.social-icons li.linkedin a {background-position: 0 -16px;}
.social-icons li.twitter a {background-position: -15px -16px;}
.social-icons li.facebook a {background-position: -30px -16px;}
.social-icons li.linkedin a:hover {background-position: 0 0;}
.social-icons li.twitter a:hover {background-position: -15px 0;}
.social-icons li.facebook a:hover {background-position: -30px 0;}

.header-bottom-slider {background-color:#faf9fe;border-bottom:1px solid #edecf2;height: 120px;width: 100%;}
.header-slider {padding-top: 30px;}
.header-bottom {height: 120px;position: relative;width: 100%;background-color: #fff;}
.header-wrapper {position: absolute;top: 20%;left:0;width:100%;height: 240px; z-index: 50;}
.header-wrapper .container {position:relative;}
 
.heading-content {display: table;width: 100%;height: 70px;position: relative;overflow: hidden;}
.header-slider-block {text-align:center;}
.header-slider-top {height:100px;background: url(../img/bg-header-slider.png) no-repeat center top;}
.header-slider-bottom {background: url(../img/img-header-slider-bottom.png) no-repeat center top;height:70px;display: none;}
.heading-wrapper {text-align:center;}
.header-wrapper i, .heading-wrapper h2 {}
.header-wrapper i {display:inline-block;position: absolute;/* left: 50%; */}
.ic-heart {width:35px;height:31px;vertical-align:middle;}
.header-wrapper .ic-heart {/* margin-left: -12px; */top: 25px;}
.header-wrapper h1, .header-wrapper h2, #homeSlider .header-title {margin: 0;color:#fff;font-family: 'rlb';font-size:60px;line-height: 100px;}
.header-slider-block h2.sub-title {font-size:24px;clear:both;color:#fff;font-family: 'rll';display:block;text-align: center;margin-top: 47px;cursor: default;line-height:26px;}
.ic-mouse-scroll img {}
.ic-mouse-scroll {position:absolute;z-index: 90;bottom: -22px;left:50%;text-align:center;margin-left:-23px; width: 46px;padding-top: 12px;background: url(../img/bg-mouse-scroll.png) no-repeat center top; }
.heading-content li {position:absolute;left:0;width:100%;text-align: center;visibility:hidden;}
.heading-content li.active {visibility:visible;}
.heading-pager li {position:absolute;}
.heading-pager li a {width:24px;height:24px;background: url(../img/ic-slider-normal.png) no-repeat center center;display:inline-block;}
.heading-pager li.active a {background-image: url(../img/ic-slider-active.png);}
.heading-pager li.p1 {left: 17.9%;top: 180px;}
.heading-pager li.p2 {left: 30.8%;top: 55px;}
.heading-pager li.p3 {left: 50%;top: 3px;margin-left:-12px;}
.heading-pager li.p4 {left: 67.37%;top: 55px;}
.heading-pager li.p5 {left: 80.2%;top: 180px;}
.ic-heart:not(:required) {-webkit-animation: heartbeat 1300ms ease 0s infinite normal;-khtml-animation: heartbeat 1300ms ease 0s infinite normal;-moz-animation: heartbeat 1300ms ease 0s infinite normal;-ms-animation: heartbeat 1300ms ease 0s infinite normal;-o-animation: heartbeat 1300ms ease 0s infinite normal;animation: heartbeat 1300ms ease 0s infinite normal;display: inline-block;position: relative;overflow: hidden;text-indent: -9999px;width: 24px;height: 24px;-moz-transform: rotate(45deg) scale(1);-ms-transform: rotate(45deg) scale(1);-webkit-transform: rotate(45deg) scale(1);transform: rotate(45deg) scale(1);-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.ic-heart:not(:required):after, .ic-heart:not(:required):before {position: absolute;content: "";background: rgba(255,255,255,0.8);}
.ic-heart:not(:required):before {-moz-border-radius-topleft: 8px;-webkit-border-top-left-radius: 8px;border-top-left-radius: 8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius: 8px;border-bottom-left-radius: 8px;top: 8px;left: 0;width: 24px;height: 16px;}
.ic-heart:not(:required):after {-moz-border-radius-topleft: 8px;-webkit-border-top-left-radius: 8px;border-top-left-radius: 8px;-moz-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;border-top-right-radius: 8px;top: 0;left: 8px;width: 16px;height: 8px;}

.header-fixed {position:fixed;width:100%;top:0 !important;left:0;background-color:#fff;z-index: 9999;border-bottom:1px solid #eee;/* height: 100px; */padding: 8px 0;}
.header-fixed nav, .header-page nav {margin-top:15px;/* position: relative; */}
.header-fixed .nav>li.home>a, .header-page .nav>li.home>a {background-position: 0 -46px;}
.header-fixed .nav>li>a, .header-page .nav>li>a {color:#3a3a3c;}
.header-fixed .nav>li>a:hover, .header-page .nav>li>a:hover {opacity:1;color:#3a3a3c;border-color:#e3386a;}
.header-fixed .nav>li.home>a:hover, .header-page .nav>li.home>a:hover {background-position: 0 -69px;}
.header-fixed .social-icons li.linkedin a, .header-page .social-icons li.linkedin a {background-position: 0 -32px;}
.header-fixed .social-icons li.twitter a, .header-page .social-icons li.twitter a {background-position: -15px -32px;}
.header-fixed .social-icons li.facebook a, .header-page .social-icons li.facebook a  {background-position: -30px -32px;}
.header-fixed .social-icons li.linkedin a:hover, .header-page .social-icons li.linkedin a:hover {background-position: 0 -48px;}
.header-fixed .social-icons li.twitter a:hover, .header-page .social-icons li.twitter a:hover  {background-position: -15px -48px;}
.header-fixed .social-icons li.facebook a:hover, .header-page .social-icons li.facebook a:hover  {background-position: -30px -48px;}
.header-slider ul {display:table;width:100%;max-width:700px;margin:0px auto;}
.header-slider ul li {width:20%;display:inline-block;float:left;text-align:center;}
.header-page .navbar-toggle {border-color:#ff4689;}
.header-page .navbar-toggle .icon-bar {background-color:#ff4689;}

.obj i {display:inline-block;}
.obj-header i {position:absolute;opacity: 0.7;}
.obj1 {background: url(../img/ic-obj1.jpg) no-repeat;width:63px;height:63px;}
.obj2 {background: url(../img/ic-obj2.jpg) no-repeat;width:42px;height:42px;/* border-radius: 100%; */}
.obj3 {background: url(../img/ic-obj3.jpg) no-repeat;width:29px;height:29px;}
.obj4 {background: url(../img/ic-obj4.png) no-repeat;width:18px;height:18px;}
.obj8 {background: url(../img/ic-obj8.png) no-repeat;width:217px;height:334px;}
.obj7 {background: url(../img/ic-obj7.png) no-repeat;width:149px;height:255px;}
.obj6 {background: url(../img/ic-obj6.png) no-repeat;width:127px;height:178px;}
.obj5 {background: url(../img/ic-obj5.png) no-repeat;width:422px;height:163px;}
.obj-header .obj8 {top:0;right:4%;}
.obj-header .obj7 {top:0;left:4%;}
.obj-header .obj6 {bottom:0;left:12%;}
.obj-header .obj5 {bottom:0;left:50%;margin-left:-211px;}

.home-cup {position: absolute;bottom: -40px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 389px;max-width: 100%;height: auto;z-index: 60;}
.home-cup-inner {position: relative;text-align:center;z-index: 30;}
.home-cup-image {margin-left: 25px;}
.home-cup-smoke {opacity:0.5;display: block;position: absolute;bottom: 75px;left: 60px;z-index: 20;}
.home-cup-smoke-inner {position: relative;width: 145px;height: 235px;}
.smoke {position: absolute;width: 145px;height: 200px;z-index: 1; }
.smoke1 {background: url("../img/smoke1.png") no-repeat; }
.smoke2 {background: url("../img/smoke2.png") no-repeat; }
.smoke3 {background: url("../img/smoke3.png") no-repeat; }


/****************************************************************************
    5- About Us
****************************************************************************/

#about {padding-top: 50px;}
#about .container {position:relative;}
.bg-home-services {position:absolute;left:50%;top: 0;width:1px; height:100%;background-color:#f6518c;margin-left: -1px;display: none;}
.lifeciycle {text-align:center;}
#about h4 {font-family:'rll';font-size: 40px;}
#about h4, #about .lead, #seoform h3, #team h3, #team .lead, #projectlifeciycle h4, #seo-title, #seofeatures .seo-features-header, #servicesformtitle {text-align:center;}
/* Service Block */
.home-services {}
.home-services .home-services-title {}
.home-services .home-services-header {background-color:#fff;margin: 30px 0 30px 0;}
.home-services .home-services-header .lead {margin-bottom:0;}
.home-services .home-services-box {padding:30px 0;}
.home-services h3, .home-services h3 a {font-family:'rlr';font-size:18px;color:#464646;margin-bottom:10px}
.home-services h3 span, .home-services h3 a span {color:#f6518c;}
.home-services p {color:#979797;font-size:16px;font-family:'rll';line-height:24px;}
.home-service-icons {}
.home-service-icons li {display:block;padding: 40px 0;text-align:center;position: relative;}
.home-service-icons li span {border:1px solid #f6518c;background-color:#fff;padding:5px;display:inline-block;position: relative;z-index:5;}
.home-service-icons li span i {position:relative;z-index:25;}
.home-service-icons li.service-icon-1 span {width:75px;height:75px;border-radius: 75px;}
.home-service-icons li.service-icon-2 span {width:54px;height:54px;border-radius: 54px;}
.home-service-icons li.service-icon-3 span {width:41px;height:41px;border-radius: 41px;}
.home-service-icons li.service-icon-4 {padding: 20px 0 0 0;}
.home-service-icons li.service-icon-4 span {border:0;background-color:transparent;padding:0;}
.home-services .home-services-header:before, .home-service-icons li span:after, .home-service-icons li span:before {content: " ";position: absolute;width:1px;background-color:#f6518c;left: 50%;margin-left: -1px;}
.home-service-icons li span:after {height: 40px;bottom: -40px;}
.home-service-icons li span:before {top: -42px; height: 42px; }
.home-service-icons li.service-icon-4 span:after {height: 0;width:0;background-color:transparent;margin-top: -2px;}
.home-service-icons li.service-icon-1 span:before {height: 41px;top: -41px;}
.home-services .home-services-header:before {height: 20px;top: -15px;}
.home-service-icons .obj1, .home-service-icons .obj2, .home-service-icons .obj3 {border-radius:100%;}

.service-block .bx-wrapper .bx-pager.bx-default-pager a:hover, .service-block .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#e53a6e;}
.home-service-bottom {text-align:center;margin-top:20px;}
.home-service-bottom span {margin:0px auto;display: block;}
.shape1 {width:425px;height:59px;background: url(../img/service-shape.png) no-repeat;}


/****************************************************************************
    6- Works
****************************************************************************/
#work {background: #1b1e26 url(../img/bg-home-references.jpg) no-repeat center top;position:relative;}
#work {padding: 0;}

.shape2 {width:36px;height:11px;display: inline-block;background:url(../img/ic-shape2.png) no-repeat;left:50%;margin-left:-18px;top:-11px;position:absolute;}
#work h4 {position:absolute;left:0;z-index: 50;}
.work-block {position: relative;z-index: 20;}
.work-content {padding: 50px 0 30px 0;}
.work-block .work-image-col {float:right;width:50%;}
.work-block .work-image-col img {max-width:100%;}
.work-block .work-detail-col {float:left;width:45%;padding-top:70px;}
.work-detail-col p, .work-tags, #work h4 {margin-left:30px;} 
 #work h4 {color:#ffffff;margin-left: 10px;}
.work-detail-col p {color:#c6ccdc;font-size:18px;line-height:26px;}
.work-detail-col a {font-size:18px;margin-left:10px;margin-right:10px;}
.work-detail-col a:hover {color:#c6ccdc;}
.work-tags {margin-top:50px;margin-left: 50px;}
.work-tags a, .ref-tags i {margin-right:5px;}
.work-tags a, .ref-tags i {display:inline-block;background: url(../img/ic-tags.png) no-repeat;width:38px;height:30px;}
.work-tags a.ic-tag-responsive {background-position:0 0;}
.work-tags a.ic-tag-css3 {background-position:-38px 0;}
.work-tags a.ic-tag-html5 {background-position:-72px 0;}
.work-tags a.ic-tag-seo {background-position:-114px 0;}
.work-tags a.ic-tag-ui {background-position:-152px 0;}
.work-tags a:hover {opacity:0.5;}
.work-block .bx-wrapper .bx-controls-direction a {top:50%;margin-top:-14px;width:28px;height:28px;background:url(../img/ic-work-control.png) no-repeat;}
.work-block .bx-wrapper .bx-controls-direction a.bx-prev {background-position:0 -28px;left:-50px;}
.work-block .bx-wrapper .bx-controls-direction a.bx-next {background-position:-28px -28px;right:-50px;}
.work-block .bx-wrapper .bx-controls-direction a.bx-prev:hover {background-position:0 0;}
.work-block .bx-wrapper .bx-controls-direction a.bx-next:hover {background-position:-28px 0;}
.all-project .btn {background-color:#ff4588;color:#fff;border-radius: 0;}
.all-project .btn:hover {background-color:#c6ccdc;}
#work .tooltip-inner {background-color:#7a8392;}
#work .tooltip.top .tooltip-arrow, #work  .tooltip.top-left .tooltip-arrow, #work  .tooltip.top-right .tooltip-arrow {border-top-color:#7a8392;}
#work .tooltip.right .tooltip-arrow {border-right-color:#7a8392;}

/****************************************************************************
    7- Team
****************************************************************************/
#team {
    padding-top: 0;
 }
.team-wrapper {/* margin-top:30px; */}
.grid-team {margin-bottom: 20px;}
.team-wrapper li {width:25%;float:left;}
.team-item-wrapper {padding:10px;display: block;}
.grid-team .team-caption {width:100%;position:relative;margin-bottom:20px;text-align:center;overflow:hidden;}
.grid-team .team-name, .grid-team .team-position {text-align:center;color:#6f7688;}
.grid-team  h3.team-name {font-family:'rlb';margin-bottom:5px;font-size:14px;}
.grid-team .team-position {}
.grid-team .team-active {width:100%;position:absolute;left:0;top:0;}
.grid-team .team-image {background-color:#e6e6f0;}
.grid-team .team-image img {/* max-width:100%; */}
.grid-team .team-image, .reference-list li a img {
    
    -webkit-transition: -webkit-transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
       -moz-transition:    -moz-transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
         -o-transition:      -o-transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
            transition:         transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
    max-width: 100%;
}
.grid-team .team-caption:hover .team-image, .reference-list li a:hover img {
    -webkit-transform: scale(1.25);
       -moz-transform: scale(1.25);
         -o-transform: scale(1.25);
            transform: scale(1.25);
}
.grid-team .team-active {width:100%;height: 100%;opacity:0;filter: alpha(opacity=0);}
.grid-team .team-active, .reference-list li a .ref-list-table {
    -webkit-transition: opacity .8s cubic-bezier(.190, 1.000, .220, 1.000);
       -moz-transition: opacity .8s cubic-bezier(.190, 1.000, .220, 1.000);
         -o-transition: opacity .8s cubic-bezier(.190, 1.000, .220, 1.000);
            transition: opacity .8s cubic-bezier(.190, 1.000, .220, 1.000);
}
.grid-team .team-caption:hover .team-active {opacity: 0.9;filter: alpha(opacity=90);}
.grid-team .shape3 {position:absolute;width: 22px;left:0;top:0;height: 22px;}
.grid-team .team-caption:hover .shape3 {display:none;}
.grid-team .team-align {width:100%;height:100%;display:table;}
.grid-team .team-body {display:table-cell;text-align:center;vertical-align:bottom;}
.grid-team .team-links {margin-bottom:20px;}
.team-links a {border-radius:100%;width:34px;height:34px;display:inline-block;margin:0 2px;background:url(../img/ic-team-social.png) no-repeat;}
.team-links a.ic-team-behance {background-position:0 0 ;}
.team-links a.ic-team-linkedin {background-position:-34px 0 ;}
.team-links a.ic-team-twitter {background-position:-68px 0 ;}
.team-links a:hover {background-color:rgba(0,0,0,0.3);}

.grid-team .item-pink .shape3, .grid-team .item-pink .team-active, .reference-list li.item-pink .shape4, .reference-list li.item-pink a .ref-list-table {background-color: #ff4689;}
.grid-team .item-green .shape3, .grid-team .item-green .team-active, .reference-list li.item-green .shape4, .reference-list li.item-green a .ref-list-table {background-color: #46cfb1;}
.grid-team .item-orange .shape3, .grid-team .item-orange .team-active  {background-color: #fab153;}
.grid-team .item-blue .shape3, .grid-team .item-blue .team-active {background-color: #44d3fd;}
.grid-team .item-purple .shape3, .grid-team .item-purple .team-active {background-color: #b97ed2;}
.grid-team .item-gray .shape3, .grid-team .item-gray .team-active {background-color:#a4a9b4;}

.scroll-pane {overflow: hidden;width:100%;}
.scroll-content {float:left;}
.scroll-content .ui-item {display:block;float:left;min-height:1px;}
.ui-widget-content {position:relative;width:100%;}
.ui-slider .ui-slider-handle {outline:0;cursor:pointer;background-color:#fff;border:2px solid #ff4286;width:12px;height:12px;border-radius:100%;position:absolute;top: -5px;}
.ui-slider .ui-slider-range {background-color: #ff4286;height:2px;position: absolute;z-index: 1;display: block;border: 0;background-position: 0 0;}
.content-box {margin:20px 0;}
.ui-slider {background-color:#d9dbe7;height:2px;}
.ui-slider-line {position:relative;background-color: #ff4588;}
.ui-slider-line .after {width: 6px;height: 11px;position:absolute;right: -8px;margin-top: -5px;top:0;background: url(../img/ic-slider-after.png) no-repeat;}

/****************************************************************************
    8- Features (Seo & News)
****************************************************************************/
#features {/* padding-top:20px; */}
#features h3 {/* font-size:30px; */margin-bottom: 20px;}
.features-block .features-image img {max-width:100%;}
.features-block .features-content span, .features-block .features-content p {clear:both;color:#979797;}
.features-block .features-content .date {font-size:12px;font-family:'rbl';margin-bottom:10px;display: inline-block;}
.features-block .features-content p {margin-bottom: 15px;font-size:16px;}
.costumer-feedback {border-left:1px solid #d8dce6;}
.feedback-container { }
.feedback-content {}
.feedback-text, .feedback-detail {color:#979797;}
.feedback-text {font-size:16px;margin-bottom:15px;}
.costumer-feedback .bx-wrapper .bx-pager, .costumer-feedback .bx-wrapper .bx-controls-auto {left:0;text-align: left;}
.costumer-feedback .bx-wrapper .bx-pager.bx-default-pager a {background-color:#fff;border:2px solid #ff4488;width:12px;height:12px;border-radius:100%;}
.costumer-feedback .bx-wrapper .bx-pager.bx-default-pager a:hover, .costumer-feedback .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#ff4488;}


/****************************************************************************
    9- Project Lifeciycle
****************************************************************************/
#projectlifeciycle {padding-top: 30px;padding-bottom: 0;background-color: #f9f9fd;/* margin-top: 200px; */}
.lifeciycle {background-color:#d8dce7;border-bottom:1px solid #fff;margin-top: 20px;}
.lifeciycle-list {display:table;width:100%;}
.lifeciycle-list li {float:left;display: inline-block;width:16.6%;position:relative;height: 62px;}
.lifeciycle-list li .lifeciycle-wrapper {top: -8px;background:url(../img/ic-lifecycle.png) no-repeat right top;position: absolute;width: 100%;height: 70px;overflow: hidden;}
.lifeciycle-list li a {padding: 10px 15px 0 5px;display: block;}
.lifeciycle-block {display:table;width:100%;}
.lifeciycle-content {display: table-cell;vertical-align: middle;color:#fff;}
.lifeciycle-text {vertical-align: top;position: relative;}
.lifeciycle-list i {display:inline-block;font-family:'rlb';font-size: 70px;line-height: 50px;position: absolute;top: 20px;}
.lifeciycle-list span {display: inline-block;height: 40px;padding-top: 10px;padding-left: 60px;}
.lifeciycle-list i {-ms-transform: rotate(-10deg);-o-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}
.lifeciycle-list li.p3 span, .lifeciycle-list li.p5 span {padding-top:20px;}
.lifeciycle-list li.p6 i {padding-top: 8px;}
.lifeciycle-list li:last-child .lifeciycle-wrapper{background-image:none;}
.lifeciycle-list li:last-child a {padding-right:0;}


/****************************************************************************
    10- Links
****************************************************************************/
.page-scroll {display:none;position: fixed;padding:6px;background-color:#ff4488;text-align: center;border-radius:100%;cursor:pointer;z-index: 999;right: 50px;bottom: 100px;border: 1px solid #ef3478;}
.page-scroll i {vertical-align:middle;}
.ic-arrow-top-white {width:28px;height:28px;background: url(../img/arrow-top-white.png) no-repeat;display:inline-block;}
.page-scroll:hover {background-color:#32374a;border-color:#2c3042;}
#footer-bottom {background: #1d1b2b url(../img/bg-links.png) repeat-x top;padding:50px 0;}
#footer-bottom .container {position:relative;}
#footer-bottom h5 {color:#f9f9fd;border-bottom:2px solid #b6b9c2;display: inline-block;width: 80%;font-size:24px;}
#footer-bottom .activities h5 {width:55%;}
.links ul { }
.links ul li {padding:5px 0;border-bottom:1px solid #2d2b3a;}
.links ul li:last-child {border-bottom:0;}
.links ul li a {font-family:'rbl';color:#9ea3b2;font-size:18px;text-decoration:none;}
.links ul li a span {font-size:13px;}
.links ul li a:hover {color:#fff;}

.activities ul {display:table;width:100%;margin-top:10px;}
.activities ul li {display:inline-block;position:relative;float:left;width:25%;}
.activities ul li .activity-box {padding:0 10px 10px 0;}
.activities ul li a {display:inline-block;opacity:0.5;}
.activities ul li a img {max-width: 100%;}
.activities ul li a:hover {display:inline-block;opacity:1;}

/****************************************************************************
    11- Footer
****************************************************************************/
#footer {background-color:#14131f;padding:20px 0;}
#footer .social-icons {display: inline-block;}
#footer .social-icons, #footer p {clear:both;margin:5px 0;}
#footer p {color:#6e7486;}
#footer p span {font-family:'rlb';}
.footer-contact {text-align:right;}
#footer .social-icons li a {opacity:0.5;}
#footer .social-icons li.linkedin a {background-position: 0 -16px;}
#footer .social-icons li.twitter a {background-position: -15px -16px;}
#footer .social-icons li.facebook a{background-position: -30px -16px;}
#footer .social-icons li.linkedin a:hover {background-position: 0 -16px;}
#footer .social-icons li.twitter a:hover {background-position: -15px -16px;}
#footer .social-icons li.facebook a:hover {background-position: -30px -16px;}
#footer .social-icons li a:hover {opacity:1;}
.desktop{display: none; font-size: 22px}

.page-breadcrumb-block {position:absolute;bottom:0;width:100%;left:0;background-color:rgba(29,7,16,0.32);height:55px;}
.page-breadcrumb-block, .page-breadcrumb-block h4 {line-height: 55px;}
.page-breadcrumb-block h4 {font-size:30px;font-family:'rll';color:#fff;}
.ic-bread-home {width:18px;height:18px;background:url(../img/ic-bread-home.png) no-repeat 0 -18px;}
.breadcrumb a.home .ic-bread-home {background-position: 0 -18px;}
.breadcrumb a.home:hover .ic-bread-home {background-position: 0 0;}
.breadcrumb > li a:hover {text-decoration:none;color:#fff;}

#page_header {background-color:#fff;text-align:center;/* position: relative; *//* z-index: 10; */}
#page_header i {position:absolute;left:50%;margin-left:-24px;width:48px;height:48px;top: -20px;z-index: 99;}
#page_header .lead {margin-bottom:0;}
.lead a {color:#f12c73;font-family:'rlb';}
.ic-services {background:url(../img/ic-pg-services.png) no-repeat;}
.ic-about-us {background:url(../img/ic-pg-about-us.png) no-repeat;}
.ic-seo {background:url(../img/ic-pg-seo.png) no-repeat;}
.ic-contact {background:url(../img/ic-pg-contact.png) no-repeat;}
.ic-references {background:url(../img/ic-pg-references.png) no-repeat;}
.ic-ournews {background:url(../img/ic-pg-ournews.png) no-repeat;}

#about_us {padding-top:0;}
#about_us img {margin-bottom:30px;}

/****************************************************************************
    13- Services
****************************************************************************/
#seolist, #services, #activities_video, #ournews {background-color:#f3f4f8;border-top:1px solid #e6e7ed;border-bottom:1px solid #e6e7ed;}
#ournews .news-item, .service-list .service-item {margin-bottom:25px;}
#ournews .news-box, .service-list .service-item .services-box {background-color:#fff;text-align:center;padding: 40px 10px;border-bottom:1px solid #e5e7ec;}
#ournews .news-image, .service-list .services-image {padding-bottom:30px;}
.service-list .services-content {}
.news-list h2, .service-list h2 {font-size:24px;margin-bottom: 30px;}
.service-list ul li {}
.service-list ul li a {font-family: 'rlm';font-size:16px;color:#979797;display:block;border-bottom:1px solid #e2e3e9;padding:8px 0;}
.service-list ul li:first-child a {border-top:1px solid #e2e3e9;}
.service-list h2 a:hover, .service-list ul li a:hover {text-decoration:none;color:#ff4588;}

.bottom-form {text-align:center;}
.bottom-form h3{margin-bottom:40px;}
.bottom-form .form-control, .bottom-form .btn {font-size:16px;border-width:2px;border-radius:15px;}
.bottom-form .form-control {padding: 10px 30px;}
.bottom-form input.form-control {line-height:60px;height:60px;}
.bottom-form .btn {padding: 14px 30px;font-family:'rlr';font-size:20px;margin-right: 20px;}

/****************************************************************************
    12- SEO Page
****************************************************************************/
.bg-line-seo {height:4px;width:100%;background:url(../img/bg-line-seo.jpg) no-repeat center top;position: absolute;top: 0;left: 0;z-index: 20;}
#seolist .service-list p, .service-list p {margin-bottom:0;height:80px;}
#seo_video {border-bottom:1px solid #dce0eb;padding-top:0;}
.seo-video-large .seo-video {height:280px;}
.seo-video, .seo-photo {background-color:#161616;position:relative;width:100%;display: inline-block;}
.ic-play, .ic-photo {width:90px;height:90px;}
.ic-play {background: url(../img/ic-video-play.png) no-repeat;}
.seo-video i, .seo-photo i {display:inline-block;position:absolute;}
.seo-video i {top:50%;left:50%;margin-left:-45px;margin-top:-45px;}
.ic-photo {background: url(../img/ic-photo.png) no-repeat center center;width:100%;height:100%;}
.seo-video:hover{opacity:0.8;}
#seo_video h3 {font-family:"rlb";font-size:24px;margin-bottom:10px;}
.activities-block h2 {margin-bottom:20px;}
.activities-video .activities-box, .activities-photo .activities-box {background-color:#fff;text-align:center;}
.activities-video .activities-box a {display:block;}
.activities-photo .activities-box {margin-bottom:30px;position: relative;}
.activities-photo .activities-box a i {display:none;left:0;top:0;}
.activities-photo .activities-box a:hover i {display:block;background-color:rgba(0,0,0,0.6);}


.activities-video p {padding:10px 0;font-size:14px;color:#666666;white-space: nowrap;overflow: hidden;}
.activities-block .bx-wrapper .bx-pager.bx-default-pager a {border:2px solid #d9dce6;width:16px;height:16px;background-color:transparent;border-radius: 100%;}
.activities-block .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#f12e74;}

.bottom-form {}
.bottom-form h3 {font-size:30px;font-family:'rll';}
.seo-form-block {margin-top:40px;}
.seo-form-content {max-width:70%;margin:0px auto;}


/****************************************************************************
    14- Contact
****************************************************************************/
#contactmap {border-top:2px solid #c2c9e2;border-bottom:2px solid #c2c9e2;padding:0;}
.gmap3{width: 100%;height: 400px;}
#contact {}

dl {clear: both;margin-top:10px;}
dl dt {float:left;margin-right:10px;padding: 8px 8px 5px 8px;width: 25px; text-align: left;}
dl dd {margin:2px 0;line-height:20px;padding:5px 0;color:#979797;}
.contact-items {margin-top:10px;}
.contact-items i {width:15px;height:12px;display: inline-block;background: url(../img/ic-contacts.jpg) no-repeat;}
.contact-items i.ic-home {background-position:0 0;}
.contact-items i.ic-phone {background-position:0 -12px;}
.contact-items i.ic-mail {background-position:0 -24px;}
.contact-items i.ic-twitter {background-position:0 -36px;}
.contact-items i.ic-skype {background-position:0 -48px;}
.contact-items i.ic-facebook {background-position:0 -60px;}
.form-buttons {text-align:left;}
.form-message {display:none;}

/****************************************************************************
    15- Our news
****************************************************************************/

#ournews .news-item {text-align:center;}
#ournews .news-image {padding-bottom:20px;}
.news-list h2 {height:60px;margin-bottom: 20px;}
.news-list h2 a:hover {text-decoration:none;color:#ff4488;}
.news-list p {max-height:60px;overflow:hidden;}
.blog-list h2 {height:auto;} 

/****************************************************************************
    16- References
****************************************************************************/
#references {padding-top:0;}
.reference-list li {margin-bottom:30px;}
.reference-list li img {max-width:100%;border: 1px solid #eee;}
.reference-list li .ref-list-wrapper {}
.reference-list li a {color:#000;display:inline-block;width:100%;position:relative;overflow: hidden;-webkit-transition:none;transition:none;}
.reference-list li a .ref-list-body {position: absolute;width:100%;height: 100%;left:0;top:0;}
.reference-list li a .ref-list-table {display:table;width:100%;height: 100%;opacity:0;}
.reference-list li a .ref-list-content {width: 50%;text-align:center;}
.reference-list li a .ref-list-logo {width:100%;padding:10px 0;}
.reference-list li a .ref-list-logo, .reference-list li span {display:none;}
.reference-list li a h3 {color:#161616;font-family:'rlb';font-size:18px;margin:10px 0;clear:both;}
.reference-list li a span {margin-top:10px;}

.ref-tags i.ic-tag-responsive {background-position:0 -30px;}
.ref-tags i.ic-tag-css3 {background-position:-38px -30px;}
.ref-tags i.ic-tag-html5 {background-position:-72px -30px;}
.ref-tags i.ic-tag-seo {background-position:-114px -30px;}
.ref-tags i.ic-tag-ui {background-position:-152px -30px;}

.reference-list li a .shape4 {position: absolute;width: 24px;left: 0;top: 0;height: 24px;}

.reference-list li a:hover .shape4 {opacity:0;}
.reference-list li a:hover, .reference-list li a:hover h3 {color:#ffffff;}
.reference-list li a:hover .ref-list-table {opacity: 0.9;}
.reference-list li a:hover .ref-list-content {display:table-cell;vertical-align: middle;}
.reference-list li a:hover .ref-list-logo, .reference-list li a:hover span {display:inline-block;}

.pagination-block {text-align:center;}

/****************************************************************************
    16- Reference Detail
****************************************************************************/
#referencedetail {
    padding-top: 0;
}
.reference-detail {}
.reference-box {border:1px solid #dcdfe8;padding:20px;}
.reference-images {text-align:center;}
.reference-images .reference-image {margin-bottom:20px;}
.reference-images .reference-image:last-child {margin-bottom:0;}
.reference-detail p {line-height:24px;}
.reference-detail .work-tags {margin-top:30px;text-align: left;}
.reference-detail-fixed {position:fixed;z-index:500;top:100px;}
.list-arrow li {padding:4px 0;}
.list-arrow li a {color:#999;}
.list-arrow li a i {font-size: 12px;margin-right: 5px;color: #aaa;}
.reference-detail .list-arrow li h2 {color:#999;font-size:14px;font-family:"rlr";}


/****************************************************************************
    16- References
****************************************************************************/


 
/****************************************************************************
    11- Old browser
****************************************************************************/
.ie8 .lifeciycle-list LI.p6 .lifeciycle-wrapper {background:none;}
.ie8 .ic-heart {background: url(../img/ic-heart.png) no-repeat;}
.ie8 .sub-title {margin-top:100px;}
.no-video .bg-video {display:none;}
.no-video .header-overlay {background: url(../img/bg-home-header.jpg) no-repeat center top;min-height:300px;}
.ff .home-cup-smoke {left:100px;}

/*-----------------------------------------------------------------------------------*/
/*	12: MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
/****************************************************************************
(800 X 600) + (768 X 1024)
****************************************************************************/
@media only screen and (min-width: 960px) and (max-width: 1200px) {
    .heading-pager li.p1 {left: 11.2%;}
    .heading-pager li.p2 {left: 26.8%;}
    .heading-pager li.p4 {left: 71%;}
    .heading-pager li.p5 {left: 86.5%;}
    .grid-team .team-item {/* width: 315px; */}
    #footer-bottom h3 {width:100%;}
    .links ul li a span {font-size:12px;}
    .work-block .bxslider li {overflow:hidden;}
    .links ul li a {font-size:16px;}
    .reference-list li a .ref-list-content {width:50%;}
    .bottom-form .btn {margin-right:10px;}
    .bottom-form .btn-reset{margin-right:0;}
    #referencedetail .pg-prev {left:10px;}
    #referencedetail .pg-next {right:10px;}
	#seolist .service-list p, .service-list p {height:120px;}
}

/****************************************************************************
(768)
****************************************************************************/
@media only screen and ( min-width: 768px ) and ( max-width: 959px ) {
    .header .social-icons {margin-left:20px;}
    .nav > li > a {margin-left:5px;margin-right:5px;}
    .header-wrapper {bottom:35%;}
    .home-service-list li {width:33.3%;}
    .work-block .bxslider li {overflow:hidden;}
    .grid-team .team-item {/* width: 237px; */}
    .features-block .features-content, .costumer-feedback-block .feedback-content {margin-top:10px;}
    #projectlifeciycle {display:none;}
    .activities, .seo-video-small {margin-top:30px;}
    .work-block .bx-wrapper .bx-controls-direction a.bx-prev {left:10px;}
    .work-block .bx-wrapper .bx-controls-direction a.bx-next {right:10px;}
    .work-block .work-detail-col {padding-top:50px;}
    .work-detail-col p {font-size:16px;line-height:24px;}
    .links ul li a {font-size:16px;}
    .services-list li h2 {height:60px;vertical-align: bottom;text-align:center;}
    .services-list li ul li a {font-size:14px;}
    .reference-list li a .ref-list-content {width:100%;}
    #ournews .ournews-image img {max-width:100%;}
    .form-message {padding-top:20px;}
    .form-buttons {text-align: left;}
    .header-references {height:400px;}
    .reference-detail-block {width: 720px;}
    .reference-detail-image .reference-bg-image {position:relative;}
	#about h4 {font-size:32px;}
	.work-tags a:not(:first-child) {margin-left:10px;}
}

/****************************************************************************
(600 X 800)
****************************************************************************/
@media only screen and (max-width: 767px) {
    .header .social-icons {margin-top:5px;}
     nav ul.nav-main, .nav > li { float:none; }
     .header {position: fixed;z-index: 150;}
     nav ul.nav-main {width:100%;position:absolute;left:0;background-color:rgba(54,23,36,0.95);margin-top:40px;padding:10px 0;}
     .nav > li {padding-left:15px;padding-right:15px;position:relative;}
     .nav>li>a {font-size:16px;padding:15px 0;font-family: 'rlm';text-align: center;border-color: rgba(255,255,255,0.3);}
     .nav>li:last-child>a {border-width:0;}
     .nav>li.home>a {text-indent:inherit;width:auto;height:auto;background-image:none;}
     .header-fixed .nav>li>a, .header-page .nav>li>a {color:#fff;}
     .header-fixed .nav>li>a:hover, .header-page .nav>li>a:hover{color:#ff4488;}
     .header-wrapper h1, .header-wrapper h2, .header-wrapper .header-title {font-size:36px;}
	 #about h4 {font-size:32px;}
     .header-wrapper {top: 7%;}
     .work-detail-col p, .services-list li ul li a {font-size:14px;}
     .work-block .bxslider li {overflow:hidden;}
     .work-tags, .costumer-feedback, .activities, .seo-video-small, #contact_form {margin-top:30px;}
     .work-tags a {margin-bottom: 5px;}
	 .work-tags a:not(:first-child) {margin-left:10px;}
     .work-block .work-detail-col {padding-top:50px;}
     .work-detail-col p {font-size:14px;}
     .costumer-feedback {border-left:0;}
    .tabletnarrow .home-cup, #projectlifeciycle {display:none;}
     .work-block .bx-wrapper .bx-controls-direction a.bx-prev {left:10px;}
    .work-block .bx-wrapper .bx-controls-direction a.bx-next {right:10px;}
    .footer-contact {text-align:center;}
    .page-breadcrumb img {max-width:100%;}
    .services-list h2, .page-breadcrumb-block h4 {font-size:20px;}
    #seo-videos, #seofeatures {padding-top:0px;}
    .reference-list li, .team-wrapper li {width:50%;}
    .reference-list li a .ref-list-content {width:100%;}
    .bottom-form .form-control {margin-bottom:10px;}
    .bottom-form .btn {margin-bottom:15px;}
    .home-services .text-right {text-align:left;}
    .home-services .home-services-box, .reference-detail-image{padding:20px 0;}
    #ournews .ournews-row {padding:15px;}
    .header-references {height:400px;}
    .reference-detail-block {width: 100%;}
    .reference-detail-image .reference-bg-image {position:relative;}
    #referencedetail .page {top:135px;}
    .reference-images {padding:45px;}
    .reference-info {margin-bottom:30px;padding-bottom:40px;border-bottom:1px solid #ddd;}
    .news-list p {overflow:auto;max-height:none;}
	#seolist .service-list p, .service-list p {height:inherit;}
    
}

@media all and (max-width: 640px) {
    #breadcrumb_block, .smartwide .home-cup, .smartnarrow .home-cup, .obj-header, .work-block .work-detail-col {display:none;}
    .header-wrapper {top: 15%;}
    .ic-mouse-scroll {background-image:none;padding-top: 0;} 
    .header-home {height: 300px;}
	.header-wrapper h1, .header-wrapper h2, #homeSlider .header-title   {font-size:32px;}
	.work-block .work-image-col, .work-block .work-detail-col {float:inherit;width:100%;}
	#work {/* padding:20px 0; */}
    #work h4 {position:inherit;}
}

/****************************************************************************
{320 X 480} + (480 X 320)
****************************************************************************/
@media only screen and (max-width: 480px) {
    .sub-title {font-size:16px;margin-top: 40px;}
    .header-wrapper h1, .header-wrapper h2, #homeSlider .header-title  {font-size:24px;margin: 5px 0 10px;line-height:24px;}
    .header .social-icons {margin-left:20px;}
    nav {margin-top:15px;}
    .header-wrapper {background-image:none;}
    .header-slider ul li a img {max-width:100%;}
    .work-tags, .costumer-feedback, .seo-video-small {margin-top:30px;}
    .smartwide .home-cup, .smartnarrow .home-cup, #projectlifeciycle, #footer-bottom .links{display:none;}
    .footer-contact, #work h3, #features h3, .seo-video-small {text-align:center;}
    #about h4 {font-size:28px;}

    .work-block .bx-wrapper .bx-controls-direction a.bx-prev {left:10px;}
    .work-block .bx-wrapper .bx-controls-direction a.bx-next {right:10px;}
     .work-block .bxslider li {overflow:hidden;}
     nav ul.nav-main, .nav > li { float:none; }
     .header {position: fixed;z-index: 150;}
     nav ul.nav-main {width:100%;position:absolute;left:0;background-color:rgba(54,23,36,0.95);margin-top:40px;padding:10px 0;}
     .nav > li {padding-left:15px;padding-right:15px;position:relative;}
     .nav>li>a {font-size:16px;padding:15px 0;font-family: 'rlm';text-align: center;}
     .nav>li.home>a {text-indent:inherit;width:auto;height:auto;background-image:none;}
     .nav>li:last-child>a {border-width:0;}
     .header-fixed .nav>li>a:hover, .header-page .nav>li>a:hover{color:#ff4488;}
     #about {padding-top:30px;}
     .services-list > li {width:100%;}
     .services-list li ul li a {font-size:14px;}
     h1 {font-size:26px;}
     .services-list li .services-image, .services-list li .services-content {border-width: 1px 1px 0 1px;border-color: #efeff5;border-style:solid; }
     .services-list li.p4 .services-content, .services-list li.p5 .services-content {border-bottom-width:0;}
     #servicesformtitle, #seo-videos, #seofeatures, #seoform {padding-top:20px;padding-bottom:20px;}
     .seo-features-list li {width:50%;}
     .reference-list li {width:50%;}
     .reference-list li a .ref-list-content {width:100%;}
     .bottom-form .form-control {margin-bottom:10px;}
    .bottom-form .btn {margin-bottom:15px;}
    .header-slider ul li a {display:block;padding:0 10px;}
     .header-bottom-slider {height:auto;padding-top:20px;padding-bottom:20px;}
     .smartwide .header {position:absolute;}
     .page-scroll {right:20px;bottom:30px;}
     .work-content {padding:15px 0;}
     .costumer-feedback .bx-wrapper .bx-pager, .costumer-feedback .bx-wrapper .bx-controls-auto {text-align:center;}
     .reference-list li a h3, .reference-list li a:hover h3 {font-size:15px;}
     #ournews h3 {font-size:18px;}
     #team {padding-bottom:20px;}
     .heading-content {height:40px;}
     .header-home {height:240px;overflow:hidden;}
     .header-slider  {padding-top:0;}
     .header-bottom {height:100px;}
	 #page_title_block {width:100%;}
}

@media all and (max-width: 360px) {
    .home-service-list li, .seo-features-list li{ width:100%; }
    .header-slider-bottom, .home-cup, .header .social-icons, #footer-bottom {display:none;}
    .features-block .col-xs-5,  .features-block .col-xs-7, .feedback-container .col-xs-3, .feedback-container .col-xs-9 {clear:both;width:100%;float:inherit;}
    .feedback-content, .features-content {margin-top:10px;}
    .bottom-form .btn {padding:10px 20px;font-size:16px;}
    .seo-references-list li a {display:block;}
    .reference-list li .ref-list-wrapper {border:0;}
    .reference-list {display:block;}
    .reference-list li a .ref-list-content {width:100%;}
    .reference-box .work-tags {margin-left:0;}
    .header-wrapper h1, .header-wrapper h2, #homeSlider .header-title {font-size:32px;line-height:42px;}
    .heading-content {height:120px;}
    .header-overlay, .header-home {height:400px;}
    .work-block .row {margin-left:0;margin-right:0;}
    .grid-team .team-position {font-size:12px;}
    .header-home {height:300px;}
}
.desktop{display:none;}