/*

	Project Name : Raytech

	Author Company : Ishita

	Project Date: 1 Sept, 2020

	Template Developer: ishupande@gmail.com
6699FF blue
908463 lb
252525 db
CC9933 yellow
*/



/*

==============================================

TABLE OF CONTENT

==============================================



1. Sections

2. Headings

3. Top-Bar

4. Navbar

5. Preloader

6. Builder Classes

	a) Inner paddings

	b) text-content

	c) Frames, Shadows

	d) Buttons

	e) Text Colors

7. Top Articles	

8. Services

	a) Service Grid

	b) Service Block

	c) Service Box

9. Services Detail	

10. CountUp

11. Tabs

12. Testmonials

13. Team Members

14. Portfolio (Isotop)

15. Project Detail

16. Blog Grid

17. Blog List

18. Blog Post

19. Pricing List

20. Partners

21. Progress Bars

22. Accordions

23. 404 Page

24. Forms

25. Contact Page

26. Google Map

27. Scroll To Top Button

28. Footer



==============================================

[END] TABLE OF CONTENT

==============================================

*/







/*-----------------------------------------

1. Sections

-------------------------------------------*/

.section-block{

	padding: 100px 0px 100px 0px;

	background-color: #fff;

}	



.section-block-grey{

	padding: 50px 0px 50px 0px;

	background-color: #f9f9f9;

	border-top: 1px solid #efefef;

	border-bottom: 1px solid #efefef;

}



.section-block-parallax{

    background-size: cover;

    background-attachment: fixed;

    background-position: 50% 50%;

	padding: 70px 0px 70px 0px;    

}	



.page-title-section{

	background-size: cover;

    background-attachment: fixed;

    padding: 70px 0px 70px 0px;

    background-position: center;

}



.partner-section{

	padding: 40px 0px 40px 0px;

	background: #fff;

}



.partner-section-grey{

	padding: 40px 0px 40px 0px;

	background: #f9f9f9;

	border-top: 1px solid #efefef;

	border-bottom: 1px solid #efefef;	

}





/*-----------------------------------------

2. Headings

-------------------------------------------*/

.section-heading{

	margin-bottom: 70px;

}



.section-heading h2{

	font-size: 35px;

	font-weight: 300;

	color: #3b3b3b;

	line-height: 130%;

	margin-bottom: 10px;

}



.section-heading h3{

	font-size: 30px;

	font-weight: 300;

	color: #3b3b3b;

	line-height: 130%;

	margin-bottom: 20px;

}



.section-heading h4{

	font-size: 25px;

	font-weight: 300;

	color: #3b3b3b;

	line-height: 130%;

	margin-bottom: 20px;

}



.section-heading h5{

	font-size: 20px;

	font-weight: 300;

	color: #3b3b3b;

	line-height: 150%;

	margin-bottom: 20px;

}



.section-heading p{

	font-size: 18px;

	font-weight: 500;

	color: #b1b1b1;

	line-height: 160%;

	margin-bottom: 0px;

}



.section-heading span{

	display: block;

	font-size: 15px;

	font-weight: 600;

	color: #CC9933;

	line-height: 160%;

}



.page-title h1{

	font-size: 40px;

	font-weight: 100;

	color: #fff;

	margin-bottom: 5px;

}



.page-title ul{

	padding-left: 0px;

}



.page-title ul li{

	display: inline-block;

}	



.page-title ul li a{

	font-size: 17px;

	font-weight: 500;

	color: #fff;

}

.page-title ul li:after{

	content: " /";

	font-size: 17px;

	font-weight: 500;

	color: #fff;

	margin: 0px 5px 0px 5px;	

}

.page-title ul li:last-child:after{

	content: none;

}

.page-title ul li a:hover{

	color: #CC9933;	

}



.block-heading h3{

	font-size: 28px;

	font-weight: 300;

	color: #3b3b3b;

	line-height: 130%;

	margin-bottom: 10px;	

}





/*-----------------------------------------

3. Top-Bar

-------------------------------------------*/

#top-bar{

	background: #908463;

	border-bottom: 1px solid #eee;

	min-height: 50px;

}



.top-bar-info {

	padding: 0px;

}



.top-bar-info li{

	font-size: 13px;

	font-weight: 500;

	color: #fff;

	list-style-type: none;

	float: left;

	margin: 0px;

	padding: 16px 16px 16px 0px;

}



.top-bar-info li i{

	font-size: 15px;

	color: #CC9933;

	padding-right: 8px;

}



.top-appoinment{

	display: inline-block;	

	font-size: 15px;

	font-weight: 500;

	background: #CC9933;

	color: #fff;

	text-align: center;

	padding: 15px 25px 15px 25px;	

}

.top-appoinment:hover{

	color: #fff;

	background: #2d4358;

}





/*-----------------------------------------

4. Navbar 

-------------------------------------------*/

.affix {

	top: 0;

	width: 100%;

	z-index: 99999;

}



.navbar-nav{

	margin: 0px;

}



.navbar-header-custom{

	background: #fff;

	padding: 25px 0px 25px 0px;

}



.navbar-logo img{

	/*width: 130px;

	height: 50px;*/

	max-width: 100%;

	max-height: 60px;

	margin-bottom: -10px;

	margin-top: -5px;

	margin-left: 15px;

	

}



.navbar-custom{

	background: #fff;

	border: none;

	border-radius: 0px;

	padding: 0px 0px 0px 0px;

    -webkit-box-shadow: 0px 3px 6px 0px rgba(20, 20, 20, 0.05);

	-moz-box-shadow:    0px 3px 6px 0px rgba(20, 20, 20, 0.05);

	box-shadow:         0px 3px 6px 0px rgba(20, 20, 20, 0.05);

	margin-bottom: 0px;

}



