/*
 Theme Name:   ResponsiveBoat
 Theme URI:    http://themeisle.com/themes/responsiveboat-theme/
 Description:  ResponsiveBoat is a free responsive WordPress theme, with a friendly and colorful design. It comes with a full-screen layout, a full-width homepage header, elegant parallax effect, and nice animations. It can be used web agencies, digital studios, corporate, product showcase, personal and business portfolio. Overall, ResponsiveBoat looks very modern and interactive.
 Author:       Themeisle
 Author URI:   https://themeisle.com
 Template:     zerif-lite
 Version:      9.1.3
 License:      GNU General Public License version 2
 License URI:  license.txt
 Text Domain:  responsiveboat
 Tags:         black, gray, red, white, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready
*/

@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700&subset=latin,cyrillic-ext);
@font-face {
	font-family: 'geometria';
	src: url('fonts/Geometria-Medium.eot'); /* IE9 Compat Modes */
	src: url('fonts/Geometria-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/Geometria-Medium.woff') format('woff'), /* Pretty Modern Browsers */
	   url('fonts/Geometria-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('fonts/Geometria-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'geometria';
	src: url('fonts/Geometria.eot'); /* IE9 Compat Modes */
	src: url('fonts/Geometria.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/Geometria.woff') format('woff'), /* Pretty Modern Browsers */
	   url('fonts/Geometria.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('fonts/Geometria.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 200; 
}
@font-face {
	font-family: 'geometria';
	src: url('fonts/Geometria-Bold.eot'); /* IE9 Compat Modes */
	src: url('fonts/Geometria-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('fonts/Geometria-Bold.woff') format('woff'), /* Pretty Modern Browsers */
	   url('fonts/Geometria-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('fonts/Geometria-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: bold;	   
}

/*--------------------------------------------------------------
General
--------------------------------------------------------------*/

body{
	font-family: geometria !important;
	background: none !important;
}
.green-btn, .red-btn {
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid #FFDD00 !important;
}

.green-btn:hover, .red-btn:hover {
	background: #FFDD00;
    border: 1px solid #FFDD00 !important;
    color: #303030 !important;
}

.custom-button {
    display: inline-block !important;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 35px;
    border-radius: 3px;
    margin: 10px;
    border: medium none;
}
.section-header h2 {
    padding-bottom: 0px;
    text-transform: uppercase;
}
.section-header h2:after {
    content: '';
    display: block;
    height: 3px;
    width: 40px;
    background: #2a99d0;
    margin: 8px 0 20px 0;
    margin-left: auto;
    margin-right: auto;
}

.testimonial .section-header h2:after {
    background: #404040;
}

.section-header h6 {
    color: #303030;
    font-weight: bold;
    text-transform: uppercase;
}

.section-header h6.white-text {
	color: #ffffff;
}

.testimonial {
    padding-bottom: 176px !important;
}

.navbar-inverse .navbar-nav > li > a {
    letter-spacing: 1.6px;
}




/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.navbar-inverse{
	border-bottom: 1px solid #77c2ec;
}

.navbar {
	background: rgba(0,0,0,0.8);
}
ul.nav > li.current_page_item > a {
color:#e96656;
}

ul.nav > li.menu-item-home > a {
    color:#fff;
}
ul.nav > li.current-home-page > a {
    color:#e96656;
}
ul.nav > li.current-home-page > a:after {
    position: absolute;
    margin: auto;
    z-index: 1;
    content: "";
    width: 75%;
    height: 2px;
    background: #e96656;
    bottom: 0px;
    left: 12.5%;
    display: block;
}
ul.nav > li.current > a:before {
    position: absolute;
    margin: auto;
    z-index: 1;
    content: "";
    width: 75%;
    height: 2px;
    background: #e96656;
    bottom: 0px;
    left: 12.5%;
    display: block;
}

ul.nav > li.nohome > a {
    color:#fff;
}
ul.nav > li.current_page_item > a:before {
	 /*background:#2a99d0;*/
	 background:#e96656;
}
.navbar-inverse .navbar-nav > li > a {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #8CD2F2 !important;
}
.rb-site-title {
    color: #FFDD00;
    font-size: 20px;
    line-height: 20px;
}
.rb-site-description {
    color: #FFDD00;
    font-size: 15px;
    line-height: 10px;
}
.rb_logo {
    padding-bottom: 190px;
}
.header-content-wrap {
	padding: 10% 0px 290px;
}
.navbar-toggle.active {
    background-color: #2a99d0 !important;
}
.navbar-inverse .navbar-toggle.active .icon-bar {
    background-color: #000 !important;
}
.navbar-black-init {
    background: rgba(0,0,0,0.2);
}

.navbar-black-init .rb-hidden-logo {
    display:none;
}
.navbar-black-init nav {
    width: 100%;
}
.navbar-black-init nav ul.nav {
    width: 100%;
    text-align: center;
}
.navbar-black-init nav ul.nav li {
    float: none;
    display: inline-block;
}

.bx-controls{
	display:none;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

.section-header h2 {
    font-size: 42px;
}
.dark-text {
    color: #3a3a3a;
}
.section-header .section-legend {
    color: #999999;
    font-size: 14px;
    text-transform: uppercase;
}

#aboutus, #feedback{
    background: rgba(0, 0, 0, 0) url("images/aboubg.jpg") repeat scroll center top / 100% auto;
    padding-bottom: 0;
}
.about-us p{
	color:#ffffff;
	font-weight: 200;
}
.about-us .section-header h2::after {
    background: #fff none repeat scroll 0 0;
}
.about-us .section-header h6.white-text {
    color: #000;
}

.fa.fa-facebook{
	 background: rgba(0, 0, 0, 0) url("images/icon-facebook.png") no-repeat scroll center top;
	 display: block;
    float: left;
    height: 25px;
    width: 25px;
}
.fa.fa-behance{
	background: rgba(0, 0, 0, 0) url("images/icon-email.png") no-repeat scroll center top;
	display: block;
    float: left;
    height: 25px;
    width: 25px;
}
.fa.fa-linkedin{
	background: rgba(0, 0, 0, 0) url("images/icon-linked.png") no-repeat scroll center top;
	display: block;
    float: left;
    height: 25px;
    width: 25px;
}
.col-md-3{width:33%!important}
.fa.fa-facebook::before{
	content:"";
}
.fa.fa-behance::before{
	content:"";
}
.fa.fa-linkedin::before{
	content:"";
}

.member-details .red-border-bottom::before{
	background: #2a99d0 none repeat scroll 0 0 !important;
}

.team-member {
    background: #f2f9fe none repeat scroll 0 0;
}
.team-member .profile-pic img {
    height: auto;
    margin: 10%;
    width: 80%;
}
.team-member .profile-pic {
    height: 224px !important;
}
.team-member .position {
    color: #666666;
    font-size: 14px;
    margin-top: 16px;
	font-weight: 200;
}
.team-member h3 {
    color: #333333;
}

.focus-box .service-icon {
    width: 100% !important;
    height: 51px !important;
    border-radius: 0;
	border:none;
}


.testimonial {
    background: #f6fbfe !important;
}
.testimonial .section-header h2::after {
    background: #2a99d0 none repeat scroll 0 0;
}
.testimonial h6.black-text{
	color:#2a99d0;
}

.testim {
    float: left;
    margin: 0 1%;
    width: 23%;
}
.testim-in {
    overflow: hidden;
    position: relative;
}
.testim-left {
    left: 0;
    position: absolute;
    top: 0;
}
.testim-left img{
	border-radius:40px;
}
.testim-right {
    color: #000000;
    padding-left: 100px;
	text-align: left;
}
.testim-right-desc {
    font-size: 12px;
    font-weight: 200;
    line-height: 15px;
    margin-bottom: 12px;
}
.testim-right-title{
}
.testim-right-title a {
    color: #000;
    font-family: "PT Serif";
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}
.testim-right-subtitle {
    font-family: "PT Serif";
    font-size: 12px;
    font-style: italic;
}
#latestnews .section-header h2{
 color:#3a3a3a;
 }
#latestnews .dark-text{
	color:#999999;
}
.section-header h6, .section-header .section-legend{
	letter-spacing: 2px;
	font-size:14px !important;
}




.contact-us {
    background: rgba(80, 80, 80, 0.9) none repeat scroll 0% 0%;
}

.team-member .profile-pic {
    border-radius: 0;
    width: 255px;
    height: 255px;
}

.team-member h5:before {
    background: #2a99d0 !important;
}

.team-member:hover .details {
    top: 0px;
    background: #2a99d0 none repeat scroll 0% 0% !important;
    color: #000;
    opacity: 0.8;
    min-height: 255px;
    text-align: center;
}

.team-member .social-icons ul li a {
    color: #404040;
}
.team-member .social-icons ul li a:hover {
    color: #2a99d0;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    color: #5A5A5A ;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
}

.focus-box .service-icon:hover{
	border:none  !important;
}

.focus-box .service-icon .pixeden {
    border-radius: 0;
}

.focus-box .red-border-bottom:before, .works .red-border-bottom:before, .listpost-content-wrap .entry-title a:after {
    background: #2a99d0 !important;
}

.focus-box p {
	color: #6E6E6E !important;
	font-weight: 200;
}

article.hentry {
    border: 1px solid #DEDEDE;
    padding: 15px;
    background-color: #FFF !important;
}

.large-container {
    background-color: #FFF !important;
    border-radius: 4px;
    margin: 35px 0px;
    position: relative;
    width: 97%;
    margin-top: 0;
}

.listpost-content-wrap .entry-content p {
    min-height: 90px;
    margin-bottom: 0px;
    margin-right: 10px;
}

.content-left-wrap {
    padding-top: 60px;
}

.carousel-control.left {
    margin-left: -35px;
}

.listpost-content-wrap-large {
    position: absolute;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.98) none repeat scroll 0% 0%;
    min-height: 50px;
    width: 100%;
    padding: 20px 20px 0px;
    border-top: 2px solid #FFF;
    border: 1px solid #DEDEDE;
}

#client-feedbacks .feedback-box {
    background: #404040;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #fff !important;
}
.feedback-box .message {
    color: #fff;
}
.feedback-box .client-info .client-name {
    color: #fff;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.nftr {
    background: #2a99d0 none repeat scroll 0 0;
    height: 80px;
    overflow: hidden;
}
.nftr-adress {
    background: rgba(0, 0, 0, 0) url("images/ftricon.png") no-repeat scroll 0 0;
    height: 51px;
    margin: 15px auto 0;
    width: 34px;
}

