/*============================================================
	Theme Name: Boston
	Theme URI: http://codecorns.com/
	Author: CodeCorns team
	Author URI: http://codecorns.com/
	Description: Boston HTML5 Corporate Template by CodeCorns taem
	Version: 1.0
    Tags: responsive, onepage themplate, business, corporate, slider, parallax
==============================================================*/


/*	Table of content  */


/*-------------------------
	 1. THEME GENEREL CSS
	 2. NAVBER
	 3. BANNER
	 4. ABOUT US
	 5. SKILLS
	 6. PORTFOLIO
	 7. TEAM
	 8. SERVICES
	 9. FEEDBACK
    10. COUNTER
	11. BLOG
    12. COMPANY
    13. CONTACT US
    14. MAP
    15. FOOTER
    16. BACK TO TOP
    17. BLOG PAGE POSTS
    18. BLOG PAGE SIDEBAR
    19. RECENT POSTS
    20. POPULAR POSTS
    21. CATEGORIES
    22. TAGS
    23. SUBSCRIBE FORM
    24. SINGLE POST
    
--------------------------*/


/*----------------------------------------
               GOOGLE FONTS
------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*
Specify in CSS

Use the following CSS rules to specify these families:

font-family: 'Open Sans', sans-serif;
font-family: 'Raleway', sans-serif;

*/


/*----------------------------------------
            1. THEME GENEREL CSS
------------------------------------------*/

* {
    padding: 0;
    margin: 0;
}

ul,
li {
    list-style: none;
}

a,
a:hover,
a:focus {
    text-decoration: none !important;
    outline: none;
}

img {
    border: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0px;
    margin: 0px;
}

.border-btm {
    margin: 30px auto 50px;
    width: 300px;
    height: 5px;
    border-radius: 10px;
    background: #ff3219;
}

.owl-theme .owl-controls .owl-page span {
    background: #1795c5 none repeat scroll 0 0;
    border-radius: 20px;
    display: block;
    height: 8px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 35px;
}

body {
    font-family: 'Raleway', sans-serif;
}


/*----------------------------------------
                2. NAVBER
------------------------------------------*/

nav {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background: #fff;
    height: 80px;
}

nav ul {
    padding-top: 30px;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

nav img {
    margin-top: 17px;
    width: 200px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.nav > li > a {
    padding: 0 15px;
    background: none;
    color: #000;
    font-weight: bolder;
}

.nav > li > a:hover {
    background: none;
    color: #ff3219;
}

nav.navbar .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background: transparent;
    color: #ff3219;
}


/*----------------------------------------
                3. BANNER
------------------------------------------*/

#banner {
    margin-top: 80px
}


/*==Navbar Srink After Scroll==*/

nav.shrink {
    background: rgba(255, 255, 255, 0.9);
    height: 80px;
    border-bottom: 1px solid #ff3219;
}

nav.shrink img {
    margin-top: 22px;
    width: 162px;
}

nav.shrink a {
    color: #000000;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


/*----------------------------------------
                4. ABOUT US
------------------------------------------*/

#about {
    padding: 90px 0 100px;
    border-bottom: 1px dashed;
}

#about h2 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    font-size: 52px;
}

#about h3 {
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 32px;
    padding: 15px 0 15px;
}

#about p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    padding: 0 0 20px;
    line-height: 1.5em;
}


/*----------------------------------------
                5. SKILLS
------------------------------------------*/

#skills {
    padding: 90px 0 75px;
    border-bottom: 1px dashed;
}

#skills h2 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    font-size: 52px;
}

#skills h4 {
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    padding-bottom: 10px;
}

#skills .progress {
    height: 30px;
    margin-bottom: 30px
}

#skills .progress span {
    font-size: 25px;
}

#skills .progress-bar {
    padding-top: 3px;
}

#skills h3 {
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 32px;
    padding-bottom: 15px;
}

#skills p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    padding: 30px 0;
}

#skills ul {
    padding-bottom: 30px;
}

#skills i {
    padding-right: 15px;
}

#skills ul li {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    padding: 5px 0;
}

#skills a {
    padding: 12px 40px;
    font-size: 18px;
    text-transform: uppercase;
    border: 2px solid #1795c5;
}

#skills a:hover {
    background: #1795c5;
    color: #fff;
    border: 2px solid #1795c5;
}


/*----------------------------------------
             6. PORTFOLIO
------------------------------------------*/

