/*====================================================================================# Protocol - v1.5# ====================================================================================# Designed by medians# Website: http://www.medians.net--------------------------------------------------------------------------------------Table of Content:1. General Styles    - Section     - Text Colors     - Carousel 2. Buttons 3. Header    - Jumbotron     - Video Header4. Group Img Section 5. Blog    - Blog Sidebar     - Pagnation 6. Our Services7. Video Section8. Portfolio    - Menu  Filters     - Gutter 9. Services Icon List10. Ready to use11. Carousel Section12. About13. Team 14. Counter15. Testimonials16. Video BG - YT17. Pricing Table18. Google Map19. Contact Form      - Contact Page20. Footer      - Link List      - Copyright21. Media queries22. Support for custom Video.js player23. Navigation24. Helper Class/*** ====================================================================   General Styles====================================================================***/body {  font-family: 'Raleway', sans-serif;  font-size: 15px;  line-height: 1.42857143;  color: #474A4F;  background-color: #fff;}h1,h2,h3,h4,h5,h6 {  color:#474A4F;  font-weight:700;  font-family: 'Raleway', sans-serif;}h1 {  font-weight: 900;  font-size: 46px;  margin: 0 0 20px;  text-transform: uppercase;  padding: 0px;}h2 {  font-size: 38px;  font-weight: bold;}h3 {  font-size: 34px;}h4 {  font-size: 26px;}h5 {  font-size: 20px;}h6 {  font-size: 16px;}p {  font-family: 'Raleway', sans-serif;  font-size: 15px;  line-height: 23px;  margin: 0 0 23px 0;}img {  display: block;  margin: auto;}a,a:hover {  color:#F8AB2A;  text-decoration:none;}header {  padding-bottom:50px;}/* Section */.section-padding {  padding-top: 54px;   padding-bottom: 40px;  margin-bottom: 0px;}.no-padding {  padding: 0 !important;  margin: 0 !important;}hr {width: 50px;height: 4px;margin-left: auto;margin-right: auto;background-color:#F8AB2A;color:#F8AB2A;border: 0 none;margin-top: 0;margin-bottom: 10px;padding: 0;}h1.section-title {  margin: 0 0 10px;}h1.section-title-w {  margin: 0px 0px 10px;  color: #fff;}.section-subtitle {  padding-bottom: 60px;  font-family: 'Raleway', sans-serif;  font-weight: normal;  font-size: 23px;  line-height:1.438em;  letter-spacing: 2px;  margin: 0 0 23px 0;  color: #474A4F;  text-align: center;}.section-subtitle-w {  padding-bottom: 60px;  font-family: 'Raleway', sans-serif;  font-weight: normal;  font-size: 23px;  line-height:1.438em;  letter-spacing: 2px;  margin: 0 0 23px 0;  color: #fff;  text-align: center;}/* Text Colors */.text-black {  color: #474A4F !important;}.text-white {  color: #fff !important;}/* Carousel */.carousel-inner > .item > img,.carousel-inner > .item > a > img {  width: 100%;  margin: auto;}/*** ====================================================================     Buttons====================================================================***/.btn {  padding: 10px 28px;  outline: none;  border: none;  font-size: 13px;  border-radius: 2px;  margin-top: 10px;  font-weight: 700;  letter-spacing: 1px;  text-transform: uppercase;}.btn:focus, .btn:active:focus, .btn.active:focus {  outline: 0 none;} .btn-dark {  background: #fff;  color: #000;}.btn-dark:hover {  color: #F69422;}.loadmore-btn {  display: inline-block;  width: 100%;  text-align: center;  margin-top: 30px;}.hvr-sweep-to-right:before {  background: #F8B516;}/*** ====================================================================   Header====================================================================***/.hero-banner {  text-align:center;  background-position:center center;  background-repeat:repeat;  background-size:cover;  background-attachment:fixed!important;  overflow:hidden;}.hero-pattern-overlay {  background-image:url("img/pattern.png");  background-repeat:repeat;  top: 0;  left: 0;  height: 100%;  width: 100%;  z-index: 10;  background-color: rgba(0,0,0,0.3);}#hero-box{  height:650px;  padding-top:170px;}/* Jumbotron */.jumbotron {  padding-top: 30px;  padding-bottom: 30px;  margin-bottom: -50px;  color: inherit;  background-color: #eee;}.jumbo-title {  font-family: 'Raleway', sans-serif;  font-size:70px;  line-height:1;  font-weight:900;   color: #fff;  /*opacity: ;*/  text-transform: uppercase; }.jumbo-title-b {  font-family: 'Raleway', sans-serif;  font-size:70px;  line-height:1;  font-weight:900;   color: #474A4F;  /*opacity: ;*/  text-transform: uppercase; }.jumbo-subtitle {  font-family: 'Raleway', sans-serif;  font-size:27px;  line-height:1.438em;  font-weight:400;  color: #fff;}.jumbo-subtitle2 {  font-family: 'Raleway', sans-serif;  font-size:27px;  line-height:1.438em;  font-weight:400;  color: #F8AF24;}.jumbo-subtitle-b {  font-family: 'Raleway', sans-serif;  font-size:27px;  line-height:1.438em;  font-weight:400;  color: #474A4F;}.jumbotron-fluid {  padding:0;}/* Video Header */.video-section-header  {  padding: 0px 0 32px;  max-height: 650px; /* Incase of overlay problems just increase the min-height*/}/*** ====================================================================    Group Img Section ====================================================================***/.people-bg-img {    background: url("img/bgk.jpg") no-repeat top center;/*    background-attachment: ;*/    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;    display: table;    width: 100%;    height: auto;    padding: 50px 0 30px;    position: relative;    box-shadow: 1920px 750px rgba(255, 255, 255, 0.9) inset;}/*** ====================================================================   Blog====================================================================***/#blogBanner{  height:400px;  padding-top:140px;}.page-banner-title {  font-family: 'Raleway', sans-serif;  font-size:60px;  line-height:1;  font-weight:900;   color: #fff;/*  opacity: ;*/  text-transform: uppercase; }.page-banner-subtitle {  font-family: 'Raleway', sans-serif;  font-size:20px;  line-height:1.438em;  font-weight:400;  color: #fff;}.blog {  padding: 100px 0px 70px 0;  background: #fff;}#blog-posts {  background: #1A2331;  padding-bottom: 76px;}.post-slide{  padding-right: 15px;  padding-left: 15px;}.post-slide .post-img{  position: relative;}.post-slide .post-img > a{  display:block;}.post-slide .post-img img{  width: 100%;  height:auto;}.post-slide .post-img:hover:before{  content: "";  position: absolute;  width: 100%;  height:100%;}.post-slide .post-img:after{  content: "\e012";  font-family: 'ElegantIcons';  position: absolute;  top:17px;  right:20px;  color:#1A2331;  opacity: 0;  transform: scale(0.8);  transition:all 0.3s linear 0s;}.post-slide .post-img:hover:after{  opacity: 1;  transform: scale(1);}.post-slide .post-title{  margin-top: 20px;}.post-slide .post-title-blog{  margin-top: 25px;}.post-slide .post-title > a{  color:#fff;  display: block;  font-size: 19px;  font-weight: 700;  text-transform: uppercase;}.post-slide .post-title-blog > a{  color:#474A4F;  display: block;  font-size: 35px;  font-weight: 900;  text-transform: uppercase;}.post-slide .post-title-blog > a:hover{  color:#F8AB2A;}.post-slide .post-title > a:hover{  text-decoration: none;  color:#F8AB2A;}.post-slide .post-bar{  padding: 0;  list-style: none;}.post-slide .post-bar > li{  display: inline-block;}.post-slide .post-date,.post-slide .author,.post-slide .author > a{  color:#b7b7b7;  font-size: 12px;  margin-right: 16px;  text-transform: uppercase;  font-style: italic;  padding-left: 1px;}.post-slide .post-date > i,.post-slide .author > i{  margin-right: 5px;}.post-slide .author > a:hover{  color:#F8AB2A;}.post-slide .post-description{  color:#fff;  font-size: 15px;  line-height: 23px;  padding-top: 5px;}.post-slide .post-description-blog{  color:#474A4F;  font-size: 15px;  line-height: 23px;  padding-top: 5px;}.post-slide .post-description:before{  content: "";  display: block;  border-top: 4px solid #F8AB2A;  padding-bottom: 12px;  width: 50px;}.post-slide .post-description-blog:before{  content: "";  display: block;  border-top: 4px solid #F8AB2A;  padding-bottom: 12px;  width: 50px;}.owl-theme .owl-controls .owl-page span{  width: 52px;  height:5px;  border-radius: 0;  opacity: 0.5;  margin-bottom: 0;}.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{  background: #dc005a;  opacity: 1;}/* Blog Sidebar */.sidebar-full {  margin-top: -13px;}.blog-item {  overflow: hidden;  padding: 0px 0 20px 0;  min-width: 180px;  }.blog-item h5 {  font-weight: 900;/*  font-size: ;*/  text-transform: uppercase;  margin-top: 10px;}.blog-item .separator {  background: #F8AB2A;  width: 50px;  margin: 15px 0 20px 0;}.blog-item input[type="text"] {  padding: 9px 15px;  border: 1px solid #ccc;  margin: 0 -3px 0 0;  color: #777;  width: 205px;}.blog-item button[type="submit"] {  background: #F8AB2A;  padding: 9px 20px;  color: #fff;  border-radius: 0px;  border: 1px solid #F8AB2A;  margin: 0 0 0 -1px;}.blog-item ul {  list-style: none;  padding: 0px;}.blog-item ul li {  margin: 0 0 20px 0;}.blog-item ul li a {  color: #474A4F;}.blog-item ul li a i {  margin: 0 5px 0 0;  font-size: 19px;}.sidebar-tags {  float: left;  width: 100%;  position: relative;}.sidebar-tags a {  border-radius: 0;  padding: 5px 10px 3px;  float: left;  position: relative;  margin-right: 5px;  font-size: 10px;  text-transform: uppercase;  font-weight: 500;  margin-bottom: 10px;  letter-spacing: 1px;  border: 1px solid rgba(0, 0, 0, 0.4);  color: rgba(0, 0, 0, 0.6);}/* Pagnation */.pagination-centered {  text-align: center;}.pagination > li:first-child > a, .pagination > li:first-child > span {  margin-left: 0;  border-top-left-radius: 0px;  border-bottom-left-radius: 0px;}.pagination > li:last-child > a, .pagination > li:last-child > span {  border-top-right-radius: 0px;  border-bottom-right-radius: 0px;}.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {  z-index: 3;  color: #ccc;  cursor: default;  background-color: #F8AB2A;  border-color: #F8AB2A;}.pagination > li > a, .pagination > li > span {  position: relative;  float: left;  padding: 6px 12px;  margin-left: -1px;  line-height: 1.42857143;  color: #1A2331;  text-decoration: none;  background-color: #fff;  border: 1px solid #ddd;}/*** ====================================================================    Our Services====================================================================***/.feature {  padding: 0 0 0 70px;  position: relative;  margin-bottom: 35px;}.feature .icon {  position: absolute;  left: 0;}.icon-black i {  font-size: 35px;  color: #474A4F;  display: inline-block;  margin-bottom: 15px;}/*** ====================================================================     Video Section====================================================================***/#videosection {  background: #6E2E5B;  padding-bottom: 68px;}.video-bg-img {  background: url("http://placehold.it/1920x750") no-repeat top center;  background-attachment: fixed;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  display: table;  color: #fff;  width: 100%;  height: auto;  padding: 70px 0 80px;  position: relative;}.video-title h1 {  font-family: 'Raleway' , sans-serif;  font-weight: 900;  letter-spacing: 2px;  line-height:1.438em;  text-transform: uppercase;  margin-bottom: -10px;  color: #fff;}.video-subtitle {  font-family: 'Raleway' , sans-serif;  margin-top: 18px;  text-align: center;  font-size: 19px;  line-height:1.438em;  letter-spacing: 2px;}.play-circle {  border-radius: 50%;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border: 15px solid rgba(255, 255, 255, .1);  height: auto;  width: 100px;  margin-left: auto;  margin-right: auto;  margin-top: 20px;  margin-bottom: 40px;  transition: all 0.55s ease 0s;}.play-circle:hover {  opacity: 0.7;}/*** ====================================================================     Portfolio====================================================================***//* Menu  Filters */.gallery-section {  overflow: hidden;}.gallery-categories {  padding-left: 0;  margin-bottom: 50px;  text-align: center;}.gallery-categories li {  display: inline-block;  margin: 0 20px;}.gallery-categories li a {  padding-bottom: 15px;  position: relative;  text-decoration: none;  color: #000;  font-weight: bold;  font-size: 15px;  text-transform: uppercase;  display: inline-block;}.gallery-categories li a:before {  content:"\f102";  position: absolute;  bottom: 0;  left: 0;  right: 0;  text-align: center;  font-family:'FontAwesome';  opacity: 0;}.gallery-categories li a.active,.gallery-categories li a:hover,.gallery-categories li a:focus,.gallery-categories li a.active:before,.gallery-categories li a:focus:before,.gallery-categories li a:hover:before {  color: #F8AB2A;}.gallery-categories li a.active:before,.gallery-categories li a:focus:before,.gallery-categories li a:hover:before {  opacity: 1;}.gallery-list {  margin-bottom: 0;  padding-left: 0;}/* Portfolio */.portfolio-content{  float: left;  position: relative;  overflow: hidden;  list-style: none;}.portfolio-content img{  width: 100%;  display: block;  position: relative;  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s;}.portfolio-content:hover img{  -webkit-transform: scale(1.2);  -moz-transform: scale(1.2);  -ms-transform: scale(1.2);  -o-transform: scale(1.2);  transform: scale(1.2);}.portfolio-content figcaption{  position: absolute;  top: 0;  left: 0;  background-color: rgba(26,35,49, 0.8);  height: 100%;  width: 100%;  opacity: 0;  text-align: center;  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s;}.portfolio-content:hover.portfolio-content figcaption{  opacity: 1;}.portfolio-inner{  text-align: center;  position: absolute;  width: 100%;  padding: 0px 5%;  top: 50%;  left: 50%;  background-color: transparent;  opacity: 0;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s;  -webkit-transform: translate(-50%, -50%) scale(0.5);  -moz-transform: translate(-50%, -50% scale(0.5));  -ms-transform: translate(-50%, -50%) scale(0.5);  -o-transform: translate(-50%, -50%) scale(0.5);  transform: translate(-50%, -50%) scale(0.5);}.portfolio-title{  font-weight: 700;  font-size: 18px;  color: #fff;  text-transform: uppercase;  letter-spacing: 1px;  margin: 5px 0 2px;}.portfolio-category p{  display: inline-block;  font-size: 14px;  color: #fff;  font-style: italic;  font-weight: 600;  margin: 0 2px;}.portfolio-category p::after{  content: '';  display: inline-block;  margin-left: 8px;  vertical-align: 2px;  width: 4px;  height: 4px;  background-color: #F8AB2A;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px;}.portfolio-category p:last-of-type::after{  display: none;}.portfolio-inner a{  color: #fff !important;  margin: 5px;  font-size: 25px;  display: inline-block;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;}.portfolio-inner a:hover{  color: #F8AB2A !important;}.portfolio-content figcaption:hover .portfolio-inner{  opacity: 1;  -webkit-transform: translate(-50%, -50%) scale(1);  -moz-transform: translate(-50%, -50%) scale(1);  -ms-transform: translate(-50%, -50%) scale(1);  -o-transform: translate(-50%, -50%) scale(1);  transform: translate(-50%, -50%) scale(1);}/* Gutter */.row-0-gutter {  margin-left: 0px;  margin-right: 0px;}.col-0-gutter {  padding-left: 0px;  padding-right: 0px;}/*** ====================================================================     Services Icon List====================================================================***/#srv-icon-list {  background: #EFEFEF;}.pt-50 {  padding-top: 50px;  padding-bottom: 40px;}.pt-50 i {  font-size: 30px;  color: #474A4F;  display: inline-block;  margin-bottom: 15px;}.icon-title {  color: #474A4F;}/*** ====================================================================    Ready to use====================================================================***/#service-2 {  overflow: hidden;  background: url("img/geometry2.png") repeat top center;/*  background-attachment: ;*/}.service-2 {  color: #474A4F;}.service-2 h5 {  color: #474A4F;}.service-2-text {  margin-top: 7em;}.service-2-img {  margin-bottom: -70px;  padding: 0px;}/*** ====================================================================    Carousel Section====================================================================***/#section-carousel {  padding: 2rem;}/*** ====================================================================     About====================================================================***/#about{  background: #EFEFEF; }.image-half {  background: url("http://placehold.it/900x600") scroll center center / cover;  height: 600px;  margin: 0;  position: relative;}.text-box {  padding: 0 25px 25px 25px;  display: table-cell;  vertical-align: middle;  height: 600px;}.text-box h2 {  color: #474A4F;}/*** ====================================================================     Team ====================================================================***/.serviceBox{  text-align: center;  margin:0px 0 30px 0;  background-color: #fff;  padding-top: 50px;  padding-bottom: 50px;  background-color: #F3F3F1;  -webkit-transition: all 0.4s ease-out;  transition: all 0.4s ease-out; }.serviceBox:hover {  box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);  -moz-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);  -webkit-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);  -o-box-shadow: 0px 8px 42px 0px rgba(0, 0, 0, 0.08);}.serviceBox .service-image > a > img{  width: 180px;  height:auto;  border-radius: 50%;  transition: all 0.2s ease-in-out 0s;}.serviceBox .service-content h3{  text-transform: uppercase;  font-size: 17px;  font-weight: bold;  letter-spacing: 1.25px;  margin-bottom: 16px;  color:#373e44;  transition: all 0.21s ease 0s;}.serviceBox .service-content p{  padding: 0 35px;  color:#616161;  line-height: 23px;  font-size: 15px;}.serviceBox .read{  margin-top: 20px;}.serviceBox .read > a{  text-transform: uppercase;  color:#F8AB2A;  font-size: 12px;  font-weight: bold;  letter-spacing: 1px;  text-decoration: none;  position: relative;  transition: all 0.16s ease 0s;}.serviceBox .read > a:hover:after{  content: "\f061";  font-family: 'FontAwesome';  font-size: 8px;  position: absolute;  right:-13px;  top:0px;}.serviceBox:hover .service-image > a > img{  padding: 8px;  border: 3px solid #7a4b94;  transition: all 0.2s ease-in-out 0s;}.serviceBox:hover .service-content h3,.serviceBox:hover .read > a{  color:#7a4b94;}/*** ====================================================================     Counter====================================================================***/#counter {  background: #EFEFEF;}.counter {  color: #474A4F;  font-size: 40px;  font-weight: bold;}.counter-block {  padding-top: 50px;  padding-bottom: 50px;}.counter-title {  color: #474A4F;}/*** ====================================================================    Testimonials====================================================================***/#testimonial-section{  padding: 90px;}.testimonial-bg-img {  background: url("img/geometry2.png") repeat;}.testimonial{  text-align: center;}.description{  color:#474A4F;  font-size: 17px;  font-weight: 500;  margin-bottom: 30px;}.pic{  position: relative;}.pic > img{  border-radius: 50%;  max-width: 145px;  max-height: 145px;  display: inline-block !important;  margin-bottom: 20px; }.testimonial-title{  font-size: 20px;  color:#F8AB2A;  text-transform: capitalize;}.testimonial-title > small{  display: block;  color:#474A4F;  font-size: 10px;  text-transform: uppercase;  margin-top: 5px;}/*** ====================================================================   Video BG - YT====================================================================***/.video-section  {  padding: 95px 0 32px;  min-height: 350px; /* Incase of overlay problems just increase the min-height*/}.pattern-overlay {  background-image:url("img/pattern.png");  background-repeat: repeat;  background-attachment:scroll;  width:100%;  height:100%;  position:absolute;  top:0;  left:0}.video-section h1, .video-section h3{  text-align:center;  color:#fff;}.video-section h1{  font-weight: 900;  letter-spacing: 2px;  text-transform: uppercase;/*  margin-bottom: ;*/  font-size: 60px;  margin: 0 0 23px 0;}.video-section h3{  font-weight: normal;  font-size: 23px;  line-height:1.438em;  letter-spacing: 2px;  margin: 0 0 23px 0;  color: #fff;  text-align: center;}.video-section .buttonBar{display:none;}.player {font-size: 1px;}/*** ====================================================================    Pricing Table====================================================================***/#pricing-table {  margin-bottom: 43px;}.pricingTable{  border: 2px solid #e3e3e3;  text-align: center;  position: relative;  padding-bottom: 40px;  transform: translateZ(0px);}.pricingTable:before,.pricingTable:after{  content: "";  position: absolute;  top: -2px;  left: -2px;  bottom: -2px;  right: -2px;  z-index: -1;  transition: all 0.5s ease 0s;}.pricingTable:before{  border-right: 2px solid #1A2331;  border-left: 2px solid #1A2331;  transform: scaleY(0);  transform-origin: 100% 0 0;}.pricingTable:after{  border-bottom: 2px solid #1A2331;  border-top: 2px solid #1A2331;  transform: scaleX(0);  transform-origin: 0 100% 0;}.pricingTable:hover:before{  transform: scaleY(1);}.pricingTable:hover:after{  transform: scaleX(1);}.pricingTable .pricingTable-header{  background: #212B3B;  color: #fff;  margin: -2px -2px 35px;  padding: 40px 0;}.pricingTable .heading{  font-size: 30px;  font-weight: 600;  margin: 0 0 5px 0;  color: #fff;}.pricingTable .subtitle{  font-size: 14px;  display: block;}.pricingTable .price-value{  font-size: 72px;  font-weight: 600;  margin-top: 10px;  position: relative;  display: inline-block;}.pricingTable .currency{  font-size: 45px;  font-weight: normal;  position: absolute;  top: 2px;  left: -30px;}.pricingTable .month{  font-size: 20px;  position: absolute;  bottom: 17px;  right: -40px;}.pricingTable .pricing-content{  list-style: none;  padding: 0;  margin-bottom: 30px;}.pricingTable .pricing-content li{  font-size: 16px;  color: #7a7e82;  line-height: 40px;}.pricingTable .read{  display: inline-block;  border: 2px solid #7a7e82;  border-right: none;  font-size: 14px;  font-weight: 700;  color: #7a7e82;  padding: 9px 30px;  position: relative;  text-transform: uppercase;  transition: all 0.3s ease 0s;}.pricingTable .read:hover{  border-color: #F8AB2A;  color: #F8AB2A;}.pricingTable .read i{  font-size: 19px;  margin-top: -10px;  position: absolute;  top: 50%;  right: 15px;  transition: all 0.3s ease 0s;}.pricingTable .read:hover i{  right: 5px;}.pricingTable .read:before,.pricingTable .read:after{  content: "";  display: block;  height: 30px;  border-left: 2px solid #7a7e82;  position: absolute;  right: -11px;  transition: all 0.3s ease 0s;}.pricingTable .read:before{  bottom: -6px;  transform: rotate(45deg);}.pricingTable .read:after{  top: -6px;  transform: rotate(-45deg);}.pricingTable .read:hover:before,.pricingTable .read:hover:after{  border-left-color: #F8AB2A;}@media screen and (max-width: 990px){    .pricingTable{ margin-bottom: 25px; }}/*** ====================================================================     Google Map====================================================================***/#goglmap {  height: 400px;}/*** ====================================================================   Contact Form====================================================================***/ #contact-blok {  background: url("img/geometry2.png") repeat;}#contact-form input[type="text"],.comment-form input[type="text"],#contact-form input[type="email"],.comment-form input[type="email"],#contact-form input[type="tel"],.comment-form input[type="tel"],#contact-form textarea,.comment-form textarea {  width: 100%;  border: 1px solid #dedede;  margin-bottom: 20px;  outline: none;  color: #666666;  font-size: 13px;  transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;}#contact-form input[type="text"]:focus,.comment-form input[type="text"]:focus,#contact-form input[type="email"]:focus,.comment-form input[type="email"]:focus,#contact-form input[type="tel"]:focus,.comment-form input[type="tel"]:focus,#contact-form textarea:focus,.comment-form textarea:focus {  /*Add your focus styling*/}#contact-form textarea,.comment-form textarea {  height: 150px;}#contact-form input[type="submit"],.comment-form input[type="submit"] {  padding: 10px 28px;  outline: none;  border: none;  background: #1A2331;  color: #ffffff;  font-size: 13px;  border-radius: 2px;  margin-top: 10px;  text-transform: uppercase;  transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;}#contact-form input[type="submit"]:hover,.comment-form input[type="submit"]:hover {  opacity: 0.7;}#contact-form .message,.comment-form .message {  padding: 10px 20px;  font-size: 13px;}#contact-form .message.error,.comment-form .message.error {  color: #e74c3c;  background: rgba(246, 80, 80, 0.4);  border: 1px solid #e74c3c;}#contact-form .message.success,.comment-form .message.success {  color: #29b504;  background: rgba(63, 220, 21, 0.4);  border: 1px solid #29b504;}.label-name {  color: #808080;  font-size: 14px;}/*Contact Page*/.page-padding {  padding: 90px 0px 0px 0;  background: #fff;}/*** ====================================================================     Footer====================================================================***/.footer-top .footer {  padding: 40px 0;    background: #212B3B;}.footer-top .footer p {  color: #eee;}.footer-top .footer h2 {  color: #eee;  font-size: 19px;  font-weight: 200;}/*Link List*/.footer-top .link-list li {  border-top: solid 1px #353535;}.footer-top address,.footer-top .link-list a,.footer-top .link-list i {  color: #eee;}.footer-top address {  line-height: 23px;}/*Copyright*/.footer-top .copyright {  background: #EA8314;  border-top: none;  padding: 11px 0 5px;}.footer-top .copyright p {  color: #eee;  margin-top: 14px;}.footer-top .copyright a {  margin: 0 2px;}.footer-top .footer-socials {  margin-top: 12px;  text-align: right;}.footer-top .footer-socials li a {  color: #fff;  font-size: 17px;}.headline {  display: block;  margin: 10px 0 25px 0;  border-bottom: 2px solid #F8AB2A;}.link-list a {  color: #eee;  padding: 6px 0px;  display: inline-block;  text-transform: uppercase;}.latest-list li {  padding: 8px 0;  border-top: 1px solid #353535;}.latest-list li a {  color: #eee;}.latest-list small {  color: #999;  display: block;}.link-list li i {  color: #bbb;  float: right;  margin-top: 10px;}.font-13 {  font-size: 13px;}/*** ====================================================================     MEDIA QUERIES====================================================================***/@media(max-width:1240px) { .service-2-text {  margin-top: 0em;    }}@media (max-width: 970px) {  .footer-top .copyright,  .footer-top .footer-socials {    text-align: left;  }}@media (max-width: 768px) {  .image-half {     height:500px;  }}  @media (max-width: 480px) {  .image-half {     height:300px;  }}  @media (max-width: 360px) {  .image-half {     height:250px;  }}  @media (max-width: 320px) {  .image-half {     height:250px;  }} /*** ====================================================================    Support for custom Video.js player====================================================================***//*  Player Skin Designer for Video.js  http://videojs.com  To customize the player skin edit   the CSS below. Click "details"   below to add comments or questions.  This file uses some SCSS. Learn more    at http://sass-lang.com/guide)  */.video-js {  /* The base font size controls the size of everything, not just text.     All dimensions use em-based sizes so that the scale along with the font size.     Try increasing it to 15px and see what happens. */  font-size: 10px;  /* The main font color changes the ICON COLORS as well as the text */  color: #fff;}/* The "Big Play Button" is the play button that shows before the video plays.   To center it set the align values to center and middle. The typical location   of the button is the center, but there is trend towards moving it to a corner   where it gets out of the way of valuable content in the poster image.*/.vjs-default-skin .vjs-big-play-button {  /* The font size is what makes the big play button...big.      All width/height values use ems, which are a multiple of the font size.     If the .video-js font-size is 10px, then 3em equals 30px.*/  font-size: 3em;  /* We're using SCSS vars here because the values are used in multiple places.     Now that font size is set, the following em values will be a multiple of the     new font size. If the font-size is 3em (30px), then setting any of     the following values to 3em would equal 30px. 3 * font-size. */  /* 1.5em = 45px default */  line-height: 1.5em;  height: 1.5em;  width: 3em;  /* 0.06666em = 2px default */  border: 0.06666em solid #fff;  /* 0.3em = 9px default */  border-radius: 0.3em;  /* Align center */  left: 50%;  top: 50%;  margin-left: -1.5em;  margin-top: -0.75em;}/* The default color of control backgrounds is mostly black but with a little   bit of blue so it can still be seen on all-black video frames, which are common. */.video-js .vjs-control-bar,.video-js .vjs-big-play-button,.video-js .vjs-menu-button .vjs-menu-content {  /* IE8 - has no alpha support */  background-color: #2B333F;  /* Opacity: 1.0 = 100%, 0.0 = 0% */  background-color: rgba(43, 51, 63, 0.7);}/* Slider - used for Volume bar and Progress bar */.video-js .vjs-slider {  background-color: #73859f;  background-color: rgba(115, 133, 159, 0.5);}/* The slider bar color is used for the progress bar and the volume bar   (the first two can be removed after a fix that's coming) */.video-js .vjs-volume-level,.video-js .vjs-play-progress,.video-js .vjs-slider-bar {  background: #fff;}/* The main progress bar also has a bar that shows how much has been loaded. */.video-js .vjs-load-progress {  /* For IE8 we'll lighten the color */  background: ligthen(#73859f, 25%);  /* Otherwise we'll rely on stacked opacities */  background: rgba(115, 133, 159, 0.5);}/* The load progress bar also has internal divs that represent   smaller disconnected loaded time ranges */.video-js .vjs-load-progress div {  /* For IE8 we'll lighten the color */  background: ligthen(#73859f, 50%);  /* Otherwise we'll rely on stacked opacities */  background: rgba(115, 133, 159, 0.75);}/*** ====================================================================    Navigation====================================================================***/.navbar-inverse .navbar-text {  color: #fff;}.navbar-inverse .navbar-nav > li > a {  color: #474A4F;;  background-color: #fff;}.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus {  color: #F8A61D;  background-color: #fff;}.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus {  color: #fff;  background-color: transparent;}.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus {  color: #fff;  background-color: transparent;}/*** ====================================================================    Helper Class====================================================================***//* Margins */.mt-0 {    margin-top: 0px;}.mt-10 {    margin-top: 10px;}.mt-20 {    margin-top: 20px;}.mt-30 {    margin-top: 30px;}.mt-40 {    margin-top: 40px;}.mt-50 {    margin-top: 50px;}.mt-60 {    margin-top: 60px;}.mt-70 {    margin-top: 70px;}.mt-80 {    margin-top: 80px;}.mt-90 {    margin-top: 90px;}.mt-100 {    margin-top: 100px;}.mt-120 {    margin-top: 120px;}.mt-150 {    margin-top: 150px;}.mt-200 {    margin-top: 200px;}.mb-10 {    margin-bottom: 10px;}.mb-20 {    margin-bottom: 20px;}.mb-30 {    margin-bottom: 30px;}.mb-40 {    margin-bottom: 40px;}.mb-50 {    margin-bottom: 50px;}.mb-60 {    margin-bottom: 60px;}.mb-70 {    margin-bottom: 70px;}.mb-80 {    margin-bottom: 80px;}.mb-90 {    margin-bottom: 90px;}.mb-100 {    margin-bottom: 100px;}.mb-120 {    margin-bottom: 120px;}.mb-150 {    margin-bottom: 150px;}.mb-200 {    margin-bottom: 200px;}