/* backgrounds */
.background-asfalt { background: url(../img/bg-asfalt.png) #000}
.background-brick { background: url(../img/bg-brick.png) #000}
.background-burried { background: url(../img/bg-burried.png) #000}
.background-carbon { background: url(../img/bg-carbon.png) #000}
.background-cloth { background: url(../img/bg-cloth.png) #000}
.background-darkdenim3 { background: url(../img/bg-darkdenim3.png) #000}
.background-denim { background: url(../img/bg-denim.png) #000}
.background-dirty { background: url(../img/bg-dirty.png) #000}
.background-dotted { background: url(../img/bg-dotted.png) #000}
.background-dvsup { background: url(../img/bg-dvsup.png) #000}
.background-fabric { background: url(../img/bg-fabric.png) #000}
.background-hexabunp { background: url(../img/bg-hexabunp.png) #000}
.background-icongrpip { background: url(../img/bg-icongrpip.png) #000}
.background-illusion { background: url(../img/bg-illusion.png) #000}
.background-linen { background: url(../img/bg-linen.png) #000}
.background-mamba { background: url(../img/bg-mamba.png) #000}
.background-matter { background: url(../img/bg-matter.png) #000}
.background-metal { background: url(../img/bg-metal.png) #000}
.background-nami { background: url(../img/bg-nami.png) #000}
.background-navy { background: url(../img/bg-navy.png) #000}
.background-noisy { background: url(../img/bg-noisy.png) #000}
.background-office { background: url(../img/bg-office.png) #000}
.background-outlets { background: url(../img/bg-outlets.png) #000}
.background-rebel { background: url(../img/bg-rebel.png) #000}
.background-skewed { background: url(../img/bg-skewed.png) #000}
.background-suit { background: url(../img/bg-suit.png) #000}
.background-tasky { background: url(../img/bg-tasky.png) #000}
.background-tire { background: url(../img/bg-tire.png) #000}
.background-tr24 { background: url(../img/bg-tr24.png) #000}
.background-twill { background: url(../img/bg-twill.png) #000}
.background-txture { background: url(../img/bg-txture.png) #000}
.background-wall { background: url(../img/bg-wall.png) #000}
.background-tile { background: url(../img/bg-tile.png) #000}

/* common */
::selection { background: #555; color: #fff; text-shadow: none}
::-moz-selection { background: #555; color: #fff; text-shadow: none}
body { background: url(../img/background.png) #eee}
.container { max-width: 960px}
em { font-style: normal}
a, em { color: #f44336}
a:hover { color: #cc5500; text-decoration: underline}
a.thumbnail { display: inline-block; position: relative; border-color: #999 !important}
.thumbnail-zoom { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/thumbnail-zoom.png) center center no-repeat #000}
hr { border: 0; height: 10px; background: url(../img/stripes.png)}

/* headings */
h1 { display: block; height: 75px; margin: 60px 0 20px 0;font-weight: 300; font-size: 42px; line-height: 44px; text-shadow: #fff 1px 1px 0; color: #333; background: url(../img/heading-frame.png) center center no-repeat}
h1 .left, h1 .image, h1 .right { display: block; text-align: center}
h1 .left, h1 .right { margin-top: 15px;font-size: 30px;font-weight: 500}
h1 .left { width: 430px; float: left;font-size: 30px;font-weight: 500}
h1 .image { width: 100px; height: 75px; float: left; background-position: center top; background-repeat: no-repeat}
h1 .right { width: 430px; float: right}
h1 .image.about-me { background-image: url(../img/heading-about-me.png)}
h1 .image.skills { background-image: url(../img/heading-skills.png)}
h1 .image.projects { background-image: url(../img/heading-projects.png)}
h1 .image.contacts { background-image: url(../img/heading-contacts.png)}
h2, h3, h4, h5, h6 {color: #777; text-shadow: #fff 1px 1px 0; margin: 20px 0 18px 0}
h2.alt, h3.alt, h4.alt, h5.alt, h6.alt { color: #333}
h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none !important; display: inline-block; margin-bottom: -1px}
h2 { font-weight: 300; font-size: 35px; line-height: 27px; margin: 19px 0 14px 0; font-weight: 400;}
h3 { font-weight: 300; font-size: 27px; line-height: 22px; margin: 18px 0 16px 0}
h4 { font-weight: 400; font-size: 21px; line-height: 18px; margin: 18px 0 17px 0}
h5 { font-weight: 400; font-size: 18px; line-height: 15px; margin: 19px 0 18px 0}
h6 { font-weight: 400; font-size: 14px; line-height: 12px}

/* scroll to top */
.scroll-to-top { display: block; display: none; position: fixed; bottom: 16px; right: 16px}
.scroll-to-top .box { display: block; padding: 10px; background: #000}
.scroll-to-top .icon { display: block}

/* header */
header { text-align: center; margin-bottom: 20px}
header .logo { margin: 20px auto;}
header.fixed { margin-bottom: 120px}
header.fixed nav { background: inherit; width: 100%; position: fixed; top: 0; z-index: 9999}

/* main navigation */
.navigation { width: 580px; height: 100px; font-size: 0; margin: 0px auto}
.navigation li { display: block; float: left; width: 100px; height: 100px}
.navigation li.separator { width: 20px; height: 100px; background: url(../img/nav-separator.png) center center no-repeat}
.navigation a { display: block; width: 100px; height: 100px; text-decoration: none; background: url(../img/nav-background.png) 0 100px no-repeat}
.navigation .image { display: block; width: 100px; height: 60px; background-position: center 10px; background-repeat: repeat-y}
.navigation .image.about-me { background-image: url(../img/nav-about-me.png)}
.navigation .image.skills { background-image: url(../img/nav-skills.png)}
.navigation .image.projects { background-image: url(../img/nav-projects.png)}
.navigation .image.resume { background-image: url(../img/nav-resume.png)}
.navigation .image.contacts { background-image: url(../img/nav-contacts.png)}
.navigation .title { display: block; width: 100px; height: 21px; margin-top: 10px;font-size: 14px; line-height: 20px; color: #a6a6a6; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0; background: url(../img/nav-title.png) center center no-repeat}
.navigation .active a, .navigation a:hover { background-position: 0 0}
.navigation .active .image, .navigation a:hover .image { background-position: center -55px}
.navigation .active .title, .navigation a:hover .title { margin-top: 0; color: #fff}

/* featured */
.featured { width: 303px; height: 224px; background: url(../img/featured-curly.png) right center no-repeat}
.featured h3 { margin: 16px 0 16px 0}
.featured .thumbnail img { width: 238px; height: 134px}

/* trambuleco */
.block{overflow: hidden;position: relative;padding: 2em;}
.block .inside {margin: auto;max-width: 70em;}
.block .inside .about {display: block;float: right;min-height: 30px;margin-left: 20px;width: 47%;color: #333;}
.block .inside .about h2,.block .inside .about h3,.block .inside .about p,.conten .slideizq h2{text-shadow: #fff 1px 1px 0;color:#777;}
.block .inside .imag {display: block;float: left;width: 47%;}
.block .inside .imag img{width: 90%;}

/* slogan */
.slogan { margin-top: 21px}

/* gallery */
.gallery { width: 100%; overflow: hidden}
.gallery > ul { margin: 0; list-style: none; width: 9280px}
.gallery > ul > li { width: 176px; height: 104px; display: block; float: left; margin-right: 20px}
.gallery .info { overflow: auto}
.gallery .info h3 { margin-top: 0}
.gallery .thumbnail { width: 166px; height: 94px}
.gallery.open > ul > li { width: 960px; height: 276px}
.gallery.open .thumbnail { width: 470px; height: 266px}
.gallery .info { float: left; width: 0; height: 100%; overflow: auto}
.gallery .thumbnail { float: left}
.gallery-nav a { background: #000; border: 0; width: 34px; height: 20px; padding: 5px 0; margin-top: 1px; float: left; z-index: 9000}
.gallery-nav a.minimize.collapsed { width: 0; height: 20px; overflow: hidden}
.gallery-nav a .icon { margin: 2px 0 0 10px}
.gallery.open .info { width: 460px; margin-left: 20px}
.gallery.open .thumbnail-zoom { background-image: url(../img/thumbnail-unzoom.png)}

/* skills */
.skill { padding: 3px 5px 3px 3px; margin-bottom: 20px; background: url(../img/stripes.png)}
.skill .wrapper { width: 0%; border: #ccc 1px solid}
.skill .wrapper .tech { white-space: nowrap; display: block; color: #999; text-shadow: #fff 1px 1px 0; font-size: 13px; line-height: 20px; height: 20px; padding: 0 5px; text-decoration: none; border: #fff 1px solid; text-align: right; background-image: url(../img/skill-bar.png); background-color: #f3f3f3; cursor: default}
.skill .wrapper .tech:hover { color: #fff; text-shadow: #000 1px 1px 0; background-color: #555}

/* about me */
.code-head { height: 431px; background: url(../img/code-head.png) center center no-repeat}

/* work experience */
.work-experience { position: relative; border-bottom: rgba(0, 0, 0, 0.1) 4px solid}
.work-experience .lines { position: absolute; top: 0; left: 0}
.work-experience .lines .line { width: 0; position: absolute; top: 0; left: 0; border-right: rgba(0, 0, 0, 0.1) 1px solid}
.work-experience .dots { position: absolute; bottom: -7px; left: -4px}
.work-experience .dots .dot { width: 10px; height: 10px; position: absolute; bottom: 0; left: 0; background: url(../img/work-circle.png) no-repeat; cursor: pointer}
.work-experience .layer { position: relative; height: 53px}
.work-experience .layer .work { position: absolute; top: 0; left: 0; height: 40px; padding-top: 5px; text-align: center; background: url(../img/work-left.png) left bottom no-repeat, url(../img/work-right.png) right bottom no-repeat, url(../img/work-background.png) center bottom repeat-x}
ul.work { margin: 0; list-style: none; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid}
ul.work li { display: inline-block; background: url(../img/work-arrow.png) right 0 no-repeat; padding-right: 46px; margin-right: 20px; margin-bottom: 10px}
ul.work li:last-child { padding-right: 0; background: transparent}
ul.work li h4 { margin: 17px 0 12px 0}

/* icon groups */
.group-icon { list-style: none; margin: 0}
.group-icon li { margin-top: 15px}
.group-icon li:first-child { margin-top: 0}
.group-icon img { height: 40px; float: left; margin-right: 10px}
.group-icon strong { color: #999; display: block}

/* monochrome */
.monochrome { margin: 0; list-style: none}
.monochrome li { float: left; height: 40px; overflow: hidden}
.monochrome li a img { margin-top: -40px}
.monochrome li a:hover img { margin-top: 0}

.textfield, .textarea { width: 310px}

/* forms */
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input { margin: 0; background: #f8f8f8; border: 0; padding: 5px 7px}
textarea { resize: none}
.border-stripes { display: inline-block; padding: 5px; background: url(../img/stripes.png)}
.button { background: #000; border: 0; color: #fff; line-height: 40px; padding: 0 15px}
.button:active { color: #888}

/* footer */
footer { margin-top: 20px; padding: 20px 0; color: #888; text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 0}
footer .container { background: url(../img/footer-ornament.png) center center no-repeat}
footer ul { margin: 0; list-style: none; margin-top: -2px}
footer ul li:first-child { line-height: 30px; border-right: #555 1px solid; padding-right: 10px}
footer ul li { float: left; height: 30px; margin-left: 10px}

@media (min-width: 980px){
.container { width: 960px}
}
@media (min-width: 768px) and (max-width: 979px){
.featured { background: transparent}
.slogan { margin-top: 43px}
h1 .left, h1 .right { width: 312px; font-size: 32px}
.gallery > ul > li { margin-right: 6px}
.gallery.open > ul > li { width: 724px; height: 214px}
.gallery.open .thumbnail { width: 361px; height: 204px}
.gallery.open .info { width: 333px}
}
@media (max-width: 767px){
body { padding: 0}
footer .container { background: transparent; margin: 0 20px}
.featured { background: transparent; text-align: center}
.slogan { margin: -5px 0 0 0; width: 92%}
h1 .left, h1 .right { width: 40%; font-size: 22px}
h1 .image { width: 20%}
.gallery > ul > li { margin-right: 5px}
.gallery.open > ul > li { width: 320px; height: 550px}
.gallery.open .thumbnail { width: 310px; height: 176px; margin-bottom: 20px}
.gallery.open .info { float: none; width: 320px; height: 344px; margin-left: 0}
.scroll-to-top { display: none !important}
}
@media (max-width: 580px){
.navigation { width: 500px}
.navigation li.separator { display: none}
header.fixed { margin-bottom: 20px}
header.fixed nav { position: relative}
}
@media (max-width: 500px){
header { height: 215px}
.navigation { width: 300px}
.navigation .active a, .navigation a:hover { background-position: 0 11px}
.navigation li.separator { display: none}
.navigation li:nth-child(7) { margin-left: 50px}
}
@media (max-width: 300px){
header { height: 300px}
header .logo { display: none}
.navigation { width: 200px}
.navigation .active a, .navigation a:hover { background-position: 0 11px}
.navigation li.separator { display: none}
.navigation li:nth-child(7) { margin-left: 0}
.navigation li:nth-child(9) { margin-left: 50px}
}
/* Landscape phones and down */
@media (max-width: 480px){
    footer .pull-left, footer .pull-right { float: none; height: 30px}
    footer ul li:first-child { margin-left: 0}
    h1 .left, h1 .right { font-size: 14px; line-height: 20px}
}

/* functions - transitions */
.navigation a,.navigation .title,.scroll-to-top .box,.gallery-nav a,.gallery-nav a.minimize .icon,.button,.work-experience .dots .dot,footer ul li a,.monochrome li a img {-webkit-transition-duration: 0.35s;-moz-transition-duration: 0.35s;-o-transition-duration: 0.35s;-ms-transition-duration: 0.35s;transition-duration: 0.35s;}
.navigation .image {-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-ms-transition-duration: 0.5s;transition-duration: 0.5s;}
.thumbnail-zoom,.gallery,.gallery > ul > li,.gallery > ul,.gallery .info,.gallery .thumbnail,.skill .wrapper .tech {-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration: 1s;-ms-transition-duration: 1s;transition-duration: 1s;}
.skill .wrapper {-webkit-transition-duration: 3s;-moz-transition-duration: 3s;-o-transition-duration: 3s;-ms-transition-duration: 3s;transition-duration: 3s;}
/* common */
.scroll-to-top .box,.button {-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;-webkit-opacity: 0.65;-moz-opacity: 0.65;-o-opacity: 0.65;-ms-opacity: 0.65;opacity: 0.65;}
.scroll-to-top:hover .box,.button:hover,.button:active {-webkit-opacity: 1;-moz-opacity: 1;-o-opacity: 1;-ms-opacity: 1;opacity: 1;}
/* thumbnails */
a.thumbnail,a.thumbnail:hover {-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;-ms-box-shadow: none;box-shadow: none;}
.thumbnail {-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;-ms-border-radius: 20px;border-radius: 20px;}
.thumbnail-zoom {-webkit-border-radius: 18px;-moz-border-radius: 18px;-o-border-radius: 18px;-ms-border-radius: 18px;border-radius: 18px;}
.thumbnail img {-webkit-border-radius: 16px;-moz-border-radius: 16px;-o-border-radius: 16px;-ms-border-radius: 16px;border-radius: 16px;}
.thumbnail-zoom {-webkit-opacity: 0;-moz-opacity: 0;-o-opacity: 0;-ms-opacity: 0;opacity: 0;}
.thumbnail:hover > .thumbnail-zoom {-webkit-opacity: 0.5;-moz-opacity: 0.5;-o-opacity: 0.5;-ms-opacity: 0.5;opacity: 0.5;}
/* gallery */
.gallery-nav a {-webkit-opacity: 0.65;-moz-opacity: 0.65;-o-opacity: 0.65;-ms-opacity: 0.65;opacity: 0.65;}
.gallery-nav a:hover {-webkit-opacity: 1;-moz-opacity: 1;-o-opacity: 1;-ms-opacity: 1;opacity: 1;}
.gallery-nav a.inactive {-webkit-opacity: 0.25;-moz-opacity: 0.25;-o-opacity: 0.25;-ms-opacity: 0.25;opacity: 0.25;}
.gallery-nav a.prev {-webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;-o-border-radius: 5px 0 0 5px;-ms-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 5px;}
.gallery-nav a.next {-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;-o-border-radius: 0 5px 5px 0;-ms-border-radius: 0 5px 5px 0;border-radius: 0 5px 5px 0;}
/*.gallery-nav a.minimize.collapsed .icon { .opacity(0)}*/
.gallery .info {-webkit-opacity: 0;-moz-opacity: 0;-o-opacity: 0;-ms-opacity: 0;opacity: 0;}
.gallery.open .active .info {-webkit-opacity: 1;-moz-opacity: 1;-o-opacity: 1;-ms-opacity: 1;opacity: 1;}
/* work experience */
.work-experience .dots .dot {-webkit-opacity: 0.25;-moz-opacity: 0.25;-o-opacity: 0.25;-ms-opacity: 0.25;opacity: 0.25;}
.work-experience .dots .dot:hover {-webkit-opacity: 1;-moz-opacity: 1;-o-opacity: 1;-ms-opacity: 1;opacity: 1;}
/* monochrome */
.monochrome li a img {-webkit-opacity: 0.25;-moz-opacity: 0.25;-o-opacity: 0.25;-ms-opacity: 0.25;opacity: 0.25;}
.monochrome li a:hover img {-webkit-opacity: 1;-moz-opacity: 1;-o-opacity: 1;-ms-opacity: 1;opacity: 1;}
/* forms */
select,select:focus,textarea,textarea:focus,input[type="text"],input[type="text"]:focus,input[type="password"],input[type="password"]:focus,input[type="datetime"],input[type="datetime"]:focus,input[type="datetime-local"],input[type="datetime-local"]:focus,input[type="date"],input[type="date"]:focus,input[type="month"],input[type="month"]:focus,input[type="time"],input[type="time"]:focus,input[type="week"],input[type="week"]:focus,input[type="number"],input[type="number"]:focus,input[type="email"],input[type="email"]:focus,input[type="url"],input[type="url"]:focus,input[type="search"],input[type="search"]:focus,input[type="tel"],input[type="tel"]:focus,input[type="color"],input[type="color"]:focus,.uneditable-input,.uneditable-input:focus {-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;-ms-box-shadow: none;box-shadow: none;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;border-radius: 0;}
/* footer */
footer ul li a {-webkit-opacity: 0.35;-moz-opacity: 0.35;-o-opacity: 0.35;-ms-opacity: 0.35;opacity: 0.35;}
footer ul li a:hover {-webkit-opacity: 1;-moz-opacity: 1;-o-opacity: 1;-ms-opacity: 1;opacity: 1;}

/* bloque Naranja */
.block{overflow: hidden;position: relative;padding: 0 2em;}
.fonnar {background:#fed136;color:#232323;}
.fonbla {background: #fff;}
.h50 {height:50px;}
.block .inside {margin: auto;max-width: 70em;}
.block .inside H2 {color: #fff;text-shadow: none;}
.block .inside .about {display: block;float: right;min-height: 30px;margin-left: 20px;width: 47%;color: #333;}
.block .inside .about h2,.block .inside .about h3,.block .inside .about p,.conten .slideizq h2{text-shadow: #fff 1px 1px 0;color:#777;}
.block .inside .imag {display: block;float: left;width: 47%;}
.block .inside .imag img{width: 90%;}
.slide {position: relative;overflow: hidden;padding: 0 2em;}
.conten {position: relative;margin: auto;max-width: 70em;}
.conten .slideder {float: right;width: 47%;}
.conten .slideizq {float: left;width: 47%;}
.conten .slideder .slideimg{padding-bottom: 127.50455%;position: relative;overflow: hidden;height: 0;}
.conten .slideder .slideimg img{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: auto;}
.conten .slideizq .heading {font-size: 3em;letter-spacing: -0.05em;line-height: 1.1;margin: 0 0 0.4em 0;font-weight: normal;}

/* about */
.timeline {padding: 3% 0;}
.timeline .wrap{margin: 0 auto;max-width: 70em;min-height:660px;}
.timeline h3{color: #222222;font-size: 2.5em;font-weight: 700;text-align: center;}
.timeline p.a{font-size: 1.2em;padding: 0.5em 0;color:#777777;line-height: 1.5em;font-style: italic;text-align:center;margin-bottom: 6%;}
.about-time-line{padding: 0;list-style: none;position: relative;width: 60%;margin: 4em auto 13em;}
.about-time-line li{display: inline;min-height: 230px;}
.about-time-line:before {content: '';position: absolute;top: 0;bottom: 0;width:3px;background: #F1F1F1;left: 51%;margin-left: -10px;}
.about-time-line > li:nth-child(odd) .cbp_tmtime span:last-child {color: #6cbfee;}
.about-time-line > li .cbp_tmtime span:last-child {font-size: 2.9em;color: #3594cb;}
.about-time-line > li .cbp_tmtime span {display: block;text-align: right;}
.about-time-line > li .cbp_tmicon,.cbp_tmicon1,.cbp_tmicon2,.cbp_tmicon3,.cbp_tmicon4,.cbp_tmicon5,.cbp_tmicon6,.cbp_tmicon7,.cbp_tmicon8{width: 170px;height: 170px;speak: none;font-size: 1.4em;line-height: 40px;position: absolute;color: #fff;border-radius: 50%;box-shadow: 0 0 0 8px #F1F1F1;-webkit-box-shadow: 0 0 0 8px #F1F1F1;-moz-box-shadow: 0 0 0 8px #F1F1F1;-o-box-shadow: 0 0 0 8px #F1F1F1;text-align: center;left: 41%;top: 0;margin: 0 0 0 -25px;display:block;}
.cbp_tmicon1{left: 41%;top: 13%;}
.cbp_tmicon2{left: 41%;top: 26%;}
.cbp_tmicon3{left: 41%;top: 38%;}
.cbp_tmicon4{left: 41%;top: 51%;}
.cbp_tmicon5{left: 41%;top: 63%;}
.cbp_tmicon6{left: 41%;top: 76%;}
.cbp_tmicon7{left: 41%;top: 88%;}
.cbp_tmicon8{left: 41%;top: 100%;}
.img1{background:url(../img/time-line-img.jpg) no-repeat;background-size: 100% 100%;}
.img2{background:url(../img/time-line-img1.jpg) no-repeat;background-size: 100% 100%;}
.img3{background:url(../img/time-line-img2.jpg) no-repeat;background-size: 100% 100%;}
.img4{background:url(../img/time-line-img3.jpg) no-repeat;background-size: 100% 100%;}
.img5{background:url(../img/time-line-img4.jpg) no-repeat;background-size: 100% 100%;}
.img6{background:url(../img/time-line-img5.jpg) no-repeat;background-size: 100% 100%;}
.img7{background:url(../img/time-line-img6.jpg) no-repeat;background-size: 100% 100%;}
.img8{background:url(../img/time-line-img7.jpg) no-repeat;background-size: 100% 100%;}
.img9{background:url(../img/time-line-img9.png) no-repeat #FED136;background-size: 100% 100%;}
.about-time-line > li .cbp_tmlabel {margin: 0 0 0 -20%;color: #fff;padding: 0;font-size: 1.2em;font-weight: 300;line-height: 1.4;position: relative;border-radius: 5px;width: 50%;text-align: right;min-height: 230px;}
.about-time-line > li .cbp_tmlabel1 {margin: 0 0 0 74%;text-align: left;}
.about-time-line > li:nth-child(odd) .cbp_tmlabel:after {border-right-color: #6cbfee;}
.cbp_tmlabel h2{color: #222222;font-weight: 600;font-size: 0.93em;margin:0px;}
.cbp_tmlabel p{color: #777777;line-height: 1.6em;font-size: 0.72em;margin-top: 0.8em;font-style: normal;}
.clear {clear: both;}
@media (max-width: 600px){
.slide {padding: 0;}
.slide .conten .slideizq,.slide .conten .slideder,.block .inside .imag,.block .inside .about {width: 99%;}
.container h2 {font-size: 28px;}
.conten .slideizq .heading {font-size: 2em;}
.about-time-line {width: 94%;margin: 10px;}
.about-time-line > li .cbp_tmicon, .cbp_tmicon1, .cbp_tmicon2, .cbp_tmicon3, .cbp_tmicon4, .cbp_tmicon5, .cbp_tmicon6, .cbp_tmicon7, .cbp_tmicon8 {width: 77px;height: 77px;left: 80%;}
.about-time-line > li .cbp_tmlabel {margin: 0 0 0 1%;width: 64%;}
.about-time-line:before {left: 85%;}
.about-time-line > li .cbp_tmlabel1 {text-align: right;}
.jcarousel h3 {top: 8.9em!important;}
.jcarousel-control-prev, .jcarousel-control-next {top: 35%!important;}
form h4 {text-align: left;padding-left: 16px;}
.group-icon img {height: 30px;}
ul.group-icon{margin-bottom: 50px;}
ul.group-icon li {text-align: left;}
}