#portfolio {
    padding: 90px 0 70px;
    border-bottom: 1px dashed;
}

#portfolio h2 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    font-size: 52px;
}

#portfolio ul {
    padding: 0 0 10px 5px;
}

#portfolio ul li {
    cursor: pointer;
    padding: 8px 15px;
    border: 1px solid #1795c5;
}

#portfolio ul li:hover {
    background: #1795c5;
    border: 1px solid #1795c5;
    color: #fff;
}

#portfolio ul .active {
    background: #1795c5;
    border: 1px solid #1795c5;
    color: #fff;
}

.pf-hover {
    width: 100%;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.pf-hover img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.pf-hover .ovrly {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.pf-hover .buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pf-hover .buttons .fa {
    background: rgb(256, 256, 256);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkt-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    opacity: 0;
    -webkit-transform: scale(5);
    transform: scale(5);
    position: relative;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    color: rgba(50, 50, 50, 0.9);
}

.pf-hover .buttons .fa-search {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.pf-hover:hover .buttons .fa {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.pf-hover:hover .ovrly {
    opacity: 1;
}

#portfolio #mixitup .mix {
    display: none;
    margin-bottom: 30px;
}


/*----------------------------------------
                7. TEAM
------------------------------------------*/

#team {
    padding: 90px 0;
    border-bottom: 1px dashed;
}

#team h2 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    font-size: 52px;
}

#team .team_item img {
    display: inline-block;
    margin: 0 0 25px;
}

#team ul li i {
    font-size: 18px;
}

#team ul li a {
    color: #96a7ad;
    border: 1px solid #96a7ad;
    border-radius: 50%;
    padding: 10px 4px 5px;
}

#team ul li a:hover {
    color: #1795c5;
}

#team ul li a .fa-facebook:hover {
    color: #3b5998;
}

#team ul li .fa-twitter:hover {
    color: #55acee;
}

#team ul li .fa-google-plus:hover {
    color: #dd4b39;
}

#team ul li .fa-linkedin:hover {
    color: #0976b4;
}

#team h3 {
    color: #222;
    padding: 10px;
}

#team h4 {
    color: #96a7ad;
    padding: 5px;
}

#team .owl-controls {
    margin-top: 40px;
}


/*----------------------------------------
                8. SERVICES
------------------------------------------*/

#services {
    padding: 90px 0 42px;
    border-bottom: 1px dashed;
}

#services h2 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    font-size: 52px;
}

#services .srv-item {
    margin-bottom: 50px;
}

#services .srv-item:hover i {
    background: #1795c5;
    color: #fff;
    border: 2px dashed #fff;
}

#services i {
    /*width: 100px;*/
    /*height: 100px;*/
    /*border-radius: 50%;*/
    padding-top: 10px;
    /*color: #1795c5;*/
    /*border: 2px dashed #1795c5;*/
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-right: 10px;
}

#services h3 {
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 28px;
    padding: 20px 0 10px;
}

#services p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
}

/*----------------------------------------
                8. CERTIFICATES
------------------------------------------*/

#certificates {
    padding: 90px 0 42px;
    border-bottom: 1px dashed;
}

#certificates h2 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    font-size: 52px;
}

#certificates .srv-item {
    margin-bottom: 50px;
}

#certificates .srv-item:hover i {
    background: #1795c5;
    color: #fff;
    border: 2px dashed #fff;
}

#certificates i {
    /*width: 100px;*/
    /*height: 100px;*/
    /*border-radius: 50%;*/
    padding-top: 10px;
    /*color: #1795c5;*/
    /*border: 2px dashed #1795c5;*/
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-right: 10px;
}

#certificates h3 {
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 28px;
    padding: 20px 0 10px;
}

#certificates p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
}


/*----------------------------------------
                9. FEEDBACK
------------------------------------------*/

#feedback {
    padding: 90px 0;
}

#feedback h2 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    font-size: 52px;
}

#feedback img {
    max-width: 180px;
    max-height: 180px;
}

#feedback p {
    font-size: 15px;
    padding: 30px 110px;
    font-family: 'Open Sans', sans-serif;
}

#feedback h4 {
    font-weight: 700;
    padding-bottom: 10px;
}

#feedback h5 {
    font-weight: 300;
}

#feedback .owl-controls {
    margin-top: 45px;
}


/*----------------------------------------
                10. COUNTER
------------------------------------------*/

