@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
@import url('../fonts/fonts.css');
@import url('../fonts/icomoon/style.css');
@import url('dark_blue.css');

*{margin:0px auto;  outline:none; list-style:none; }
body{ font-size:13px;font-family: 'Open Sans', sans-serif;}

h2 {font-size: 30px;}
h3 { font-size: 27px}
h4  {font-size: 22px}
h5{font-size: 18px}
h6{font-size:15px;}

h1,h2,h3,h4,h5,h6{font-family: 'Open Sans';font-weight: 700;}
p{ font-size:15px; color:#959595;}

h1 span{ font-weight:700;}

.none{display:none;}
.clear{clear:both}
.left{float:left}
.right{float:right}

ul{margin:0px;}


/*==========================================================================*/
/*                                      HEADER                              */
/*==========================================================================*/

.main-section{ 
    width:100%; 
    float:left;
    position:relative;
   /* background:url(../img/slider-bg.png) no-repeat 0px 0px;background-size:cover */
}
header{ 
    background:#fff;
    width:100%;
    /*padding: 25px 0px 0px 0px; */
   /* border-bottom:1px solid #6281a4;*/
}
.row {width: 100%;max-width: 1140px;padding: 0 0px;}
.top-bar .row{max-width: 1140px !important;}
.top-bar .name{
   /* padding-left:13px;
    padding-left:100px;*/
    padding-top:15px;
}
.top-bar-section{}
.top-bar-section ul{}
.top-bar-section ul li{}
.top-bar-section ul li a{ font-size:17px; color:#fff;font-family: 'Open Sans', sans-serif; font-weight:700;}
.top-bar-section ul li:hover a{ color:#b3d92b; border-bottom:5px solid #b3d92b;padding: 0px 15px 18px 15px !important;}

.top-bar-section li:not(.has-form) a:not(.button):hover{ background:none;}
.top-bar-section .has-dropdown>a:after{display:none;}
.top-bar-section .has-dropdown>a{padding-right:15px !important}
.top-bar .name h1 a{ padding:0px 15px 0px 0px;}
.top-bar-section ul li ul li a{}
.top-bar-section ul li.selected a{color: #b3d92b;border-bottom: 5px solid #b3d92b;
    padding: 23px 15px 18px 15px !important;
}
.top-bar-section ul li ul.dropdown li:hover a{ border-bottom:none !important;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){ padding:0px 15px !important; background: #0a4485!important;}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button){ color:#b3d92b;}
.top-bar-section .dropdown li a{border-bottom:none !important}
.slider{ 
    width:100%;float: left;
   /* max-height: 684px; 
    overflow:hidden;*/
    position: relative;
}
.slider-content{text-align: center;}
.top-bar-section ul li:hover:not(.has-form)>a{
    background:none;
	padding-top:23px!important;
}
.home-slider .slick-slide{}
.slider-caption{ display: inline-block;}
.slider-caption h1{ color:#fff; text-transform:uppercase; font-weight:700;margin: 96px 0px 34px 0px;}

.contain-to-grid, .top-bar, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul li{background:none}
@media only screen and (min-width: 40.063em){
.top-bar-section{float: right;}	
.contain-to-grid .top-bar{ max-width:1140px;}
.top-bar-section li:not(.has-form) a:not(.button){
        /*padding: 0px 15px 23px 15px;*/
        padding:23px 15px;
    }	
}


/*==========================================================================*/
/*                                      MIDDLE                              */
/*==========================================================================*/

.project-section{ width:100%;float: left; background:#f5f7fa;padding: 78px 0px 38px 0px; }
.project-section .large-12{padding: 0px 52px;}
.project{ text-align:center;}
.project p{ font-size:22px; color:#404040;margin-bottom: 62px;}
.button{ font-size:30px; color:#ffffff; text-transform:uppercase;padding: 16px 84px;border-radius: 45px; background:#3079d9; font-family: 'Open Sans';}
.button:hover{background:#72b8f3;}
.offer-section{ width:100%; float:left; background:#ffffff;
   /* padding: 60px 0px 44px 0px;*/
    padding: 0px 0px 44px 0px;
}
.offer-section .large-12{ padding:0px;}
.offer{ text-align:center;}
.offer h1{ color:#404040;font-weight: 100 !important;
    /*margin: 3px 0px 15px 0px;*/
    margin: 0px 0px 15px 0px;
} 
.offer p{ font-style:italic;margin-bottom:2rem;padding: 0px 3rem;font-size:17px;}

.web-design{ text-align:center;}
.web-design h3{margin: 50px 42px 16px 21px;font-size:21px;}
.web-design h3 a{color:#222}
.web-design p{ font-size:15px;}
.web-design span{ font-size:142px;}
.web-design:hover h3,.web-design:hover h3 a,.web-design:hover p,.web-design:hover span{ color:#3079d9;}
.hover img{ display:none;}
.web-design:hover .hover{}
.web-design:hover .hover img{ display:block; text-align:center;position:absolute; top:0px; left: 64px; }

.recent-work-section{ width:100%; float:left;}
.recent-work-section .large-12{ padding:0px;}
.recent-work{}
.recent-work h1{font-weight: 100 !important;}


.potfolio-section h1{font-weight: 100 !important; color:#fff;margin: 22px 0px 8px 0px;}
.potfolio-section h1 span{font-weight:700;}
.portfolio-list{ text-align:center; display:inline-block;padding: 14px 0px 56px 0px;}
.portfolio-list ul{}
.portfolio-list ul li{ float:left;padding: 3px 20px 3px 34px;}
.portfolio-list ul li a{ font-size:20px; color:#ffffff; text-transform:uppercase;font-family: 'Open Sans'; }

.portfolio-list ul li.selected{ background:#3079d9; padding: 3px 22px;border-radius: 24px; position:relative;}
.portfolio-list ul li.selected:after{content: '';
display: inline-block;
background: url(../img/portfolio-active-img.png) no-repeat center center;
width: 15px;
height: 8px;
position: absolute;
bottom: -22%;
right: 41%;}
.portfolio-list ul li.selected img{ position:absolute; top: 37px;right: 30px;}
.potfolio-section .large-12{text-align: center;}

.filter-slider{ }
.pf-images{}
.pf-images ul{}
.pf-images ul li figure{ margin: 0px; }

.pf-images ul..filter-slider>li.slick-active{display:block !important}
.port-hover-cntnt{width: 100%;float: left;background: rgba(61, 111, 188, 0.74);padding: 19px 20px 19px 21px;}
.port-hover-cntnt h2{ font-size:24px; color:#fff; float:left;}
.port-hover-cntnt a.viewproject{ background:#97b91c; padding: 7px 22px;font-size: 13px;float: right;margin:0px;}
.port-hover-cntnt a.viewproject:hover{ background:#c5e554; color:#fff;}

.meet-team-section{ width:100%; float:left;padding: 46px 0px 72px 0px;}
.meet-team-section .large-12{ padding:0px;}
.meet-team{ text-align:center;}
.meet-team h1{font-weight: 100 !important;}
.meet-team p{font-size: 17px;    font-style: italic;    margin-bottom: 2rem;    padding: 0 3rem;}

.meet-team ul{}
.meet-team ul li{ float:left;}
.meet-team ul li:last-child{ margin-right:0px;}
.meet-team ul li h2{ color:#404040;margin: 20px 0px 0px 0px;font-size:20px}
.meet-team ul li h2 a{ color:#404040;margin: 20px 0px 0px 0px;}
.meet-team ul li span{ font-size:15px; color:#959595;}
.meet-team-image{ width:256px; height:256px;}
.meet-team-image img{ border-radius:50%;}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgba(200,95,66, 0.4),
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	max-width: 257px;
margin: 0 auto;
}


.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;
	top: 0px;
background: rgba(79, 135, 209, 0.85);
left: 0px;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 110px rgba(200,95,66, 0.4),
		inset 0 0 0 16px rgba(255,255,255,0.8),
		0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
	opacity: 1;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}
.ch-info{width:100%; float:left;text-align:center;margin:0 auto}
.ch-info ul{padding-top: 42%;width:100%; float:left;margin:0 auto;}
.ch-info ul li{ float:none;margin: 0px 10px !important;display:inline-block;}
.ch-info ul li em{ color:#fff; font-size:22px;}
.ch-info ul li:hover .fa{ color:#000000;}
.ch-info .full-bio{width:100%;margin:0 auto;max-width:100px;text-align:center;float:none; display:inline-block; background:#97b91c; color:#fff;padding: 3px 15px; border-radius:20px;margin: 14px 0px 0px 0px;}
.ch-info .full-bio:hover{ background:#c5e554; color:#fff;}

.testimonial-caption{ text-align:center; padding:0px 50px;}
.quote-image{ width:52px; height:52px; line-height:52px; text-align:center; border:2px solid #fff; border-radius:50%;display: inline-block;}
.quote-image img{ margin-top:15px;}
.testimonial-caption h1{ color:#fff; font-size:28px;}
.testimonial-caption p{ olor: #ffffff;
    font-size: 17px;
    font-style: italic;
    line-height: 27px;
    margin-bottom: 35px;}

.author-details{ width:30%; display:inline-block;}
.author-image{ float:left;}
.author-name{ float:right;}
.author-name h4{ color:#ffffff; text-transform:capitalize; margin:0px;}
.author-name span{ font-size:22px; color:#fff; font-style:italic;}

.more-testimonials{ font-size:18px; display:block; color:#fff; border:1px solid #fff; border-radius:25px; 
   /* float:left; */
    clear:both;
    padding:8px 24px;
    margin-top: 28px;
    text-align:center
}
.more-testimonials:hover{ background:#72b8f3; color:#fff;}

.get-in-touch-section{ width:100%; float:left; background:url(../img/get-in-touch-bg.png) no-repeat 0px 0px; padding: 5rem 0;}
.get-in-touch-section h1 {
    margin-bottom:2rem; 
   /* font-size:28px;*/
    font-weight:100!important;
}
	

.get-in-touch{ text-align:center;}

.contact-details{text-align: left;}
.contact-details p{ color: #404040;    font-size: 22px;    font-style: italic;    line-height: 28px;}
.contact-details em{ float:left;font-size: 26px;color: #3079d9; margin-top:1px;}
.contact-details span.cntct a{display: block;font-size: 18px;    line-height: 26px;color: #404040;margin: 0px 0px 18px 44px;}

}
.contact-form{}
.contact-form form{}
.contact-form form input[type="text"]{height: 48px; box-shadow:none; border:2px solid #e1e1e1;}
input[type="submit"],a#catshopbuy:link, a#catshopbuy:visited, .productSubmitInput{text-transform: uppercase;font-size: 16px;background: #3079D9;cursor: pointer;border: none;color: #FFF;padding: 0px;font-family: 'Open Sans', sans-serif;font-weight: 700;padding: 10px 25px;margin-top: 14px;border-radius: 90em;}
.contact-form form input[type="submit"]{ width:100%; height:72px; font-size:20px ; border-radius:0px;}
input[type="submit"]:hover{ background:#72b8f3;}
.contact-form form textarea{ height:180px; box-shadow:none; border:2px solid #e1e1e1;}

.map-section{float: left;width:100%;}
.map-section iframe{ width:100%; height:600px}

form .item {width:100%; float:left}
.item input[type="checkbox"]{float:left;margin: 6px 0 10px 0;}
.item label{float: left;}
/*==========================================================================*/
/*                                      FOOTER                              */
/*==========================================================================*/

footer{ width:100%; float:left; background:#373737;padding: 36px 0px 30px 0px;}
footer .large-12{ padding:0px;}
.socialmedia{ text-align:center;}
.socialmedia h4{ color:#fffefe; text-transform:uppercase;}

.social-list{margin: 21px 0px 30px 0px;}
.social-list ul{ text-align:center;}
.social-list ul li{ width:56px; height:56px; line-height:56px; text-align:center; border:2px solid #fff; border-radius:50%; display: inline-block;margin: 0px 11px;}
.social-list ul li:hover{ background:#ffffff;}
.social-list ul li:hover em{ color:#3079d9;}
.social-list ul li em{ font-size:25px; color:#fff;}

.sitemap{}
.sitemap ul{ text-align:center;}
.sitemap ul li{ display:inline-block;margin: 0px 13px;}
.sitemap ul li a{ font-size:15px; color:#959595;font-weight: 700;	}
.sitemap ul li:hover a{ color:#fff;}

.socialmedia p{font-size: 13px; margin: 18px 0px 0px 0px;}


/*==========================================================================*/
/*                              PARALLAX IMAGE                              */
/*==========================================================================*/
.main-section{
    width:100%; float:left; position:relative; 
    background:url('/Banner-Images/Mercedes-1500x798.jpg') no-repeat 0px 0px;
    background-size:cover 
}
.main-section-with-vid{
    width:100%; float:left; position:relative; 
    
}
.potfolio-section{ 
    width: 100%;
    float: left;
    background:url(/Banner-Images/BMw-1500x798.jpeg) no-repeat top center; 
    background-size: cover !important; 
    padding: 3rem 0 9rem;
}
.testimonial-section{ width:100%; float:left;background:url(../img/testimonial-image.png) no-repeat 0px 0px; background-size:cover; padding: 43px 0px 110px 0px;overflow:hidden}
.main-full-width-section{ width:100%;background:url(../img/full-width-image.jpg) no-repeat 0px 0px; background-size:cover;}
.main-about-section{
    width:100%; 
   /* background:url(../img/About-US-Main-Image-1500x500.jpeg) no-repeat 0px 0px; */
     background: url("../img/About-US-Main-Image-1500x500.jpeg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
    background-size:cover;
}
.service-main-section{ width:100%; background:url(../img/service-image.jpg) no-repeat 0px 0px;  background-size:cover;}
.sidebar-main-section{ width:100%;background:url(../img/sidebar-image.jpg) no-repeat 0px 0px; background-size:cover;}
/*==========================================================================*/
/*                                      ABOUT                               */
/*==========================================================================*/


.about-caption{ text-align:center; padding: 98px 0px 139px 0px;}
.about-caption h1{ color:#fff;}
.about-caption p{ color:#fffdfc; font-style:italic;padding: 0px 142px;}


.co-founders-section{ width:100%;float: left;padding:4rem 0;min-height:700px}

.webdesign-breadcrumbs{width: 100%;float: left;}
.webdesign-breadcrumbs ul{}
.webdesign-breadcrumbs ul li{ float:left;}
.webdesign-breadcrumbs ul li:hover a{ color:#000;}
.webdesign-breadcrumbs ul li a{font-size: 14px; color:#959595;}
.webdesign-breadcrumbs ul li a:after{ background:url(../img/divider.png) no-repeat 0px 0px; content:''; display:inline-block; width: 11px;height: 13px;margin: 12px 10px 0px 8px;}
.webdesign-breadcrumbs ul li.selected a{ color:#000000;}
.webdesign-breadcrumbs ul li:last-child a:after{ background:none;}

.co-founders{ float:left;}
.co-founders h2{font-weight: 700;margin: 46px 0px 42px 0px;width: 100%;float: left;}
.co-founders ul{}
.co-founders ul li{ margin:0px 0px 44px 0px;text-align: center;}
.co-founders ul li:nth-child(4n){ margin-right:0px;}
.co-founders ul li:last-child{ margin-right:0px;}
.co-founders ul li h2{margin: 20px 0px 0px 0px;font-size:20px}
.co-founders ul li:hover h2{ color:#3079d9;}
.co-founders ul li span{ font-size:15px; color:#959595;}

/*==========================================================================*/
/*                                      FULL-WIDTH                          */
/*==========================================================================*/

.main-full-width-section .service-caption{padding: 82px 0px 122px 0px;}

.middle-full-width-section{ width:100%;padding: 34px 0px 156px 0px;}
.middle-full-width-section h1,.middle-full-width-section h2,.middle-full-width-section h3,.middle-full-width-section h4,.middle-full-width-section h5,.middle-full-width-section h6{ color:#010101; text-transform:capitalize;}

.middle-full-width-section h1{ font-size:28px;}
.middle-full-width-section h2{ font-size:25px;}
.middle-full-width-section h3{font-size:20px; }
.middle-full-width-section h4{font-size:18px;}
.middle-full-width-section h5{font-size:16px;}
.middle-full-width-section h6{font-size:14px;}

.middle-full-width-section p{ color:#000;}

.sidebar{ float:left; margin: 32px 0px 0px 0px;}
.sidebar-image-left-content h1.sidebar-heading{ font-size:40px; text-transform:uppercase; margin: 0px 0px 24px 0px;line-height: 44px;}
.sidebar-image-right img{ margin-top: 10px;}

.sidebar-list{}
.sidebar-list h1{font-size: 40px;font-family: 'Open Sans', sans-serif; font-weight:700;margin: 50px 0px 18px 0px;}
.sidebar-list ul{margin-left: 18px;}
.sidebar-list ul li{ font-size: 15px;list-style-image:url(../img/list-style-img.jpg); padding: 0px 0px 10px 18px;list-style-position: outside;}
.sidebarlist{margin-top: 124px;}
.sidebarlist li{ list-style:decimal !important;padding: 0px 0px 8px 19px;}


.list_style {list-style: none;margin: 0px 0 20px 0;}
.list_style li {background: url(../img/list-style-img.jpg) 0 9px no-repeat;padding: 0 0 0 25px;margin: 5px 0;line-height: 25px;}
/*==========================================================================*/
/*                                      SIDEBAR                             */
/*==========================================================================*/


.sidebar-main-section .service-caption{padding: 74px 0px 130px 0px;}
.middle-sidebar-section .large-12{ padding:0px;}
.middle-sidebar-section .large-6{padding: 0px 15px 0px 8px;}
.middle-sidebar-section .sidebar{ margin:0px;}


p.blog-content{ float:left; color:#7d7d7d; background: #f6f8fb;padding: 34px 66px 34px 68px;font-style: italic;border-left: 18px solid #b4cdef;margin-top: 20px; }
p.blog-content:before{ content:''; display:block;display: inline-block; float:left;width: 45px;height: 65px;background:url(../img/sidebar-quotes.png) no-repeat 0px 0px; margin:-9px 18px 0px -46px;}

.middle-sidebar-section .sidebar-list h1{ font-size:28px;margin: 0px 0px 20px 0px;font-family: 'Open Sans';}
.middle-sidebar-section .sidebarlist{margin: 60px 0px 0px 30px;}

.cultivate{ background:#f4f4f4;padding: 2rem;}

.cultivate p{ color:#666666;}

.readmore{ display: inline-block;padding: 6px 18px;background: #3079d9;color: #fff;font-size: 15px;border-radius: 4px;}
.readmore:after{ content: '';display: inline-block;background: url(../img/readmore-after.png) no-repeat 0px 0px;width: 5px;height: 9px;margin-left: 11px;}
.readmore:hover{ color:#fff; background:#72b8f3;}

.middle-sidebar-section .large-4{ padding:0px;}

.recent-post{float: left;background: #f4f4f4; margin-top:25px;padding:2rem;}
.recent-post h2{margin: 0px 0px 20px 0px;}
.post{width:100%; float:left;margin-bottom: 18px;}
.post img{ float:left;margin-right: 13px;}
.post-content{}
.post-content h3 a{display: block;color: #0e0f0f;line-height: 24px;font-family: 'Open Sans', sans-serif;}
.post-content p{ margin:0px;}
.post-content em{ font-size: 20px;color:#959595;margin-right: 8px;}
.post-content span{color:#959595;}
.post-content h3{ font-size: 18px;}
.middle-sidebar-section .recent-post .post:last-child{border-bottom:1px solid #dfdfdf;}
.main{width:100%; float:left;padding:15px 0}

/*==========================================================================*/
/*                                      SERVICES                            */
/*==========================================================================*/



.service-main-section{}
.service-caption{ text-align:center; padding: 98px 0px 139px 0px;}
.service-caption h1{ color:#fff;}
.service-caption p{ color:#fffdfc; font-style:italic;padding: 0px 142px;}

.service-list{float: left;margin: 94px 0px 0px 0px;}
.service-section{width: 100%;padding: 25px 0px 64px 0px; min-height:700px}
.service-list ul{}
.service-list ul li{text-align: center;}
.service-list ul li:hover h2{ color:#3079d9;}
.service-list ul li .large-6{ border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;padding: 10px 64px 86px 43px;}
.service-list ul li:nth-child(2n) .large-6{ border-right:none;}
.service-list ul li:nth-child(3) .large-6,.service-list ul li:nth-child(4) .large-6{ border-bottom:none;}
.service-list ul li:nth-child(3) .large-6 .service-image,.service-list ul li:nth-child(4) .large-6 .service-image{ margin-top:64px;}
.service-list ul li .large-6 h2{margin: 34px 0px 14px 0px;}

.buttons{ font-size:15px; background:#3078da;display:inline-block;padding: 10px 46px;border-radius: 38px; text-align:center; color:#fff; text-transform:uppercase;margin-top: 22px;}
.service-list ul li:hover a.buttons{  background:#3079d9;color:#fff;border:1px solid #3079d9;}
.service-list ul li a.buttons{ float:none; background:#fff; border:1px solid #404040; border-radius:30px; color:#404040;}
.service-image span{ font-size:138px;}
.service-list ul li:hover span{ color:#3079d9;}

.send-project{ width:100%; float:left; text-align:center;margin: 70px 0px 0px 150px;}
.send-project p{float: left; font-size:20px; color:#404040; margin: 19px 0px 0px 0px;} 
.btn{ background:#3079d9; font-size:20px; color:#fff; border:none;padding: 17px 61px;margin:0px 0px 0px 22px;font-weight: 700; text-transform:capitalize;}
.btn:hover{ color:#fff; background:#72b8f3;}


/*==========================================================================*/
/*                               WEB APP Detail-Page                        */
/*==========================================================================*/
.Services-Detail{width:100%; float:left;padding:30px 0}
.Services-Detail .web-design span{font-size:145px}

.Detail-Page{width:100%; float:left;padding:30px 0}
.Detail-Page .page_title{width:100%; float:left;}
.Detail-Page h2{width:auto; float:left;margin-right:25px}
.Detail-Page span{font-size: 18px;display:block;margin-bottom: 12px; color:#959595}
.Detail-Page figure{width:100%; float:left;margin:0px}
.Detail-Page figure img{width:100%; }



.team_member{width:100%; float:left ; border-radius:5px;margin:50px 0}

.team_member .team-image{width:100%; float:left ;padding:0px;}
.team_member .team-image img{width: auto; display:block;
}



.team_member .team-description{width:100%; float:left ;padding-top:30px}
.team_member .team-description h3{color:#028dd0;}
.team_member .team-description span{font-size:14px; color:#717171;text-transform:uppercase;margin-bottom:20px;display:block;}
.team_member .team-description p{font-size:16px; color:#8a8a8a;padding:0px;margin-bottom:12px;}

.social-icon{width: 100%;float: left;/* background: #939393; */padding: 0px;min-height: inherit;text-align: center;margin-top: 19px;height: 36px;}
.social-icon ul{width:auto; float:none;margin:0px;display:inline-block}
.social-icon ul li{width:37px ;float:left;margin:0px;border:none;border-radius:0px;background:none}
.social-icon ul li a{line-height:0px; text-align:center}
.social-icon ul li a em{ display:block; color:#4F87D1;}
.social-icon ul li a em.fa-facebook{font-size:26px;padding-top:3px}
.social-icon ul li a em.fa-twitter{font-size:29px;}
.social-icon ul li a em.fa-linkedin{font-size:29px;}







/*==========================================================================*/
/*                                      PORTFOLIO                           */
/*==========================================================================*/

.porfolio-main-section{ width:100%; background:url(../img/portfolio-image.jpg) no-repeat 0px 0px; background-size:cover; }

.portfolio-section{padding: 25px 0px 108px 0px;}

.portfolio{ width:100%; text-align:center; display:inline-block;padding: 50px 0px 86px 0px;}
.portfolio ul{ text-align:center;}
.portfolio ul li{ display: inline-block;padding: 0px 20px 0px 34px;}
.portfolio ul li a{ font-size:20px; color:#404040; font-weight:700; text-transform:uppercase;font-family: 'Open Sans'; }
.portfolio ul li.selected{ background:#3079d9; padding: 3px 22px;border-radius: 24px; position:relative;}

.portfolio ul li.selected:after{content: '';
display: inline-block;
background: url(../img/portfolio-active-img.png) no-repeat center center;
width: 15px;
height: 8px;
position: absolute;
bottom: -21%;
right: 41%;}
.portfolio ul li.selected a{ color:#fff;}
.portfolio ul li.selected img{ position:absolute; top: 37px;right: 30px;}


.portfolio-images{width:100%; float:left;margin:0;padding:0}
.portfolio-images ul{width:100%; float:left;margin:0;padding:0}
.portfolio-images ul li{width: 33.33333%; float: left;margin: 0px 0px 15px 0px; text-align: left;}
.portfolio-images ul li h2{ font-size:25px; color:#404040;margin: 12px 0px 2px 0px;}
.portfolio-images ul li span{ font-size:20px; color:#898989; font-style:italic; text-transform:uppercase;display: block;margin-bottom: 30px;}
figcaption .port-hover-cntnt h2{ margin:0px !important; color:#fff !important;}

.load-more{ text-align:center; display:none;}
.loadmore{ font-size: 20px;background:#ebebeb; color:#959595; border:none;padding: 10px 87px; text-transform:uppercase;margin-top: 40px;}
.loadmore:hover{ color:#000;}


/*==========================================================================*/
/*                                      CONTACT                             */
/*==========================================================================*/
.contact-main-section header{ border-bottom:none;}
.contact-map{width:100%; float:left;}
.contact-map iframe{ width:100%; height:635px}

.contact-section{ width:100%; padding: 12px 0px 197px 0px;}
.contact-section .get-in-touch .large-5{ padding:0px 15px 0px 0px;}
.contact-section .get-in-touch{ float:left; text-align:left;margin-top: 32px;}
.contact-section .get-in-touch p{ font-size:18px; color:#404040;padding:0px 325px 44px 0px; border-bottom: 1px solid #d7d7d7;margin-bottom: 50px;}
.contact-section .contact-details h4{margin: 0px 0px 16px 0px;}




/*==========================================================================*/
/*                                      FEATURE                             */
/*==========================================================================*/

.feature-main-section{ width:100%; /*background:url(../img/slider-bg.png) no-repeat 0px 0px;*/ background-size:cover;}
.feature-main-section header{ border-bottom:none;}
.page_title{width:100%; float:left;}
.ftr-middle{padding: 0px 0px 100px 0px;font-family: 'Open Sans', sans-serif; width:100%; float:left}

.ftr-middle h1{ font-size:28px;}
.ftr-middle h1.feature-heading{ font-size:40px; color:#404040; font-weight:700;margin: 22px 0px 38px 0px;}

.ftr-slider-description{ position:absolute;top: 50%;right: 42%;}
.feature-heading1{ font-size:70px; color:#ffffff;background: rgba(77, 107, 120, 0.57); padding: 12px 12px 12px 11px; margin:0px;}
.main-event{width:100%; float:left}
.events{text-align:left;}
.events h1{margin: 10px 0px 26px 0px;}
.events p{ display:inline-block; font-size:17px; color:#383838; margin:0px;font-weight:100;}
.events em{ font-size:15px; margin:0px 6px;}
.events p img{ margin:0px 6px;vertical-align:-3px}
.events h2 a{ font-size: 19px;color: #3078da;margin: 16px 0px 5px 0px;font-weight: 100;text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight:700;}
.evnt-dtls{  display: inline-block;font-size:14px;color:#2c2c2c;padding: 0px 4px 0px 0px;text-shadow: 0px 0px 0px #000;}
.evnt-dtls a{ color: #2c2c2c;}
.events .border{ border-right:none;}
.event-cntnt{background: #f4f9ff;padding: 20px 24px 74px 24px;margin-top: 10px;}
.event-cntnt p{font-size: 14px; color:#2c2c2c;margin-bottom: 22px;font-family: 'Open Sans', sans-serif;text-shadow: 0px 0px 0px #000;}
.reserve{width: 196px;height: 45px;line-height: 45px;font-size: 13px;padding: 0px;display:inline-block; color:#ffffff; text-align:center; text-transform:uppercase; font-weight:700; letter-spacing:1px; margin:0px !important;}
.reserve:hover{background:#72b8f3; color:#fff;}

.main-news{float: left; text-align:left;padding-bottom: 14px;width:100%}

.main-news .news{float: left;width:100%;margin-bottom:20px;}
.news-image{ width: 31%;float:left;border: 1px solid #e1e1e1;padding: 4px;margin-right: 16px;}
.news-image img{ width:100%;}
.news-content{width: 66%;float:left;}
.main-news h1{ margin: 44px 0px 10px 0px;}
.news-content h5{ margin: 0px 0px 5px 0px;}
.news h5 a{font-size: 17px;  color:#355054;text-transform: initial; display:inline-block; }
.news span{font-size: 13px;color: #b1b1a7;font-style: italic;font-weight: 500; }
.news  p{ clear:both;color: #373737;font-size: 13px;margin-top: 6px;}

.main-faq{ width: 100%;text-align:left; padding: 0px;float: left;}
.main-faq h1{margin: 98px 0px 24px 0px;font-family: 'Open Sans', sans-serif; font-weight:700;}
.accordion .accordion-navigation > a, .accordion dd > a{border-bottom: none !important; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 44%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(44%,#fcfcfc), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
color: #132533;
padding: 10px 16px 10px 16px;
display: block;
font-size: 16px; font-size: 20px;
border:1px solid #dfdfdf;}
.accordion .accordion-navigation.active > a, .accordion dd.active > a{color: #fff;  background:#3079d9;border-radius: 5px 5px 0px 0px;}
.logout a{ color:#3079d9;}
.accordion-navigation .accordion:before{content: "+";
display: table;
position: absolute;
right: 16px;
top: 16px;}
.accordion-navigation .accordion-navigation.active span.accordion:before{content: '-';
display: table;}
.accordion-navigation .accordion .accordion-navigation > a, .accordion dd > a{ position:relative;}
.border{ border-bottom:1px solid #dfdfdf;}

.main-forum{width:100%; float: left; text-align:left;}
.main-forum h1{margin: 64px 0px 20px 0px;font-family: 'Open Sans', sans-serif; font-weight:700;}
.logout{ float:left;font-size: 15px;}
.right-forum{ float:right;margin: 0px 0px 22px 0px;}
.right-forum .new-topic{width: 170px;height: 45px;line-height: 45px; text-align:center; display:inline-block; font-size:13px; color:#404040;background: inherit; border:1px solid #404040;  font-weight:700; text-transform:uppercase;margin-right: 20px;}
.right-forum em{ font-size: 15px;margin-right: 10px;}
.right-forum .new-topic:hover{ color:#3079d9;}
.right-forum .subscribe{width: 170px;
height: 45px;
line-height: 45px;
text-align: center;
display: inline-block;
font-size: 15px;
color: #fff;
background: #3079d9;
font-weight: 700;
text-transform: initial;
}
.right-forum .subscribe:hover{ color:#fff; background:#72b8f3;}
table tr td.last-rpy{ color:#b9b9b9;}

.forum-title{width: 100%; float:left;}
.forum-title table tr{background: #fff;}
.forum-title table tr td span{font-weight: 700;
color: #3079d9;}
.forum-title table tr.title-row th.forum-name{width: 56%; text-align:left;}
.forum-title table tr td.test{ font-weight: 700;color:#2e4259;text-align: left;}
.forum-title table tr td.test em{margin-right: 8px;}
table tr th, table tr td{ text-align:center;border-bottom: 1px solid #ebebeb;}
.forum-title table tr.title-row{ background:#535353;border-radius: 4px 4px 0px 0px;}
table{}
table tr th{ color:#fff;padding: 15px 15px;}

.main-media{ width:100%; float:left; text-align:left; }
.media{ margin-bottom:8px;}
.media em{ font-size:15px;}
.main-media h1{margin: 16px 0px 20px 0px;font-family: 'Open Sans', sans-serif;font-weight: 700;}
.main-media a{ font-size: 15px;
color: #3079d9;text-decoration:underline;margin-left: 14px;}
.main-media p{font-size: 15px;
color: #686868;margin-bottom:12px}

.gallary{ float: left;width: 100%;}
.gallary h1{ margin: 40px 0px 22px 0px;font-weight: 700;font-family: 'Open Sans', sans-serif;}
.gallary ul{ margin:0px;}
.gallary ul li{ float:left;margin: 0px 6px 10px 0px;text-align:center;}
.gallary-image{border: 1px solid #c2c2c2;
padding: 4px;}
.gallary ul li h2{ font-size:20px; color:#3079d9;margin: 6px 0px 0px 0px;}
.gallary ul li span{ font-size:14px; color:#535353;}

.feature-blog{width: 100%;float:left;}
.main-blog{width:100%;float: left;margin-top: 44px;}
.blog-image{border: 1px solid #d8d8d8;padding: 10px;}
.blog-list {width: 100%;margin: 10px 0px 0px;float:left;padding:0px ;border:none;background:none;}
.blog-items {width: 100%;height: auto;float: left;margin-bottom:30px ;border-radius:2px ;}
.blog-items h5 a{font-size: 20px; display:block;color: #3079d9;margin: 10px 0px 10px 0px;text-transform: initial;font-family: 'Open Sans', sans-serif;}
.blog-items .fa{font-size: 18px;color: #9c9c9c;}
.blog-items span.evnt-dtls{font-size:15px; color: #9c9c9c;margin: 0px 0px 5px 6px;display:inline-block; text-shadow:none;}
.blog-items p{font-size:15px; color:#4b6268;margin: 0px 12px 5px 0px; float:left;}
.readmore-1{display: block;clear: both;color: #fff;padding: 4px 26px;font-size: 15px;float: left;margin: 8px 0px 0px 0px !important;text-transform: capitalize;}
.readmore-1:hover{ background:#72b8f3; color:#fff;}


.store{  float:left;}
.store span{ font-size:13px; color:#2c2c2c; font-size:13px; color:#2c2c2c;text-transform:uppercase; letter-spacing:1px;}
.store h1{font-family: 'Open Sans', sans-serif; font-weight:700;}

.ftr-store{ float:left;}
.ftr-store span{ }
.ftr-view-cart{ float:right;}
.ftr-view-cart span{ color: #2c2c2c;float: left;}
.ftr-store a{ color:#d5a35e;}

.viewcart{ width:118px; height:32px; line-height:32px;float: left;margin-left: 16px;
border-radius: 4px;margin-top: -6px; background:#4486dd;text-transform: capitalize; text-align:center; color:#fff; display:block; font-size:15px;letter-spacing: 0px;}
.viewcart:hover{background:#72b8f3; color:#fff;}
.viewcart em{margin-right: 8px;}

.product{width: 100%; float: left;margin: 16px 0px 74px 0px;
border-top: 1px solid #e1e1e1;
padding-top: 84px;}
.product ul{margin: 0px;}
.product ul li{ float:left;}
.product ul li{ float:left; text-align:center;padding: 15px 15px 26px 15px;margin: 0px 32px 32px 0px;box-shadow: 0px 0px 4px #ededed;}
.product ul li:nth-child(2n){ margin-right:0px;}
.product ul li h3{font-size: 20px;
color: #1d1f20;
font-weight: 600;
text-transform: uppercase;
margin: 24px 0px 10px 0px;}

span.price{ display:block;  letter-spacing:0px; color:#fff !important; font-size:25px !important;padding: 1px 14px;margin: 0px 0px 0px 65px !important;}

.main-blog .col-lg-12{ padding:0px;}
.feature-poplet{width:100%; float:left;margin:20px 0;padding: 80px 0 72px 0;}
.feature-poplet h1{ margin:0px 0px 15px 0px;}
.product-detail{width:100%; float:left; height:auto; background:#f2f5f8; padding:37px 0; }
.pro_detail_img img{height: auto;vertical-align: middle;}
.pro_detail_des{padding: 0px 15px 0px 16px;}
.feature-poplet .chosen-container-single .chosen-single span{font-size:15px; text-transform:capitalize;color:#2c2c2c}
.pro_detail_des a{ display:block;color: #4486dd; font-size:13px;}
.pro_detail_des a:before{ content:''; display:inline-block;width: 18px;height: 12px; background:url(../img/reply-image.png) no-repeat 0px 0px;}
.pro_detail_des h3{ font-size:25px; color:#1d1f20;text-transform: uppercase;margin: 0px;font-family: 'Open Sans', sans-serif;}
.pro_detail_des p{font-size:13px; color:#000000; float:left;width:100%;margin-bottom: 12px;}
.pro_detail_des span{font-size:15px;color:#45b39c;text-transform:uppercase;margin-bottom:25px;display:inline-block;margin-bottom: 6px;}
p.author span{ color: #4486dd;text-transform: capitalize;}
span.feature-new-price{ font-size:40px; color: #4486dd;float: left;margin: 0px 14px 8px 0px;font-weight: 700;}
span.feature-old-price{ font-size:20px; color:#b4b4b4;margin-top: 15px;}
.pro_detail_des p.author{ font-size:15px; color:#1d1f20;margin: 0px;}

.select-handover{ float:left;width: 85%;}
.item_quantity{width:100% ;float:left;height:auto;margin: 8px 0 10px 0;}
.select-handover select{-moz-appearance: none; font-size: 15px;color: #1b252b;border: 1px solid #c5c5c5;border-radius: 4px;background: #fff url(../img/dropdown-image.png) no-repeat 248px 18px;width: 272px;height: 46px;margin: 0px;font-family: 'Open Sans', sans-serif;}
.item_quantity select{-moz-appearance: none; font-size: 15px;color: #1b252b;border: 1px solid #c5c5c5;border-radius: 4px;background: #fff url(../img/dropdown-image.png) no-repeat 98px 20px;width: 122px;height: 47px;margin: 0px;font-family: 'Open Sans', sans-serif;}
input[type="file"], input[type="checkbox"], input[type="radio"], select{margin: 0 0 1rem 0;}
select{-webkit-appearance: none !important;
-webkit-border-radius: 0px;
background-color: #fafafa;
background-position: 100% center;
background-repeat: no-repeat;
border: 1px solid #cccccc;
padding: 0.5rem;
font-size: 0.875rem;
color: rgba(0, 0, 0, 0.75);
line-height: normal;
border-radius: 0;
height: 2.3125rem;}
a.feature-viewcart{margin: 4px 0px 0px 0px;color:#fff;padding: 15px 26px;font-size: 16px;}
a.feature-viewcart:hover{ color:#fff; background:#72b8f3;}
a.feature-viewcart:before{ content:'';display:none; }
a.feature-viewcart i{ font-size:20px;margin-right: 10px;}

.thumbnail{float: left;margin-top: 12px;}
.thumbnail ul{}
.thumbnail ul li{width: 19.5%;float: left;margin-right: 16px;}
.thumbnail ul li.active{ border: 5px solid #4486dd; border-radius:4px;}

.buttons{ float:left;}
.button-scheme{ width:100%; float:left;}

.primary{padding: 11px 42px;}
.primary:hover{  background:#72b8f3; color:#fff;}
.secondary{padding: 11px 30px; background:#b3d92b; }
.secondary:hover{ color:#fff; background:#c5e554;}
.large{padding: 16px 51px;margin-bottom: 12px !important;}
.large:hover{ background:#b3d92b; color:#fff; }

.button-class .buttons{margin: 4px 24px 0px 0px;}

.ftr-right-cntnt{ float:right;}
.ftr-right-cntnt form{ position:relative;}
.search{ padding: 15px 0px 15px 36px !important;}
.submit{position: absolute;
top: 0px;
right: 0px;
background: #383838;
padding: 17px;
border: none;
color: #fff;
text-transform: uppercase;}
.border-bottom{ float:left; margin:52px 0px 0px 0px;}

.feature{margin: 0px 0px 0px 30px;}
.feature h2{ font-size:17px; text-align:left;background: #404040;padding: 16px 0px 15px 22px;color: #fff;font-family: 'Roboto', sans-serif; font-weight:700;border-radius: 4px 4px 0px 0px;margin-bottom: 0px;}
.feature ul{ margin:0px;border: 1px solid #ececec;border-radius: 0px 0px 4px 4px;}
.feature ul li{ text-align:left;border-bottom: 1px solid #ececec;}
.feature ul li:hover{ background:#3078da;}
.feature ul li:last-child{ border-bottom:none;}
.feature ul li:hover a{ color:#fff;}
.feature ul li a{font-size: 16px;padding: 17px 0px 17px 26px;
color: #000000;
display:block;
text-transform: capitalize;
font-weight: 700;}
.feature ul li.selected a{}

.pagination_nav {width:100%; float:left; margin:25px 0;text-align:center}
.pagination_nav ul {width: auto;display: inline-block; margin:0 auto;border: 1px solid #aeb8bb;border-radius:30px;}
.pagination_nav ul li{height:inherit;background: inherit;}
.pagination_nav ul li.current{ }
.pagination_nav ul li.current a{ background: #3079d9;}
.pagination_nav ul li a{width: 48px;
line-height: 52px;
text-align: center;
height: 52px;
font-size: 15px;border-right: 1px solid #e1e1e1;}
.gradiant ul{background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 44%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(44%,#fcfcfc), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
.pagination_nav ul li:last-child a{border-right:0px}
.pagination_nav ul li.prev-arrow , .pagination_nav ul li.prev-arrow  a{border-radius:30px 0px 0px 30px}
.pagination_nav ul li.next-arrow , .pagination_nav ul li.next-arrow  a{border-radius:0px 30px 30px 0px}

ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus{ }
ul.pagination li a, ul.pagination li button{ border-radius:0px;}


.pagination_navigation ul li.unavailable a{padding:0px 12px;}
.pagination_navigation ul li.current a{color:#fff; font-weight:normal;}

#productPoplets .productPopletsItem{margin:0 2% !important;padding:10px 5px}
#productPoplets .productPopletsItem a img{width:auto; display:block}
#productPoplets .productPopletsItem:nth-child(4n+4) {margin-right:0px !important}

@media (max-width: 1920px) {
.meet-team-section{ padding:4rem 0 6rem;}
.testimonial-section{ padding:4rem 0;}
.grid{ padding:0px;}


.service-list{margin: 42px 0px 0px 0px;}
}

@media (max-width: 1279px) {


header{
       /* padding: 30px 0px 0px 0px;*/
        padding:0;
    }
h1{ font-size:40px;}
.slider-caption h1{ margin:30px 0px 30px 0px; font-size:36px;}
.slick-slide img{width: 70%;}
.project p{ font-size:18px;margin-bottom: 30px;}
.project-section{padding: 30px 0px 16px 0px;}
.button{padding: 10px 38px; font-size: 20px;}
.offer-section{ padding:30px 0px;}
.web-design h3{margin: 22px 0px 16px 2px;}
.filter-slider .slick-slide img{width: 100%;}


.ch-info ul li{  width:auto !important; }
.ch-info ul{ margin:0px;left: 26%;}
.meet-team ul li h2,.co-founders ul li h2{font-size: 21px;}
.meet-team ul li span,.co-founders ul li span{font-size: 15px;}
.testimonial-caption p{ font-size:18px;}
.author-details{width:27%;}
.testimonial-caption h1{ font-size:42px;}
.social-list ul li{width: 50px;height: 50px;line-height: 50px;}
.social-list ul li em{font-size: 20px;}
.social-list{margin: 16px 0px 16px 0px;}



.middle-full-width-section{padding: 34px 0px 30px 0px;}
.sidebar-image-left-content h1.sidebar-heading{font-size: 32px;}
.middle-full-width-section p{font-size: 13px;}

.service-caption{padding: 44px 0px 44px 0px;}	

.portfolio{padding: 32px 0px 44px 0px;}
.portfolio-section{padding: 30px 0px 0px 0px;}

.service-list ul li .large-6{min-height: 480px;padding: 10px 64px 30px 43px;}
.send-project{margin: 70px 0px 0px 82px;}
.service-list ul li .large-6 h2{font-size: 29px;}
.service-list ul li:nth-child(3) .large-6 .service-image, .service-list ul li:nth-child(4) .large-6 .service-image{margin-top: 30px;}

.pagination_nav{width: 64%;}
.product{padding-top: 36px;margin: 20px 0px 0px 0px;}
.product ul li{margin: 0px 23px 32px 0px;}
.main-faq h1{margin: 46px 0px 24px 0px;}
.feature-poplet{padding: 20px 0 20px 0;}
.pro_detail_des h3{font-size: 24px;}
.ftr-middle{padding: 0px 0px 40px 0px;}

.forum-title table tr.title-row th.forum-name{width: 46%;}


.map-section iframe, .contact-map iframe{ width:100%; height:400px}
}

@media screen and (max-width: 991px) {
.slick-prev{left: 14px;}
.slick-next{right: 14px;}	
.slick-slide img{ width:64%;}	
h1{ font-size:32px;}
h3{ font-size:21px;}
.web-design span{font-size: 100px;}	
.offer p,.meet-team p{padding: 0px 10px; margin-bottom: 30px;}
.portfolio-list{padding: 14px 0px 30px 0px;}

.ch-info ul{left: 18%;top: 36%;}
.author-details{ width:265px;}

.contact-details p{font-size: 18px;}
.contact-details span.cntct a{margin: 0px 0px 18px 36px;}
.contact-details em{margin-top: -3px;}
.contact-form form input[type="text"]{font-size: 20px;padding: 8px 8px 8px 18px;}
.contact-form form textarea{font-size: 20px;padding: 8px 8px 8px 18px;}
.sitemap ul li a{font-size: 13px;}

.top-bar-section ul li a{font-size: 15px;}
.top-bar-section ul li:last-child a{ padding-right:15px !important;}

.co-founders h2{margin: 0px 0px 30px 0px;}
.co-founders ul li{margin: 0px 0px 22px 0px;}
.about-caption{padding: 30px 0px 30px 0px;}
.webdesign-breadcrumbs{margin-bottom: 15px;}

.contact-section{padding: 20px 0px 30px 0px;}

.contact-section .get-in-touch{margin-top: 0px;}
.contact-section .get-in-touch p{font-size: 16px;padding: 0px 0px 30px 0px; margin-bottom: 30px;}
.contact-form form input[type="submit"]{height: 62px;}

.sidebar-image-left-content h1.sidebar-heading{font-size: 26px; margin:0px;}
.sidebar{margin: 8px 0px 0px 0px;}
.sidebar-list h1{margin: 0px 0px 16px 0px;}
.sidebarlist{margin-top: 72px;}
.sidebar-list ul li{padding: 0px 0px 10px 5px;}



figcaption .port-hover-cntnt h2{font-size: 18px !important;}
.port-hover-cntnt a.viewproject{padding: 7px 12px;font-size: 10px;}
.port-hover-cntnt{padding: 19px 10px 19px 10px;}
figure.effect-zoe figcaption{padding: 40px 0px 0px 0px;}
.portfolio-images ul li h2{font-size: 22px;margin: 4px 0px 2px 0px;}
.service-caption p{padding: 0px 20px;}

.service-image span{font-size: 100px;}
.service-list ul li .large-6 h2{font-size: 20px; margin: 16px 0px 14px 0px;}
.send-project{margin: 18px 0px 0px 0px;}
.send-project p{margin: 19px 0px 24px 0px;}
.btn{ margin:0px;}

.middle-sidebar-section .large-6{padding: 0px 0px 0px 8px;}
.middle-full-width-section h1,.middle-full-width-section h2{font-size: 22px;}
.post-content h3{font-size: 17px;}

.ftr-middle h1.feature-heading{margin: 0px 0px 20px 0px;font-size: 30px;}
.feature{margin:0px; float:left;width:100%;}
.events h1{font-size: 30px;margin: 0px 0px 16px 0px;}
.news-image{width: 30%;}
.pagination_nav{width: 86%;margin: 18px 0px 0px 0px;}
.right-forum .new-topic{width: 138px;}
.right-forum .subscribe{width: 138px;font-size: 13px;}
.ftr-middle h1{font-size: 28px;}
.gallary ul li{margin: 0px 2px 10px 0px;}
.product ul li{margin: 0px 5px 32px 0px;width: 49%;}
span.price{margin: 0px 0px 0px 48px !important; font-size: 18px !important;}
.pro_detail_des{padding: 0px 0px 0px 15px;}
.select-handover select{width: 200px; background: #fff url(../img/dropdown-image.png) no-repeat 176px 20px;}
a.feature-viewcart{padding: 10px 17px;font-size: 13px;}
.primary{padding: 10px 34px;}
.secondary{padding: 10px 19px;}
.large{padding: 10px 39px;}
.button-class .buttons{margin: 4px 13px 0px 0px;}
.feature ul li a{padding: 12px 0px 12px 26px;}
.forum-title table tr.title-row th.forum-name{width: 38%;}
.productLarge h1{font-size:30px}
}

@media (max-width: 767px) {
.meet-team ul li.column{margin:10px 0}
.ftr-middle .ftr-right-cntnt{width:100%; float:none; margin:0 auto;display:block; max-width:320px;}
.ftr-middle	.left-content{width:100%; float:left; margin:35px 0 0 0}
.map-section iframe, .contact-map iframe{ width:100%; height:350px}
.top-bar .toggle-topbar{right:15px}
.productLarge h1{font-size:26px}
}
@media (max-width: 641px) {
.service-list ul li .large-6{min-height:inherit;padding:20px 0; border-right:none; border-bottom:1px solid #d7d7d7 !important;}
.productLarge h1{font-size:24px}
.Detail-Page figure img{width:auto;display:block;}
 .top-bar-section .dropdown li.title h5 a,.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){padding:0 0 0 15px !important}
 .top-bar-section ul li:hover ul li a{color:#fff !important}
 .top-bar-section ul li ul li:hover a{color:#B3D92B !important}
 .top-bar.expanded .title-area{ background:inherit;}
.top-bar-section ul li.selected a{ border:none;}
.top-bar-section li:not(.has-form) a:not(.button):hover{ border-bottom:none;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){ background:inherit;}
.top-bar-section ul li > a,.top-bar-section ul li.selected a,.top-bar-section .dropdown li.parent-link a, .top-bar-section ul li:hover a{padding: 5px 0 5px 15px !important; border-bottom:none}

.top-bar-section ul li.has-dropdown.not-click {
background: url(../img/arrow-right.png) no-repeat 99% 5px;
}

.top-bar-section .dropdown li.title h5 a{ font-size:16px; color:#b3d92b;}
.slick-prev, .slick-next{width: 46px;height: 46px;top: 46%;}
.slick-prev:before, .slick-next:before{font-size: 26px;}
.top-bar.expanded .toggle-topbar a span::after{box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}
.top-bar .name h1 a{ float:left; }

.top-bar .toggle-topbar.menu-icon a{height: 44px;line-height: 40px;padding: 2px 15px 11px 35px;}
.top-bar .toggle-topbar.menu-icon{top: 43%;
margin-top: -22px;
background: #0c4487;
border-radius: 5px;padding-right: 3px;}
.top-bar .name{ height:50px;}
.contact-section .get-in-touch .column{padding:15px 0;}
}
@media (max-width: 600px) {
/*---menu---*/



header{padding: 18px 0px 18px 0px;}
.project-section .large-12{ padding:0px;}
.portfolio-list ul li{padding: 0px 18px 0px 21px;}
.portfolio-list ul li a{font-size: 14px;}

.port-hover-cntnt h2{font-size: 20px;}
.port-hover-cntnt{padding: 19px 10px 19px 10px;}
.port-hover-cntnt a.viewproject{padding: 7px 12px;font-size: 9px;}
figure.effect-zoe figcaption{padding: 42px 0px 0px 0px;}
.ch-info ul li{margin-right: 15px !important;}
.ch-info .full-bio{padding: 3px 8px;margin: 5px 0px 0px 7px;}
h2,.meet-team ul li h2,.co-founders ul li h2{ font-size:20px;}
.testimonial-caption h1{ font-size:32px;}
.testimonial-caption p{ font-size:14px;}
.author-name span{font-size:16px;}
.author-name h4{font-size:20px;}
.more-testimonials{ font-size:12px; padding:8px 18px; margin:28px 0px 0px 44px;}
.author-details{ width:215px;}
.contact-details span.cntct a{margin: 0px 0px 12px 36px;}

.get-in-touch .large-5{margin-bottom:5px}
.get-in-touch-section{ padding:30px 0px;} 

.about-caption p{padding: 0px 20px;}

.sidebar{ margin:0px;}
.sidebarlist{margin-top: 24px;}
.sidebar-image-left,.sidebar-image-right{margin: 6px 0px 18px 0px;}
.middle-full-width-section p{font-size: 15px;}
.middle-full-width-section .large-8{padding: 0px 15px 0px 16px;}
.middle-full-width-section{padding: 30px 0px 30px 0px;}

.portfolio-images ul li{width: 50%;}
.portfolio-images ul li span{margin-bottom: 8px;}

.portfolio ul li{padding: 0px 8px 0px 23px;}
.portfolio ul li a{font-size: 17px;}


.service-section{padding: 25px 0px 30px 0px;}
.send-project p{font-size: 18px;}
.service-list{ margin:0px;}
.btn{font-size: 17px;padding: 10px 32px;}

.middle-sidebar-section .large-8{ padding:0px;}
.middle-sidebar-section .sidebarlist{margin: 15px 0px 0px 4px;}


.gallary ul li{margin: 0px 16px 10px 0px;}
.main-blog{margin-top: 20px;}
.store h1{ float:left;}
.ftr-view-cart{margin-top: 14px;}
.product ul li{margin: 0px 11px 32px 0px;}
span.price{margin: 0px 0px 0px 80px !important;}
.pro_detail_des{padding: 15px 0px 0px 0px;}
.ftr-right-cntnt{margin: 30px 0;} 

.main-forum h1{margin: 25px 0px 20px 0px;}
.top-bar-section{border-top: 1px solid #6281a4;}

.portfolio-images{margin-left: 0px;}
}

@media(max-width: 568px){
.author-details{ width:49%;}
h2, .meet-team ul li h2,.co-founders ul li h2{font-size: 19px;}
.map-section iframe{ width:100%; height:300px}

.portfolio ul li{padding: 0px 8px 0px 22px;}	
.portfolio ul li a{font-size: 16px;}

.product ul li{margin: 0px 10px 32px 0px;}

.forum-title table tr.title-row th.forum-name{width: 42%;}

.portfolio ul li{height:35px;}
table.forum .icon{width:25px;margin-top:5px;}
table.forum td{padding:9px 5px !important}
table.forum .icon img{width:100%}
table.forum .forum{margin:0 0 0 30px;}
table.forum .forum h3 {font-size:14px;line-height:20px}
table.forum td.lastpost{width:20px !important ;}
table.forum td.posts{width:20px !important;}
table.forum td.topics{width:20px !important;}
table.forum td.name{width:40% !important ;}
}

@media(max-width: 480px){
	.slider-caption h1{ font-size:15px;}
	.project p{ font-size:15px;}
	.button{padding: 10px 23px;font-size: 15px;}
	.portfolio-list ul li{padding: 0px 7px 0px 7px;height: 31px}
	.portfolio-list ul li a{font-size: 10px;}
	.co-founders ul li{margin: 0px 0px 22px 0px;}
	.ch-info ul{left: 32%;}
	.ch-info ul li{margin-right: 25px !important;}
	.ch-info .full-bio{margin: 24px 0px 0px 18px; }
	.testimonial-caption h1{ font-size:22px;}
	.testimonial-caption{ padding:0px 37px;text-align:justify;}
	.author-details{ width:86%;}
	.testimonial-slider .slick-next{right: -34px;}
	.testimonial-slider .slick-prev{left: 1px;}
	.sitemap ul li{margin: 0px 11px;}
	
	.co-founders h2{ text-align:center;}
	.webdesign-breadcrumbs{margin-bottom: 22px;}
	
	.sidebar .large-7{padding: 0px 2px;}
	.portfolio ul li.selected{padding: 3px 16px;}
	.portfolio{padding: 16px 0px 30px 0px;}
	.portfolio ul li a{font-size: 12px;}
	
	.portfolio-images ul li{width: 100%;
margin: 0px;
}

.btn{ margin-left:38px;}

.sidebar-main-section .service-caption{padding: 36px 0px 40px 0px;}
.service-caption h1{font-size: 28px;}
p.blog-content{padding: 34px 6px 34px 54px;}
p.blog-content:before{ height:202px;}

.events h2{ margin:15px 0px;}
.events p{font-size: 15px;}
.event-cntnt{padding: 20px 15px 74px 15px;}
.main-news h1{margin: 14px 0px 10px 0px;}
.news-image{width: 76%;margin-bottom: 15px;}
.news-content{width: 100%;}
.news p{margin: 6px 0px 0px 0px;}
.blog-items{margin-bottom: 20px;}
.blog-items p{ width:100%;}

.pagination_nav ul li a{width: 42px; height:42px;line-height: 42px;}
.prev{width: 41px;}
.next{width: 30px;}
.prev:after{ margin:-5px 0px 0px 18px;}
.next:after{ margin:-5px 0px 0px 5px;}

.right-forum .new-topic{margin-right: 15px;}
.right-forum{margin: 22px 0px 22px 0px;}
.main-media h1{margin: 26px 0px 20px 0px;}
.gallary h1{ margin:22px 0px;}
.product ul li{ width:100%;}
.ftr-view-cart span{margin-bottom: 20px;}
.button-class .buttons{margin: 4px 30px 8px 0px;}
.primary{padding: 11px 42px;}
.secondary{padding: 11px 30px;}
.large{padding: 16px 51px;}
.social-list ul li{margin: 0px 10px;}
.sitemap ul li{margin: 0px 6px;}
.main-full-width-section .service-caption{padding: 40px 0px 48px 0px;}
table tr th{padding: 15px 0px 15px 5px;}
.portfolio-list ul li.selected{padding: 3px 17px;}
.sidebar-list ul{margin-left: 0px;}
.sidebar .large-5{ padding:0px;}
.productLarge h1{font-size:22px}
.contact-map iframe{height:235px}
}

@media(max-width: 479px){
.meet-team ul li.column, .co-founders ul li.column	{width:100%;}
.catalogueList .catalogueItem .columns, .catalogueList .catalogueItemLast .columns{width:100%;margin:15px 0}
.productList .productItem .columns ,.productList .productItemLast .columns{width:100%;margin:15px 0}
.Services-Detail .columns{width:100%;}

}

#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fefefe;
height: 100%;
z-index: 9999;
overflow: hidden;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image:url(../img/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
z-index: 9999;
} 

.main-faq .faq-question h4{margin:0px 0px;border-bottom: none !important; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 44%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(44%,#fcfcfc), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 44%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */  text-transform:none;}
.main-faq  .faq-question h4 p{margin:0px}
.faq-question a{
color: #132533;
padding: 10px 16px 10px 16px;
display: block;
font-size: 16px; font-size: 20px;
background:url(../img/accordian-plus-arrow.png) right 17px center no-repeat;
border:1px solid #dfdfdf;}
.faq-question a.active {
background: #0085cc  url(../img/accordian-minus-arrow.png) right 17px center no-repeat;
color: #FFF;
}
.faq-question .question .answer{padding:12px}
.answer a {
background: none;
box-shadow: none;
border: none;
font-size: 14px;
padding-left: 0px;
color: #0085cc !important;
}
.blog-image img{ width:100%;}
.side-panel h4 {
width: 100%;
height: auto;
float: left;
background: #0085cc;
color: #fff;
margin: 0px;
font-size: 17px;
padding: 14px 30px;
text-transform: uppercase;
font-weight: 700;
border: 1px solid #ececec;
border-bottom: none;
border-radius: 5px 5px 0px 0px;
}
.side-panel ul {
width: 100%;
height: auto;
float: left;
margin: 0 0 30px;
background: #fff;
border: 1px solid #ececec;
border-top: none;
border-radius: 0px 0px 5px 5px;
}
.side-panel ul li {
width: 100%;
height: auto;
float: left;
border-bottom: 1px solid #ececec;
position: relative;
    margin:0;
    padding:0;
}
.side-panel ul li a {
width: 100%;
height: auto;
float: left;
color: #000000;
font-size: 16px;
    line-height:21px;
padding: 10px 30px;
font-weight: 700;
}
.side-panel { margin-top:8px;}
#photogalleryTable img {
width: 100%;
height: auto;
float: left;
position: relative;
border: 1px solid #c2c2c2;
padding: 3px;
border-radius: 3px;
margin-bottom: 8px;
}
#photogalleryTable .medium-6 {
margin-bottom:20px;
}

/*store*/
.product-small, .catalogue-small{
	box-shadow: 0 0 4px #ededed;
   
    margin: 10px 32px 32px 0;
    padding: 15px 15px 26px;
    text-align: center;
}
li.name h5 a,.catalogue-small h3 a{
	color: #1d1f20;
    font-size: 20px;
	line-height:28px;
    font-weight: 600;
    margin: 24px 0 10px;
    text-transform: uppercase;
}
li.price span.price {
margin:0!important;
float:none!important;}
li.price {
	color: #4486dd;
    
    font-size: 40px;
    font-weight: 700;
    margin: 0;
}
.productLarge h1 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.35em;
    text-transform: uppercase;
}
a#catshopbuy:link, a#catshopbuy:visited, .productSubmitInput {
	font-size:20px;
}




/********** March 31 2015 **********/
.biz-display-No {
    display: none;
}
.management-menu{}
.management-menu li{
    border-bottom: 1px solid #cccccc;
    list-style: outside none none;
}
.management-menu li a{
	display: block;
    padding-bottom: 8px;
    padding-top: 8px;
}
.management-menu li.selected a, .management-menu li a:hover{
	color:#72b8f3;
}
.biz-header-management{
	background:#3079d9;
    padding:10px;
}
input[type="radio"]{
	margin-right:8px!important;
}
.adminred{
	color:#ff0000;
}
.admin14{
	font-size:14px;
}
.admin-box {
    background: none repeat scroll 0 0 #f3f3f3;
    margin: 0 0 5px;
    padding: 15px;
}
.adminheaders {
    background: none repeat scroll 0 0 #f3f3f3;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 15px;
}
p.biz-header{
	background:#3079d9;
    padding:10px;
}
.biz-button{
	background: none repeat scroll 0 0 #3079d9;
    border-radius: 6px;
    color: #ffffff;
    padding: 7px 10px;
}
.biz-button:hover{
	color:#fff;
    background:#72b8f3;
}
.biz-bottom-border{
	    border-bottom: 1px solid #cccccc;
    margin-bottom: 25px;
    padding-bottom: 7px;
}
.admin11{
	font-size:11px!important;
}
.admin12{
	font-size:12px!important;
}
.admin-management form br{
	display:block!important
}
.imageborder{
	border:1px solid #ccc;
    padding:7px;
}
.adminicons span{
	font-size:14px;
}
.adminicons {
    border: 1px solid #adadad;
    margin-bottom: 20px;
    margin-top: 25px;
    padding: 13px 5px;
}
ul.benefits_list{
	text-align:left;
    margin-bottom:50px;
}
ul.benefits_list li{
    background-image: url("../img/Blue-tick-features.jpg");
    background-position: 0 5px;
    background-repeat: no-repeat;
    color: #959595;
    padding-left: 60px;
}
ul.benefits_list li span{
     font-size:16px;
    font-weight:bold
}
.potfolio-section .port-hover-cntnt a.viewproject{
	font-size:14px!important;
    padding: 7px 13px!important
}
.potfolio-section figcaption .port-hover-cntnt h2{
    font-size:18px!important;
}
.inner header{
	background:#fff;
}
.whoisitfor_list{
	margin-bottom:15px;
    padding-top:8px;
    background:#f5f7fa;
}
.whoisitfor_list:nth-child(odd){
background:#fff;
}
.whoisitfor_list img{
	border:1px solid #e1e1e1;
    padding:4px;
}
.image-border{
border:1px solid #e1e1e1;
    padding:4px;
}
.whoisitfor_list .whoisit_desc{
	color:#373737;
    font-size:14px;
    margin-bottom:15px;
    line-height:21px;
}
.meet-team ul li{
	width:24%;
}
.meet-team ul li:last-child{
	width:23%;
}
.meet-team ul li.team_plus_icon{
	padding-top:105px;
}

@media (max-width:1366px){
/*.meet-team ul li.team_plus_icon{
	padding-top:90px;
        width:30px!important;
}*/
}


@media (max-width:1080px){
    .top-bar .name{
    	padding-left:15px;
    }
}
@media (max-width:1024px){
    .logo-image img{
    	width:140px;
    }
    .author-name span{
    	font-size:20px;
    }
}
@media (max-width: 600px) {
	.top-bar .name {
    height: 50px!important;
    padding-top:0;
}
    .top-bar-section ul li:hover:not(.has-form) > a{
    	padding-top:5px!important;
    }
}
@media (min-width:480px){
.meet-team ul li.team_plus_icon{
	padding-top:90px;
        width:30px!important;
}
}
@media (max-width:479px){
    .meet-team ul li.team_plus_icon{
    	width:100%!important;
        padding-top:33px!important;
    }
    .meet-team ul li:last-child{
	width:100%!important;
}
}








.terms_of_use ul li{
margin-bottom:10px;
}

ul.number > li{
list-style:decimal;
}

ul.alpha > li{
  list-style: lower-alpha;
}
ul.square > li{
	list-style:square;
}
.top-bar .name{height:auto;}
.top-bar{
background:#fff!important;
}
.top-bar-section li:not(.has-form) a:not(.button){
background:#ffffff!important;
}
.testimonial-section .author-name{
	float:left;
    margin-left:12px;
}
.testimonial-section .author-image img{
border-radius:50%;
    border:1px solid #fff;
}
.top-bar-section .has-dropdown > a::after{
	border:none!important;
}
.dealer_logos .slick-slide{padding:0 5px;}
.dealer_logos.offer-section{
	padding-top:20px!important;
    padding-bottom:20px!important;
}
.logo-image img{
    	width:160px;
    }


.add_remove_user_div h4{
	background-color: #333399;
	color: #fff !important;
	padding: 10px;
	text-align: center;
}
.add_remove_user_div h5{
	font-size:18px;
}