.navbar-custom .navbar-links-custom li {

	padding: 25px 5px 25px 5px;

}



.navbar-custom .navbar-links-custom li a{

	font-size: 14px;

	font-weight: 700;

	text-transform: uppercase;	

	letter-spacing: 0.5px;

	color: #3b3b3b;

	border-radius: 5px;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;		

}



.navbar-custom .navbar-links-custom li a i{

	font-size: 9px;

	font-weight: normal;

}

.navbar-custom .navbar-links-custom li a:hover{

	color: #CC9933;

}



.navbar-custom .navbar-toggle .icon-bar {

    background-color: #CC9933;

}



@media screen and (max-width:767px) {

	.navbar-custom .navbar-links-custom li{

	font-size: 13px;

	font-weight: bold;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;	

    border-bottom: 1px solid #e6e6e6;

    padding: 0px;

    margin: 0px;

	}

	.navbar-custom .navbar-links-custom li:last-child{

    	border-bottom: none;

	}

	.navbar-custom .navbar-links-custom li a{

		margin: 0px;

		padding: 15px;

	}

	.navbar-default .navbar-links-custom .open .dropdown-menu>li>a {

	    color: #3b3b3b;

	    font-size: 12px;

	    padding: 7px 0px 7px 20px;

	}		

}



.navbar-links-custom .dropdown ul{

	border: none;

	border-radius: 0px;

	padding: 10px;

	margin-left: 5px;

	-webkit-box-shadow: 0px 5px 9px 0px rgba(50, 50, 50, 0.15);

	-moz-box-shadow:    0px 5px 9px 0px rgba(50, 50, 50, 0.15);

	box-shadow:         0px 5px 9px 0px rgba(50, 50, 50, 0.15);	

}



.navbar-links-custom .dropdown ul li{

	padding: 0px;

	border:none;

}



.navbar-links-custom .dropdown ul li a{

	font-weight: 700;

	padding: 7px;

	width: 210px;

	text-transform: none;

	text-align: left;

	color: #444;

}



.navbar-links-custom .dropdown ul li a:hover{

	background: #CC9933;

	color: #fff !important;

}



/*DROPDOWN ICON STYLES*/

.navbar-links-custom .dropdown .dropdown-toggle:after{

	content: "\f107";

	font-family: FontAwesome;

	padding-left: 6px;

}



.active-link a{

	color: #CC9933 !important;

}



@media screen and (max-width:767px) {

	.navbar-links-custom .dropdown ul li a:hover{

		color: #CC9933 !important;

	}	

}



.menu-icon{

	border: none;

	background: none; 	

}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

    background-color: transparent;

}



/*This class is for Landing Navbar*/

.active-nav{

	color: #CC9933 !important;

}







/*Navbar breakpoint*/

@media (max-width: 992px) {

    .navbar-header {

        float: none;

    }

    .navbar-left,.navbar-right {

        float: none !important;

    }

    .navbar-toggle {

        display: block;

    }

    .navbar-collapse {

        border-top: 1px solid transparent;

        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

    }

    .navbar-fixed-top {

        top: 0;

        border-width: 0 0 1px;

    }

    .navbar-collapse.collapse {

        display: none!important;

    }

    .navbar-nav {

        float: none!important;

        margin-top: 7.5px;

    }

    .navbar-nav>li {

        float: none;

    }

    .navbar-nav>li>a {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .collapse.in{

        display:block !important;

    }

   .navbar-nav .open .dropdown-menu {

       position: static;

       float: none;

       width: auto;

       margin-top: 0;

       background-color: transparent;

       border: 0;

       -webkit-box-shadow: none;

       box-shadow: none;

    }  

    .navbar-links-custom{

    	padding-bottom: 5px;

    }

	.navbar-custom .navbar-links-custom li {

		padding: 5px 0px 0px 5px;

	}    

}





/*-----------------------------------------

5. Preloader

-------------------------------------------*/

#preloader {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 99999;

    width: 100%;

    height: 100%;

    overflow: visible;

    background: #fff;

    display: table;

    text-align: center;

}



.loader {

    display: table-cell;

    vertical-align: middle;

    height: 100%;

    width: 100%;

    position: relative;

    width: 200px;

    height: 200px;

}



.loader-icon {

    width: 75px;

    height: 75px;

    border: 1.5px solid #CC9933;

    border-right-color: transparent;

    border-radius: 50%;

    position: relative;

    animation: loader-rotate 1s linear infinite;

    margin: 0 auto;

}



@keyframes loader-rotate {

    0% {

        transform: rotate(0);

    }

    100% {

        transform: rotate(360deg);

    }

}





/*-----------------------------------------

6. Builder Classes

-------------------------------------------*/

/*--------------------

a) Inner Paddings

----------------------*/

.inner-padd{

	padding: 15px;

}



/*--------------------

b) Text Content

----------------------*/

.text-content p{

	font-size: 15px;

	font-weight: 500;

	color: #909090;

	line-height: 180%;	

}



/*--------------------

c) Frames, Shadows

----------------------*/

.border-round{

	border-radius: 10px;

}

.img-shadow{

    box-shadow: 0px 20px 50px 0px rgba(26, 38, 74, 0.25);

}

.full-width{

	width: 100%;

}

/*--------------------

d) Buttons

----------------------*/

.button-primary{

	display: inline-block;

    font-size: 14.5px;

    font-weight: 600;

    color: #fff;

    padding: 10px 25px 10px 25px;

    border: 2px solid #CC9933;

    border-radius: 5px;

    background: #CC9933;

    text-align: center;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;      

}

.button-primary:hover{

	color: #fff;

	border-color: #908463;

	background: #908463;

}



.button-xs{

	font-size: 10px;

}



.button-sm{

	font-size: 13px;

}



.button-md{

	font-size: 15px;

}



