/* Author: Pixar Themes Author URI: http://www.pixarwpthemes.com/ */ /**************************************************************************** Table of Content *************************************************************************** 1- Css Reset 2- Basic Style 3- Header 4- Home One 5- Home Two 6- Home Three 7- Home Four 8- Home Five 9- Home Six 10- Home Seven 11- Home Eight 12- Feature 13- Title bar 14- About 15- Blog 16- Single 17- Contact 18- Sidebar 19- Clients 20- Button 21- Portfolio 22- Portfolio Detail 23- Portfolio Detail Two 24- Footer 25- Isotope CSS3 transitions 26- Carousel 27- Ie8 28- Ie9 29- Ie10 30- Ie11 */ /**************************************************************************** 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- BASIC STYLES ****************************************************************************/ body { background: #fff; color: #000; font: 14px Arial, Helvetica, sans-serif; } a { color: #00e; text-decoration: none; } a:focus { outline: none; } a:hover, a:active { outline: 0; } h1, h2, h3, h4, h5, h6 { font: 20px 'Ubuntu', arial, 'sans-serif'; color: #000; } h1 { font-size: 30px; } 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: 12px; } h5 a { color: #000; } h6 { font-size: 16px; } h6 a { color: #000; } ul {} ul li {} ul li a {} ol {} ol li {} ol li a {} p {font: 14px 'Lato', 'sans-serif'; color: #5a5c5e; line-height: 26px;} p strong { font-weight: bold; } p em { font-style: italic; } blockquote {} blockquote p {} ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .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;} /**************************************************************************** 3- Header ****************************************************************************/ header {padding-top: 20px; height: 200px;} .logo { display: inline-block;} .nav {display: inline-block; margin-bottom: -15px;} .nav > li {position: relative; float: left; background: url("../images/border.png") no-repeat; background-position: right 42%; padding-right: 1px;} .nav li a {background-color:#fff; color:#000; position: relative; z-index: 9999; display: block; padding: 30px 30px 50px; font: 16px 'Arimo', arial, 'sans-serif';; color: #20272f; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .nav li a:hover {background-color:#ed5565; color: #ffffff;} .nav li > span {width: 100%; height: 100%; background: #ed5565; display: none; position: absolute; top: 0px; left: 0px;} .nav li > a.active { background-color: #ed5565; color: #ffffff;} .nav li:last-child { background: none;} .nav li ul {width: 170px; display: none; position: absolute; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} .nav li ul li a {padding: 10px 10px 10px;} .nav li:hover > ul {display:block;} .nav li ul li {position:relative;} .nav li ul li ul {right:-170px; top:0px;} .social_btn {display: inline-block; vertical-align: 27px;} .social_btn a{width: 56px; height: 53px; float: left; margin-left: 8px;} .social_btn a.bag { background: url("../images/bag.png") no-repeat;} .social_btn a.serch { background: url("../images/serch.png") no-repeat;} .fullwidthbanner-container { width:100%; overflow:hidden;} .fullwidthbanner-container .fullwidthbanner { overflow: hidden; } .ie9 .fullwidthbanner-container { position:relative; } .firefox .fullwidthbanner-container .fullwidthbanner img, .ie11 .fullwidthbanner-container .fullwidthbanner img, .ie10 .fullwidthbanner-container .fullwidthbanner img, .fullwidthbanner-container .fullwidthbanner img{ position: static !important; } .firefox .inner_work { position:relative;} .firefox .jcarousel-container { width:100%; overflow:hidden; position: static !important;} .firefox .caption.black-b3 a {display:none;} /**************************************************************************** 4- Home One ****************************************************************************/ .tp-bullets.simplebullets {z-index: 9999; bottom: 25% !important; left: 70% !important;} .tp-bullets.simplebullets .bullet{ cursor:pointer; display: inline-block;background: url("../rs-plugin/assets/bollet.png") no-repeat bottom; margin-left: 7px; width:56px; height:11px;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {background: url("../rs-plugin/assets/bollet_hover.png") no-repeat;} .our_tasks {margin-bottom: 100px;} .our_tasks .task.one h3 {background: url("../images/task.png") no-repeat 98% 17%;} .our_tasks .task.two h3 {background: url("../images/task2.png") no-repeat 98% 17%;} .our_tasks .task.three h3 {background: url("../images/task3.png") no-repeat 98% 17%;} .our_tasks .task {background: #f9f9f9; padding: 15px 20px 30px; margin-bottom: 40px;} .our_tasks .task h3 {font:600 24px 'lato', arial, sans-serif; color: #000000; padding: 15px 0px 30px;} .our_tasks .task p {font:300 16px 'lato', arial, sans-serif; color: #555555; line-height: 23px;margin-bottom: 15px;} .our_tasks .task a {font:300 15px 'lato', arial, sans-serif; color: #000;} .our_work {background: url("../images/bg/work_bg.jpg") no-repeat; background-size: cover; margin-top: -68px; margin-bottom: 40px;} .inner_work { background:rgba(249,249,249,.9); padding: 40px 0;} .our_work p{text-align: center; margin-bottom: 40px; font: 14px 'lato', arial, sans-serif; color: #1f1f1f; } .our_work p a { color: #4b90b7;} .tabs_wrap .top {border-bottom: 2px solid #e8e8e8; padding-bottom: 30px; margin-bottom: 50px;} .tabs_wrap .nav-tabs { text-align: center; border-bottom: 0px; margin-bottom: 0px;} .tabs_wrap .nav-tabs > li > span { width: 32px; height: 32px; display: inline-block; margin-right: 8px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .tabs_wrap .nav-tabs > li > .one {background: url("../images/brief2.png") no-repeat left center; background-position: 0 0;} .tabs_wrap .nav-tabs > li > .two {background: url("../images/metr.png") no-repeat left center; background-position: 0 0;} .tabs_wrap .nav-tabs > li > .three {background: url("../images/metr2.png") no-repeat left center; background-position: 0 0;} .tabs_wrap .nav-tabs > li > .four {background: url("../images/metr3.png") no-repeat left center; background-position: 0 0;} .tabs_wrap .nav-tabs > .active > span, .tabs_wrap .nav-tabs > li:hover > span { background-position: 0 -35px; } .tabs_wrap .nav-tabs > li > a {font:14px 'lato', arial, sans-serif; display: inline-block; margin: 0px; margin-left:-4px; border:0px !important; border-radius: 0px; padding: 8px 14px; color: #565656; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .tabs_wrap .nav-tabs > li > a strong { padding-left: 15px; display: block; background: url("../images/small_border.png") no-repeat left center;} .tabs_wrap .nav-tabs > li > a small {display: block; font: 14px 'lato', arial, sans-serf; color: #565656; margin-bottom: 2px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .tabs_wrap .nav-tabs > li > a span {display: block; font:100 14px 'lato', arial, sans-serf; color: #777777; margin-bottom: 2px;} .tabs_wrap .nav-tabs > .active > a small, .tabs_wrap .nav-tabs > li:hover small { color: #ed5565; } .tabs_wrap .tab_post figure img { width:100%;} .tabs_wrap .tab_post figure { width: 98px; border: 1px solid #c2c2c2; float: left; margin-right: 30px; } .tabs_wrap .tab_post figure a{ margin: 0 auto; padding: 7px 7px 6px; display: inline-block;} .tabs_wrap .tab-content .detail { padding: 0px 15px; border-right: 1px solid #c9c9c9;} .tabs_wrap .tab-content .detail h4 a{font:700 14px 'lato', arial, sans-serif; color: #414141; display:inline-block; margin-bottom: 18px;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .tabs_wrap .tab-content .detail p {font: 14px 'lato', arial, sans-serif; color: #474747; line-height: 18px; margin-bottom: 18px;} .tabs_wrap .tab-content .detail a {font:100 15.41px 'lato', arial, sans-serif; color: #474747;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .tabs_wrap .tab-content .tab_post {padding-bottom: 25px; border-bottom: 1px solid #c9c9c9; margin-bottom: 25px;} .tabs_wrap .tab-content .tab_post:last-child {border-bottom: 0px;} .tabs_wrap .tab-pane {border-bottom: 1px solid #dbdbdb; margin-bottom: 100px;} .tabs_wrap .tab-content .detail a:hover, .tabs_wrap .tab-content .detail h4 a:hover {color: #ed5565;} .slider_one, .slider_two, .slider_three, .slider_four{ height: 170px;} .slider_one div, .slider_two div, .slider_three div, .slider_four div{ height: 170px;} .tab_slider .pager_one, .tab_slider .pager_two, .tab_slider .pager_three, .tab_slider .pager_four { text-align: center; margin-top: 20px; margin-bottom: 20px; } .tab_slider .pager_one a, .tab_slider .pager_two a, .tab_slider .pager_three a, .tab_slider .pager_four a{width: 11px; height: 11px; text-indent: -99999px; margin: 0px 3px; border: 1px solid #a1a1a1; display: inline-block; } .tab_slider .pager_one a.activeSlide, .tab_slider .pager_two a.activeSlide, .tab_slider .pager_three a.activeSlide, .tab_slider .pager_four a.activeSlide {background: #ed5565; border-color: #000000;} .tab_slider .pager_one a:hover, .tab_slider .pager_two a:hover, .tab_slider .pager_three a:hover, .tab_slider .pager_four a:hover {background: #ed5565; border-color: #000000;} .tab_slider .slider_detail { text-align: center; margin-bottom: 15px;} .tab_slider .slider_detail h4 {font: 700 'lato', arial, sans-serif; color: #616161; margin-bottom: 7px;} .tab_slider .slider_detail span {font: 200 'lato', arial, sans-serif; color: #474747;} .tab_twitter { background: #ed5565; padding: 20px 20px 25px; text-align: center; position: relative; margin-bottom: 30px;} .tab_twitter p {font: 400 'lato', arial, sans-serif; color: #fff; line-height: 23px; margin-bottom: 15px; background: url("../images/wihte_twet.png") no-repeat top center; padding-top: 40px;} .tab_twitter small {font: 400 'lato', arial, sans-serif; color: #cfd4e5;} .tab_twitter span {width: 41px; height: 41px; display: inline-block; position: absolute; bottom: -16px; left: 50%; margin-left: -15px; background: url("../images/twt_arrow.png") no-repeat;} .services_section {background: #585d60; padding: 100px 0px; margin-bottom: 100px;} .services_section ul {margin-bottom: 55px;} .services_section ul > li strong { padding-left: 15px; display: inline-block; vertical-align: top;} .services_section ul > li small {display: block; font: 700 14px 'lato', arial, sans-serf; color: #fff; margin-bottom: 5px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .services_section ul > li strong span {display: block; font:100 15px 'lato', arial, sans-serf; color: #fff; margin-bottom: 2px;} .services_section ul > li > span { width: 70px; height: 70px; display: inline-block; margin-right: 8px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .services_section ul > li > .one {background: url("../images/pin.png") no-repeat left center; } .services_section ul > li > .two {background: url("../images/key.png") no-repeat left center;} .services_section ul > li > .three {background: url("../images/volume.png") no-repeat left center;} .services_section ul > li > .four {background: url("../images/volume.png") no-repeat left center;} .services_wrap .service { position: relative; text-align: center;} .services_wrap .service figure { margin-bottom: 20px; cursor: pointer; } .services_wrap .service .bg { width: 100%; height: 270px; position: absolute; top: 0px; left: 0px; background: url("../images/service_bg.png") no-repeat; z-index: 9999;} .services_wrap .service .overlay { display: none; width: 100%; height: 270px; line-height: 270px; position: absolute; top: 0px; left: 0px; background: #ed5565;z-index: 999;} .services_wrap .service .overlay a {width: 21px; position: relative; z-index: 9999999999; height: 21px; display:inline-block; text-align: center; background: url("../images/btn_arow.png") no-repeat;} .services_wrap .service h5 {color: #ffffff; font: bold 14px 'lato', arial, sans-serif; margin-bottom: 2px;} .services_wrap .service span {color: #ffffff; font: 100 14px 'lato', arial, sans-serif; margin-bottom: 20px; display: block;} .services_wrap .service .btn { background: #585d60; border: 1px solid #ffffff; padding: 7px 24px; margin: 0px;} .services_wrap .service .btn:hover {background: #ed5565; border: 1px solid #ed5565;} .about_detail_section h3 {color: #3d3d3d; font: bold 20px 'lato', arial, sans-serif; margin-bottom: 10px;} .about_detail_section span {color: #3d3d3d; font: 200 20px 'lato', arial, sans-serif;margin-bottom: 30px; display: block;} .about_detail_section h6 {color: #ed5565; font: 700 15px 'open sans', arial, sans-serif;margin-bottom: 30px;} .about_detail_section {margin-bottom: 100px;} .about_detail_section img { margin-bottom: 20px; } .about_detail_section p { font-size: 14px; color: #7a7a7a; line-height: 26px; margin-bottom: 30px;} .about_tab {margin-bottom: 70px;} .about_tab ul {float: right; border-bottom: 0px;} .about_tab ul li {display: block; float: none; margin-bottom: 0px;} .about_tab ul li a span { width: 12px; height: 24px; position: absolute; left: -12px; top: 50%; margin-top: -9px; background: url("../images/tab_arrow.png") no-repeat;} .about_tab ul li a {width: 80px; height: 80px; display: block; border: 1px solid #c2c2c2;position: relative; border-radius: 0px; margin-bottom: 14px;} .about_tab .nav-tabs > .active > a, .about_tab .nav-tabs > .active > a:hover, .about_tab ul li a:hover, .about_tab ul li.active a {border: 1px solid #c2c2c2; border-bottom-color: #c2c2c2;} .about_tab .tab-content {float: left;} .about_tab ul li a.one {background: url("../images/vecter.png") no-repeat center;} .about_tab ul li a.two {background: url("../images/pen.png") no-repeat center;} .about_tab ul li a.three {background: url("../images/edit.png") no-repeat center;} .about_tab ul li a.one:hover, .about_tab ul li.active a.one {background: url("../images/vecter_hover.png") no-repeat center;} .about_tab ul li a.two:hover, .about_tab ul li.active a.two {background: url("../images/pen_hover.png") no-repeat center;} .about_tab ul li a.three:hover, .about_tab ul .activeli a.three {background: url("../images/edit_hover.png") no-repeat center;} .about_tab h5 {font: bold 20px 'lato', arial, sans-serif; color: #3d3d3d; margin-bottom: 4px;} .about_tab span {display:block; font: 300 20px 'lato', arial, sans-serif; color: #3d3d3d; margin-bottom: 14px;} .about_tab strong {display:block; font: bold 15px 'open sans', arial, sans-serif; color: #ed5565; margin-bottom: 50px;} .about_list ul {display: inline-block} .about_list li {color: #3d3d3d; font: bold 16px 'lato', arial, sans-serif; margin-bottom: 30px; padding-left: 40px; cursor: pointer; background: url("../images/tick.png") no-repeat left center;} .about_list li span{color: #3d3d3d; margin-top: 10px; font: 300 16px 'lato', arial, sans-serif; display: block;} .about_list li:hover {color: #ed5565; background: url("../images/red_tick.png") no-repeat left center;} .about_list div {float: right;} .about_list div a { width: 119px; height: 119px; margin-bottom: 15px; display: block;} .about_list div .one {background: url("../images/wait.png") no-repeat;} .about_list div .two {background: url("../images/like.png") no-repeat;} /**************************************************************************** 5- Home Two ****************************************************************************/ .tp-bullets.simplebullets {z-index: 9999; bottom: 25% !important; left: 70% !important;} .tp-bullets.simplebullets .bullet{ cursor:pointer; display: inline-block;background: url("../rs-plugin/assets/bollet.png") no-repeat bottom; margin-left: 7px; width:56px; height:11px;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {background: url("../rs-plugin/assets/bollet_hover.png") no-repeat;} .index_two .our_tasks {margin-bottom: 100px;} .index_two .our_tasks .task.one h3 {background:none;} .index_two .our_tasks .task.two h3 {background: none;} .index_two .our_tasks .task.three h3 {background:none;} .index_two .task figure {cursor:pointer;border: 1px solid #c2c2c2; margin-bottom: 15px; display: inline-block;position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_two .task figure a {width: 40px; height: 35px; padding: 15px; display: inline-block;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_two .task figure span { width: 22px; height: 11px; display: inline-block; position: absolute; bottom: -11px; left: 50%; margin-left: -11px; background: url("../images/task_arrow.png") no-repeat;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_two .task figure:hover {background: #ed5565; border-color: #ed5565;} .index_two .task figure:hover {background: #ed5565; border-color: #ed5565;} .index_two .task figure:hover span{background: url("../images/task_arrow_hover.png") no-repeat center;} .index_two .task.one figure:hover a {background:url("../images/task4_hover.png") no-repeat center;} .index_two .task.two figure:hover a {background:url("../images/task7_hover.png") no-repeat center;} .index_two .task.three figure:hover a {background:url("../images/task5_hover.png") no-repeat center;} .index_two .task.four figure:hover a {background:url("../images/task6_hover.png") no-repeat center;} .index_two .task.one figure a {background:url("../images/task4.png") no-repeat center;} .index_two .task.two figure a {background:url("../images/task7.png") no-repeat center;} .index_two .task.three figure a {background:url("../images/task5.png") no-repeat center;} .index_two .task.four figure a {background:url("../images/task6.png") no-repeat center;} .index_two .our_tasks .task { background: none; padding: 15px 20px 30px; border-left: 1px solid #ced2d6; border-right: 1px solid #ced2d6; text-align: center; margin-bottom: 40px;} .our_tasks .task .border {background: url("../images/heading_arrow2.png") no-repeat center bottom; width: 100%; height: 11px; position: relative; z-index: 9999; bottom: -40px;} .index_two .our_tasks .task h3 {font:700 13px 'ubuntu', arial, sans-serif; color: #5a5c5e; padding: 15px 0px 8px;} .index_two .our_tasks .task p {font:13px 'arimo', arial, sans-serif; color: #5a5c5e; line-height: 23px;margin-bottom: 15px;} .index_two .our_tasks .task a {font:300 15px 'lato', arial, sans-serif; color: #fff;} .index_two .tabs_wrap .top { border: 0px; padding-bottom: 0px;margin-bottom: 50px;} .index_two .tabs_wrap .nav-tabs > li {background: url("../images/heading_arrow2.png") no-repeat center bottom; padding-bottom: 25px;} .index_two .tabs_wrap .nav-tabs > li > div figure a { padding: 20px 25px; width: 41px; height: 41px; display: inline-block; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; background: url("../images/cloud.png") no-repeat center;} .index_two .tabs_wrap .nav-tabs > .active > div figure a, .tabs_wrap .nav-tabs > li:hover > div figure a { border: 0px; } .index_two .tabs_wrap .nav-tabs > .active > div figure, .tabs_wrap .nav-tabs > li:hover > div figure {background: #ed5565; border-color: #ed5565;} .index_two .tabs_wrap .nav-tabs > .active > div figure a, .tabs_wrap .nav-tabs > li:hover > div figure a{background: url("../images/cloud_hover.png") no-repeat center;} .index_two .tabs_wrap .nav-tabs {margin-bottom: 100px;} .index_two .tabs_wrap .nav-tabs > li div > a {font:14px 'lato', arial, sans-serif; display: inline-block; margin: 0px; margin-left:-4px; border:0px !important; border-radius: 0px; padding: 8px 14px; color: #565656; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .index_two .tabs_wrap .nav-tabs > li div > a strong { padding-left: 15px; display: block; background: none; text-align: left;} .index_two .tabs_wrap .nav-tabs > li div > a small, .index_two .tabs_wrap .nav-tabs > li > div a cite {display: block; font: 14px 'lato', arial, sans-serf; color: #565656; margin-bottom: 2px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .index_two .tabs_wrap .nav-tabs > li div > a cite {margin-bottom: 10px;} .index_two .tabs_wrap .nav-tabs > li div > a span { text-decoration:underline; padding: 0px; font:16px 'lato', arial, sans-serif; display: inline-block; margin: 0px; margin-left:-4px; border:0px !important; border-radius: 0px; color: #565656; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .index_two .tabs_wrap .nav-tabs > .active > div a span, .tabs_wrap .nav-tabs > li:hover > div a span {color:#ed5565; } .index_two .tabs_wrap .nav-tabs > li div { border-right: 1px solid #d4d4d4;} .index_two .tabs_wrap .nav-tabs > li div figure { text-align: center; border-radius:50%; cursor:pointer;border: 1px solid #c2c2c2; margin-bottom: 15px; display: inline-block;position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_two .tabs_wrap .nav-tabs > li div figure span { width: 22px; height: 11px; display: inline-block; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; background: url("../images/task_arrow.png") no-repeat;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_two .tabs_wrap .nav-tabs > .active > div figure span, .tabs_wrap .nav-tabs > li:hover > div figure span{background: url("../images/task_arrow_hover.png") no-repeat center ;} .index_two .our_work {height:550px;text-align:left; background: url("../images/bg/work_bg2.jpg") no-repeat; background-size: cover; margin-top: -68px; margin-bottom: 40px;} .index_two .our_work > div {height: 85.5%;} .index_two .our_work > div > div {height: 100%; width: 100% !important;} .index_two .our_work h3 { font:700 23px 'ubuntu', arial, sans-serif; color: #5a5c5e; margin-bottom: 30px;} .index_two .our_work span { background:url("../images/site.png") no-repeat 97% center; border: 1px solid #959595; font:16px 'lato', arial, sans-serif; color: #191919; padding: 9px 80px 9px 25px; display: inline-block; margin-bottom: 30px;} .index_two .tab-content h4, .index_two .tab-content .bottom h4 { margin-top: 15px; font: 700 14px 'lato', arial, sans-serif; color: #4c4c4c; margin-bottom: 5px;} .index_two .tab-content small {font:200 15px 'lato', arial, sans-serif; color: #7a7a7a;} .index_two .tab-content ul { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #c4c4c4;} .index_two .tab-content li {width:47%; float: left; border-right: 1px solid #5c5c5c; margin-right: 30px;} .index_two .tab-content li:last-child {border-right:0px;margin-right: 0px;} .index_two .tab-content li:hover h4 {color: #ed5565;} .index_two .tab-content li figure {margin-top: -26px; margin-right:50px;float: right; text-align: center; cursor:pointer;border: 1px solid #fff; margin-bottom: 15px; display: inline-block;position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_two .tab-content li figure small { width: 24px; height:24px; padding: 10px; display: inline-block; ; background: url("../images/home.png") center no-repeat;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_two .tab-content li figure span { width: 22px; height: 11px; display: inline-block; position: absolute; bottom: -10px; left: 50%; margin-left: -10px;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_two .tab-content li:hover figure small { background: url("../images/home_hover.png") center no-repeat;} .index_two .tab-content li:hover figure {border:1px solid #c2c2c2; background: #ed5565;} .index_two .tab-content li:hover figure span{background: url("../images/task_arrow_hover.png") no-repeat center ; } .index_two .tab-content .bottom {margin-bottom: 40px;} .index_two .tab-content .bottom div { float: left; width: 70%;} .index_two .tab-content .bottom h4 { margin-bottom:20px;} .index_two .tab-content .bottom figure {float: right; margin-top: 26px;float: right; text-align: center; cursor:pointer;border: 1px solid #cdcdcd; margin-bottom: 15px; display: inline-block;position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_two .tab-content .bottom figure small { width: 38px; height:38px; padding: 10px; display: inline-block; ; background: url("../images/home2.png") center no-repeat;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_two .tab-content .bottom figure span { background: url("../images/task_arrow.png") no-repeat center ;width: 22px; height: 11px; display: inline-block; position: absolute; bottom: -10px; left: 50%; margin-left: -10px;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_two .our_work .left {padding: 100px 0px;} .index_two .our_work img { margin-top: 50px;} .index_two .our_work p{text-align: left; margin-bottom:20px; margin-bottom: 50px; } .our_work a.btn { color: #ffffff; margin:0px 10px 0px; } .portfolio_sec {text-align: center; background: #f6f6f6; padding-top: 35px; margin-bottom: 90px;} .portfolio_sec .btn{margin-bottom: 20px; margin-top: -55px;} .portfolio_sec .heading{margin-bottom: 0px;} .portfolio_sec .inner_sec{background: #fff;padding-top: 55px; margin-top: -14px;} .portfolio_sec .portfolio-nav {border: 0px;} .portfolio_sec .portfolio figure {margin-bottom: 13px;} .portfolio_sec .portfolio {width: 19.96%; margin-bottom: 0px;} /**************************************************************************** 6- Home Three ****************************************************************************/ .white-b2, .black-b2 { background: #5a5f62; padding: 0px 70px 0px 15px; text-transform: uppercase; height: 45px; font: 22px 'lato', arial, sans-serif; line-height: 45px; color: #FFFFFF;} .black-b2 {background: #ed5565;} .home_tabs .nav-tabs {border-bottom:1px solid #2b343f; margin-bottom: 0px;} .home_tabs .tab-pane {border-bottom:1px solid #c4c4c4; padding-bottom: 50px; margin-bottom: 100px;} .home_tabs li {display: inline-block; float: none; margin-right: -6px; } .home_tabs li a {color: #44484a; display: inline-block;border:1px solid #2b343f; border-radius: 0px; font: 19px 'lato', arial, sans-serif; padding: 10px 20px; } .home_tabs li.active a { padding: 17px 20px 10px; } .home_tabs h3 {color: #ed5565; font: 700 15px 'open sans', arial, sans-serif;margin-bottom: 30px; margin-top: 64px;} .home_tabs p { font-size: 14px; color: #7a7a7a; line-height: 26px; margin-bottom: 30px;} .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs li a:hover {border:1px solid #2b343f;} .banner_wrap {background: url("../images/bg/banner_bg.jpg") no-repeat; background-size: cover; text-align: center; margin-bottom: 130px;} .banner_wrap .inner_wrap {background: rgba(119,126,122,.8); padding: 140px 0px 100px;} .banner_wrap h4 {margin-bottom:15px;background: #44484a; color: #ffffff; text-transform: uppercase; display: inline-block; padding: 15px 30px; font: 22px 'open sans', arial, sans-serif;} .banner_wrap h5 {margin-bottom: 30px; background: #ed5565; color: #ffffff; text-transform: uppercase; display: inline-block; padding: 15px 30px; font: 22px 'open sans', arial, sans-serif;} .banner_wrap h6 {margin-bottom: 40px; color: #ffffff; font: italic 36px 'lato', arial, sans-serif;background:url("../images/border3.png") no-repeat 52% center; } .banner_wrap span {width: 100%; height: 11px; display: inline-block; background: url("../images/heading_arrow.png") no-repeat center;} .home_accordion {margin-bottom: 100px;} .home_accordion .accordion-group{border: 0px;} .home_accordion .accordion-heading a{-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; background: url("../images/accord_btn_hover.png") no-repeat 97% center; border: 1px solid #b7babd; border-radius: 0px; color: #8e8d8d; padding: 22px 20px; text-transform: uppercase; font: 700 20px 'lato', arial, sans-serif;} .home_accordion .accordion-heading a:hover, .home_accordion .accordion-heading a.open {color: #060000;background: url("../images/accord_btn.png") no-repeat 97% center;} .home_accordion p {color: #7a7a7a; font: 14px 'lato', arial, sans-serif; line-height: 26px; margin-bottom: 15px;} .port_section {text-align: center; margin-bottom: 110px;} .port_section p {margin-bottom: 20px;} .port_section .btn {padding: 9px 25px;} .blog_sec {margin-bottom: 60px;} .blog_sec h5 a{color: #44484a; font: 700 14px 'lato', arial, sans-serif; margin-bottom: 15px;display: block; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .blog_sec p {color: #7a7a7a; font: 14px 'lato', arial, sans-serif; line-height: 22px; margin-bottom: 22px;} .blog_sec .meta p {cursor: pointer; color: #44484a; font: 700 14px 'lato', arial, sans-serif; margin-bottom: 0px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .blog_sec .date {width: 100px; float: left;text-align: center;} .blog_sec .detail {width: 78%; float: right;} .blog_sec .left .post {border-right: 1px solid #838383; padding-right: 30px;} .blog_sec .post {margin-bottom: 80px;} .blog_sec .date span{-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; background: #44484a; font: 700 20px 'lato', arial, sans-serif; color: #ffffff; padding: 14px 0px;display: block; margin-top: -3px;} .blog_sec .date small{font: 700 20px 'lato', arial, sans-serif; color: #bababa;margin-top: 2px; display: block;} .blog_sec h5 a:hover, .blog_sec .meta p:hover {color: #ed5565;} .blog_sec .post:hover .date span {background: #ed5565;} /**************************************************************************** 7- Home Four ****************************************************************************/ .index_four .four_one {font: 700 24px 'raleway', arial, sans-serif; color: #535353;} .index_four .four_two {font: 800 83px 'raleway', arial, sans-serif; color: #3f3f3f;} .index_four .four_three {font: 200 27px 'lato', arial, sans-serif; color: #535353;} .index_four .four_fo {font: 200 16px 'lato', arial, sans-serif; color: #ed5565;} .index_four .butn .btn {background:none;border:1px solid #000; padding: 8px 20px; color: #20272f} .index_four .butn .btn:hover {background:#ed5565;border:1px solid #ed5565;color: #ffffff} .index_four .our_tasks {margin-bottom: 100px;} .index_four .our_tasks .task {margin-bottom: 0px; padding: 0px; background: url("../images/heading_arrow3.png") no-repeat center bottom; background-size: contain; padding-bottom: 30px; margin-bottom: -1px;} .index_four .our_tasks .task.scnd {background: url("../images/heading_arrow2.png") no-repeat 1px top;background-size: contain; padding-top: 30px;} .index_four .our_tasks .task h3 { background-repeat: no-repeat; background-position: 0 6px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; color: #000000; margin-bottom: 8px; padding: 1px 0px 1px 30px; cursor: pointer; } .index_four .our_tasks .task h3:hover {color: #e75768;} .index_four .our_tasks .task.one h3 {background-image: url("../images/tsk6.png");} .index_four .our_tasks .task.two h3 {background-image: url("../images/tsk5.png");} .index_four .our_tasks .task.three h3 {background-image: url("../images/tsk7.png");} .index_four .our_tasks .task.four h3 {background-image: url("../images/tsk8.png");} .index_four .our_tasks .task.five h3 {background-image: url("../images/tsk1.png");} .index_four .our_tasks .task.six h3 {background-image: url("../images/tsk4.png");} .index_four .our_tasks .task.seven h3 {background-image: url("../images/tsk3.png");} .index_four .our_tasks .task.eight h3 {background-image: url("../images/tsk2.png");} .index_four .our_tasks .task.one:hover h3 { background-position: 0 -48px;} .index_four .our_tasks .task.two:hover h3 { background-position: 0 -48px;} .index_four .our_tasks .task.three:hover h3 { background-position: 0 -48px;} .index_four .our_tasks .task.four:hover h3 { background-position: 0 -43px;} .index_four .our_tasks .task.five:hover h3 {background-position: 0 -48px;} .index_four .our_tasks .task.six:hover h3 { background-position: 0 -48px;} .index_four .our_tasks .task.seven:hover h3 {background-position: 0 -48px;} .index_four .our_tasks .task.eight:hover h3 {background-position: 0 -48px;} .index_four .about_detail li { display: inline-block; width: 45%; margin-right: 10px;} .index_four .about_detail li:last-child { display: inline-block; width: 45%; margin-right: 0px;} .index_four .about_detail .bottom {background: #ffffff; height: 60px; margin-top: -70px; margin-bottom: 60px;} .index_four .about_detail {background: #f7f8f8; padding-top: 80px;} .index_four .about_detail ul {border-bottom: 1px solid #dbdbdb; padding-bottom: 20px;; margin-bottom: 30px;} .index_four .about_detail li h4 {color: #4c4c4c; font: 400 15px 'lato', arial, sans-serif;} .index_four .about_detail li span {color: #7a7a7a; font: 200 15px 'lato', arial, sans-serif;} .index_four .about_detail li figure {margin-top: -9px; margin-right:24px;float: left; text-align: center; cursor:pointer;border: 1px solid #bfc0c0; margin-bottom: 15px; display: inline-block;position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_four .about_detail li figure a { width: 24px; height:24px; padding: 10px; display: inline-block; ; background: url("../images/home.png") center no-repeat;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_four .about_detail li figure small {background: url("../images/task_arrow2.png") no-repeat center ; width: 16px; height: 11px; background-size: contain; display: inline-block; position: absolute; bottom: -9px; left: 50%; margin-left: -8px;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_four .about_detail li:hover figure a {background: url("../images/home_hover.png") center no-repeat;} .index_four .about_detail li:hover figure {border:1px solid #c2c2c2; background: #ed5565;} .index_four .about_detail li:hover figure small{ background: url("../images/task_arrow_hover.png") no-repeat center ;background-size: contain; } .index_four .about_detail .btn { padding: 8px 20px; margin-right: 10px;} .skills_two {background: #66696b; padding: 74px 0px 0px;} .skills_two img { margin-top: -110px;} .skills_two .bottom {background: #ffffff; height: 60px; margin-top: -55px; margin-bottom: 60px;} .skills_two ul .left { display: inline-block; float: left; width: 90%; text-align: center;} .skills_two ul .bg {text-align: left;float: right; height: 129px; width: 14px;background: #cdcdcd; border-radius: 20px; border-bottom: 0px; position: relative; margin-bottom: 40px; padding: 0px;} .skills_two ul li .skill_bar { margin-top: -28px; display: inline-block; width: 32%;} .skills_two ul li span { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;font: 700 24px 'ubuntu', arial, sans-serif; color: #cdcdcd; display: block; margin-bottom: 20px; } .skills_two ul li h3 { display: inline-block; font:800 30px 'open sans', arial, sans-serif;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; color: #cdcdcd; margin-top: 30px; margin-left: 10px; } .skills_two ul li .bg div { width: 100%; background: #ed5565; border-radius: 20px;display: inline-block; line-height: 32px; } .skills_two ul li .skill_bar:hover h3, .skills_two ul li .skill_bar:hover span{ color: #ed5565;} .testi_slider {margin-bottom: 110px;} .testi_slider .slides figure {width: 125px; text-align: center; float: left; position: relative;} .testi_slider .slides figure a{ margin-bottom:20px; display: inline-block; width: 100%;} .testi_slider .slides figure img { width: 100%; display: block; } .testi_slider .slides figure cite {font: 700 20px 'arimo', arial, sans-serif; color: #000000; display: block;} .testi_slider .slides figure small{font: 16px 'arimo', arial, sans-serif; color: #e64c65;} .testi_slider .slides figure span { width: 36px; height: 18px; background: url("../images/test_arrow.png") center bottom no-repeat; display: inline-block; } .testi_slider .slides .detail {background: #e9e9e9; padding: 25px 20px; float: right; width: 83%; position: relative} .testi_slider .slides .detail h6 {font: 700 15px 'open sans', arial, sans-serif; color: #000000; margin-bottom: 10px; } .testi_slider .slides .detail span { position: absolute; width: 38px; height: 38px; background: url("../images/test_arrow2.png") no-repeat; top: 40%; left: -10px;} .testi_slider .pager_tst {text-align: center;position:relative;bottom:30px;} .testi_slider .pager_tst a{ text-align: center; width: 11px; height: 11px; text-indent: -99999px; margin: 0px 3px; border: 1px solid #a1a1a1; display: inline-block; } .testi_slider .pager_tst a.activeSlide {background: #ed5565; border-color: #000000;} .testi_slider .pager_tst a a:hover {background: #ed5565; border-color: #000000;} /**************************************************************************** 8- Home Five ****************************************************************************/ .index_five .white-b2, .index_five .black-b2 {text-align: center; height: 50px; padding: 0px 40px 0px 40px;} .five_three {color: #44484a; font: italic 36px 'lato', arial, sans-serif;background:url("../images/border3.png") no-repeat 52% center; } .five_fp span {width: 270px; height: 11px; display: inline-block; background: url("../images/heading_arrow2.png") no-repeat center;} .index_five .our_tasks {margin-bottom: 100px;} .index_five .our_tasks .task {background: url("../images/heading_arrow2.png") center top no-repeat; text-align: center; padding-top: 30px;} .index_five .our_tasks .task h3 { font-size:16px;color:#5a5f62;padding-bottom: 15px; } .index_five .our_tasks .task.one h3 {background:none;} .index_five .our_tasks .task.two h3 {background: none;} .index_five .our_tasks .task.three h3 {background:none;} .index_five .task figure { border-radius:50%; cursor:pointer;border: 1px solid #c2c2c2; margin-bottom: 15px; display: inline-block;position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_five .task figure a {width: 40px; height: 35px; padding: 30px; display: inline-block;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_five .task figure span { width: 22px; height: 11px; display: inline-block; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; background: url("../images/task_arrow.png") no-repeat;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_five .task figure:hover {background: #ed5565; border-color: #ed5565;} .index_five .task figure:hover {background: #ed5565; border-color: #ed5565;} .index_five .task figure:hover span{background: url("../images/task_arrow_hover.png") no-repeat center;} .index_five .task.one figure:hover a {background:url("../images/task4_hover.png") no-repeat center;} .index_five .task.two figure:hover a {background:url("../images/task7_hover.png") no-repeat center;} .index_five .task.three figure:hover a {background:url("../images/task5_hover.png") no-repeat center;} .index_five .task.four figure:hover a {background:url("../images/task6_hover.png") no-repeat center;} .index_five .task.one figure a {background:url("../images/task4.png") no-repeat center;} .index_five .task.two figure a {background:url("../images/task7.png") no-repeat center;} .index_five .task.three figure a {background:url("../images/task5.png") no-repeat center;} .index_five .task.four figure a {background:url("../images/task6.png") no-repeat center;} .index_five .top{height: 175px; background: #f4f4f4; } .index_five .bottom{height: 140px; background: #ffffff;margin-top: -90px; } .port_section .overlay {display: none;} .index_five .port_section .portfolio { width: 25%;float: left;} .index_five .port_section .overlay{ background: #ffffff; text-align: left; padding: 20px; width: 87%; height: 87%;} .index_five .port_section .overlay h3 {margin-top: 40px;} .index_five .port_section .overlay h3 a{ width: auto; height: auto; display: block; font: 700 13px 'ubuntu', arial, sans-serif; color: #5a5c5e; margin: 0px 0px 20px; position: static;} .index_five .port_section .overlay .btn{ width: auto; height: auto; display: inline-block; background: #ed5565;margin: 0px 0px 10px; position: static;} .index_five .port_section .overlay p {color: #7a7a7a; font: 14px 'lato', arial, sans-serif; line-height: 26px;} .index_five .port_slider .container { margin-top: -125px; } .index_five .port_slider { background:#c0cbcb; border-bottom: 1px solid #b2b2b2;} .index_five .port_slider .slides {width: 100%;} /**************************************************************************** 9- Home Six ****************************************************************************/ .six_on a, .six_tw a, .six_th a, .six_fo a, .six_fv a { display: block; background: url("../images/slide_arrow2.png") no-repeat; width: 88px; height: 96px; line-height:115px; text-align: center; border-radius: 50%; position: relative;} .six_on a span, .six_tw a span, .six_th a span, .six_fo a span, .six_fv a span{ width: 41px; height: 40px; display: inline-block; } .six_s { font: 800 92px 'Raleway', arial, sans-serif; color: #ffffff;} .six_s small{ color: #ed5565;} .six_se {font: 200 92px 'Raleway', arial, sans-serif; color: #ffffff;} .six_on a:hover, .six_tw a:hover, .six_th a:hover, .six_fo a:hover, .six_fv a:hover { background: url("../images/bg_hover.png") no-repeat; } .six_on a span {background: url("../images/s_one.png") no-repeat center;} .six_tw a span {background: url("../images/s_2.png") no-repeat center;} .six_th a span {background: url("../images/s_3.png") no-repeat center;} .six_fo a span {background: url("../images/s_4.png") no-repeat center;} .six_fv a span {background: url("../images/s_5.png") no-repeat center;} .index_six .our_tasks {margin-bottom: 100px;} .index_six .our_tasks .task {background: none; text-align: center;} .index_six .our_tasks .task.one h3 {background:none;} .index_six .our_tasks .task.two h3 {background: none;} .index_six .our_tasks .task.three h3 {background:none;} .index_six .task figure {cursor:pointer; margin-bottom: 15px; display: inline-block;position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_six .task figure a {width: 40px; height: 35px; display: inline-block;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .index_six .task:hover h3 {color: #ed5565; } .index_six .task.one:hover figure a {background:url("../images/task4_2_hover.png") no-repeat center;} .index_six .task.two:hover figure a {background:url("../images/task7_2_hover.png") no-repeat center;} .index_six .task.three:hover figure a {background:url("../images/task5_2_hover.png") no-repeat center;} .index_six .task.four:hover figure a {background:url("../images/task6_2_hover.png") no-repeat center;} .index_six .task.one figure a {background:url("../images/task4.png") no-repeat center;} .index_six .task.two figure a {background:url("../images/task7.png") no-repeat center;} .index_six .task.three figure a {background:url("../images/task5.png") no-repeat center;} .index_six .task.four figure a {background:url("../images/task6.png") no-repeat center;} .index_six .port_section .portfolio{width: 25%; height: auto; float: left; margin-bottom: 0px; min-height: 293px;} .index_six .port_section .portfolio figure {margin-bottom: -4px;} .table_wrap { background: url("../images/bg/price_bg.jpg") no-repeat; background-size: cover; margin-bottom: 100px;} .table_wrap .inner_table { background:rgba(204,215,221,.8); padding: 40px 0;} .table_wrap .table .detail span {-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: 64px; height: 64px; display: block; position: absolute;top: -34px; background: url("../images/table_cat.png") no-repeat; left: 50%; margin-left: -34px; background-position: 0 0;} .table_wrap .table:hover .detail span {background-position: 0 -64px;} .table_wrap .table .detail {background: #ffffff; padding: 40px 25px 25px; position: relative;} .table_wrap .table h3 {font: 400 18px 'lato', arial, sans-serif; color: #4b4b4b; margin-bottom: 10px;} .table_wrap .table p {line-height: 16px; color: #9fa4a4;} .table_wrap .table .meta {background: #f1f2f2; padding: 15px 20px; border-top: 1px solid #e6e6e6;} .table_wrap .table .meta a {-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;display: inline-block;font: 13px 'lato', arial, sans-serif; color: #9fa4a4; padding-left: 30px;} .table_wrap .table .meta a.comnt {background: url("../images/comnt.png") no-repeat center left;background-position: 0 0;} .table_wrap .table .meta a.like {float: right; background: url("../images/like2.png") no-repeat center left; background-position: 0 0;} .table_wrap .table .meta a.comnt:hover { background-position: 0 -18px;} .table_wrap .table .meta a.like:hover { background-position: 0 -21px;} .table_slider .top { text-align: center;} .table_slider .top { background: #d4dfe5; padding: 50px 0px; margin-bottom: 15px;} .table_slider .top h3{ font:700 23px 'ubuntu', arial, sans-serif; color: #5a5c5e; margin-bottom: 8px;} .table_slider .top p{ color: #1f1f1f; } .table_slider .slider {width: 100%; margin-bottom: 200px;} .table_slider .slides { margin-top: 130px; width: 100%;} .table_slider .pager_tab {text-align: center;} .table_slider .pager_tab a{ text-align: center; width: 11px; height: 11px; text-indent: -99999px; margin: 0px 3px; border: 1px solid #a1a1a1; display: inline-block; } .table_slider .pager_tab a.activeSlide {background: #ed5565; border-color: #000000;} .table_slider .pager_tab a a:hover {background: #ed5565; border-color: #000000;} .table_slider .tab.last {border: 1px solid #f0f1f0;} .table_slider .tab { width: 24.8%; float: left; margin-bottom: 30px; text-align: center; border: 1px solid #f0f1f0; border-right: 0px;} .table_slider .tab .frst, .table_slider .tab .center { border-bottom: 1px solid #f0f1f0;; padding: 25px 0px;} .table_slider .tab .frst h3 { text-transform: uppercase; color: #616f70; font:400 27px 'lato', arial, sans-serif; margin-bottom: 8px;} .table_slider .tab .frst span{ color: #616f70; font:400 34px 'lato', arial, sans-serif;} .table_slider .tab .frst span small{ color: #a0a2a2; font:400 12px 'lato', arial, sans-serif;} .table_slider .tab .center h4{ margin-bottom: 5px; text-transform: uppercase; color: #a0a2a2; font:600 15px 'open sans', arial, sans-serif;} .table_slider .tab .center p{ color: #bcbcbc; font: 12px 'open sans', arial, sans-serif; margin-bottom: 30px;} .table_slider .tab .center .tck { width: 31px; height: 31px; display: inline-block; margin-bottom: 10px; background: url("../images/tick2.png") no-repeat;} .table_slider .tab.secnd .center .tck { background: url("../images/tick3.png") no-repeat;} .table_slider .tab .center span{ color: #44484a; font:400 37px 'lato', arial, sans-serif;} .table_slider .tab .center span small{ color: #44484a; font:400 15px 'lato', arial, sans-serif;} .table_slider .tab .center strong{ color: #a0a2a2; font:400 20px 'lato', arial, sans-serif; text-transform: uppercase;} .table_slider .tab .bottom { padding: 25px 0px;} .table_slider .tab .bottom .btn{ padding: 8px 25px; text-transform: uppercase;} .table_slider .tab.secnd { background: #44484a; margin-top: -20px;} .table_slider .tab.secnd .center { padding: 30px 0px; border: 0px;} .table_slider .tab.secnd .bottom { padding: 40px 0px; } .table_slider .tab.secnd .bottom .btn{background: #ffffff; color: #979797;} .table_slider .tab.secnd .frst h3, .table_slider .tab.secnd .frst span, .table_slider .tab.secnd .frst span small, .table_slider .tab.secnd .center h4, .table_slider .tab.secnd .center p{color: #ffffff;} .table_slider .tab.secnd .center span, .table_slider .tab.secnd .center span small, .table_slider .tab.secnd .center strong{color: #ffffff;} .index_six .port_section .portfolio { width: 25%;float: left;} .index_six .port_section .overlay{ background: #ffffff; text-align: left; padding: 20px; width: 87%; height: 87%;} .index_six .port_section .overlay h3 {margin-top: 40px;} .index_six .port_section .overlay h3 a{ width: auto; height: auto; display: block; font: 700 13px 'ubuntu', arial, sans-serif; color: #5a5c5e; margin: 0px 0px 20px; position: static;} .index_six .port_section .overlay .btn{ width: auto; height: auto; display: inline-block; background: #ed5565;margin: 0px 0px 10px; position: static;} .index_six .port_section .overlay p {color: #7a7a7a; font: 14px 'lato', arial, sans-serif; line-height: 26px;} /**************************************************************************** 10- Home Seven ****************************************************************************/ .seven_on {font: 700 30px 'lato', arial, sans-serif;background: #ed5565; height:60px; line-height: 60px; padding: 0 150px 0 30px; } .seven_on span { background: url("../images/bag2.png") no-repeat; width: 36px; height: 42px; margin-top: 10px; position: absolute; margin-left: 20px; display: inline-block; } .seven_on small { background: url("../images/slide_arrow.png") no-repeat; width: 33px; height: 33px; position: absolute; left: -15px; top: 50%; margin-top: -18px;} .seven_tw{font: 700 117px 'lato', arial, sans-serif; color: #ffffff;} .index_seven .fullwidthbanner-container {margin-bottom: 0px;} .price_bar_wrap {background: #5085a1; padding: 20px 0px 0px; text-align: center; margin-bottom: 120px;} .price_bar_wrap span {width: 36px; height: 42px; display: inline-block; background: url("../images/bag2.png") no-repeat; margin-bottom: 15px;} .price_bar_wrap .price {background: url("../images/heading_arrow.png") no-repeat top center; padding-top: 22px; margin-bottom: 20px;} .price_bar_wrap .price p{ color: #ffffff; font: 700 39px 'lato', arial, sans-serif;} .inner_price {background: #eff1f3; padding: 25px 0;} .inner_price h5 {color: #5a5f62; margin-bottom: 3px; font: 700 20px 'arial', arial, sans-serif;} .inner_price small {color: #5a5f62;font:200 15px 'arial', arial, sans-serif;} .portfolio .detail {border: 1px solid #e2e2e2; border-top: 0px; padding: 20px;} .portfolio .detail h3 { font: 16px 'lato', arial, sans-serif; color: #5a5f62; cursor: pointer; margin-bottom: 10px; } .portfolio .detail p { font: 13px 'lato', arial, sans-serif; color: #9fa4a4; margin-bottom: 20px; } .index_seven .portfolio figure {margin-bottom: -3px;} .portfolio .detail span { font: 26px 'lato', arial, sans-serif; color: #5a5f62; cursor: pointer; margin-bottom: 20px; display: block;} .portfolio .detail .btn{padding: 8px 26px;} .portfolio .detail h3:hover {color: #ed5565;} .portfolio .detail span:hover {color: #ed5565;} .basket_bars .basket {position:relative;height: 90px; line-height: 90px; background: #f0f0f0;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .basket_bars figure img {height: 100%; width: 100%;} .basket_bars figure{width: 145px; float: left; height: 90px; margin-right: 20px;} .basket_bars h5 { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;display: inline-block; font:18px 'lato', arial, sans-serif; color: #404040; } .basket_bars .meta { display: inline-block; float: right; margin-right: 90px;} .basket_bars .meta small{ font:18px 'lato', arial, sans-serif; color: #6d6d6d; margin-right: 10px;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .basket_bars .meta strong{-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; font:700 28px 'lato', arial, sans-serif; color: #6d6d6d; vertical-align:-3px; margin-left: 10px; } .basket_bars .close {opacity:1;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;background: url("../images/close.png") no-repeat; display: inline-block; position: absolute; width: 30px; height: 30px; top:50%; right: 30px; margin-top: -15px;} .basket_bars .basket:hover {background: #5a5f62;} .basket_bars .basket:hover .close {opacity:1;background: url("../images/close_hover.png") no-repeat;} .basket_bars .basket:hover h5, .basket_bars .basket:hover .meta small, .basket_bars .basket:hover .meta strong, .basket_bars .basket:hover .meta { color: #ffffff; } .basket_bars .bottom{margin-bottom: 100px;border-bottom: 1px solid #c4c4c4; } .basket_bars .bottom .btn {padding: 9px 25px; margin-top: 12px;vertical-align: top;} .basket_bars .bottom {padding: 20px 0px;} .basket_bars .bottom h4{color: #4b4b4b; font:700 20px 'lato', arial, sans-serif;float:left;margin-top: 5px; } .basket_bars .bottom h4 span{display:block;color: #666666; font:100 15px 'lato', arial, sans-serif; margin-top: 4px; } .basket_bars .bottom .meta {display: inline-block;margin-right: 35px;float:none;margin-top: 12px;} .basket_bars .bottom .meta small {font:18px 'lato', arial, sans-serif; color: #6d6d6d; margin-right: 10px;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .basket_bars .bottom .meta strong {-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; font:700 28px 'lato', arial, sans-serif; color: #6d6d6d; vertical-align:-3px; margin-left: 10px; } .basket_bars .bottom .left{float: left;} .basket_bars .bottom .right{float: right;} .basket_bars .bottom .scart { margin-right: 25px; float: left; background: #5a5f62 url(../images/bag3.png) center center no-repeat; display: inline-block; width: 73px; height: 60px; position: relative; } .basket_bars .bottom .scart span { color: #fff; background: #ed5565; width: 22px; height: 22px; display: inline-block; position: absolute; bottom: 5px; right: 5px; border-radius: 50%; text-align: center; font: 400 12px/22px 'lato'; } /**************************************************************************** 11- Home Eight ****************************************************************************/ .index_eight .caption.white-b1 { font: 800 30px 'lato', arial, sans-serif;} .index_eight .caption.black-b1 {font: 700 117px 'lato', arial, sans-serif;} /**************************************************************************** 12- Feature ****************************************************************************/ .feature h6 {font: 700 16px 'open sans', arial, sans-serif;} .feature .btn {padding: 9px 20px; margin: 0px 10px 90px;} .feature .skills {background: none; text-align: left;} .feature .skills ul .bg {margin-bottom: 2px; height: 13px;} .feature .skills span {font: 700 15px 'open sans', arial, sans-serif; color: #44484a; margin-bottom: 15px;float: left;} .feature .skills h3 {font: 600 15px 'open sans', arial, sans-serif; color: #44484a; margin-bottom: 15px; float: right;} .feature .list ul {border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; padding-left: 4px; } .feature .list ul li {display: block;} .feature .list ul li a {-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;color: #7e8c8d; display: block; font: 16px 'open sans', arial, sans-serif; padding-top: 15px; padding-left: 75px; padding-bottom: 15px; border-bottom: 1px solid #dcdcdc; } .feature .list ul li a:hover {color: #ed5565;} .feature .list ul li a.one { background: url("../images/feature1.png") no-repeat 19px center;} .feature .list ul li a.two { background: url("../images/feature5.png") no-repeat 19px center;} .feature .list ul li a.three { background: url("../images/feature4.png") no-repeat 19px center;} .feature .list ul li a.four { background: url("../images/feature8.png") no-repeat 19px center;} .feature .list ul li a.five { background: url("../images/feature10.png") no-repeat 19px center;} .feature .list ul li a.six { background: url("../images/feature11.png") no-repeat 19px center;} .feature .list ul li a.seven { background: url("../images/feature2.png") no-repeat 19px center;} .feature .list ul li a.eight { background: url("../images/feature3.png") no-repeat 19px center;} .feature .list ul li a.nine { background: url("../images/feature6.png") no-repeat 19px center;} .feature .list ul li a.ten { background: url("../images/feature9.png") no-repeat 19px center;} .feature .list ul li a.eleven { background: url("../images/feature6.png") no-repeat 19px center;} /**************************************************************************** 13- Title bar ****************************************************************************/ .title_bar { background: #ededed; border-top: 1px solid #c2c2c2; margin-bottom: 55px;} .title_bar h2 {font:700 23px 'Ubuntu', arial, 'sans-serif'; text-transform: uppercase; line-height: 124px; color: #5a5c5e;} .title_bar ul { text-align: right;} .title_bar ul li { display: inline-block; font: 14px 'Ubuntu', arial, 'sans-serif'; color: #ed5565; line-height: 124px;} .title_bar ul li a { font: 14px 'Ubuntu', arial, 'sans-serif'; color: #5a5c5e;} /**************************************************************************** 14- About ****************************************************************************/ .about_detail {margin-bottom: 55px;} .about_detail h3 { color: #5a5c5e; margin-bottom: 22px; font-weight: bold;} .about_detail h6 { color: #ed5565; margin-bottom: 25px;} .about_detail p { margin-bottom: 25px; font-size: 16px; } .team {margin-bottom:96px; text-align: center; background: url("../images/team_arrow.png") center bottom no-repeat; background-size: contain; padding-bottom: 20px;} .team figure { margin-bottom: 20px;} .team h4 {font: bold 20px 'Arimo', arial, 'sans-serif';} .team span {font: 16px 'Lato', 'sans-serif'; margin-bottom: 20px; display: inline-block; color: #606060;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .team span:hover {color: #e64c65;} .social_links {margin-bottom: 28px;} .social_links a { vertical-align: middle; width: 34px; height: 32px; display: inline-block; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .social_links a.fb {background: url("../images/fb2.png") no-repeat; background-position: 0 0;} .social_links a.tw {background: url("../images/tw2.png") no-repeat; background-position: 0 0;} .social_links a.gp {background: url("../images/gp2.png") no-repeat; background-position: 0 0;} .social_links a.in {background: url("../images/in2.png") no-repeat; background-position: 0 0;} .social_links a.bx {background: url("../images/bx.png") no-repeat; background-position: 0 0;} .social_links a:hover { background-position: 0 -32px;} .skills {text-align: center; background: #e1e7e7; padding: 74px 0px 50px;} .skills ul .bg {text-align: left; height: 18px; width: 100%; display: block; background: #7d848e; border-radius: 3px; border-bottom: 0px; position: relative; margin-bottom: 40px; padding: 0px;} .skills ul li span { font: 700 24px 'ubuntu', arial, sans-serif; color: #7d848e; display: block; margin-bottom: 20px; } .skills ul li h3 { font:800 30px 'open sans', arial, sans-serif; color: #7d848e; margin-top: 5px; margin-left: 10px; } .skills ul li p {color: #989898; font-size: 16px;} .skills ul li .bg div { height: 100%; background: #ed5565; border-radius: 3px;display: inline-block; line-height: 32px; } /**************************************************************************** 15- Blog ****************************************************************************/ .section { margin-bottom: 100px;} article {border-bottom: 1px solid #e3e3e3; padding-bottom: 55px; margin-bottom: 41px;} article figure { margin-bottom: 20px;} article h3 a {-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} article h3 a:hover {color: #ed5565;} article h3 a{background: url("../images/team_arrow.png") left top no-repeat; padding-top: 20px; display: inline-block; background-size: contain; margin-bottom: 4px; font:400 16px 'lato', arial, 'sans-serif'; color: #2f383d;} article .post_meta {margin-bottom: 22px;} article .post_meta p, article .post_meta p a{font: 13px 'lato', arial, 'sans-serif'; color: #a5b1b9;} article a.comnt {-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;font: 13px 'lato', arial, 'sans-serif'; padding-left: 22px; display: inline-block; margin-left: -15px; background: url("../images/comment.png") no-repeat left center; color: #a5b1b9; float: right; margin-top: -25px;} article a.comnt:hover {color: #ed5565;} article .detail p {margin-bottom: 27px;} .blog_three .post_meta {border-bottom: 1px solid #c4c4c4;padding-bottom: 22px;} .blog_three article .detail {border-bottom: 1px solid #c4c4c4;margin-bottom: 22px; padding-bottom: 31px;} .blog_three article a.comnt {margin-top: 10px;} .blog_three article:last-child .detail {border-bottom: 0px; padding-bottom: 0px;} .blog_three article:last-child {border-bottom: 1px solid #e3e3e3; padding-bottom: 55px; margin-bottom: 41px;} .blog_two article {border-bottom: 0px; padding-bottom: 0px; margin-bottom: 25px;} .blog_two .post_meta {border-bottom: 1px solid #c4c4c4;padding-bottom: 18px; margin-bottom: 18px;} .blog_two article h3 a {display: block;} .blog_two article .detail p {margin-bottom: 18px;} .blog_two article .detail {border-bottom: 1px solid #c4c4c4;margin-bottom: 18px; padding-bottom: 0px;} .blog_two article a.comnt {margin-top: 0px;border-bottom: 1px solid #c4c4c4; float: none;background-position: 0px 2px; display: block; margin: 0px; padding-bottom: 18px; } /**************************************************************************** 16- Single ****************************************************************************/ .coment_headings {background: url("../images/heading_arrow2.png") no-repeat center; margin-bottom: 37px;} .coment_headings h4 {font: 16px 'lato', arial, sans-serif; color: #2f383d; display: inline-block; padding: 6px 40px; border: 1px solid #cbcbcb;} .coment_headings h5 {font: 13px 'lato', arial, sans-serif; color: #2f383d; display: inline-block; padding: 8px 40px; background: url("../images/comment-img.png") no-repeat 14px center; border: 1px solid #cbcbcb; float: right;} .comments {border-bottom: 0px; padding-bottom: 0px;} .comments ul li { overflow:hidden; border-bottom: 1px solid #ebebeb; margin-bottom: 18px; padding-bottom: 18px; } .comments ul li figure { width:91px; height: 83px; float:left; margin-right:20px; } .comments ul li .comnt_detail strong a{color: #575f6a;font:15px 'lato', arial, sans-serif; display: inline-block;} .comments ul li .comnt_detail .meta {margin-bottom: 8px ; float: right;} .comments ul li .comnt_detail .meta p {font:12px 'lato', arial, sans-serif; margin-bottom: 8px ; color: #999999;} .comments ul li .comnt_detail .meta p a { font:12px 'lato', arial, sans-serif;color: #575f6a; } .comments ul li .comnt_detail .meta p a:hover, .comments ul li .comnt_detail strong a:hover {color: #e64c65;} .comments ul li .comnt_detail > p {font:13px 'lato', arial, sans-serif;color: #999999; line-height: 22px;} .comments ul li .comnt_detail { width:87%; float:right; } .comments ul li.children { margin-left: 86px; } .comments ul li.children .comnt_detail{ width: 85%; } .comment_form {margin-bottom: 130px;border-bottom: 1px solid #e3e3e3; padding-bottom: 55px;} .comment_form h3 {font:18px 'lato', arial, sans-serif;color: #2f383d; margin-bottom: 25px; } .comment_form { width: 100%;} .comment_form fieldset { width: 30%; float: left;} .comment_form input[type="text"]{ width: 88%; padding-right: 24px; border: 1px solid #b3b3b3; font:13px 'lato', arial, sans-serif;color: #9aa7af; border-radius: 0px; height: 27px;} .comment_form input[type="text"].user { background: url("../images/user.png") no-repeat 97% center;} .comment_form input[type="text"].eml { background: url("../images/email.png") no-repeat 97% center;} .comment_form input[type="text"].sub { background: url("../images/subj.png") no-repeat 97% center;} .comment_form textarea { float: right; width: 67.3%; border: 1px solid #b3b3b3; font:13px 'lato', arial, sans-serif;color: #9aa7af; border-radius: 0px; height: 121px; resize: none;} .comment_form input[type="submit"]{margin-top: 10px; border: 0px !important;padding: 10px 35px; float: right; } /**************************************************************************** 17- Contact ****************************************************************************/ .map {margin-bottom: 60px;} .contact_fm {margin-bottom: 50px;} .contact_fm { text-align: center;} .contact_fm fieldset { width: 30%; float: left;} .contact_fm input[type="text"]{ text-align: left; width: 88%; padding-right: 24px; border: 1px solid #b3b3b3; font:13px 'lato', arial, sans-serif;color: #9aa7af; border-radius: 0px; height: 27px;} .contact_fm input[type="text"].user { background: url("../images/user.png") no-repeat 97% center;} .contact_fm input[type="text"].eml { background: url("../images/email.png") no-repeat 97% center;} .contact_fm input[type="text"].sub { background: url("../images/subj.png") no-repeat 97% center;} .contact_fm textarea { text-align: left;float: right; width: 68.3%; border: 1px solid #b3b3b3; font:13px 'lato', arial, sans-serif;color: #9aa7af; border-radius: 0px; height: 121px; resize: none;} .contact_fm input[type="submit"]{margin-top: 10px; border: 0px !important;padding: 10px 50px; } .adress_wrap { border-top: 1px solid #cccccc; padding-top: 45px; margin-bottom: 80px;} .adress_wrap li { display: inline-block; padding-right: 19px; margin-right: 19px; border-right: 1px solid #cccccc; } .adress_wrap li:last-child { padding-right: 0px; margin-right: 0px; border: 0px;} .adress_wrap li img { margin-bottom: 30px;} .adress_wrap li h5 {color: #000000; margin-bottom: 30px; font: 16.28px 'arimo', arial, sans-serif;} .adress_wrap li p {color: #666666; margin-bottom: 8px; font: 15.38px 'lato', arial, sans-serif;} .adress_wrap li p small { color: #3b424d;} /**************************************************************************** 18- Sidebar ****************************************************************************/ .sidebar {margin-bottom: 100px;} .sidebar .widget {margin-bottom: 50px;} .sidebar .widget h4 { font:400 18px 'lato', arial, sans-serif; color: #2f383d; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; margin-bottom: 28px; } .sidebar .widget > ul { border-top: 1px solid #f0f2f3; padding-top: 8px;} .sidebar .widget > ul > li { font:13px 'lato', arial, sans-serif; color: #99abb7; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .sidebar .widget > ul > li a {font:13px 'lato', arial, sans-serif; color: #99abb7; border-bottom: 1px solid #f0f2f3; display: block;margin-bottom: 8px; padding-bottom: 8px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .sidebar .widget > ul > li a span { float: right; color:#ffffff; background: #b3bdc3; width: 22px; height: 22px; margin-top: -2px; display: inline-block; border-radius: 50%; line-height: 22px; text-align: center; } .sidebar .widget > ul > li a:hover, .sidebar .widget > ul > li:hover {color: #ed5565;} .sidebar .widget > ul > li a:hover span, .sidebar .widget > ul > li:hover span{backgrond: #ed5565;} .sidebar .widget .tweet strong {font: 15px 'Myriad Pro', arial, sans-serif; display: block; margin-bottom: 10px; background: url("../images/side_tweet.png") no-repeat left center; color: #2f383d; padding: 5px 0px 5px 40px;} .sidebar .widget .tweet p {color:#99abb7 ;font: 13px 'Myriad Pro', arial, sans-serif; line-height: 20px; margin-bottom: 20px;} .sidebar .widget .tweet p a {color: #e64c65;font: 13px 'Myriad Pro', arial, sans-serif;} .sidebar .widget .tweet span {color: #2f383d;font: 13px 'Myriad Pro', arial, sans-serif; margin-bottom: 10px; display: block;} .sidebar .widget .tweet li { border-bottom: 1px solid #e1e4e7; margin-bottom: 10px;} .sidebar .widget .tweet li > a {color: #e64c65;font: 700 13px 'lato', arial, sans-serif; margin-bottom: 10px; display: block;} .sidebar .widget form { position: relative; width: 100%;} .sidebar .widget input[type='text'], .sidebar .widget input[type='text']:focus {width: 86%;padding-right: 28px; border: 1px solid #b8c7cc; border-radius: 0px; box-shadow: none; font: italic 13px 'lato', arial, sans-serif; color: #afafaf;} .sidebar .widget input[type='submit'], .sidebar .widget input[type='submit']:focus { outline:0px; width: 15px; height: 16px; display: inline-block; background: url("../images/serch2.png") no-repeat; border: 0px; position: absolute; right: 9px; top: 50%; margin-top: -13px; } .sidebar .flicker a { display: inline-block; width: 86px; height:86px;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .sidebar .flicker a img { width: 100%;border: 2px solid rgba(0,0,0,.0);-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .sidebar .flicker a:hover img {border-color: #ed5565;} .sidebar .tags a { display: inline-block; padding: 8px 10px; background: #e1e4e7; margin-right: 1px; font: 13.48px 'lato', arial, sans-serif; margin-bottom: 5px; color: #697782; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .sidebar .tags a:hover {color: #ffffff; background: #ed5565;} .sidebar .nav-tabs { text-align: right; border-bottom: 0px; margin-bottom: 0px;} .sidebar .nav-tabs > li { float: none; display: inline-block; border: 0px;} .sidebar .nav-tabs > li > a {font:13px 'lato', arial, sans-serif; margin: 0px; margin-left:-4px; border:0px !important; border-top: 2px solid #e7ebed !important; border-radius: 0px; padding: 8px 14px; background:#e7ebed; color: #9aa7af; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .sidebar .nav-tabs > .active > a, .sidebar .nav-tabs > .active > a:hover{color: #555555;border-color:#ed5565 !important; background: #f3f4f5; color: #ed5565;} .sidebar .tab-content { background:#f3f4f5; margin-top: 8px; padding: 15px 0px;} .sidebar .tab-content figure { margin-bottom: 20px;} .sidebar .tab-content .detail { padding: 0px 15px; } .sidebar .side_post {margin-bottom: 28px;} .sidebar .tab-content h5 a { margin-bottom: 7px; display: block; font: 500 15px 'lato', arial, sans-serif; color: #333333; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .sidebar .tab-content h5 a:hover {color: #ed5565;} .sidebar .tab-content span { margin-bottom: 7px; display: block; font: 500 12px 'lato', arial, sans-serif; color: #999999; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .sidebar .tab-content p {font-size: 13px; color: #9aa7af;} /**************************************************************************** 19- Clients ****************************************************************************/ .client_wrap {background: #f6f6f6;} .clients ul li { display: inline-block; margin-right: 56px; line-height: 80px; } .clients ul li img {vertical-align: middle;} .clients ul li:last-child {margin-right: 0px;} /**************************************************************************** 20- Button ****************************************************************************/ .btn {color: #ffffff; font: 15.50px 'ubuntu', arial, sans-serif; background: #ed5565; border-radius: 4px; padding: 5px 17px;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; border: 0px; text-shadow: none !important;} .btn:hover { opacity: .9; background: #ed5565; color: #ffffff;} .black {background: #44484a; padding: 6px 25px;} .black.btn:hover { opacity: .9; background: #ed5565; color: #ffffff;} /**************************************************************************** 21- Portfolio ****************************************************************************/ .blog_one .portfolio-nav {text-align: left;} .blog_one .portfolio-nav li {padding-right: 8px; margin-right: 8px;} .portfolio-nav { margin-bottom: 28px; padding: 0 0 18px; border-bottom: 1px solid #c4c4c4; text-align: center;} .portfolio-nav li {display: inline-block; padding-right: 12px; margin-right: 12px; background: url("../images/border2.png") right center no-repeat;} .portfolio-nav li:last-child {background: 0px;} .portfolio-nav li a {color: #828282; font: 18px 'lato', arial, sans-serif; padding: 8px 16px; border-radius: 3px;} .portfolio-nav li a:hover, .products-filter p a.selected {color: #fff; background: #ed5565; } #project-container {margin-bottom: 80px; overflow: auto;;} .blog_one .portfolio {width: 46.7%; min-height: 500px;} .portfolio {margin-bottom: 40px; min-height: 345px;} .portfolio figure {width: 100%; position: relative; margin-bottom: 22px;} .portfolio figure > a { width: 100%; height: 100%; display: block; overflow: hidden;} .portfolio figure > a img{ width: 100%; transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s;} .portfolio h3 a{font: 700 20px 'lato', arial sans-serif; color: #000000; margin-bottom: 5px;transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s;} .portfolio h3 a:hover{color: #ed5565;} .portfolio span{font: 300 15px/30px 'lato', arial sans-serif; color: #666666; } .port_three .portfolio {width: 293.2px; min-height:240px; margin-bottom: 0px; margin-left: -2px;} .port_three .portfolio figure {margin-bottom: 0px; height: 242px;} .port_three .portfolio img { width: 100%;} .portfolio figure:hover {border:10px solid #ed5565;} .portfolio .overlay {padding: 0px; display: none; background: rgba(237,85,101,.8); width: 100%; height: 100%;position: absolute; top: 0px; left: 0px;} .portfolio .overlay.black {background: rgba(0,0,0,.8);} .portfolio .overlay a{background: url("../images/serch3.png") no-repeat; width: 16px; height: 16px; display: inline-block; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; z-index: 9999;} .portfolio .overlay span{background: url("../images/heading_arrow.png") no-repeat center; width: 100%; height: 11px; left: 0px; display: inline-block; position: absolute; top: 41%; margin-top: -5px;} /**************************************************************************** 22- Portfolio Detail ****************************************************************************/ .slides_wrap .slides h3 { margin-top: -30px; font: 700 23px 'ubuntu', arial, sans-serif; color: #5a5c5e; margin-bottom: 2px; text-align: right;} .slides_wrap .slides span {font: 'lato', arial, sans-serif; color: #ed5565; margin-bottom: 40px; display: block; text-align: right;} .port_slider {margin-top: 20px; margin-bottom: 90px; } .port_slider .port_pager {margin-left: 160px;} .slides_wrap .slides h3, .slides_wrap .slides span {margin-right: 160px;} .port_slider .port_pager a{width: 11px; height: 11px; text-indent: -99999px; margin: 0px 3px; border: 1px solid #a1a1a1; display: inline-block; } .port_slider .port_pager a.activeSlide {background: #ed5565; border-color: #000000;} .port_slider .port_pager a a:hover {background: #ed5565; border-color: #000000;} .port_crousel li {width: 200px; margin: 0px 1px; padding-bottom: 20px;} .port_crousel .portfolio {min-height: 370px; position: relative;} .port_crousel .portfolio small { margin-top: 15px; background: url("../images/heading_arrow2.png") no-repeat center bottom; width: 100%; height: 11px; display: block;} .port_crousel .portfolio:hover small {background: none;} .port_crousel {margin-bottom: 100px;position: relative;} .port_crousel .portfolio:hover { background: url("../images/heading_arrow2.png") no-repeat center bottom;} .port_crousel .portfolio figure {margin-bottom: -4px;} .port_crousel .brands-carousel ul{padding-left: 128px !important;} .port_crousel .brands-carousel .jcarousel-next, .port_crousel .brands-carousel .jcarousel-prev { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: 131px; height: 200px; background-size: cover !important; position: absolute; top: 0px; margin-top: 0px; z-index: 999999; cursor: pointer;text-indent: -999em;} .port_crousel .brands-carousel .jcarousel-prev {left: 0px;z-index: 999999999; opacity: 1; background: url("../images/crsl_left2.png") no-repeat center 0px;} .port_crousel .brands-carousel .jcarousel-next {right: 0px;z-index: 999999999; opacity: 1;background: url("../images/crsl_right2.png") no-repeat center 0px;} .port_crousel .brands-carousel .jcarousel-prev:hover {left: 0px;z-index: 999999999; opacity: 1; background: url("../images/crsl_left2_hover.png") no-repeat center 0px;} .port_crousel .brands-carousel .jcarousel-next:hover {right: 0px;z-index: 999999999; opacity: 1;background: url("../images/crsl_right2_hover.png") no-repeat center 0px;} .portfolio .port_detail {padding:25px 0;text-align: center; background: #ed5565; display: none; bottom: 20px; left: 0px; position: absolute; width: 100%;} .portfolio .port_detail h3 a{font: 700 16px 'arimo', arial, sans-serif; color: #ffffff;} .portfolio .port_detail span{font:16px 'lato', arial, sans-serif; color: #ffffff; display: block; margin-bottom: 20px;} .portfolio .social_links {margin-bottom: 28px;} .brands-carousel ul.brands-carousel-list li .social_links a { vertical-align: middle; width: 33px; height: 32px; display: inline-block; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .portfolio .social_links a.fb {background: url("../images/fb3.png") no-repeat; background-position: 0 0;} .portfolio .social_links a.tw {background: url("../images/tweet3.png") no-repeat; background-position: 0 0;} .portfolio .social_links a.gp {background: url("../images/gp3.png") no-repeat; background-position: 0 0;} .portfolio .social_links a.in {background: url("../images/in3.png") no-repeat; background-position: 0 0;} .portfolio .social_links a.bx {background: url("../images/port_simp.png") no-repeat; background-position: 0 0;} .portfolio .social_links a:hover { background-position: 0 -33px;} .port_detail h6 {color: #333333; font: 15px 'lato', arial, sans-serif; margin-bottom: 20px;} .port_detail h5 {color: #000000; font: 20px 'lato', arial, sans-serif; border-top: 1px solid #c4c4c4; padding-top: 30px; margin-bottom: 20px;} .port_detail p {color: #555555; font:200 14px 'lato', arial, sans-serif; margin-bottom: 30px; line-height: 20px;} .port_detail ul {padding-top: 40px; padding-bottom: 40px; margin-bottom: 40px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4;} .port_detail ul li {color: #606060; font:200 13px 'lato', arial, sans-serif; margin-bottom: 8px;} .port_detail ul li span{color: #99abb7; font:200 13px 'lato', arial, sans-serif; width:63px; display: inline-block; margin-right: 20px;} .port_detail a.btn { padding: 9px 24px;} .smp {font: 16px 'lato', arial, sans-serif; color: #1f1f1f; margin-bottom: 30px;} .smp a{font: 16px 'lato', arial, sans-serif; color: #4b90b7;} .more_port { margin-bottom: 50px;} /**************************************************************************** 23- Portfolio Detail Two ****************************************************************************/ .portfolio_detail {padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #c4c4c4;} .port_slider_two {position: relative;height:538px;} .port_slider_two > a{ -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: 45px; height: 43px; position: absolute; top: 50%; margin-top: -50px; z-index: 9999; cursor: pointer;text-indent: -999em;z-index: 5;} .port_slider_two > a.left{left: 20px; background: url("../images/crsl_left.png") no-repeat center 0px; background-position: 0 0;} .port_slider_two > a.right {right: 40px;background: url("../images/crsl_right.png") no-repeat center 0px; background-position: 0 0;} .port_slider_two > a:hover {background-position: 0 -44px;} .port_slider_two {text-align: center; margin-top: 10px;} .port_slider_two .port_pager2 a{width: 11px; height: 11px; text-indent: -99999px; margin: 10px 3px 0; border: 1px solid #a1a1a1; display: inline-block; } .port_slider_two .port_pager2 a.activeSlide {background: #ed5565; border-color: #000000;} .port_slider_two .port_pager2 a a:hover {background: #ed5565; border-color: #000000;} /**************************************************************************** 24- Footer ****************************************************************************/ .social_bar {background: #44484a;line-height: 92px; } .social_icon a { vertical-align: middle; width: 30px; height: 30px; display: inline-block; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .social_icon a.fb {background: url("../images/fb.png") no-repeat; background-position: 0 0;} .social_icon a.tw {background: url("../images/tw.png") no-repeat; background-position: 0 0;} .social_icon a.bl {background: url("../images/bl.png") no-repeat; background-position: 0 0;} .social_icon a.gp {background: url("../images/gp.png") no-repeat; background-position: 0 0;} .social_icon a.in {background: url("../images/in.png") no-repeat; background-position: 0 0;} .social_icon a.db {background: url("../images/db.png") no-repeat; background-position: 0 0;} .social_icon a.pn {background: url("../images/pn.png") no-repeat; background-position: 0 0;} .social_icon a:hover { background-position: 0 -30px;} .social_bar .right { text-align: right;} .social_bar ul li { display: inline-block; background: url("../images/social_bordr.png") no-repeat right center; padding-right: 25px; margin-right: 25px;} .social_bar ul li:last-child {margin-right: 0px; padding-right: 0px;} .social_bar ul li:last-child { background: none;} .social_bar ul li p { font-size: 13.15px; padding-left: 30px; color: #ffffff; } .social_bar ul li p.cal { background: url("../images/cal.png") no-repeat left center; } .social_bar ul li p.mail { background: url("../images/mail.png") no-repeat left center; } .footer_bottom {background: #5a5f62; padding-top: 48px; padding-bottom: 90px;} .footer_bottom .widget h5 { font: 700 20px 'Ubuntu', arial, 'sans-serif'; color: #e1e7e7; padding-bottom: 24px; margin-bottom: 20px; background: url("../images/heading_arrow.png") center bottom no-repeat;} .footer_bottom .widget h5 span {width: 29px; height: 24px; background: url("../images/big_twt.png") no-repeat; display: inline-block; float: right;} .footer_bottom .widget p {font: 14px 'Lato', 'sans-serif'; color: #e1e7e7; line-height: 24px;} .footer_bottom .widget p strong { color: #ededed; font-weight: bold;} .footer_bottom .widget p { margin-bottom: 22px;} .footer_bottom .widget .tweets {border-bottom: 1px solid #707881; margin-bottom: 22px; } .footer_bottom .widget .tweets:last-child { border: 0px;} .footer_bottom .widget .tweets a { background: url("../images/tweet.png") no-repeat left center; padding-left: 20px; color: #00abef; font: italic 11px arial, sans-serif; margin-bottom: 22px; display: inline-block; } .footer_bottom .widget form {background: #ededed; box-shadow:1px 1px 0px #e8e9e9;} .footer_bottom .widget input[type='text'] { font: 12px 'Arimo', arial, 'sans-serif'; border-radius: 0px; background: none; margin-bottom: 0px;padding: 12px 6px; width: 200px; border: 0px; color: #434a54; outline: 0px; box-shadow: none;} .footer_bottom .widget input[type='text']:focus, .footer_bottom .widget input[type='submit'] {box-shadow: none; border: 0px; outline: 0px;} .footer_bottom .widget input[type='submit'] { background: url("../images/submit.png") left center no-repeat; border: 0px; font: 700 12px 'Arimo', arial, 'sans-serif';; color: #434a54; height: 45px; width: 52px;} .footer_bottom .flicker a { display: inline-block; width: 70px; height: 70px; margin-left: 16px; margin-bottom: 16px;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .footer_bottom .flicker a img { width: 100%;border: 2px solid rgba(0,0,0,.0);-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .footer_bottom .flicker a:hover img {border-color: #ed5565;} footer { background: #696c6e;} footer p { font-size: 13px; line-height: 80px; color: #989898;} footer p a { color: #ffffff; } footer .right { text-align: right;} /****************************** 25- Isotope CSS3 transitions ******************************/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /**************************************************************************** 26- CAROUSEL ****************************************************************************/ .brands-carousel {border-bottom: 0;border-top: 0;text-align: center;;} .brands-carousel .jcarousel-clip-horizontal {overflow: hidden;height: auto;width: 100%; z-index: 10;} .brands-carousel .jcarousel-next:hover, .brands-carousel .jcarousel-prev:hover { opacity: 0.7;} .brands-carousel .jcarousel-next, .brands-carousel .jcarousel-prev { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: 45px; height: 43px; position: absolute; top: 50%; margin-top: -65px; z-index: 9999; cursor: pointer;text-indent: -999em;z-index: 5;} .brands-carousel .jcarousel-prev {left: -32px; background: url("../images/crsl_left.png") no-repeat center 0px;} .brands-carousel .jcarousel-next {right: -62px;background: url("../images/crsl_right.png") no-repeat center 0px;} .brands-carousel ul.brands-carousel-list {list-style: none;} .brands-carousel ul.brands-carousel-list li {height: auto;text-align: left;} .brands-carousel ul.brands-carousel-list li a {width: 100%; height: 100%; display: block;} .brands-carousel ul.brands-carousel-list li a img {width: 100%;} /*.carousel_wrap { position: relative; margin-left: 0px; width: 100% }*/ #wrapper { width: 470px; float: right; margin: 0px 40px; } #carousel-wrapper { position: relative; margin-bottom:20px; } .carousal-bottom{ background: #ffffff; } #carousel_two { position: relative; } #carousel-wrapper .caroufredsel_wrapper { height: 380px !important;} #carousel_two > span { height: 358px !important; padding: 10px; border:1px solid #ededed;} /*#carousel_two > span img { padding: 10px;}*/ /*#carousel_two > span img { width: 99%; height: 96%;}*/ .carousel_wrap .next { display: block; width: 55px; height: 108px; top: 139px; position: absolute; right: -16px; background: url("../images/next.png") no-repeat; } .carousel_wrap .prev { display: block; width: 55px; height: 108px; top: 139px; position: absolute; left: -16px; background: url("../images/prev.png") no-repeat; } #thumbs-wrapper { width: 100%; margin-bottom: 100px; position: relative; } #thumbs { overflow: hidden; width: 300px; height: 300px; } #carousel_two span, #carousel_two img, #thumbs a, #thumbs img { display: block; float: left; } #carousel_two span, #carousel_two a, #thumbs span { position: relative; } /*#thumbs img { border: none; width: 100%; position: absolute; top: 0; left: 0; }*/ /*#carousel_two img { border: none; position: absolute; top: 0; left: 0; }*/ #carousel_two img { width: 100%; } /*#carousel_two img.glare, img.glare { width: 102%; height: auto; }*/ #thumbs-wrapper .caroufredsel_wrapper { width: 100% !important; margin: 0px !important; height: 151px !important; line-height: 112px; } #thumbs { /*padding: 20px 0px 0px; height: 140px !important;*/ margin-left: -30px !important; } #thumbs a { width: 252px !important; position: relative; padding: 8px; border: 1px solid #ededed; border-radius: 0px !important; overflow: hidden; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -ms-transition: border-color .5s; transition: border-color .5s; } #thumbs a img { width: 100%; } #thumbs a .overlay { display: none; width: 252px; height: 132px; position: absolute; top: 8px; left: 8px; background: rgba(209,57,73,.8);z-index: 999;} #prev { display: block; width: 61px; height: 112px; position: absolute; top: 0px; display: block !important; background: url("../images/crosal-left.png") no-repeat; background-size: 100% 100%; } #next { display: block; width: 61px; height: 112px; position: absolute; top: 0px; right: -1px; display: block !important; background: url("../images/crosal-right.png") no-repeat; background-size: 100% 100%;} #prev { background-position: 0 0; left: 0px; } #prev.disabled, #next.disabled { display: block !important; } #donate-spacer { height: 100%; } #donate { border-top: 1px solid #999; width: 750px; padding: 50px 75px; margin: 0 auto; overflow: hidden; } #donate p, #donate form { margin: 0; float: left; } #donate p { width: 650px; } #donate form { width: 100px; } /**************************************************************************** 27- Ie8 ****************************************************************************/ .ie8 .nav > ul > li > a {padding: 30px 20px 50px;} .ie8 .comments ul li .comnt_detail { width: 84%;} .ie8 .comments ul li.children .comnt_detail { width: 81%; } .ie8 .comment_form textarea {width: 64.3%;} .ie8 .services_section ul > li small { font-size: 13px;} .ie8 .services_section ul > li strong span { font-size: 13px;} .ie8 .services_wrap .service .bg { background-size: contain} .ie8 .services_wrap .service .bg {height: 209px; line-height: 209px;} .ie8 .clients ul li { margin-right: 17px;} .ie8 .footer_bottom .widget input[type='text'] {width: 68%;} .ie8 .blog_sec .detail { width: 71%;} .ie8 .contact_fm textarea { width: 67%;} .ie8 .adress_wrap li { padding-right: 60px; margin-right: 60px; margin-bottom: 50px;} .ie8 .tabs_wrap .tab-content .tab_post figure a { width: 100px;} .ie8 .tabs_wrap .tab-content .tab_post figure a img {width: 100px:} /**************************************************************************** 28- Ie9 ****************************************************************************/ .ie9 .nav > ul > li > a {padding: 30px 20px 50px;} .ie9 .comments ul li .comnt_detail { width: 84%;} .ie9 .comments ul li.children .comnt_detail { width: 81%; } .ie9 .comment_form textarea {width: 64.3%;} .ie9 .services_section ul > li small { font-size: 13px;} .ie9 .services_section ul > li strong span { font-size: 13px;} .ie9 .services_wrap .service .bg { background-size: contain} .ie9 .services_wrap .service .bg {height: 209px; line-height: 209px;} .ie9 .clients ul li { margin-right: 17px;} .ie9 .footer_bottom .widget input[type='text'] {width: 68%;} .ie9 .blog_sec .detail { width: 71%;} .ie9 .contact_fm textarea { width: 67%;} .ie9 .adress_wrap li { padding-right: 60px; margin-right: 60px; margin-bottom: 50px;} .ie9 .tabs_wrap .tab-content .tab_post figure a { width: 100px;} .ie9 .tabs_wrap .tab-content .tab_post figure a img {width: 100px:} /**************************************************************************** 29- Ie10 ****************************************************************************/ .ie10 .nav > ul > li > a {padding: 30px 20px 50px;} .ie10 .comments ul li .comnt_detail { width: 84%;} .ie10 .comments ul li.children .comnt_detail { width: 81%; } .ie10 .comment_form textarea {width: 64.3%;} .ie10 .services_section ul > li small { font-size: 13px;} .ie10 .services_section ul > li strong span { font-size: 13px;} .ie10 .services_wrap .service .bg { background-size: contain;} .ie10 .services_wrap .service .bg {height: 209px; line-height: 209px;} .ie10 .clients ul li { margin-right: 17px;} .ie10 .footer_bottom .widget input[type='text'] {width: 68%;} .ie10 .blog_sec .detail { width: 71%;} .ie10 .contact_fm textarea { width: 67%;} .ie10 .adress_wrap li { padding-right: 60px; margin-right: 60px; margin-bottom: 50px;} .ie10 .tabs_wrap .tab-content .tab_post figure a img {width: 100%:} .ie10 .tabs_wrap .tab-content .tab_post figure a { width: 100px;} .ie10 .tabs_wrap .tab-content .tab_post figure a img {width: 100px:} /**************************************************************************** 30- Ie11 ****************************************************************************/ .ie11 .nav > ul > li > a {padding: 30px 20px 50px;} .ie11 .comments ul li .comnt_detail { width: 84%;} .ie11 .comments ul li.children .comnt_detail { width: 81%; } .ie11 .comment_form textarea {width: 64.3%;} .ie11 .services_section ul > li small { font-size: 13px;} .ie11 .services_section ul > li strong span { font-size: 13px;} .ie11 .services_wrap .service .bg { background-size: contain;} .ie11 .services_wrap .service .bg {height: 209px; line-height: 209px;} .ie11 .clients ul li { margin-right: 17px;} .ie11 .footer_bottom .widget input[type='text'] {width: 68%;} .ie11 .blog_sec .detail { width: 71%;} .ie11.contact_fm textarea { width: 67%;} .ie11 .adress_wrap li { padding-right: 60px; margin-right: 60px; margin-bottom: 50px;} .ie11 .tabs_wrap .tab-content .tab_post figure a img {width: 100%:} .ie11 .tabs_wrap .tab-content .tab_post figure a { width: 100px;} .ie11 .tabs_wrap .tab-content .tab_post figure a img {width: 100px:} .firefox .brands-carousel .jcarousel-prev {left: 32px; } .firefox .brands-carousel .jcarousel-next {right: 32px;}