#counter {
    padding: 100px 0;
    color: #fff;
    /* The parallax image used */
    background-image: url("../../assets/images/counter/1.png");
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#counter h2 {
    font-size: 52px;
    font-weight: 100;
}

#counter h4 {
    font-size: 24px;
    font-weight: 300;
}


/*----------------------------------------
                11. BLOG
------------------------------------------*/

#blog {
    padding: 90px 0 111px;
}

#blog h2 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    font-size: 52px;
}

#blog .blog-item {
    border: 2px solid #1795c5;
    margin-bottom: 50px;
}

#blog img {
    border-bottom: 2px solid #1795c5;
}

#blog h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    padding-bottom: 5px;
}

#blog span,
span>a {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 300;
}

#blog span>a {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #1795c5
}

#blog p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 1.5em;
    padding: 10px 0;
    font-weight: 300;
}

#blog a {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: #1795c5;
}

#blog a:hover {
    color: #60c7ef;
}

#blog .blog-content {
    padding: 20px;
}

#blog h6 a {
    padding: 10px 50px;
    border: 2px solid #1795c5;
    font-size: 18px;
    text-transform: uppercase;
}

#blog h6>a:hover {
    background: #1795c5;
    color: #fff;
    border: 2px solid #fff;
}


/*----------------------------------------
                12. COMPANY
------------------------------------------*/

#company {
    /*padding: 50px 0 18px;*/
    padding: 90px 0 42px;
    border-bottom: 1px dashed;    
    /* padding: 100px 0 68px; */
    /* The parallax image used */
    background-image: url("../../assets/images/company/1.png");
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#company .owl-theme .owl-controls .owl-page span {
    display: none;
}

#company h2 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    font-size: 52px;
}


/*----------------------------------------
                13. CONTACT US
------------------------------------------*/

#contact {
    padding: 90px 0 55px;
}

#contact h2 {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: bolder;
    font-size: 52px;
}

#contact input[type=text] {
    width: 100%;
    height: 40px;
    border-radius: 0;
    padding-left: 20px;   /*mtx tinha padding: 20px;*/
    margin-bottom: 10px;    
}

#contact input[type=email] {
    width: 100%;
    height: 40px;
    border-radius: 0;
    padding-left: 20px;   /*mtx tinha padding: 20px;*/
    margin-bottom: 10px;
}

#contact textarea {
    height: 200px;
    width: 100%;
    border-radius: 0;
    padding: 20px;
    resize: none;
    margin-bottom: 10px;
}

#contact input[type=submit] {
    background: none;
    padding: 10px 50px;
    border: 1px solid #000000;
    color: #000000;
    font-size: 18px;
    text-transform: uppercase;
}

#contact input[type=submit]:hover {
    background: #000000;
    color: #fff;
    border: 1px solid #fff;
}


/*----------------------------------------
                14. MAP
------------------------------------------*/

#map {
    height: 400px;
    margin: 30px 0 0;
}


/*----------------------------------------
                15. FOOTER
------------------------------------------*/

footer {
    background: #000;
    padding: 50px 0;
    color: #fff;
}

footer a {
    color: #ff3219;
}

footer a:hover {
    color: #fff
}


/*----------------------------------------
                16. BACK TO TOP
------------------------------------------*/

#backtotop {
    position: fixed;
    bottom: 40px;
    right: 30px;
    background: #ff3219;
    display: none;
}

#backtotop i {
    padding: 7px 10px;
    background: #ff3219;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#backtotop i:hover {
    background: #fff;
    color: #ff3219;
    border: 1px solid #000;
    cursor: pointer;
}


/*----------------------------------------
            *FRONT PAGE END*
------------------------------------------*/


/*----------------------------------------
            17. BLOG PAGE POSTS
------------------------------------------*/

#banner_blog {
    padding: 150px 0;
    text-align: center;
    color: #fff;
}

#banner_blog h1 {
    font-size: 62px;
    text-transform: uppercase;
    font-weight: bolder;
    padding-top: 40px;
}

#banner_blog h4 {
    font-size: 28px;
}

#blog_page {
    padding-top: 100px;
}

#blog_page .blog_posts {
    overflow: hidden;
}

#blog_page .breadcrumb {
    border-radius: 0;
}

#blog_page .breadcrumb li a {
    color: #1795c5;
}

#blog_page .blog_post_item {
    padding-bottom: 60px;
}

#blog_page .blog_post_content {
    padding: 30px 0 50px;
    border-bottom: 1px solid #a7a7a7;
}