.button-lg{

	font-size: 17px;

	font-weight: 400;

}





/*--------------------

e) Text Colors

----------------------*/

.primary-color h1, 

.primary-color h2, 

.primary-color h3, 

.primary-color h4, 

.primary-color h5, 

.primary-color h6, 

.primary-color p, 

.primary-color i, 

.primary-color span{

	color: #CC9933 !important;

}



.white-color h1, 

.white-color h2, 

.white-color h3, 

.white-color h4, 

.white-color h5, 

.white-color h6, 

.white-color p, 

.white-color i, 

.white-color span{

	color: #fff !important;

}



.grey-color h1, 

.grey-color h2, 

.grey-color h3, 

.grey-color h4, 

.grey-color h5, 

.grey-color h6, 

.grey-color p, 

.grey-color i, 

.grey-color span,

.grey-color{

	color: #aaa !important;

}





/*-----------------------------------------

7. Top Articles

-------------------------------------------*/

.service-article{

	position: relative;

	border: 1px solid #e6e6e6;

	border-radius: 10px;

	padding: 20px 20px 20px 0px;

	margin-bottom: 30px;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;		

}



.article-icon{

	float: left;

	width: 25%;

	text-align: center;

	margin-top: 5px;

}



.article-icon i{

	font-size: 42px;

    color: #3b3b3b;

}



.article-text{

	float: left;

	width: 75%;

	text-align: left;

}



.article-text h3{

	font-size: 22px;

	font-weight: 500;

	color: #3b3b3b;	

}



.article-text p{

	font-size: 15px;

	font-weight: 500;

	line-height: 180%;

	color: #909090;	

	margin-top: 10px;

	margin-bottom: 15px;

}



.article-text a{

	font-size: 14px;

	font-weight: 700;

	color: #CC9933;

}

.article-text a:after{

	content: " \f105";

	font-family: FontAwesome;

	font-size: 14px;

	padding-left: 3px;

}

.article-text a:hover{

	color: #3b3b3b;

}





/*-----------------------------------------

8. Services

-------------------------------------------*/

/*--------------------

a) Service Grid

----------------------*/

.service-grid{

	background: #fff;

	border: 1px solid #e6e6e6;

	margin: 15px 0px 15px 0px;

	border-radius: 10px;

	overflow: hidden;
	
	height : 235px;

}



.service-grid img{

	width: 100%;

}



.service-grid h4{

	font-size: 17px;

	font-weight: 600;

	color: #3b3b3b;

	line-height: 100%;

}



.service-grid p{

	font-size: 15px;

	font-weight: 600;

	color: #909090;

	line-height: 160%;	

	margin-top: 15px;

	margin-bottom: 15px;

}



.service-grid a{

	font-size: 14px;

	font-weight: 700;

	color: #CC9933;

}

.service-grid a:after{

	content: " \f105";

	font-family: FontAwesome;

	font-size: 14px;

	padding-left: 3px;

}

.service-grid a:hover{

	color: #3b3b3b;

}





/*--------------------

b) Service Block

----------------------*/

.service-block{

	background: #fff;

	border: 1px solid #e6e6e6;

	margin: 15px 0px 15px 0px;

	border-radius: 10px;

	overflow: hidden;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;	

}



.service-block img{

	width: 100%;

}



.service-block h4{

	font-size: 17px;

	font-weight: 600;

	color: #3b3b3b;

	line-height: 150%;

}



.service-block p{

	font-size: 15px;

	font-weight: 600;

	color: #909090;

	margin-top: 15px;

	margin-bottom: 0px;

}



.service-block-content{

	float: center;

	width: 100%;

}



.service-block-icon{

	float: left;

	width: 20%;	

	text-align: right;

}



.service-block-icon a{

	display: inline-block;

	color: #CC9933;

	font-size: 25px;

	border-radius: 50%;

	border: 1.5px solid #CC9933;

	text-align: center;

	width: 50px;

	height: 50px;

	padding: 7px;

}

.service-block:hover .service-block-icon a{

	color: #fff;

	background-color: #CC9933;	

}

.service-block:hover{

	box-shadow: 10px 5px 90px 0px rgba(26, 38, 74, 0.13);

}





/*--------------------

c) Service Box

----------------------*/

.service-box_1{

	background: #fff;

	border: 1px solid #e6e6e6;

	padding: 20px 20px 73px 0px;

	border-radius: 10px;

	margin: 10px auto;
		width : 300px;
			height : 30px;


}



.service-box_2{

	background: #fff;

	border: 1px solid #e6e6e6;

	padding: 20px 20px 73px 0px;

	border-radius: 10px;

	margin: 10px auto;
	width : 300px;
			height : 30px;
}



.service-box_3{

	background: #fff;

	border: 1px solid #e6e6e6;

	padding: 20px 20px 73px 0px;

	border-radius: 10px;

	margin: 10px auto;
	width : 300px;
			height : 30px;}



.service-box_4{

	background: #fff;

	border: 1px solid #e6e6e6;

	padding: 20px 20px 73px 0px;

	border-radius: 10px;

	margin: 10px auto;
	width : 300px;
			height : 30px;}



.service-box_5{

	background: #fff;

	border: 1px solid #e6e6e6;

	padding: 20px 20px 73px 0px;

	border-radius: 10px;

	margin: 10px auto;
	width : 300px;
			height : 30px;}



.service-box_6{

	background: #fff;

	border: 1px solid #e6e6e6;

	padding: 20px 20px 73px 0px;

	border-radius: 10px;

	margin: 10px auto;
	width : 300px;
			height : 30px;}







.box-icon{

	float: left;

	width: 25%;

	text-align: center;

	padding-top: 15px;

}



.box-icon i{

	font-size: 38px;

	color: #CC9933;

}



.box-content{

	float: right;

	width: 75%;	

}