#footer {
    background: rgba(39, 39, 39, 0.95) none repeat scroll 0% 0%;
}

.entry-footer a {
    color: #B36A6A !important;
    font-style: italic;
}

/* Latest news */

.rb-latest-news-container {
    width: 100%;
}

.rb-latest-news {
    display: inline-block !important;
    margin: 0 0.2% 0.35%;
    width: 24.49%;
}

.rb-latest-news-image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}
.rb-latest-news .rb-latest-news-image img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 100;
    -webkit-transition: all 1s ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 1s ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 1s ease-in;
    -moz-transform: scale(1);
    transition: all 1s ease-in;
    transform: scale(1);   
}
.rb-latest-news:hover .rb-latest-news-image img {
    -webkit-transition: all 1s ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 1s ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 1s ease-in;
    -moz-transform: scale(1.2);
    transition: all 1s ease-in;
    transform: scale(1.2);
}
.rb-latest-news-image:hover {
    background: #FFDD00;
}
.latest-news {
    padding-bottom: 0px;
}

.rb-latest-news-image-holder {
    position: relative;
}

.rb-latest-news-image-holder .rb-latest-news-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    color: #000;
    text-transform: uppercase;
    z-index: 999;
}

.rb-latest-news-image-holder:hover .rb-latest-news-content {
    background-color: rgba(255, 221,0, 0.7);
    display: block;
}