#blog_page .blog_post_item h2 {
    font-size: 42px;
    font-family: 'Raleway', sans-serif;
    padding-bottom: 10px;
}

#blog_page .blog_post_item h4 {
    font-size: 17px;
    font-family: 'Raleway', sans-serif;
}

#blog_page .blog_post_item span {
    font-size: 17px;
    color: #1795c5;
}

#blog_page .blog_post_item p {
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    padding: 15px 0 30px;
}

#blog_page .blog_post_content a {
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    border: 1px solid #1795c5;
    padding: 10px 25px;
}

#blog_page .blog_post_content a:hover {
    background: #1795c5;
    border: 1px solid #1795c5;
    color: #fff;
}

#blog_page .pagination {
    padding-bottom: 20px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color: #fff;
    background: #1795c5;
}

#blog_page .pagination a {
    border-radius: 0;
    padding: 7px 15px;
    font-size: 18px;
    font-family: Raleway;
}


/*----------------------------------------
          18. BLOG PAGE SIDEBAR
------------------------------------------*/

#sidebar .search input[type=text] {
    position: relative;
    width: 100%;
    height: 55px;
    padding: 0 50px 0 15px;
    font-size: 18px;
    border: 1px solid #1795c5!important;
    margin-bottom: 63px;
}

#sidebar .search button {
    position: absolute;
    color: #1795c5;
    top: 0;
    right: 0;
    padding: 10px 15px;
    font-size: 24px;
    border: none;
    background: none;
    margin-right: 15px;
}


/*----------------------------------------
          19. RECENT POSTS
------------------------------------------*/

#sidebar .recent-posts {
    margin-bottom: 65px;
}

#sidebar .recent-posts .col-sm-9 {
    width: 85%;
}

#sidebar .recent-posts h3 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
}

#sidebar .recent-posts>ul>li {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #d8d2d2;
}

#sidebar .recent-posts>ul>li:last-child {
    margin-bottom: 0;
}

#sidebar .recent-posts>ul>li>a {
    color: #222;
}

#sidebar .recent-posts>ul>li>a:hover {
    color: #1795c5;
}

#sidebar .recent-posts img {
    padding-top: 3px;
}

#sidebar .recent-posts h4 {
    margin-bottom: 5px;
    font-weight: 500;
}

#sidebar .recent-posts p {
    font-weight: 300;
    margin-bottom: 20px;
}


/*----------------------------------------
          20. POPULAR POSTS
------------------------------------------*/

#sidebar .popular-post {
    overflow: hidden;
    margin-bottom: 45px;
}

#sidebar .popular-post h3 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
}

#sidebar .popular-post>ul>li {
    margin-bottom: 20px;
}

#sidebar .popular-post>ul>li>a {
    color: #222;
}

#sidebar .popular-post>ul>li>a:hover {
    color: #1795c5;
}

#sidebar .popular-post img {
    margin-bottom: 15px;
}

#sidebar .popular-post h4 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 500;
}

#sidebar .popular-post p {
    font-weight: 300;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d8d2d2;
}


/*----------------------------------------
              21. CATEGORIES
------------------------------------------*/

#sidebar .categories {
    margin-bottom: 65px;
}

#sidebar .categories h3 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
}

#sidebar .categories ul>li {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

#sidebar .categories ul>li i {
    font-size: 12px;
    padding-right: 10px;
}

#sidebar .categories ul>li>a {
    font-weight: 300;
    color: #222;
}


/*----------------------------------------
              22. TAGS
------------------------------------------*/

#sidebar .tags {
    margin-bottom: 65px;
}

#sidebar .tags h3 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
}

#sidebar .tags ul li {
    overflow: hidden;
    background: #1795c5;
    padding: 5px 8px;
}

#sidebar .tags ul li a {
    border: 1px solid #1795c5;
    color: #fff;
}


/*----------------------------------------
            23. SUBSCRIBE FORM
------------------------------------------*/

#sidebar .subscribe_form {
    margin-bottom: 65px;
}

#sidebar .subscribe_form h3 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
}

#sidebar .subscribe_form input[type=email] {
    width: 100%;
    height: 50px;
    border-radius: 0;
    border: 2px solid #1795c5;
    margin-bottom: -5px;
}

#sidebar .subscribe_form input[type=submit] {
    width: 100%;
    background: #1795c5;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #1795c5;
    font-weight: 700;
    height: 45px;
    margin-top: -10px;
}