.box-content h5{

	font-size: 17px;

	font-weight: 600;

	color: #3b3b3b;

	line-height: 180%;	

	margin-left: 15px;

	margin-bottom: 5px;

}



.box-content p{

	font-size: 15px;

	font-weight: 500;

	color: #909090;

	line-height: 180%;	

	margin-left: 15px;

	margin-bottom: 0px;

}





/*-----------------------------------------

9. Services Detail

-------------------------------------------*/

.service-category-list{

	position: relative;

	overflow: hidden;

	border-radius: 10px;

}



.service-category-list ul{

	margin-bottom: 0px;

	padding-left: 0px;

}



.service-category-list ul li{

	list-style-type: none;

	display: block;

	background: #f9f9f9;

}



.service-category-list ul li a{

	display: block;	

	font-size: 15px;

    font-weight: 600;

    color: #3b3b3b;

	padding: 15px 30px 15px 30px;

	border-bottom: 2px solid #fff;		    

}



.service-category-list ul li a:before{

    content: " \f105";

    font-family: FontAwesome;

    font-size: 16px;

    color: #3b3b3b;	

    padding-right: 20px;    

	-webkit-transition-duration: .3s;

	transition-duration: .3s;	    

}

.service-category-list ul li:hover a{

	background: #CC9933;

	color: #fff;	

}

.service-category-list ul li:hover a:before{

	color: #fff;	

	padding-right: 30px;	

}



.list-active-link a{

	background: #CC9933 !important;

	color: #fff !important;	

}

.list-active-link a:before{

	color: #fff !important;	

}



.single-contact{

	background: #908463;

	border-radius: 10px;

	margin-top: 40px;

	padding: 15px;

}



.single-contact h4{

	font-size: 19px;

    font-weight: 600;	

	color: #fff;

}



.single-contact p{

	font-size: 14px;

    font-weight: 600;	

	color: #fff;

	margin-top: 15px;

}



.single-contact h6{

	font-size: 18px;

    font-weight: 500;	

	color: #fff;

	margin-top: 15px;

}



.single-broucher{

	background: #fff;

	margin-top: 40px;

}



.single-broucher ul{

	padding-left: 0px;

	margin-bottom: 0px; 

}



.single-broucher ul li{

	list-style-type: none;	

	margin-top: 10px;		

}



.single-broucher ul li a{

	display: block;

	color: #3b3b3b;

	font-size: 15px;

	font-weight: 600;

	background: #fff;

	border-radius: 10px;

	border: 1.5px solid #efefef;

	padding: 15px;		

}



.single-broucher ul li a i{

	font-weight: 500;

	margin-right: 10px;

}

.single-broucher ul li a:hover{

	color: #fff;

	background: #CC9933;

	border-color: #CC9933;	

}



.detail-heading h3{

	font-size: 22px;

	font-weight: 500;

	color: #3b3b3b;

	text-align: left;	

	margin: 40px 0px 10px 0px;	

}

.detail-heading h3:after{

	display: block;

	content: "";

	width: 50%;

	border-bottom: 2px solid #efefef;

	margin: 10px 0px 15px 0px;

}	





/*-----------------------------------------

10. CountUp

-------------------------------------------*/

.countup-box{

	margin: 30px 0px 30px 0px;

}



.countup-box h4{

	font-size: 45px;

	font-weight: 300;

	color: #fff;

	text-align: center;

	margin: 0px;

}



.countup-box h5{

	font-size: 20px;

	font-weight: 300;

	color: #fff;

	text-align: center;	

	margin-top: 20px;

}





/*-----------------------------------------

11. Tabs

-------------------------------------------*/

.tab-menu{

	padding: 0px 15px 10px 0px;

}



.tabs{

	position: relative;

}



.tabs li {

	display: inline-block;	

	background: transparent;

	margin-right: 20px;	

}



.tabs li a {

	color: #999;

	display: block;

	font-size: 14px;

	font-weight: 600;

	text-decoration: none;	

	border-bottom: 1.5px solid #eee;	

	padding: 10px 3px 10px 3px;

}

.tabs li i {

	color: #999;

	display: block;

	font-size: 40px;

	margin-bottom: 15px;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;		

}

.tabs li:hover a, .tabs li:hover i {

	color: #CC9933;

}



.active-tab a, .active-tab a i {

	color: #CC9933 !important;

	border-bottom: 1.5px solid #CC9933 !important;

}





.tabs-md li {

	display: inline-block;	

	background: transparent;

	margin-right: 20px;	

}



.tabs-md li a {

	color: #3b3b3b;

	display: block;

	font-size: 16px;

	font-weight: 600;

	text-decoration: none;	

	border-bottom: 1.5px solid #eee;	

	padding: 10px 3px 10px 3px;

}



.tabs-md li i {

	color: #CC9933;

	display: block;

	font-size: 40px;

	margin-bottom: 15px;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;		

}

.tabs-md li:hover a, .tabs-md li:hover i {

	color: #CC9933;

}



@media screen and (max-width:767px) {

	.tab-menu{

		padding-right: 0px;

	}

	.tabs-md li{

		display: block;

		padding: 5px 0px 5px 0px;

		margin-right: 0px;

	}	

}





/*-----------------------------------------

12. Testmonials

-------------------------------------------*/

.testmonial-block{

	position: relative;

	margin-bottom: 30px;

}



.testmonial-img{

	width: 20%;

	float: left;

	text-align: center;

}



.testmonial-img img{

	width: 80px !important;

	max-width: 100%;

	border-radius: 50%;

	margin: 0px 30px 30px 0px;

	margin: auto;

}



.testmonial-text{

	width: 80%;

	float: left;

	text-align: left;

}



.testmonial-block strong{

	display: block;

	font-size: 18px;

	font-weight: 500;

	color: #fff;

	text-align: left;

	margin: 0px 0px 15px 0px;	

}