.rb-latest-news-content-open .rb-latest-news-content {
    display: block;
}


.rb-latest-news-content h3 {
    font-size: 20px;
    margin-bottom: 20%;
}

.rb-latest-news-content a.rb-latest-news-read-more {
    font-size: 12px;
    color: #000 !important;
    border: 1px solid #000;
    border-radius: 2px;
    padding: 10px 20px;
}

.rb-latest-news-content-outer {
    display: table;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.rb-latest-news-content-outer .rb-latest-news-content-inner {
    display: table-cell;
    vertical-align: middle;
}
.contact-us .g-recaptcha, .contact-us .zerif-g-recaptcha {
    float: right;
    padding-right: 15px;
}

.entry-title:before, .widget .widget-title:before {
	background: #2a99d0;
}
.comment-form #submit, .comment-reply-link {
	background: #313131;
    border:1px solid #FFDD00 !important;
    color: #fff !important; 
}
.comment-form #submit:hover, .comment-reply-link:hover {
	background: #FFDD00;
    border:1px solid #FFDD00 !important;
    color: #000 !important; 
}
.rb-site-title {
    color: #2a99d0;
    font-size: 18px;
    line-height: 18px;
    margin-top: 10px;
}
.rb-site-description {
    color: #2a99d0;
    font-size: 15px;
    line-height: 15px;
}
pre {
    font-size: 15px;
}

.large-container .entry-content p {
    margin: 4px 0px 0px 0px;
}

