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; color:#FFFFFF; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; color:#000; }
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;padding-bottom: 14px; }
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: 30px;}
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: 15px;}
.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: 0px;
height: 98px;
padding-bottom:1px;
}
.logo { display: inline-block;}
.logo img { margin-bottom: -42px;}
.nav{text-align: right; margin-bottom: 0px;}
.nav > ul {display: inline-block; margin-bottom: -4px;}
.nav > ul > li {position: relative; float: left;
background: url("../images/border.png") no-repeat;
background-position: right 60%; padding-right: 1px;}
.nav > ul > li > a{
position: relative;
z-index: 9999;
display:inline-block;
padding:45px 30px 30px 20px;
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 > ul > li > span {width: 100%;
height: 100%;
background: #6d3471;
display: none;
position: absolute;
top: 0px;
left: 0px;
}*/
/*.nav > ul > li > a.active {
background: #6d3471;
color: #ffffff;
}*/
/*.nav > ul > li:hover > a {color: #ffffff;}*/
.nav > ul > li > a:hover {color: #b33846;}
.nav > ul > li:last-child { background: none;}
.nav > ul .drop-down {width: 265px; text-align: left; display: none; z-index: 99999; position: absolute; top: 98px; left: 0px; background: #f7f7f7;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px; overflow: hidden;}
.nav > ul .drop-down li {display: block;}
.nav > ul .drop-down li a{display:block; padding: 10px 10px 10px; 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 > ul .drop-down li a:hover {background: #6d3471; color: #ffffff;}
.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;}
.responsive_nav { float: right; width: 83%; display: none;}
.responsive_nav ul { width: 100%; text-align: left; }
.responsive_nav > ul > li { position: relative;border: 1px solid #c2c2c2; background: url("../images/responsive-errow.png") 96% center no-repeat; }
.responsive_nav > ul > li > a {
padding: 10px 0 10px 10px;
font: 16px 'Arimo', arial, 'sans-serif';
color: #20272f;
}
.responsive_nav ul li a {padding: 0px 0px 12px 10px; display: block;font: 16px 'Arimo', arial, 'sans-serif';; color: #20272f;}
.responsive_nav li ul li a:hover { background: #dc6240; }
.responsive_nav > ul > li > ul > li a { color: #ffffff;}
.responsive_nav > ul > li > ul {z-index: 9999999; position: absolute; top: 53px; left: 0px; width: 100%; background: rgba(88,93,96,0.9); display:none ;}
.responsive_nav > ul > li > ul > li ul {margin-left: 20px; background: background: rgba(88,93,96,0.9); width: 97%;}
.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: 20px;}
.our_tasks .task.one h3 {background: url("../images/packing-material.png") no-repeat 98% 17%;}
.our_tasks .task.two h3 {background: url("../images/packing-tips.png") no-repeat 98% 17%;}
.our_tasks .task.three h3 {background: url("../images/process.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: -15px; margin-bottom: 35px;}
.inner_work { background:rgba(249,249,249,.9); padding: 30px 0px 0px 0px;}
.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.html") no-repeat left center; background-position: 0 0;}
.tabs_wrap .nav-tabs > li > .three {background: url("../images/metr2.html") no-repeat left center; background-position: 0 0;}
.tabs_wrap .nav-tabs > li > .four {background: url("../images/metr3.html") 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: #6d3471; }
.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: #6d3471;}
.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: #6d3471; 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: #6d3471; 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: #6d3471; padding: 15px 20px 15px; 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.html") 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.html") 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: #6d3471;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: #6d3471; border: 1px solid #6d3471;}
.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: #6d3471; font: 700 15px 'open sans', arial, sans-serif;margin-bottom: 30px;}
.about_detail_section {margin-bottom: 50px;}
.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.html") no-repeat center;}
.about_tab ul li a.two {background: url("../images/pen.html") 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.html") no-repeat center;}
.about_tab ul li a.two:hover, .about_tab ul li.active a.two {background: url("../images/pen_hover.html") 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: #6d3471; 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: #6d3471; 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.html") 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: #6d3471; border-color: #6d3471;}
.index_two .task figure:hover {background: #6d3471; border-color: #6d3471;}
.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.html") no-repeat center;}
.index_two .task.two figure:hover a {background:url("../images/task7_hover.html") no-repeat center;}
.index_two .task.three figure:hover a {background:url("../images/task5_hover.html") no-repeat center;}
.index_two .task.four figure:hover a {background:url("../images/task6_hover.html") no-repeat center;}
.index_two .task.one figure a {background:url("../images/task4.html") no-repeat center;}
.index_two .task.two figure a {background:url("../images/task7.html") no-repeat center;}
.index_two .task.three figure a {background:url("../images/task5.html") no-repeat center;}
.index_two .task.four figure a {background:url("../images/task6.html") 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: #6d3471; border-color: #6d3471;}
.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:#6d3471; }
.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.html") 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: #6d3471;}
.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: #6d3471;}
.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: #6d3471;}
.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: #6d3471; 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.html") 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: #6d3471; 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: 60px;}
.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: inherit; font: 700 19px '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: 16px '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: #6d3471;}
.blog_sec .post:hover .date span {background: #6d3471;}
/****************************************************************************
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: #6d3471;}
.index_four .butn .btn {background:none;border:1px solid #000; padding: 8px 20px; color: #20272f}
.index_four .butn .btn:hover {background:#6d3471;border:1px solid #6d3471;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.html");}
.index_four .our_tasks .task.two h3 {background-image: url("../images/tsk5.html");}
.index_four .our_tasks .task.three h3 {background-image: url("../images/tsk7.html");}
.index_four .our_tasks .task.four h3 {background-image: url("../images/tsk8.html");}
.index_four .our_tasks .task.five h3 {background-image: url("../images/tsk1.html");}
.index_four .our_tasks .task.six h3 {background-image: url("../images/tsk4.html");}
.index_four .our_tasks .task.seven h3 {background-image: url("../images/tsk3.html");}
.index_four .our_tasks .task.eight h3 {background-image: url("../images/tsk2.html");}
.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: #6d3471;}
.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: #6d3471; 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: #6d3471;}
.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: #6d3471; border-color: #000000;}
.testi_slider .pager_tst a a:hover {background: #6d3471; 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: #6d3471; border-color: #6d3471;}
.index_five .task figure:hover {background: #6d3471; border-color: #6d3471;}
.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.html") no-repeat center;}
.index_five .task.two figure:hover a {background:url("../images/task7_hover.html") no-repeat center;}
.index_five .task.three figure:hover a {background:url("../images/task5_hover.html") no-repeat center;}
.index_five .task.four figure:hover a {background:url("../images/task6_hover.html") no-repeat center;}
.index_five .task.one figure a {background:url("../images/task4.html") no-repeat center;}
.index_five .task.two figure a {background:url("../images/task7.html") no-repeat center;}
.index_five .task.three figure a {background:url("../images/task5.html") no-repeat center;}
.index_five .task.four figure a {background:url("../images/task6.html") 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: #6d3471;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: #6d3471;}
.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: #6d3471; }
.index_six .task.one:hover figure a {background:url("../images/task4_2_hover.html") no-repeat center;}
.index_six .task.two:hover figure a {background:url("../images/task7_2_hover.html") no-repeat center;}
.index_six .task.three:hover figure a {background:url("../images/task5_2_hover.html") no-repeat center;}
.index_six .task.four:hover figure a {background:url("../images/task6_2_hover.html") no-repeat center;}
.index_six .task.one figure a {background:url("../images/task4.html") no-repeat center;}
.index_six .task.two figure a {background:url("../images/task7.html") no-repeat center;}
.index_six .task.three figure a {background:url("../images/task5.html") no-repeat center;}
.index_six .task.four figure a {background:url("../images/task6.html") 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.html") 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.html") 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: #6d3471; border-color: #000000;}
.table_slider .pager_tab a a:hover {background: #6d3471; 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: #6d3471;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: #6d3471; 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: #6d3471;}
.portfolio .detail span:hover {color: #6d3471;}
.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: #6d3471; 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: #6d3471;}
.feature .span4 {width:360px;}
.feature .list ul li a.one { background: url("../images/tick.png") no-repeat 19px center;}
.feature .list ul li a.two { background: url("../images/feature5.html") no-repeat 19px center;}
.feature .list ul li a.three { background: url("../images/feature4.html") no-repeat 19px center;}
.feature .list ul li a.four { background: url("../images/feature8.html") no-repeat 19px center;}
.feature .list ul li a.five { background: url("../images/feature10.html") no-repeat 19px center;}
.feature .list ul li a.six { background: url("../images/feature11.html") no-repeat 19px center;}
.feature .list ul li a.seven { background: url("../images/feature2.html") no-repeat 19px center;}
.feature .list ul li a.eight { background: url("../images/feature3.html") no-repeat 19px center;}
.feature .list ul li a.nine { background: url("../images/feature6.html") no-repeat 19px center;}
.feature .list ul li a.ten { background: url("../images/feature9.html") no-repeat 19px center;}
.feature .list ul li a.eleven { background: url("../images/feature6.html") 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: #6d3471; 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: #6d3471; 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: 30px 0px 20px;}
.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: #6d3471; border-radius: 3px;display: inline-block; line-height: 32px; }
/****************************************************************************
15- Blog
****************************************************************************/
.section { margin-bottom: 8px;}
article {border-bottom: 1px solid #e3e3e3; padding-bottom: 8px; margin-bottom: 15px;}
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: #6d3471;}
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: #6d3471;}
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: -85px;}
.sidebar .widget h4 { font:400 18px 'lato', arial, sans-serif; color: #2f383d; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; margin-bottom: 20px; }
.sidebar .widget > ul { /*border-top: 1px solid #f0f2f3;*/ padding-top: 0px;}
.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: #7f919d; 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: #6d3471;}
.sidebar .widget > ul > li a:hover span, .sidebar .widget > ul > li:hover span{backgrond: #6d3471;}
.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: #6d3471;}
.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: #6d3471;}
.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:#6d3471 !important; background: #f3f4f5; color: #6d3471;}
.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: #6d3471;}
.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: 200px; }
.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: #6d3471; 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: #6d3471; color: #ffffff;}
.black {background: #44484a; padding: 6px 25px;}
.black.btn:hover { opacity: .9; background: #6d3471; 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: #6d3471; }
#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: #6d3471;}
.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 .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: #6d3471; 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: #6d3471; border-color: #000000;}
.port_slider .port_pager a a:hover {background: #6d3471; 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: #6d3471; 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: #6d3471; border-color: #000000;}
.port_slider_two .port_pager2 a a:hover {background: #6d3471; 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: 25px; padding-bottom: 0px;}
.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: 5px;}
.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: #6d3471;}
footer { background: #b33846;}
footer p { font-size: 13px; line-height: 45px; color: #cccccc;}
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.html") no-repeat; }
.carousel_wrap .prev { display: block; width: 55px; height: 108px; top: 139px; position: absolute; left: -16px; background: url("../images/prev.html") no-repeat; }
#thumbs-wrapper { width: 100%; margin-bottom: 100px; position: relative; }
#thumbs { overflow: hidden; height: 151px !important; }
#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.html") 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.html") 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;}
/*---change by me---*/
.form-space input[type="text"]{
width: 300px;
padding: 6px 0px;
}
.form-space select, .form-space textarea{
width: 300px;
padding: 6px 0px;
}
.form-space table{
margin-left: 19%;
}
@media only screen (min-width:320px) and (max-width:767px){
.responsive_nav > ul > li{
padding: 30px 0px 0px 0px !important;
}
}
.ravi{
margin-top: 50px;
margin-bottom: 30px;
}
.saini{
margin-top: 30px;
}
.ravisaini{
margin-top: 50px;
font-size: 20px;
}
.ravi1{
margin-bottom: 15px;
}
.karuna{
background-color: #a6d8f7;
color:black;
padding-top:20px;
padding-bottom: 20px;
text-align: center;
width:465px; margin:auto;
display:block;
margin-bottom: 20px;
transition: 0.4s linear;
font-size: 30px;
}
.karuna:hover{
background-color: red;transition: 0.4s linear;
}
.logo img{
width:100% !important;
}
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #FFF;
color: #333;
text-shadow: none;
border-radius: 0;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
background: rgba(0,0,0,0.25);
margin-top: -25px;
color: #F00;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 0;
}
.fancybox-next span {
right: 0;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: rgba(0,0,0,0.5);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
.animated {
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
animation-delay: .3s;
}
/* Fade */
@-webkit-keyframes ae-animation-fade {
0% {opacity: 0; -webkit-transform: scaleY(0) scaleX(0);}
100% {opacity: 1; -webkit-transform: scaleY(1) scaleX(1)}
}
@-moz-keyframes ae-animation-fade {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes ae-animation-fade {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes ae-animation-fade {
0% {opacity: 0; transform: scaleY(0) scaleX(0);}
100% {opacity: 1; transform: scaleY(1) scaleX(1)}
}
.ae-animation-fade {
-webkit-animation-name: ae-animation-fade;
-moz-animation-name: ae-animation-fade;
-o-animation-name: ae-animation-fade;
animation-name: ae-animation-fade;
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
-ms-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:1s;
opacity: 1!important;
}
.fade { opacity: 0; }
html.ie9 .fade { opacity: 1!important; }
/* Slide */
@-webkit-keyframes ae-animation-slide {
0% {-webkit-transform: translateY(100%);}
100% {-webkit-transform: translateY(0%);}
}
@-moz-keyframes ae-animation-slide {
0% {-moz-transform: translateY(100%);}
100% {-moz-transform: translateY(0%);}
}
@-o-keyframes ae-animation-slide {
0% {-o-transform: translateY(100%);}
100% {-o-transform: translateY(0%);}
}
@keyframes ae-animation-slide {
0% {transform: translateY(100%);}
100% {transform: translateY(0%);}
}
.ae-animation-slide {
-webkit-animation-name: ae-animation-slide;
-moz-animation-name: ae-animation-slide;
-o-animation-name: ae-animation-slide;
animation-name: ae-animation-slide;
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
-ms-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:1s;
opacity: 1!important;
}
.slide { opacity: 0; }
html.ie9 .slide { opacity: 1!important; }
/* Hatch */
@-webkit-keyframes ae-animation-hatch {
0% {-webkit-transform: rotate(0deg) scaleY(0);}
20% {-webkit-transform: rotate(-2deg) scaleY(1.05);}
35% {-webkit-transform: rotate(2deg) scaleY(1);}
50% {-webkit-transform: rotate(-2deg);}
65% {-webkit-transform: rotate(1deg);}
80% {-webkit-transform: rotate(-1deg);}
100% {-webkit-transform: rotate(0deg);}
}
@-moz-keyframes ae-animation-hatch {
0% {-moz-transform: rotate(0deg) scaleY(0);}
20% {-moz-transform: rotate(-2deg) scaleY(1.05);}
35% {-moz-transform: rotate(2deg) scaleY(1);}
50% {-moz-transform: rotate(-2deg);}
65% {-moz-transform: rotate(1deg);}
80% {-moz-transform: rotate(-1deg);}
100% {-moz-transform: rotate(0deg);}
}
@-o-keyframes ae-animation-hatch {
0% {-o-transform: rotate(0deg) scaleY(0);}
20% {-o-transform: rotate(-2deg) scaleY(1.05);}
35% {-o-transform: rotate(2deg) scaleY(1);}
50% {-o-transform: rotate(-2deg);}
65% {-o-transform: rotate(1deg);}
80% {-o-transform: rotate(-1deg);}
100% {-o-transform: rotate(0deg);}
}
@keyframes ae-animation-hatch {
0% {transform: rotate(0deg) scaleY(0);}
20% {transform: rotate(-2deg) scaleY(1.05);}
35% {transform: rotate(2deg) scaleY(1);}
50% {transform: rotate(-2deg);}
65% {transform: rotate(1deg);}
80% {transform: rotate(-1deg);}
100% {transform: rotate(0deg);}
}
.ae-animation-hatch {
-webkit-animation-name: ae-animation-hatch;
-moz-animation-name: ae-animation-hatch;
-o-animation-name: ae-animation-hatch;
animation-name: ae-animation-hatch;
-webkit-animation-duration:1.6s;
-moz-animation-duration:1.6s;
-ms-animation-duration:1.6s;
-o-animation-duration:1.6s;
animation-duration:1.6s;
opacity: 1!important;
}
.hatch { opacity: 0; }
html.ie9 .hatch { opacity: 1!important; }
/* Entrance */
@-webkit-keyframes ae-animation-entrance {
0% {
-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;
}
45% {
-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;
}
75% {
-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
100% {
-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}
@-moz-keyframes ae-animation-entrance {
0% {
-moz-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
-moz-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;
}
45% {
-moz-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
-moz-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;
}
75% {
-moz-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
-moz-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
100% {
-moz-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}
@-o-keyframes ae-animation-entrance {
0% {
-o-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
-o-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;
}
45% {
-o-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
-o-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;
}
75% {
-o-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
-o-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
100% {
-o-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}
@keyframes ae-animation-entrance {
0% {
transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
opacity: 0.2;
}
30% {
transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
opacity: 1;
}
45% {
transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
60% {
transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
opacity: 1;
}
75% {
transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
opacity: 1;
}
90% {
transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
100% {
transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
opacity: 1;
}
}
.ae-animation-entrance {
-webkit-animation-name: ae-animation-entrance;
-moz-animation-name: ae-animation-entrance;
-o-animation-name: ae-animation-entrance;
animation-name: ae-animation-entrance;
-webkit-animation-duration:1.6s;
-moz-animation-duration:1.6s;
-ms-animation-duration:1.6s;
-o-animation-duration:1.6s;
animation-duration:1.6s;
opacity: 1!important;
}
.entrance { opacity: 0; }
html.ie9 .entrance { opacity: 1!important; }
/****************************************************************************
(800 X 600) + (768 X 1024)
****************************************************************************/
@media only screen and (min-width: 960px) and (max-width: 1200px)
{
.nav > ul > li > a {padding: 30px 20px 50px;}
.comments ul li .comnt_detail { width: 84%;}
.comments ul li.children .comnt_detail { width: 81%; }
.comment_form textarea {width: 64.3%;}
.services_section ul > li small { font-size: 13px;}
.services_section ul > li strong span { font-size: 13px;}
.services_wrap .service .bg { background-size: contain}
.services_wrap .service .bg {height: 209px; line-height: 209px;}
.clients ul li { margin-right: 17px;}
.footer_bottom .widget input[type='text'] {width: 68%;}
.blog_sec .detail { width: 71%;}
.contact_fm textarea { width: 67%;}
.adress_wrap li { padding-right: 60px; margin-right: 60px; margin-bottom: 50px;}
}
/****************************************************************************
(768)
****************************************************************************/
@media only screen and ( min-width: 768px ) and ( max-width: 959px )
{
header {height: 76px; position: relative;}
.nav > ul {display: none;}
.responsive_nav {
display: inline-block;
position: absolute;
width: 377px;
left: 50%;
bottom: 30px;
margin-left: -162px;}
.responsive_nav { display: inline-block;}
.caption { display: none !important;}
.fullwidthbanner-container { margin-bottom: 30px; position: relative; }
.tp-bullets.simplebullets .bullet {display: none;}
.brands-carousel .portfolio { float: left; width: 290px;}
.brands-carousel .jcarousel-prev { left: 10px; z-index: 99999;}
.brands-carousel .jcarousel-next { right: 20px; z-index: 99999;}
.index_two .tab-content li { width: 100%; margin-right: 0px; border: 0px;}
.social_icon a { width: 29px;}
.about_tab { margin-top: 20px;}
.about_tab ul li {display: inline-block;}
.about_tab ul li a {width: 93px; height: 93px;}
.about_tab ul li a span {display: none;}
.portfolio-nav li a { display: block;}
.comments ul li .comnt_detail { width: 78%;}
.comments ul li.children .comnt_detail { width: 73%;}
.comment_form textarea { width: 62%;}
.contact_fm textarea { width: 65%;}
.adress_wrap li { margin-bottom: 20px;}
.our_tasks .task h3 { font-size: 14px;}
.testi_slider .slides .detail { width: 76%;}
.blog_sec .detail { width: 62%;}
.table_wrap .table .meta a { padding-left: 22px;}
.port_crousel .brands-carousel .jcarousel-next, .port_crousel .brands-carousel .jcarousel-prev { height: 290px;}
.footer_bottom .widget input[type='text'] { width: 50%;}
}
/****************************************************************************
(600 X 800)
****************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 767px)
{
header { height: 126px;position: relative;}
.logo { width: 190px;margin-left: 5px;}
.nav {position: absolute; top: 18px;}
.nav > ul {display: none;}
.responsive_nav {
display: inline-block;
position: absolute;
width: 99%;
left: 2px;
bottom: -46px;}
.services_wrap .service .bg {background-size: contain; height: 100%;}
.responsive_nav { display: inline-block;}
.caption { display: none !important;}
.fullwidthbanner-container { margin-bottom: 30px; position: relative; }
.tp-bullets.simplebullets .bullet {display: none;}
.brands-carousel .portfolio { float: left; width: 290px;}
.brands-carousel .jcarousel-prev { left: 10px; z-index: 99999;}
.brands-carousel .jcarousel-next { right: 20px; z-index: 99999;}
.tabs_wrap .nav-tabs li, .services_section ul li { width: 50%;}
.index_two .our_work .slider_about > div{ width: 90% !important; padding: 0px 20px;}
.index_two .our_work { height: 800px;}
.index_two .tab-content li { width: 100%; margin-right: 0px; border: 0px;}
.index_two .tab-content li figure { margin-right: 0px;}
.portfolio_sec .portfolio, .index_five .port_section .portfolio, .index_six .port_section .portfolio { width: 100%; margin-bottom: 20px;}
.banner_wrap h4, .banner_wrap h5 { font-size: 15px; padding: 15px 12px;}
.banner_wrap h6 { background: none;}
.home_accordion .accordion-heading a { font-size: 18px;}
.home_accordion img, .index_four .about_detail img { margin-top: 20px;}
.index_four .our_tasks .task { margin-bottom: 20px;}
.skills_two > div { padding: 0 20px;}
.skills_two { margin-bottom: 60px;}
.skills_two ul li h3 { font-size: 21px; }
.skills_two .bottom { display: none;}
.skills_two ul li span { font-size: 15px; }
#carousel_two > span img { height: 95%;}
.port_slider .port_pager { margin-left: 37px;}
.slides_wrap .slides h3, .slides_wrap .slides span { margin-right: 37px;}
.blog_sec .detail { width: 74%;}
.table_wrap .table figure img { width: 100%;}
.port_crousel { display: none;}
.table_slider .top { padding: 50px 20px; }
.table_slider .tab { width: 90%; margin: 0 auto 30px; float: none; border-right: 1px solid #f0f1f0;}
.about_detail, .team_section, .skills > div, .footer_bottom .widget,
.portfolio-nav, #project-container, .blog_sec, .clients, .sidebar, .section,
.contact_fm, .adress_wrap, .our_tasks, .tabs_wrap, .services_section ul, .home_tabs, .about_detail_section ,
.brands-carousel, .home_accordion, .port_section, .carousel_wrap, .portfolio_detail,
.testi_slider, .table_wrap .inner_table > div, .basket_bars, .more_port, .smp { width: 90%; margin: 0 auto 20px;}
.services_wrap .service {width: 270px; margin: 0 auto 20px;}
.testi_slider .slides .detail { width: 66%;}
.index_six .port_section .overlay, .index_five .port_section .overlay { width: 100%; height: 100%;}
.about_tab { margin-top: 20px;}
.about_tab ul li {display: inline-block;}
.about_tab ul li a {width: 65px; height: 65px;}
.about_tab ul li a span {display: none;}
article, .blog_two article, .comment_form fieldset, .contact_fm fieldset { width: 100%;}
.portfolio, .port_three .portfolio, .blog_one .portfolio {width: 100%; text-align: center;}
.blog_one .portfolio {min-height: 270px;}
.comment_form textarea, .contact_fm textarea { width: 95%;}
.adress_wrap li { margin-right: 0px; padding-right: 0px; width: 90%;border: 0px; margin-bottom: 20px;}
.coment_headings { background: none;}
.coment_headings h4, .coment_headings h5 { display: block; float: none; margin-bottom: 10px;}
.comments ul li .comnt_detail, .comments ul li.children .comnt_detail { width: 61%;}
.comments ul li.children { margin-left: 0px;}
.about_detail img {margin-bottom: 20px;}
.social_bar {line-height: 37px; padding-top: 10px;}
.social_bar, .social_bar .right, .title_bar ul { text-align: center;}
.clients ul li { margin-right: 0px; line-height: 72px; width: 49%;}
.team { width: 280px; margin: 0 auto 25px;}
article a.comnt { float: none; margin-top: 13px; margin-left: 0px;}
.portfolio-nav li a {display: block;}
.portfolio-nav li a {font-size: 14px;}
.title_bar {text-align: center;}
.title_bar h2 {line-height: 50px;}
.title_bar ul li {line-height: 45px;}
footer p { line-height: 30px;}
footer p, footer .right {text-align: center;}
.footer_bottom .widget input[type='text'] { width: 60%;}
.services_wrap .service .bg { background-size: contain;}
.services_wrap .service .overlay { height: 157px; line-height: 157px;}
}
/****************************************************************************
{320 X 480} + (480 X 320)
****************************************************************************/
@media only screen and (max-width: 480px)
{
header { height: 112px;position: relative; margin-bottom: 10px;}
.logo {
width: 161px;margin-left: 27%;
margin-top: -10px;
}
.form-space table{
margin-left:10%;
}
.form-space input[type="text"]{
width:72%;
padding: 6px 0px;
}
.form-space select, .form-space textarea{
width:72%;
padding: 6px 0px;
}
.nav {position: absolute; top: 23px;}
.nav > ul {display: none;}
.fullwidthbanner-container .tp-thumbs { width: 300px !important; display: none;}
.our_work p { width: 290px; margin: 0 auto 30px;}
.services_wrap .service .bg {background-size: contain; height: 100%;}
.responsive_nav {
display: inline-block;
position: absolute;
width: 99%;
left: 2px;
bottom: -32px;}
.caption { display: none !important;}
.fullwidthbanner-container { margin-bottom: 30px; position: relative; }
.tp-bullets.simplebullets .bullet {display: none;}
.brands-carousel .portfolio { float: left; width: 290px;}
.brands-carousel .jcarousel-prev { left: 10px; z-index: 99999;}
.brands-carousel .jcarousel-next { right: 20px; z-index: 99999;}
.index_two .our_work .slider_about > div{ width: 90% !important; padding: 0px 20px;}
.index_two .our_work { height: 800px;}
.index_two .tab-content li { width: 100%; margin-right: 0px; border: 0px;}
.index_two .tab-content li figure { margin-right: 0px;}
.portfolio_sec .portfolio, .index_five .port_section .portfolio, .index_six .port_section .portfolio { width: 100%; margin-bottom: 20px;}
.banner_wrap h4, .banner_wrap h5 { font-size: 15px; padding: 15px 12px;}
.banner_wrap h6 { background: none;}
.home_accordion .accordion-heading a { font-size: 18px;}
.home_accordion img, .index_four .about_detail img { margin-top: 20px;}
.index_four .our_tasks .task { margin-bottom: 20px;}
.skills_two > div { padding: 0 20px;}
.skills_two { margin-bottom: 60px;}
.skills_two ul li h3 { font-size: 21px; }
.skills_two .bottom { display: none;}
.skills_two ul li span { font-size: 15px; }
#carousel_two > span img { height: 95%;}
.port_slider .port_pager { margin-left: 37px;}
.slides_wrap .slides h3, .slides_wrap .slides span { margin-right: 37px;}
.blog_sec .detail { width: 54%;}
.basket_bars .meta { float: none;}
.basket_bars .basket { height: auto; line-height: 15px;}
.basket_bars h5 { margin-top: 20px;}
.basket_bars meta {text-align: right; margin-right: 0px; margin-bottom: 20px;}
.port_crousel { display: none;}
.table_slider .top { padding: 50px 20px; }
.table_slider .tab { width: 90%; margin: 0 auto 30px; float: none; border-right: 1px solid #f0f1f0;}
.about_detail, .team_section, .skills > div, .footer_bottom .widget,
.portfolio-nav, #project-container, .blog_sec, .clients, .sidebar, .section,
.contact_fm, .adress_wrap, .our_tasks, .tabs_wrap, .services_section ul, .home_tabs, .about_detail_section ,
.brands-carousel, .home_accordion, .port_section, .carousel_wrap, .portfolio_detail,
.testi_slider, .table_wrap .inner_table > div, .basket_bars, .more_port, .smp { width: 90%; margin: 0 auto 20px;}
.services_wrap .service { width: 84.5%; margin: 0 auto 20px;}
.about_tab { margin-top: 20px;}
.about_tab ul li {display: inline-block;}
.about_tab ul li a {width: 65px; height: 65px;}
.about_tab ul li a span {display: none;}
article, .blog_two article, .comment_form fieldset, .contact_fm fieldset { width: 100%;}
.portfolio, .port_three .portfolio, .blog_one .portfolio {width: 100%; text-align: center;}
.blog_one .portfolio {min-height: 270px;}
.comment_form textarea, .contact_fm textarea { width: 95%;}
.adress_wrap li { margin-right: 0px; padding-right: 0px; width: 90%;border: 0px; margin-bottom: 20px;}
.coment_headings { background: none;}
.coment_headings h4, .coment_headings h5 { display: block; float: none; margin-bottom: 10px;}
.comments ul li .comnt_detail, .comments ul li.children .comnt_detail { width: 61%;}
.comments ul li.children { margin-left: 0px;}
.about_detail img {margin-bottom: 20px;}
.social_bar {line-height: 37px; padding-top: 10px;}
.social_bar, .social_bar .right, .title_bar ul { text-align: center;}
.clients ul li { margin-right: 0px; line-height: 72px; width: 49%;}
.team { width: 280px; margin: 0 auto 25px;}
article a.comnt { float: none; margin-top: 13px; margin-left: 0px;}
.portfolio-nav li a {display: block;}
.portfolio-nav li a {font-size: 14px;}
.title_bar {text-align: center;}
.title_bar h2 {line-height: 50px;}
.title_bar ul li {line-height: 45px;}
footer p { line-height: 30px;}
footer p, footer .right {text-align: center;}
.footer_bottom .widget input[type='submit'] {float: right;}
.index_two .our_work > div {
height: 90.5%;
}
.about_list div {width: 90%; margin: 0 auto; float: none; text-align: center;}
.about_list div a { display: inline-block; margin: 0px 4px 15px;}
.footer_bottom .widget input[type='text'] { width: 60%;}
.responsive_nav > ul > li{
padding: 22px 0px 0px 0px !important;
}
}