.testmonial-block span{

	display: block;

	font-size: 15px;

	font-weight: 500;

	color: #CC9933;

	text-align: left;

}



.testmonial-block p{

	font-size: 15px;

	font-weight: 400;

	color: #fff;

	text-align: left;

	line-height: 180%;

}





/*-----------------------------------------

13. Team Members

-------------------------------------------*/

.team-member{

	position: relative;

}



.team-member-image{

	position: relative;

	margin: 15px 0px 15px 0px;

}



.team-member-image img{

	display: block;

	width: 100%;

	height: auto;

	border-radius: 10px;

}



.team-member-overlay {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(58, 82, 106, 0.9) 100%);

	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(58, 82, 106, 0.9) 100%);

	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(58, 82, 106, 0.9) 100%);  

	overflow: hidden;

	width: 100%;

	height: 30%;

	opacity: 0;

	transition: .5s ease;

	-moz-border-radius-bottomright: 10px;

	-webkit-border-bottom-right-radius: 10px;

	border-bottom-right-radius: 10px;

	-moz-border-radius-bottomleft: 10px;

	-webkit-border-bottom-left-radius: 10px;

	border-bottom-left-radius: 10px  

}

.team-member:hover .team-member-overlay {

	opacity: 1;

}



.team-member-content {

	white-space: nowrap; 

	color: white;

	font-size: 20px;

	position: absolute;

	overflow: hidden;

	top: 70%;

	left: 50%;

	transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	padding: 50px;

}



.team-member-content i{

	font-size: 20px;

	text-align: center;

	color: #fff;

	padding: 7px;

	transition: .3s ease;	

}

.team-member-content i:hover{

	color: #CC9933;

}

.team-member:hover .team-member-overlay i{

	animation-name: fadeInDown;

	animation-duration: .4s; 

	animation-timing-function: ease-out; 

}



.team-member-name h4{

	font-size: 22px;

	font-weight: 400;

	color: #3b3b3b;

	text-align: center;

	margin-top: 15px;

}



.team-member-name h6{

	font-size: 13px;

	font-weight: 600;

	color: #b1b1b1;

	text-align: center;

	text-transform: uppercase;

	margin-top: 5px;

}





/*-----------------------------------------

14. Portfolio (Isotop)

-------------------------------------------*/



.latest-projects{

	margin-top: 60px;

}



.overlay-container{

	position: relative;

}



.project-item img{

	display: block;

	width: 100%;

	height: auto;

	border-radius: 10px;

	margin-bottom: 15px;

	margin-top: 15px;

}



.project-item-overlay {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	height: 100%;

	width: 100%;

	opacity: 0;

	border-radius: 10px;

	background-color: rgba(58, 82, 106, 0.7);

	transition: .5s ease;

}



.overlay-container:hover .project-item-overlay {

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	opacity: 1;

	height: 100%;

	width: 100%;	

	height: 100%;

	transition: .5s ease;

}



.project-item-overlay h4 {

	font-size: 25px;

	font-weight: 500;	

	white-space: nowrap; 

	color: white;

	position: absolute;

	overflow: hidden;

	top: 40%;

	left: 50%;

	transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	padding: 50px;

}



.project-item-overlay p {

	font-size: 15px;

	font-weight: 500;	

	white-space: nowrap; 

	color: white;

	position: absolute;

	overflow: hidden;

	top: 55%;

	left: 50%;

	transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

}



.isotop-button{

	font-size: 13px;

	font-weight: 600;	

	color: #bbb;

	padding: 15px 15px 15px 0px ;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;		

}

.isotop-button:after{

	content: "/";

	font-weight: 400;	

	color: #b1b1b1;

	padding-left: 15px;

}



.isotop-button:last-child:after{

	content: none;

}

.isotop-button:hover{

	color: #CC9933;

}



.isotop-button:active,

.isotop-button.is-checked {

	color: #CC9933;

}





/*-----------------------------------------

15. Project Detail

-------------------------------------------*/

.p-detail-box {

    text-align: center;

    margin: 30px 0px 30px 0px;

}



.p-detail-box i{

    font-size: 50px;

    color: #3b3b3b;

}



.p-detail-box h4{

    font-size: 16px;

    color: #3b3b3b;

    margin-top: 10px;

    text-transform: uppercase;

}



.p-detail-box p{

    font-size: 14px;

    color: #676767;

    margin-top: 5px;

}



.p-detail-img p{

    font-size: 16px;

    color: #676767;

    line-height: 180%;

    margin-top: 30px; 

    padding: 0px 100px 0px 100px;

}



@media screen and (max-width:767px) {

  .p-detail-img p {

        margin-top: 10px; 

        padding: 0px;

  }

}





/*-----------------------------------------

16. Blog Grid

-------------------------------------------*/

.blog-grid{

    position: relative;

    background: #fff;

    overflow: hidden;

    border: 1px solid #e6e6e6;

    border-radius: 10px;

    margin: 15px 0px 15px 0px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

}

.blog-grid:hover{   

    box-shadow: 10px 5px 90px 0px rgba(26, 38, 74, 0.13);

}



.blog-grid-img {

    overflow: hidden;

    width: 100%; 

}



.blog-grid-img img{

    width: 100%;

}