.bxslider {
    margin: 0;
    padding: 0;
}
.bxslider li {
    background-position: center top;
    background-size: 100% auto;
    height: 870px;
}
.bxslider li img {
    margin: 0 auto;
    max-width: 100%;
}
.spacerver{
}
.spacerver-mob{
	display:none;
}
.sliderbtn {
    background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 35px;
    color: #fff !important;
    cursor: pointer;
    display: block;
    font-size: 17px;
    height: 45px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 185px;
    padding-top: 8px;
}
.sliderbtn:hover {
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
}

#main-nav {
    position: absolute;
}
#main-nav.fixed {
    position: fixed;
}
#main-nav.navbar-black-init{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none !important;
}
/*FForm*/
.form_submit {
    /*background-image: url('images/bg_form_submit.jpg');*/
    /*background-attachment: scroll;*/
    /*background-color: rgb(255, 255, 255);*/
    /*background-position: 50% 0%;*/
    /*background-repeat: no-repeat;*/
    /*margin: 0 auto;*/
    /*padding: 120px 0 0 0;*/
}
p.white {
    color: white;
    font-family: 'Geometria bold', sans-serif;
    font-size: 38px;
    font-weight: bold;
    line-height: 28px;
    margin: 0 0 72px 0;
    text-align: center;
}
p.white span {
    color: black;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
}
.form_submit table {
    margin: 0 auto 0;
    padding-bottom: 120px;
}
.form_submit table td {
    padding: 0 0 25px 0;
}
.phone input:first-child{margin-right:30px}

.form_submit table td.phone {
    /*padding: 0 37px 25px 0;*/
}
.form_submit table td.phone input, .form_submit table td.mail input{
    width: 352px;
}
.form_submit input[type='text'], .form_submit textarea {
    border: none;
    font-size: 12px;
    font-family: 'Geometria medium', sans-serif;
    padding: 15px 20px;
    width: 739px;
}
.form_submit textarea {
    height: 165px;
    max-height: 165px;
    min-width: 739px;
    max-width: 739px;
}
.form_submit td.submit {
    text-align: center;
}
.form_submit td.submit input {
    background-color: transparent;
    border: 1px solid white;
    border-radius: 23px;
    color: white;
    font-family: 'Geometria bold', sans-serif;
    font-weight: bold;
    padding: 14px 37px;
}
.form_submit td.submit input:hover {
    background-color: #3387d9;
    cursor: pointer;
}
input::-moz-placeholder, textarea::-moz-placeholder, textarea::-webkit-input-placeholder {
    color: #7f7f7f;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #7f7f7f;
}
/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/

@media screen and (max-width: 1476px){
    .bxslider li {
		background-size: auto 102%;
	}
	#aboutus, #feedback{
		background-size: auto 102%;
	}
}

@media screen and (max-width: 1200px){
	#client-feedbacks .testim{
        margin-bottom:40px;
		width:48%
    }
    #client-feedbacks .testim:nth-child(3n) {
        clear:both;
    }
}

@media screen and (max-width: 1170px){
    .rb-latest-news {
        width: 25%;
    }
}

@media screen and (max-width: 992px){
    .rb-latest-news {
        width: 50%;
    }
    .about-us p {
        text-align: center;
    }
    

}

@media screen and (max-width: 767px){
    #main-nav, #main-nav.fixed {
        background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
    }
    .dropdownmenu {
        background: url(images/menu-icon.png) center center no-repeat #2a99d0;
    }
    .navbar a{
        color: #fff !important;
    }
    

    .listpost-content-wrap-large {
        position: relative;
        float: left;
    }

    .large-container .list-post-top {
        float: left;
    }

    .listpost-content-wrap-large:after {
        content: "";
        width: 100%;
        clear: both;
    }
	
	.bxslider li {
		height: 470px;
	}
	.bxslider li img {
		max-width: 290px;
	}
	.spacerver{
		display:none;
	}
	.spacerver-mob{
		display:block;
	}
	
	.about-us .row {
		margin-left: 0;
		margin-right: -15px;
	}
	
	.responsive-nav.main-nav-list {
		background: rgba(140, 140, 140, 0.85) none repeat scroll 0 0;
		padding: 7px !important;
	}

}

@media screen and (max-width: 600px){
    .rb-latest-news {
        width: 100%;
        height: auto !important;
    }
	
	#client-feedbacks .testim{
		width:98%;
		clear:both;
    }

}
@media screen and  (max-width: 480px) {
    .rb-site-description {
        font-size: 3.5vw !important;
    }

}