/*----------------------------------------
            24. SINGLE POST
------------------------------------------*/

#blog_page .single_blog_post_item {
    padding-bottom: 60px;
}

#blog_page .single_blog_post_content {
    padding: 30px 0 50px;
    border-bottom: 1px solid #a7a7a7;
}

#blog_page .single_blog_post_item h2 {
    font-size: 42px;
    font-family: 'Raleway', sans-serif;
    padding-bottom: 10px;
}

#blog_page .single_blog_post_item h4 {
    font-size: 17px;
    font-family: 'Raleway', sans-serif;
}

#blog_page .single_blog_post_item span {
    font-size: 17px;
    color: #1795c5;
}

#blog_page .single_blog_post_item p {
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    padding: 15px 0 30px;
}

.post_tags {
    padding-top: 20px;
}

.post_tags ul li a {
    padding: 5px 10px;
    border: 1px solid #1795c5;
    background: #1795c5;
    color: #fff;
}

.post_comment textarea {
    width: 100%;
    height: 170px;
    border: 1px solid #1795c5;
    border-radius: 0;
}

.post_comment input[type=submit] {
    background: none;
    padding: 10px 50px;
    background: #1795c5;
    border: 2px solid #1795c5;
    color: #fff;
    font-size: 18px;
}

.post_comment input[type=submit]:hover {
    background: none;
    padding: 10px 50px;
    border: 2px solid #1795c5;
    color: #fff;
    background: #00719d;
    font-size: 18px;
}


/*----------------------------------------
                *THE END*
------------------------------------------*/

/***************RESPONSIVE***************/

/*----------------------------------------
IF SCREEN SIZE LESS THAN 992px WIDE
------------------------------------------*/

@media screen and (max-width: 991px) {
    nav ul {
        font-size: 14px;
    }
    nav img {
        margin-top: 20px;
        width: 160px;
    }
    .nav > li > a {
        padding: 0 12px;
    }
    #services i {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        padding-top: 15px;
    }
    #services h3 {
        font-size: 22px;
    }
    #services p {
        font-size: 15px;
    }
    #feedback p {
        font-size: 15px;
        padding: 30px 0 20px;
    }
    #blog h3 {
        font-size: 24px;
    }
    #blog p {
        font-size: 15px;
    }
    #blog a {
        font-size: 15px;
    }
    /*=====Blog Page=====*/
/*----------------------------------------
                *SIDEBAR*
------------------------------------------*/
    #sidebar .recent-posts h3 {
        font-size: 20px;
    }
    #sidebar .recent-posts h4 {
        font-size: 17px;
    }
    #sidebar .recent-posts p {
        font-size: 14px;
    }
    #sidebar .popular-post h3 {
        font-size: 20px;
    }
    #sidebar .popular-post h4 {
        font-size: 17px;
    }
    #sidebar .popular-post p {
        font-size: 14px;
    }
    #sidebar .categories h3 {
        font-size: 20px;
    }
    #sidebar .categories ul>li {
        font-size: 18px;
    }
    #sidebar .tags h3 {
        font-size: 20px;
    }
    #sidebar .subscribe_form h3 {
        font-size: 20px;
    }
    .post_tags ul li {
        margin-bottom: 15px;
    }
    .post_comment input[type=submit] {
        font-size: 16px;
    }
}


/*----------------------------------------
IF SCREEN SIZE LESS THAN 768px WIDE
------------------------------------------*/