.blog-grid-content h4{

    font-size: 20px;

    font-weight: 600;

    line-height: 150%;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.blog-grid-content h4 a{

    text-decoration: none;

    color: #565656;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}

.blog-grid-content h4 a:hover{

    color: #CC9933;

}



.admin-info{

    display: inline-block;

    margin-top: 15px;

    margin-right: 25px;

}



.blog-grid-content i{

    color: #676767; 

    font-size: 16px;

    font-weight: 500;

}



.blog-grid-content span{

    font-size: 13px;

    font-weight: 500;

    color: #676767;

    margin-left: 5px;

}



.blog-grid-content p{

    font-size: 14px;

    color: #676767;

    line-height: 160%;

    margin-top: 15px;

}



.blog-grid-button{

    margin-top: 25px;

}



.blog-grid-button a{

    font-size: 14px;

    font-weight: 700;

    color: #CC9933;

}



.blog-grid-button a:after {

    content: " \f105";

    font-family: FontAwesome;

    font-size: 14px;

    padding-left: 3px;

}



.blog-grid-button a:hover{

    color: #565656;

}





/*-----------------------------------------

17. Blog List

-------------------------------------------*/

.blog-list{

    position: relative;

    border-radius: 10px;

    font-size: 15px;

    background: #fff;

    overflow: hidden;

    margin: 30px 0px 30px 0px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

}

.blog-list:hover{

    box-shadow: 10px 5px 90px 0px rgba(26, 38, 74, 0.13);

}



.blog-list img{

     width: 100%;

}



.blog-list-text{

    padding-right: 30px;

}



@media screen and (max-width:991px) {

	.blog-list-text{

	    padding: 30px;

	}	

}



.blog-list-text h6{

    margin-top: 25px;

}



.blog-list-text h6 a{

    font-size: 13px; 

    font-weight: 600;

    text-transform: uppercase;

    color: #CC9933;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}



.blog-list-text h6 a:hover{

    color: #b1b1b1 ;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}



.blog-list-text h3{

    margin-top: 20px;

}



.blog-list-text h3 a{

    font-size: 22px; 

    font-weight: 500;

    color: #3b3b3b;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}

.blog-list-text h3 a:hover{

    color: #CC9933;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}



.blog-list-text p{

    color: #676767;

    font-size: 15px; 

    line-height: 24px;

    min-height: 110px;

    margin-top: 30px;

    margin-bottom: 50px;

}



.blog-list-admin{

    border-top: 1px solid #e6e6e6;

    padding-top: 25px;   

    margin-bottom: 15px;    

}



.blog-list-admin span{

    color: #676767;

    padding-left: 80px;

    font-size: 15px; 

    margin-top: 20px;

    padding-top: 20px;

}



.blog-list-admin a{

    color: #909090;

    font-size: 16px; 

    text-decoration: none; 

    margin-top: 20px;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}

.blog-list-admin a:hover{

    color: #CC9933;

    text-decoration: none; 

}



@media screen and (max-width:767px) {

  .blog-list-text {

        margin-top: 50px; 

        padding: 0px 15px 0px 15px;

  }

}





/*-----------------------------------------

18. Blog Post

-------------------------------------------*/

.blog-post img{

    border-radius: 10px;

    width: 100%;

}



.blog-post h4{

    font-size: 25px;

    font-weight: 500;

    color: #3b3b3b;

    margin-top: 20px;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}



.blog-post-info{

    display: inline-block;

    margin-top: 15px;

    margin-right: 25px;



}



.blog-post-info i{

    color: #676767; 

    font-size: 16px;

    font-weight: 500;

}    



.blog-post-info span{

    font-size: 13px;

    font-weight: 500;

    color: #676767;

    margin-left: 5px;

}



.blog-post p{

    font-size: 16px;

    font-weight: 500;

    color: #676767;

    line-height: 180%;

}



blockquote{

    border-left: 0px;

    margin-top: 25px;

    padding: 0px;

}



blockquote i{

    color: #CC9933;

    font-size: 38px;

    padding-top: 20px; 

}



.blockquote p{

    color: #3b3b3b;

    font-size: 19px;

    font-weight: 100;

    line-height: 170%;

}



.blog-post-share{

    border-top: 1.5px solid #CC9933;

    padding-top: 20px;

    margin-top: 50px;

}



.blog-post-share a{

    color: #CC9933;

    margin-right: 10px;

}



.share-icons a i{

    color: #676767;

    font-size: 15px;

    padding: 0px 0px 0px 5px;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;    

}

.blog-post-share a i:hover{

    color: #CC9933;

}



.blog-post-left{

    background: #fafafa;

    border-radius: 10px;

    margin-bottom: 30px;   

    padding: 20px;

}



.blog-post-left h4{

    font-size: 20px;

    font-weight: 500;

   

}

.blog-post-left h4:after{

    display: block;

    content: "";

    width: 60%;

    border-bottom: 1.5px solid #CC9933;

    padding-bottom: 10px;

}



.recent-posts{

    margin-top: 30px;

}



@media (max-width: 767px) {

    .recent-posts-text{

        margin-top: 10px;

    }

    .blog-post-left{

        margin-top: 20px;

    }

}



.recent-posts-text p a{

    font-size: 15px;

    font-weight: 600;

    color: #676767;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s; 

}

.recent-posts-text p a:hover{

    color: #CC9933;

}



.recent-posts-text span{

    font-size: 14px;

    color: #CC9933;

}



.categories ul li{

    list-style-type: none;

    padding-left: 0px;

    margin-top: 15px;

}



.categories ul {

    padding-left: 0px;

    margin-top: 30px;

}



.categories ul li a{

    font-size: 16px;

    color: #676767;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s; 

}

.categories ul li a:hover{

    font-size: 16px;

    color: #CC9933;

  

}



.categories ul li a span{

    font-size: 15px;

    color: #CC9933;

}



.about p{

    font-size: 15px;

    line-height: 160%;

    color: #676767;

    margin-top: 20px;

}



.about p{

    font-size: 15px;

    line-height: 160%;

    color: #676767;

    margin-top: 20px;

}





/*-----------------------------------------

19. Pricing List

-------------------------------------------*/

.pricing{

    position: relative;

    border-radius: 10px;

    background-color: #fff;

    border: 1px solid #e6e6e6;

    margin: 15px 0px 15px 0px;

    overflow: hidden;

}



.pricing-box h4{

    font-size: 25px;

    font-weight: 500;

    color: #3b3b3b;

}



.pricing-box h2{

    font-size: 35px;

    font-weight: 500;

    color: #3b3b3b;

    margin-top: 15px;

}



.pricing-box p{

    font-size: 15px;

    color: #676767;

    margin-top: 12px;

    margin-bottom: 15px;

}



.pricing-info{

    border-top: 1px solid #e6e6e6;

    padding-top: 30px;

    margin-top: 30px;

}



.pricing-info p i{

    color: #CC9933;

    font-size: 15px;

    font-weight: 700;

}



.pricing-info p span{

    color: #676767;

    font-size: 15px;

    margin-left: 20px;

}



.pricing-button a{

    display: inline-block;

    width: 100%;

    font-size: 15px;

    font-weight: 600;

    color: #fff;

    padding: 12px 15px 12px 15px;

    background: #CC9933;

    text-align: center;

    text-decoration: none; 

    margin-right: 5px;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}



.pricing-button a:hover{

    background: #908463;

    text-decoration: none;

}





/*-----------------------------------------

20. Partners

-------------------------------------------*/

.partners img{

	opacity: 0.5;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;		

}

.partners img:hover{

	opacity: 1;

}





/*-----------------------------------------

21. Progress Bars

-------------------------------------------*/

.progress-text{

	font-size: 13px;

	font-weight: 600;

	color: #777;

	margin-bottom: 10px;	

}



.custom-progress{

	height: 5px;

	box-shadow: none;

}





.custom-bar{

	height: 5px;

	background-color: #908463;

	box-shadow: none;

}





/*-----------------------------------------

22. Accordions

-------------------------------------------*/

.accordion{

	box-shadow: none;

	border: none;

}



.accordion-heading{

	border-radius: 10px;

	padding: 0px;

}



.accordion-title a{	

	font-size: 16px;

	font-weight: 600;

	background: #fafafa;

	color: #908463;

	display: block;

	padding: 15px 20px 15px 20px;

	border-radius: 10px;

}

.accordion-title a:after{	

	content: '\f146';

	font-weight: 700;

	color: #908463 ;

	font-family: FontAwesome;

	font-size: 16px;

	float: right;

}

.accordion-title .collapsed:after{	

	content: '\f0fe';

	font-weight: 700;

	color: #908463;

	font-family: FontAwesome;

	font-size: 16px;

	float: right;

}



.accordion-body{

    font-size: 16px;

    font-weight: 500;

    color: #909090;

    line-height: 180%;

	border: none !important;

}





/*-----------------------------------------

23. 404 Page

-------------------------------------------*/

.big-background{    

    background-size: cover;

    background-position: bottom;

    background-repeat: no-repeat;

    padding: 200px 0px 200px 0px;

}   





.block-404 {

    text-align: center;

}



.block-404 h1{

    font-size: 100px;

    font-weight: 100;

    color: #fff;

}



.block-404 h2{

    font-size: 30px;

    font-weight: 500;

    color: #fff;

}



.block-404 h4{

    font-size: 20px;

    font-weight: 500;

    color: #fff;

    margin-top: 10px;

}   





/*-----------------------------------------

24. Forms

-------------------------------------------*/

.primary-form input,.primary-form textarea{

    color: #424040;

    font-size: 14px;

    font-weight: 500;   

    border: none;

    border-bottom: 1px solid #eee;

    width: 100%;

    margin-top: 30px; 

    padding: 12px 15px 12px 15px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;       

}

.primary-form input:focus{

      border-bottom: 1px solid #CC9933;

}



.primary-form textarea{

    min-height: 150px;

}



.primary-form textarea:focus{

    border-bottom: 1px solid #CC9933;

}





/*-----------------------------------------

25. Contact Page

-------------------------------------------*/

.contact-box{

    text-align: center;

    border-radius: 10px;

}



.icon-box{

    display: inline-block;

    background: #CC9933; 

    border-radius: 10px;

    width: 100px;

    height: 100px;

    padding-top: 30px;

    margin-bottom: 15px;

}



.contact-box i{

    display: block;

    font-size: 40px;

    color: #fff;

    margin-bottom: 25px;

}



.contact-box h4{

    font-size: 20px;

    font-weight: 500;

    color: #3b3b3b;

    margin: 10px 0px 5px 0px;

}



.contact-box p{

    font-size: 15px;

    font-weight: 600;

    color: #3b3b3b;

    margin: 0px;

}



.contact-icon{

    padding: 80px 0px 80px 0px;

}



@media screen and (max-width:767px) {

  .contact-icon {

    text-align: center;

    padding: 20px 0px 20px 0px;   

    border-bottom: 2px solid #fff;

    }

}





/*-----------------------------------------

26. Google Map

-------------------------------------------*/

#map {

    height: 400px;

}





/*-----------------------------------------

27. Scroll To Top Button

-------------------------------------------*/

.scroll-to-top{

	font-size: 20px;  

	padding: 6px; 

	text-align:center; 

	color: #fff;

	text-decoration: none;

	position:fixed;

	bottom:80px;

	right:20px;

	display:none;

	border-radius: 5px;

	background: #908463;

	width: 40px;

	height: 40px;  

	z-index: 9999;

	outline: none;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;   

}

.scroll-to-top i{

	color: #fff;

}



.scroll-to-top:hover{

	color: #fff;

	background: #CC9933 ;

}

 .scroll-to-top:hover i{

	color: #fff;

}

.scroll-to-top:visited{

	color: #fff;

	text-decoration:none;

}





/*-----------------------------------------

28.0

-------------------------------------------*/

.footer{

    background: #222222;

    padding: 50px 0px 50px 0px;	

}



.footer-column-heading h6{

	font-size: 18px;

	font-weight: 600;

	color: #fff;

	text-decoration: none;

	text-transform: uppercase;

	margin-bottom: 40px;

}



@media screen and (max-width:991px) {

	.footer-column-heading h6{

		margin-top: 30px;

	}	

}

.footer-column-1 i{

	font-weight: 100;

	margin-right: 7px;

}



.footer ul{

	padding-left: 20px;

}



.footer ul li{

	list-style-type: none;

	margin-top: 10px;	

}



.footer ul li a{

	font-size: 14px;

	font-weight: 600;

	color: #fff;

	text-decoration: none;

	text-transform: uppercase;

}

.footer ul li a:hover{

	color: #CC9933;

}



.footer-post{

	margin-bottom: 20px;

}



.footer-post-img{

	width: 25%;

	float: left;

}



.footer-post-img img{

	border-radius: 5px;

	width: 100%;

}



.footer-post-content{

	width: 75%;

	float: left;	

	text-align: left;

}



.footer-post-content h6{

	margin-left: 10px;

}



.footer-post-content h6 a{

	font-size: 15px;

	font-weight: 400;

	color: #aaa;

	text-decoration: none;

}



.newsletter-form input{

	width: 100%;

	border: 1px solid #ccc;

	-moz-border-radius-topleft: 10px;

	-webkit-border-top-left-radius: 10px;

	 border-top-left-radius: 10px;

	-moz-border-radius-bottomleft: 10px;

	-webkit-border-bottom-left-radius: 10px;

	border-bottom-left-radius: 10px;	

	padding: 10px;

}



.newsletter-form button{

	color: #fff;	

	background-color: #CC9933;

	-moz-border-radius-topright: 10px;

	-webkit-border-top-right-radius: 10px;

	border-top-right-radius: 10px;

	-moz-border-radius-bottomright: 10px;

	-webkit-border-bottom-right-radius: 10px;

	border-bottom-right-radius: 10px;	

	padding: 10px 20px 10px 20px;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;		

}

.newsletter-form button:hover{

	background-color: #fff;

}



.bottom-bar{

	background-color: #1c1c1c;

	padding: 10px 0px 10px 0px; 

}

.bottom-icons a i{

	color: #fff;

	font-size: 15px;

	padding: 12px;

	-webkit-transition-duration: .3s;

	transition-duration: .3s;		

}

.bottom-icons a i:hover{

	color: #CC9933 !important;

}







/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #CC9933;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.timecontainer {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.timecontainer::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: #CC9933;
  border: 4px solid #6699FF;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.timeleft {
  left: 0;
}

/* Place the container to the right */
.timeright {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.timeleft::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #CC9933;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #CC9933;
}

/* Add arrows to the right container (pointing left) */
.timeright::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #CC9933;
  border-width: 10px 10px 10px 0;
  border-color: transparent #CC9933 transparent transparent;
}

/* Fix the circle for containers on the right side */
.timeright::after {
  left: -12px;
}

/* The actual content */
.timecontent {
  padding: 20px 30px;
  background-color: #CC9933;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }
  
  /* Full-width containers */
  .timecontainer {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .timecontainer::before {
  left: 60px;
  border: medium solid blue;
  border-width: 10px 10px 10px 0;
  border-color: transparent #CC9933 transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .timeleft::after, .timeright::after {
  left: 15px;
  }
  
  /* Make all right containers behave like the left ones */
  .timeright {
  left: 0%;
  }
}



#mixedSlider {
  position: relative;
}
#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 5%;
}
#mixedSlider .MS-content .item {
	
  display: inline-block;
  width: 33.3333%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0 30px;


  
}

#mixedSlider h2{	
	  font-size: 20px;
}

