RESET CSS*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-size: 100%;}
ol, ul {list-style: none;}
article,aside,figcaption,figure,footer,header,hgroup,nav,section,time{display: block;}

/*main style*/
body, html{font-family: 'Open Sans', sans-serif;margin: 0 auto;width: 100%;position: absolute;top: 0;left: 0;bottom: 0; font-size: 14px; color: #777;min-width: 304px;}
.wrapper{width: 100%; top: 100%; position: absolute;}
.title{font-size: 36px;color: #3498db;font-weight: bold;text-align: center;display: inline-block;margin-bottom: 24px;}
.title:after{content: ""; border-bottom: 2px solid #3498db;display: block;width: 70%; margin: 17px auto 0;}
.center-align{text-align: center;}
h1, h2, h3, h4, h5, h6{color: #3498db;font-weight: bold;margin-bottom: 20px;}
h6{font-size: 14px;}
h5{font-size: 16px;}
h4{font-size: 18px;}
h3{font-size: 24px;}
h2{font-size: 36px;}
h1{font-size: 40px;}
p{color: #777; font-size: 14px; line-height: 22px;margin-bottom: 10px;}
article{margin-bottom: 30px;}
.headerHeight{height: 56px;}
/*****************/

/*nav bar background*/
.navbar-default{background: url(../img/menu_bg.jpg) repeat-x left top;}
/**********/

/*top box with full screen image*/
.topImgBox{width: 100%;height: 100%;position: absolute;background: url(../img/top_big_img.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: fixed;min-width: 100%;min-height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/top_big_img.jpg',sizingMethod='scale')";}
.topImgBox h1{font-size: 71px;font-weight: bold;color: #fff;margin: 20% auto 20px;text-align: center;}
.titleBox ul{width: 100%;text-align: center;}
.titleBox li{font-size: 36px;color: #fed100;font-weight: bold;}
/***************/

/*services container style*/
.lightGrayContainer{background: url(../img/light_gray_bg.jpg);width: 100%;padding: 50px 0 50px;position: relative;}
.grayContainer{background: url(../img/gray_bg.jpg);width: 100%;padding: 50px 0;position: relative;}
.servicesCont .col{text-align: center;margin: 43px 0 0;}
.servicesCont .col p{text-align: left;}
.servicesCont .col a{width: 118px; height: 118px;display: block;margin: 0 auto 33px;border-radius: 50%;background-color: #3498db; color: #fff;border: 5px solid #3498db;font-size: 70px; line-height: 107px;}
.servicesCont .col a:hover{text-decoration: none; background-color: transparent; color: #3498db;}
.servicesCont .col h3{margin-bottom: 20px;}
/***********************/

/*portfolio container style*/
#portfolio-filter li{margin-left: 5px; display: inline-block;margin-bottom: 5px;}
#portfolio-filter{margin: 23px 0 27px;padding: 0;}
.gridder .caption .moreIco{background: url(../img/moreDetails_ico.png) no-repeat; width: 52px; height: 42px;display: inline-block;}
.gridder .caption p{color: #fff;font-size: 24px; font-weight: bold;text-decoration: none;}
.gridder .caption p span{font-size: 24px;}
/***********************/

/*about container style*/
.team {width: 100%;padding: 0;}
.team li{width: 33.333%;position: relative; display: inline-block;float: left;}
.team li img{width: 100%; height: auto;}
.caption {display: none;position: absolute;top: 0;left: 0;background: url(../img/caption_bg.png);width: 100%;height: 100%;line-height: 20px;text-align: center;z-index: 10;}
.caption .inner{display: inline-block;position: absolute;left: 0;top: 23%;line-height: 33px;width: 100%}
.caption h4{color: #fff;}
.caption span{color: #fed100; font-size: 14px;}
.caption .socialBox{display: inline-block;text-align: center;width: 100%;}
.aboutUs h5{color: #646464;margin-bottom: 20px;}
.aboutUs h3{margin: 40px 0 30px;}
/***********************/

/*pricing container style*/
.list-group{text-align: center;}
.list-group-item{font-size: 14px; color: #777;}
.list-group-item.active{font-size: 18px;padding: 14px;}
.list-group-item.head{background-color: #3498db;font-size: 30px;color: #fff;border-color: #3498db;padding: 14px;}
.list-group-item.price{background-color: #3faffa;font-size: 30px;color: #fff;border-color: #3faffa;padding: 16px;}
.pricing h2{margin-bottom: 7px;}
.pricing .row{margin-top: 25px;}
/***********************/

/*slider control style*/
.control{display: inline-block; margin: 15px 0 0;}
.control a{position: relative;margin: 0;opacity: 1!important;text-shadow: none;width: 36px; height: 36px;padding: 0;line-height: 38px;}
.control a i{font-size: 29px;line-height: 30px!important;width: 30px!important; height: 30px!important; background: none!important;}
/***********************/

/*bottom box with full screen images*/
.bottomBigImg{position: relative;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: center bottom;width: 100%;height: 364px;background-image: url(../img/bottom_bg_img.jpg);margin-top: 22px;margin-bottom: -60px;-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bottom_bg_img.jpg',sizingMethod='scale')";}
.purchaseBox{text-align: center;color: #fff;position: absolute;top: 30%; width: 100%;}
.purchaseBox p{font-size: 30px; color: #fff; line-height: 36px;}
.purchaseBox .btn{margin-top: 36px;font-size: 18px;padding: 9px 31px;}
/***********************/

/*footer style*/
footer{background-color: #3498db;padding: 10px 0;line-height: 62px;}
footer .navbar-brand{color: #fff;margin-left: -15px;font-size: 27px;line-height: 30px;}
/************/

.bottomSlider{text-align: center;}
.socialBox.example{margin-top: 20px;}

/*social box style*/
.socialBox a{width: 28px; height: 28px; border-radius: 3px; display: inline-block; text-align: center; font-size: 13px; line-height: 29px; color: #fff;opacity: 0.6;margin-left: 4px;margin-bottom: 4px;}
.socialBox a:hover{text-decoration: none; opacity: 1;}
/******************/

.starLineBox{color: #ffa201;margin: 20px 0;font-size: 12px;}

/*contact style*/
.contact h3{margin-bottom: 39px;}
address strong{margin-top: 5px;display: inline-block;}
address p{margin-bottom: 5px;}
address .title{margin-bottom: 14px;font-size: 16px;font-weight: bold;color: #3498db;}
address .title:after{display: none;}
/***********************/

/*social icons*/
.facebook{background-color: #3b5998;}
.google{background-color: #dd4b39;}
.linkedin{background-color: #007bb6;}
.twitter{background-color: #00aced;}
.dribbble{background-color: #c5376d;}
.pinterest{background-color: #cb2027;}
.youtube{background-color: #bb0303;}
.flickr{background-color: #9a9a9a;}
.instagram{background-color: #5380a4;}
.rss{background-color: #e6742b;}
.tumblr{background-color: #34526f;}
/***********************/

/*columns page*/
.columns .row{margin-bottom: 40px;}
.columns h4{margin-bottom: 20px;}
.columns .title{margin-bottom: 60px;}
/***********************/

/*blog*/
.postBox{margin: 40px 0 80px;}
.postBox img{margin-bottom: 28px;}
.postBox h3{margin: 0 0 20px;}
.postBox h3 a{color: #3498db; font-size: 24px;}
.postBox h3 a:hover{color: #444;text-decoration: none;}
.postBox p{margin-bottom: 10px;}
.postBox .postInfo{margin-bottom: 20px; color: #999; font-size: 13px;}
.postBox .postInfo span{margin-left: 35px;}
.postBox .postInfo a{color: #999;}
.postBox .postInfo a:hover{text-decoration: none; color: #444;}
.postBox .postInfo span:first-child{margin: 0;}
.linkBox{width: 100%;margin-bottom: 36px;padding: 0;}
.linkBox li{border-bottom: 1px solid #ccc; padding: 8px 0;}
.linkBox li a{color: #777;}
.linkBox li a:hover{text-decoration: none; color: #3498db;}
.tagsBox{margin-bottom: 40px;}
.tagsBox a{margin: 0 5px 8px 0;}
.blogMenu{ margin: 40px 0;}
.blogMenu h4{margin-bottom: 15px;}
.media-list{margin-bottom: 77px;}
.media .commentsInfo{margin-bottom: 10px; font-size: 14px;}
.commentsInfo span{color: #3498db;}
.commentsInfo .date{color: #a7a7a7;}
.reply{font-size: 14px; margin-top: 10px;display: inline-block;}
.reply:hover{color: #444; text-decoration: none;}
.media p{font-size: 13px;}
.media .userIcon{font-size: 60px;height: 70px;width: 70px; text-align: center; line-height: 70px; color: #fff;background-color: #acacac;}
.media .userIcon:hover{text-decoration: none;}
.media{border-top: 1px solid #c8c8c8;padding: 30px 0 0;}
.commentsBox h3{margin-bottom: 20px;}
.commentForm p{color: #999;font-size: 13px; margin-bottom: 20px;}
/***********************/

/*accordion style*/
.accordion {margin-bottom: 20px;}
.accordion .panel-title{font-size: 14px; font-weight: normal;margin: 0;}
.accordion .panel-title a{display: block;padding: 10px 15px;}
.accordion .panel-heading{padding: 0;}
.panel-heading .accordion-toggle:after {font-family: 'FontAwesome';content: "\f068";float: right;color: #3498db; border-left: 1px solid #D9D9D9; margin: -10px 0; height: 35px; padding: 12px 0 0 15px;}
.panel-heading .accordion-toggle.collapsed:after {content: "\f067";}
/***************/

/*tabs style*/
.tab-content{background-color: #fff; border: 1px solid #d9d9d9; border-top: none; margin-bottom: 20px;}
.tab-pane{padding: 15px;}
/***********************/

/*portfolio thumbnail box style*/
.gridder {width: 100%;margin: 0 auto;font-size: 0;text-align: center;}
.gridder-list {display: inline-block;*display: inline;white-space-collapsing: discard;zoom: 1;cursor: pointer;position: relative;}
.gridder-list .gridder-thumb {display: block;}
.gridder-list img {width: 100%;}
.gridder-list.first {margin-left: 0px;}
.gridder-image,
.gridder-title,
.gridder-content {display: none;}
.gridder .caption .inner{top: 33%;}
.gridder-show {position: relative;float: left;display: none;overflow: hidden;font-size: 0;width: 100%;padding: 0 4%;margin: 50px 0;min-height: 300px;}
.gridder-show .image {float: left;width: 38%;}
.gridder-show .image img{width: 100%;height: auto;}
.gridder-show .content {float: right;width: 59%;text-align: left;}
.gridder-show .titleBox h3{margin: 0 0 40px;text-align: left;padding-right: 40px;}
.gridder-show .content img {width: 160px;float: left;margin-right: 20px;}
.gridder-show .content .control a{margin-left: 5px;}
.gridder-show .content .control a:first-child{margin: 0;}
.gridder-show .content p span{font-weight: bold;}
.gridder-show .content a {cursor: pointer;}
.gridder-show:after {content: ".";display: block;height: 0;overflow: hidden;}
.gridder-float {float: left;}
.gridder-close {cursor: pointer;position: absolute;top: 0;right: 4%;width: 35px;height: 35px;font-size: 20px;line-height: 35px;background-color: #3498db;color: #fff;}
.gridder-close:hover {background-color: #287FBA;}
.gridder .mix {display: none;}
.gridder .gap {display: inline-block;}
/************************/

/*responsive style*/
@media screen and (max-width: 1023px) {
  h6{font-size: 14px;}
  h5{font-size: 16px;}
  h4{font-size: 18px;}
  h3{font-size: 20px;}
  h2{font-size: 30px;}
  .gridder-show .image{width: 50%;}
  .gridder-show .content{width: 47%;}
  .caption .inner{top: 12%;}
}
@media screen and (max-width: 767px){
  .team li{width: 100%;}
  .purchaseBox p{font-size: 23px;line-height: 30px;}
  .gridder-show .image{width: 100%;float: none;margin-bottom: 15px;}
  .gridder-show .content{width: 100%;float: none;}
  .caption .inner{top: 37%;}
}
@media screen and (max-width: 650px) {
  footer{text-align: center;line-height: 45px;padding: 15px 0;}
  footer .navbar-brand{float: none;margin: 0;}
  footer .socialBox{float: none!important;}
}
@media screen and (max-width: 480px){
  .media-body {overflow: visible; padding-left: 20px;}
  .purchaseBox{top: 19%;}
  .topImgBox h1{font-size: 60px;}
  .titleBox li{font-size: 30px;}
  .caption .inner{top: 17%}
  .gridder .caption .inner{top: 31%;}
}
/*************************/