@media screen and (max-width: 767px) {
    nav {
        height: 70px;
    }
    nav.navbar img {
        margin-top: 23px;
        margin-left: 15px;
        width: 120px;
    }
    nav.navbar ul {
        padding-top: 0px;
        border-top: 2px solid #fff;
        margin-top: 0;
    }
    .navbar-toggle {
        border: 1px solid #1795c5;
        border-radius: 3px;
        margin: 18px 15px 17px 0;
    }
    nav .icon-bar {
        background: #1795c5;
    }
    .nav ul {
        margin-top: 40px
    }
    .nav > li {
        text-align: center;
        padding: 10px 0;
        background: rgba(255, 255, 255, 0.9);
    }
    nav.navbar ul li a {
        color: #1795c5;
    }
    #banner {
        margin-top: 70px;
    }
    #banner h1 {
        font-size: 33px;
    }
    /*==Navbar Srink After Scroll==*/
    nav.shrink {
        height: 60px;
    }
    nav.shrink img {
        margin-top: 17px;
        margin-left: 15px;
        width: 120px;
    }
    nav.shrink .navbar-toggle {
        border: 1px solid #1795c5;
        border-radius: 3px;
        margin: 13px 15px 12px 0;
    }
    #about h2 {
        text-transform: capitalize;
        font-weight: 500;
    }
    #about img {
        margin-bottom: 20px;
    }
    #about h3 {
        font-size: 28px;
        padding-bottom: 20px;
        margin-top: 20px;
    }
    #about p {
        font-size: 18px;
        padding: 0 0 20px;
    }
    #skills h2 {
        text-transform: capitalize;
        font-weight: 500;
    }
    #skills h3 {
        font-size: 28px;
        margin-top: 60px;
    }
    #skills p {
        padding: 0 0 20px;
    }
    #skills ul {
        padding-bottom: 20px;
    }
    #skills i {
        padding-right: 15px;
    }
    #skills ul li {
        font-family: 'Raleway', sans-serif;
        font-size: 13px;
        padding: 5px 0;
    }
    #skills a {
        font-size: 15px;
    }
    #portfolio h2 {
        text-transform: capitalize;
        font-weight: 500;
    }
    #portfolio ul li {
        margin-bottom: 4px;
    }
    #team h2 {
        text-transform: capitalize;
        font-weight: 500;
    }
    #team .owl-controls {
        display: none!important;
    }
    #services h2 {
        text-transform: capitalize;
        font-weight: 500;
    }
    #feedback h2 {
        text-transform: capitalize;
        font-weight: 500;
    }
    #counter {
        padding-top: 60px;
    }
    #counter i {
        margin-top: 40px;
    }
    #blog h2 {
        text-transform: capitalize;
        font-weight: 500;
    }
    #contact h2 {
        text-transform: capitalize;
        font-weight: 500;
    }
    #contact input[type=submit] {
        margin-top: 10px;
    }
    #backtotop {
        bottom: 15px;
        right: 15px;
    }
    /*===Blog Page===*/
    #banner_blog {
        padding: 120px 0 100px;
    }
    #banner_blog h1 {
        font-size: 48px;
    }
    #banner_blog h4 {
        font-size: 24px;
    }
    #blog_page .blog_posts {
        border-bottom: 1px solid #a7a7a7;
        margin-bottom: 50px;
    }
    #blog_page .blog_post_item {
        border: 1px solid #1795c5;
        padding: 15px;
        margin-bottom: 30px;
    }
    #blog_page .blog_post_content {
        padding: 30px 0 20px;
        border-bottom: none;
    }
    #blog_page .blog_post_item h2 {
        font-size: 32px;
    }
    /*----------------------------------------
                *SIDEBAR*
------------------------------------------*/
    #sidebar .search input[type=text] {
        height: 55px;
        font-size: 18px;
    }
    #sidebar .recent-posts h3 {
        font-size: 28px;
    }
    #sidebar .recent-posts>ul>li {
        border: 1px solid #1795c5
    }
    #sidebar .recent-posts img {
        padding-top: 0;
        margin-bottom: 15px;
    }
    #sidebar .recent-posts h4 {
        font-size: 20px;
        margin-bottom: 5px;
        font-weight: 500;
    }
    #sidebar .recent-posts p {
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 20px;
    }
    /*===================*/
    #sidebar .popular-post h3 {
        font-size: 28px;
    }
    #sidebar .popular-post h4 {
        font-size: 22px;
    }
    #sidebar .popular-post p {
        font-size: 18px;
    }
    /*===================*/
    #sidebar .categories h3 {
        font-size: 28px;
    }
    /*===================*/
    #sidebar .tags h3 {
        font-size: 28px;
    }
    /*===================*/
    #sidebar .subscribe_form h3 {
        font-size: 28px;
    }
    /*=========================*/
    #blog_page .single_blog_post_item {
        padding-bottom: 10px;
    }
    #blog_page .single_blog_post_content {
        padding: 30px 0 0px;
        border-bottom: none;
    }
    .post_comment input[type=submit] {
        font-size: 16px;
        margin: 5px 0 40px;
    }
}

/*----------------------------------------
IF SCREEN SIZE LESS THAN 401px WIDE
------------------------------------------*/

@media screen and (max-width: 400px) {
    #banner h1{
        font-size: 28px;
    }
}