@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
	 padding: 0 20px;
  }
  #mixedSlider h2{	
	  font-size: 15px;
}
}

#mixedSlider .MS-content .item .imgTitle {
  position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 15px 15px;
}
#mixedSlider .MS-content .item .imgTitle img {
    margin: 0 auto;
background: #fff;
	padding: 9px;
	box-shadow: 0 6px 20px -6px rgba(0,0,0,0.4);

}

#mixedSlider .MS-content .item a {
  float: right;
  margin: 0px 20px 0 0;
  font-size: 16px;
  font-style: italic;
  color: #252525;
  font-weight: bold;
  letter-spacing: 1px;
  transition: linear 0.1s;
}
#mixedSlider .MS-content .item a:hover {
  text-shadow: 0 0 1px grey;
}
#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 95px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider .MS-controls .MS-left {
  left: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}
#mixedSlider .MS-controls .MS-right {
  right: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}
#mixedSlider {
  position: relative;
}
#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 5%;
}
#mixedSlider .MS-content .item {
	
  display: inline-block;
  width: 33.3333%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0 30px;


  
}

#mixedSlider h2{	
	  font-size: 18px;
}

@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
	 padding: 0 5px;
  }
  #mixedSlider h2 {	
	  font-size: 12px;
}


}

#mixedSlider .MS-content .item .imgTitle {
  position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  color: #252525;
  font-style: italic;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 0 0 15px 15px;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
      padding: 0 0 10px 10px;

}


#mixedSlider .MS-content .item .imgTitle img {
  height: auto;
  width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

#mixedSlider .MS-content .item a {
  float: right;
  margin: 10px 20px 0 0;
  font-size: 16px;
  font-style: italic;
  color: #252525;
  font-weight: bold;
  letter-spacing: 1px;
  transition: linear 0.1s;
}
@media (max-width: 991px) {
#mixedSlider .MS-content .item a {
   	  font-size: 12px;
  }
}

#mixedSlider .MS-content .item a:hover {
  text-shadow: 0 0 1px grey;
}